var DEBUG = false;
var current_prod=1;
var max_products=1; //max products -3 Please remember to change this if you change number of special products. Also change CSS file
var automove=true;
var mov_direction=true;


function move_left()
{
	if(current_prod < max_products)
	{
		//make current left off
		var currid="sop"+current_prod+"";
		var curr_prod=document.getElementById(currid);
		//Turn right product of current 4 on 
		new_prod_idnumber=current_prod+4;
		var newprodid="sop"+new_prod_idnumber+"";
		new_prod=document.getElementById(newprodid);
		// Turn both on and off
		curr_prod.style.display="none";
		new_prod.style.display="block";
			
		current_prod +=1;
	}	
}

function move_right()
{
	if(current_prod > 1)
	{
		//make current right off
		old_id_num=current_prod+3;
		var currid="sop"+old_id_num+"";
		var curr_prod=document.getElementById(currid);
		//Turn right product of current 4 on 
		new_prod_idnumber=current_prod-1;
		var newprodid="sop"+new_prod_idnumber+"";
		new_prod=document.getElementById(newprodid);
		// Turn both on and off
		curr_prod.style.display="none";
		new_prod.style.display="block";		
		current_prod -=1;
	}	
}
function start_automove()
{
	if(current_prod==1)
	{ mov_direction=true;}
	if(current_prod==max_products)
	{ mov_direction=false;}
	if(automove)
	{
	    if(mov_direction)
            { move_left();}
	    else 
	    {   move_right();}
	}
	if(automove && (max_products!=1))
	{	setTimeout('start_automove()',1000);}
}