//=============================================================
var globalNumber = 0;
var globalCounter = 0;
var curItem = ""; // global scope
var prevItem = ""; // global scope
//=============================================================
function manager() {	// manage the animation
	globalCounter=globalCounter+1;
	if (globalCounter >= 50) { // exit point
		return;
	}
	
	animation();
}  
//=============================================================
function animation() {

	if (curItem) {
		prevItem = curItem;
	}
	if (globalNumber > 3) {
		globalNumber = 0;
		prevItem = '#showcase-' + 3 + '-big';
		
		$(prevItem).css('z-index','1');
		var appoItem = '#showcase-' + 0 + '-big';
		$(appoItem).css('z-index','10');
		$(appoItem).css('visibility','visible');
		
		
		$(prevItem).animate({'opacity':'0'}, 1600, "swing" , function(){}).delay(10).animate({'opacity':'0'}, 10, "swing" , function(){      });
	}

	activatethumbnail(globalNumber);

	var box_id = '#showcase-' + globalNumber + '-big'; // i.e. showcase-2-big
	curItem = box_id; 
	$(curItem).css('visibility','visible');

	$(curItem).animate({'opacity':'1'}, 1600, "swing" , function(){}).delay(8000).animate({'opacity':'1'}, 10, "swing" , function(){
		if (prevItem) {
			$(prevItem).css('visibility','hidden');
			$(prevItem).css('opacity','0');
		}
		globalNumber = globalNumber + 1;
		//$(curItem).css('z-index','auto'); // IE6 doesn't understand auto
		$(curItem).css('z-index',0);
		manager();
  });
}
//=============================================================
//=============================================================
$(document).ready(function() {
	$('.bigimage', '#showcase').each(function(idx,elt) {
		$(elt).css('opacity', '0');
	});

$('li', '#showcase-nav').each(function(idx,elt) {
		$(elt).bind('click', function(event){
			event.preventDefault();
			
			if (curItem) {
				$(curItem).stop(true);
			}
			
			globalNumber = idx;
			showBigPicture(idx);
		});
	});
	
	
});
//=============================================================
$(window).load(function () {
	
	$('#showcase-loader').css({'display':'none'});
	
	manager();

});
//=============================================================
function showBigPicture(num) {
	
	activatethumbnail(num);
	var big_box_id = 'showcase-' + num + '-big'; // i.e. showcase-2-big
	
	$('#showcase-loader').css('display','none');
	$('.bigimage', '#showcase').each(function(idx,elt) { // idx = 0 to 3
											  

		var current_id = $(elt).attr("id");
		
		if (current_id !== big_box_id) {
			$(elt).css('visibility','hidden');
			$(elt).animate({'opacity':'0'},400);
		}
		else {
			$(elt).css('visibility','visible');
			$(elt).animate({'opacity':'1'},400
						, function(){
							manager();
							}
						   );
		}
		
	});
	
}
//=============================================================
function activatethumbnail(number) {
	$('li', '#showcase-nav').each(function(idx,elt) {
		if (idx == number) {
			$(elt).addClass('active');
		}
		else {
			$(elt).removeClass('active');
		}
	});
}
//=============================================================