button_timeout_initial=new Array;
button_timeout_restart=new Array;
button_timeout=new Array;
button_timer=new Array;
button_fadetime=new Array;
button_index=new Array;
button_started=new Array;
button_index=new Array;
button_animating=new Array;

/*****************/
/* JQUERY onload */
/*****************/

jQuery(document).ready(function() 
{

	var ss_areas=jQuery("DIV.button_scroll");  
	var delay=0;
	for(var i=0;i<ss_areas.length;i++)
	{
		var parent_id=ss_areas.get(i).id;
		var scroller=ss_areas.get(i);

		//ea. vars.
		button_timeout_initial[parent_id]=4000;
		button_timeout[parent_id]=4000;
		button_timer[parent_id]=0;
		button_fadetime[parent_id]=500;
		button_index[parent_id]=0;
		button_started[parent_id]=false;
		button_index[parent_id]=0;
		button_animating[parent_id]=false;

		delay+=button_timeout[parent_id];

		//start
		ButtonSetTimeout(parent_id,button_timeout_initial[parent_id]);	

		//pause on over/out.		
		jQuery(scroller).hover(function() {ButtonKillTimeout(parent_id);},function() {ButtonSetTimeout(parent_id,button_timeout_restart[parent_id]);});		
	}	
});

/**********************************/
/* 			fading				  */
/**********************************/

function ButtonKillTimeout(parent_id)
{
	if(button_timer[parent_id])
	{
		window.clearTimeout(button_timer[parent_id]);		
		button_timer[parent_id]=0;
	}
}

function ButtonSetTimeout(parent_id,time)
{
  	ButtonKillTimeout(parent_id);
	button_timer[parent_id]=window.setTimeout(function(){Button(parent_id);},time);
}


function Button(parent_id)
{
	//get all images in current slideshow
	var button_items=jQuery("DIV#"+parent_id+" DIV.button");	
	if(button_items.length>1)
		ButtonNextItem(parent_id);
	ButtonSetTimeout(parent_id,button_timeout[parent_id]);
}

function ButtonNextItem(parent_id)
{
	//amimating semaphor
  	if(button_animating[parent_id])
  		return;
  	button_animating[parent_id]=true;

	//stop slideshow/clear timer....
	ButtonKillTimeout(parent_id);

 	//elemtns to maniputate
	var button_items=jQuery("DIV#"+parent_id+" DIV.button");	
	var button_scroller=jQuery("DIV#"+parent_id+" DIV.button_container");	
		
	//images
	button_scroller.animate({left:"-222px"},button_fadetime[parent_id],'',function()
	{
	  	button_scroller.append(button_items[0]);
	  	button_scroller.css({left:"0px"});
	  	button_animating[parent_id]=false;
	}); 

	//ss...
	button_started[parent_id]=true;

	//restart....
	ButtonSetTimeout(parent_id,button_timeout_restart[parent_id]);

}