;(function($) {

$.fn.innerfade = function(options) {

	this.each(function() { 	
		
		settings = {
			animationtype: 'fade',
			speed: 'normal',
			timeout: 2000,
			type: 'sequence',
			containerheight: 'auto',
			runningclass: 'innerfade'
		};
		
		if(options)
			$.extend(settings, options);
		
			elements = $(this).children();
	
		if (elements.length > 1) {
		
			$(this).css('position', 'relative');
	
			$(this).css('height', settings.containerheight);
			$(this).addClass(settings.runningclass);
			
			for ( var i = 0; i < elements.length; i++ ) {
				$(elements[i]).css('z-index', String(elements.length-i)).css('position', 'absolute');
				$(elements[i]).hide();
			};		
			
		}
		currentPos = 1;
		total = elements.length;
		$.innerfade.next(elements, settings, currentPos, 0);
		
		nav_right = $('#nextProj');
		nav_left = $('#prevProj');
		
		$.innerfade.checkPos();					
		nav_right.click($.innerfade.nextImg);
		nav_left.click($.innerfade.prevImg);	
		
	});
};

$.innerfade = function() {}

$.innerfade.checkPos = function() {
	nav_right.hide();
	nav_left.hide();
	
	if(currentPos <= (total-1))
	nav_right.show();
	
	if(currentPos>1)
	nav_left.show();	
}

$.innerfade.nextImg = function() {		
	var lastTmp = currentPos;
	currentPos = currentPos +1;
	$.innerfade.next(elements, settings, currentPos, lastTmp);
	$.innerfade.checkPos();
};

$.innerfade.prevImg = function() {		
	var lastTmp = currentPos;
	currentPos = currentPos -1;
	$.innerfade.next(elements, settings, currentPos, lastTmp);
	$.innerfade.checkPos();
};


$.innerfade.next = function (elements, settings, current, last) {
	current = current -1;
	last = last -1;	
	if ( settings.animationtype == 'slide' ) {
		$(elements[last]).slideUp(settings.speed, $(elements[current]).slideDown(settings.speed));
	} else if ( settings.animationtype == 'fade' ) {
		$(elements[last]).fadeOut(settings.speed);
		$(elements[current]).fadeIn(settings.speed);
		var title = jQuery(elements[current]).children('a').children('img').attr('alt'); 
		jQuery('#projTitle').html(title);
		
	} else {
		alert('animationtype must either be \'slide\' or \'fade\'');
	};

	if ( ( current + 1 ) < elements.length ) {
		current = current + 1;
		last = current - 1;
	} else {
		current = 0;
		last = elements.length - 1;
	};

};
})(jQuery);

jQuery(document).ready(function() {
 jQuery('#fadeProj').innerfade({
	 speed: 2000,
	 timeout: 3000,
	 type: 'sequence',
	 containerheight: '184px'
 });  

});