// JavaScript Document
var activeImage = 1;
var rotateImage;
var timeOut;
function startInterval(){
	rotateImage = setInterval("findNext();",4000);
}

function findNext(){
	var next = (activeImage == 5) ? 1: activeImage + 1;
	switchImage(next, false);
}
	
function switchImage(id, clicked){
	$("#"+"item"+activeImage).fadeOut(300);
	$("#"+"item"+id).fadeIn(300);
	
	$('.btn'+id).addClass('active');
	$('.btn'+activeImage).removeClass('active');
	
	activeImage = id;
	
	if(clicked == true){
		clearInterval(rotateImage);
		//clearTimeout(timeOut);
		//var timeOut = setTimeout("startInterval()",5000);
	}
}

$(document).ready( function(){
	
	$('.btn1').click( function(){ if(activeImage != '1'){ switchImage(1, true); } });
	$('.btn2').click( function(){ if(activeImage != '2'){ switchImage(2, true); } });
	$('.btn3').click( function(){ if(activeImage != '3'){ switchImage(3, true); } });
	$('.btn4').click( function(){ if(activeImage != '4'){ switchImage(4, true); } });
	$('.btn5').click( function(){ if(activeImage != '5'){ switchImage(5, true); } });
	
	startInterval();
	
	$('.productbody').corners('5px bottom');
	
});

$(window).load(function(){
	
	$('.table-wrapper').jScrollPane({scrollbarWidth:20,dragMaxHeight:35,dragMinHeight:35});
												
});