// JavaScript Document
function loop()
{
	$(ImageTab.images[ImageTab.before]).hide('slow');
	$(ImageTab.images[ImageTab.current]).css("z-index","0").show('normal').animate({left:"0"},1000);
	$(ImageTab.images[ImageTab.after]).css("z-index","5").show('normal').animate({left:"80px"},1000);
	$(ImageTab.images[ImageTab.another]).show('normal').animate({left:"160px"});
	
	ImageTab.current +=1;
	if(ImageTab.current >= ImageTab.imagelength){ImageTab.current=0;}
	
	if(ImageTab.current == 0)
	{
		ImageTab.before =ImageTab.imagelength-1;
		
	}else{ImageTab.before =ImageTab.current-1;}

	if(ImageTab.before >=ImageTab.imagelength)
	{
		ImageTab.before=0
	}
	
	ImageTab.after = ImageTab.current + 1;
	if(ImageTab.after >= ImageTab.imagelength){ImageTab.after=0;}
	
	ImageTab.another =ImageTab.after +1
	if(ImageTab.another >=ImageTab.imagelength){ImageTab.another=0;}
}
function ImageTab(elementid,timeout)
{
	ImageTab.prototype.elementid=elementid;
	ImageTab.TIMEOUT=timeout;
	ImageTab.before     =0
	ImageTab.current    =1;
	ImageTab.after      =2;
	ImageTab.another    =3;
	ImageTab.Interval   =null;
	this.init = function()
	{
		//Initialization class Variable
		ImageTab.images = $("#"+this.elementid +"> li");
		ImageTab.imagelength =ImageTab.images.length;
		ImageTab.images.each(function(){$(this).hide().css("left","80px");});
		
		$(ImageTab.images[ImageTab.before]).show().css("left","0px")
		$(ImageTab.images[ImageTab.current]).css("z-index","5").show().css("left","80px");
		$(ImageTab.images[ImageTab.after]).show().css("left","160px");
		$("#"+this.elementid).bind("mouseover",this.stop);
		$("#"+this.elementid).bind('mouseout',this.start);
		//start animatie
		this.start();
	}
	this.loop =loop;
	this.start = function(){ImageTab.Interval = setInterval("this.loop()",ImageTab.TIMEOUT);}
	this.stop  = function(){clearInterval(ImageTab.Interval);}
}