﻿	var objTest=document.getElementById("divScrollMain");
	var obj1=document.getElementById("divScrollObj1");
	var obj2=document.getElementById("divScrollObj2");
	var obj3=document.getElementById("divScrollObj3");
	var obj4=document.getElementById("divScrollObj4");
	var obj5=document.getElementById("divScrollObj5");	
	var scrollT;	
				
	ScrollDivObj(200);
	
	function SetLoad()
	{
		obj1.onmouseover="";
		obj2.onmouseover="";
		obj3.onmouseover="";
		obj4.onmouseover="";
		obj5.onmouseover="";		
	}
	
	function SetEvent()
	{	
		SetLoad();
				
		switch(objTest.scrollLeft)
		{
			case 0:
				obj3.onmouseover=function(){ScrollDivObj(200);};
				break;
			case 200:
				obj2.onmouseover=function(){ScrollDivObj(0);};
				obj4.onmouseover=function(){ScrollDivObj(400);};
				break;
			case 400:
				obj3.onmouseover=function(){ScrollDivObj(200);};
				break;			
		}	
	}
	
	function ScrollDivObj(left)
	{				
		clearTimeout(scrollT);
	
		if(objTest.scrollLeft>left)		
			objTest.scrollLeft-=Math.ceil((objTest.scrollLeft-left)/10);		
		else if(objTest.scrollLeft<left)		
			objTest.scrollLeft+=Math.ceil((left-objTest.scrollLeft)/10);				
					
		if(objTest.scrollLeft==left)	
			SetEvent();
		else
			scrollT=setTimeout("ScrollDivObj("+left+");",30);
	}
