var slideSource = [];
var totSlide = 0;
var prevSlide = null;
var counter = 0;

var intervalId = null;

$(document).ready(function(){
			
				  setStructure();
				  startTimer();
				  });

function setStructure()
{
	$('.imageContainer .imageHolder').find('img').each(function(n){
													
													slideSource[n] = $(this).attr('src');
													
												});
	totSlide = slideSource.length;
	$('.imageContainer .imageHolder').remove();
	
	$('.imageContainer').prepend('<div class="imageHolder"><img src="'+slideSource[counter]+'" class="prev"/><img src="" class="next"/></div>');
	$('.imageContainer').find('.next').hide();
	
}

/*function setControl()
{
	$('.thumbnail-row .thumbnail').bind("click",mouseAction)	
}*/

/*function mouseAction(e)
{
	
	stopTimer();
	var num = Number($(this).attr('serial'));
	
	switch(e.type)
	{
		case 'click':
			showImage(num);
			counter=num;
			startTimer();
		break;
		
		case 'mouseover':
		break;
		
		case 'mouseout':
		break;
	}
	
}*/
	
function counterClock()
{
	if(counter<totSlide)
	{
		counter++;
	}
	if(counter==totSlide)
	{
		counter=0;
	}
	showImage(counter);
	//alert(counter);
}

function showImage(num)
{
		
	$('.imageContainer').find('.next').attr('src',slideSource[num]);
	
	$('.imageContainer').find('.next').fadeIn(900,function(){
											  		$('.imageContainer').find('.prev').attr('src','');
													$('.imageContainer').find('.prev').attr('src',slideSource[num]);
													$(this).hide();
										  
											  });
}

function startTimer()
{
	intervalId = setInterval(counterClock,5000);
}

function stopTimer()
{
	clearInterval(intervalId);
}