function get_right(){ 
	var right_number = document.getElementById("right").value;
	var div_width = 8039;
	var move_right = 0;
	var style_right_pos = 0;	
	//document.getElementById("right").value = Number(right_number) + Number(1);
	
	if(right_number == 1) {
		document.getElementById("right").value = 2;
		move_right = 810;	//810
		updatePosition(move_right,"1");		
	}
	
	if(right_number == 2) {
		document.getElementById("right").value = 3;
		move_right = 1350;		
		updatePosition(move_right,"810");		
	}	
	
	 
	if(right_number == 3) {
		alert("You can't scroll more than this.");	
	}
}

function updatePosition(move_right,x)	{
	
	if(x < move_right) {	
		x = Number(x)+Number(10); 
		document.getElementById("div").style.left = "-"+x;	
		
		setTimeout("updatePosition("+move_right+","+x+")", 10);	
		
	}
	
}


function get_left(){
	var right_number = document.getElementById("right").value;
	var div_width = 8039;
	var move_right = 0;
	var style_right_pos = 0;	
	//document.getElementById("right").value = Number(right_number) + Number(1);
	 
	if(right_number == 2) {
		document.getElementById("right").value = 1;
		move_right = 810;	//810
		updatePosition2(move_right,"810","10");	
		 	
	}
	if(right_number == 3) {
		document.getElementById("right").value = 2;
		move_right = 1350;		
		updatePosition2(move_right,"540","10");	
	}
	 
	
	if(right_number == 1) {
		alert("You can't scroll more than this.");	
	}
}

function updatePosition2(move_right,x,move)	{
	
	if(x > move) {	
		move = Number(move)+Number(10); 
		var tmp = move_right-move;
		document.getElementById("div").style.left = "-"+tmp;			
		setTimeout("updatePosition2("+move_right+","+x+","+move+")", 10);	
		
	}
}

/*var main_div_width = "750"; // put the div width here
var moveright = 50;// we asign a defoalt value for left (can be use PHP variable)
var tmp2 = "10";
function get_de_vals(){
document.getElementById("left").value = "0";
document.getElementById("right").value = "0";
}

//document.getElementById("main_div").style.offsetWidth=main_div_width;

function get_left(val){
	moveright = val;
	var div_width = document.getElementById("div").offsetWidth;
	//div_width = div_width*div_width;	
	// this is for move the data to right side	
	var leftval = document.getElementById("left").value;	 
	// get left side box value
	var rightval = document.getElementById("right").value;	
	if(rightval != "0") {
		rightval = rightval.replace("-", "");
		leftval = leftval.replace("-", ""); 	
		//if(div_width > leftval2) {		
		// get right side box value		
		
		leftval = Number(leftval)-Number(moveright);
		var newleft = Number(leftval)-Number(moveright); // make this new feft postion when user click on the left butoon
		
		var newright = Number(rightval)-Number(moveright); // make the right postion for the event.
		//var newright = newright;
		//document.getElementById("div").style.left = "-"+newright;
		//newleft = newleft.replace("-", ""); 
		document.getElementById("left").value  = newleft;
		//newright = newright.replace("-", "");  
		document.getElementById("right").value = newright;		
		
		newright = Number(rightval)+Number(moveright);
		
		var auto_play_strat = rightval;
		var move = moveright;
		updatePosition_2(move,auto_play_strat,"10");		 
	}
	
}

function get_right(val){ 
	moveright = val;
	
	// this is for move the data to left side 
	var div_width = document.getElementById("div").offsetWidth;
	var leftval = document.getElementById("left").value;
	var rightval = document.getElementById("right").value;
	
	rightval = rightval.replace("-", "");
	leftval = leftval.replace("-", ""); 
	
	var tmp = Number(rightval)+Number(main_div_width)+Number(val);
	 
	if(div_width > tmp) {		
	
		var newright = Number(rightval)+Number(moveright);
		
		var newleft = Number(leftval)+Number(moveright); // make the right postion for the event.		
		 
		document.getElementById("left").value  = newleft;
		
		document.getElementById("right").value = newright;
		var auto_play_strat = newright-moveright;
		var move = moveright;
		updatePosition(move,auto_play_strat,"10");		 
	}	 
}
 
function updatePosition(move,auto_play_strat,x)	{
	
	if(x < move) {		
		var tmp = Number(auto_play_strat)+Number(x);
		document.getElementById("div").style.left = "-"+tmp;			 
		x = Number(x)+Number(10);			
		setTimeout("updatePosition("+move+","+auto_play_strat+","+x+")", 10);	
		
	}
}

function updatePosition_2(move,auto_play_strat,x)	{
	
	if(move > 0) {
		
		var tmp = Number(auto_play_strat)-Number(x);
		
		document.getElementById("div").style.left = "-"+tmp;				 
		move = Number(move)-Number(10);		
		x = Number(x)+Number(10);
		setTimeout("updatePosition_2("+move+","+auto_play_strat+","+x+")", 10);	
		
	}
}*/

// #################################
// THIS is FOR mouse over image

function MM_swapImgRestore() { //v3.0
  var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}

function MM_preloadImages2() { //v3.0
  var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
    var i,j=d.MM_p.length,a=MM_preloadImages2.arguments; for(i=0; i<a.length; i++)
    if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}

function MM_findObj(n, d) { //v4.01
  var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
    d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
  if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
  for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
  if(!x && d.getElementById) x=d.getElementById(n); return x;
}

function MM_swapImage() { //v3.0
  var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
   if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}