var extraW = 2;
	var extraH = 2;
	var border = 2;
	var colW = 49;
	var rowH = 49;
	var col2scroll = 1;

	function changeBut(){
		var WidthCatDiv = parseInt(document.getElementById('assetsDiv').scrollWidth)-extraW;
		var WidthShowDiv = parseInt(document.getElementById('winPosition').style.width);
		var divLeft = parseInt(document.getElementById('assetsDiv').style.left);
		var Area = WidthCatDiv + divLeft;
		if(divLeft < 0){
                    document['left_btn'].style.cursor = 'pointer';
                    document['left_btn'].style.display  = 'block';
		   
		}else{
                   document['left_btn'].style.display = 'none';
		   document['left_btn'].style.cursor = 'default';
		}
		 if (WidthCatDiv > WidthShowDiv){
                    document['right_btn'].style.display = 'block';
                    document['right_btn'].style.cursor = 'pointer';
		}
		 if(Area < WidthShowDiv){
                    document['right_btn'].style.display = 'none';
                    document['right_btn'].style.cursor = 'default';
		}
	}

var intervalObject;
function scroll(dir){
    var WidthShowArea = parseInt(document.getElementById('winPosition').style.width);
    var DivWidth = parseInt(document.getElementById('assetsDiv').scrollWidth); 
    var divLeft = parseInt(document.getElementById('assetsDiv').style.left);
    var ShowArea = DivWidth + divLeft;
    var scrollJump = 0;
		if (divLeft == 0 && dir == 1){
			scrollJump = border;
			col2scroll = Math.round(WidthShowArea/(colW + extraW));
		}
		scrollJump += col2scroll*(colW + extraW);

		if (dir == -1 && (divLeft + scrollJump + border) >= 0)
			scrollJump = dir * divLeft;

		if ((DivWidth >= WidthShowArea  && ShowArea > WidthShowArea && dir == 1) || (divLeft < 0 && dir == -1)){	
			var step = divLeft - (scrollJump * dir);
			move(divLeft,step,dir);
		}
}
function move(LeftOffset,step,XYdir){     
        var left = parseInt(document.getElementById("assetsDiv").style.left);
        var idSpeed = 14; //px style left 
	var speed = parseInt(XYdir) * idSpeed;
	var a = LeftOffset - (idSpeed * XYdir);
	changeBut();
		if(XYdir == 1){
			if(LeftOffset <= step){
				document.getElementById("assetsDiv").style.left = step + "px";
				clearTimeout(intervalObject);
			 }
			else{
				document.getElementById("assetsDiv").style.left = left - speed + "px";
				intervalObject = setTimeout('move(' + a + ','+ step +',' + XYdir + ')',10);
			 }
		}
	   if(XYdir == -1){
			if(LeftOffset >= step){
				document.getElementById("assetsDiv").style.left = step + "px";
				clearTimeout(intervalObject);
			}
			else{
				document.getElementById("assetsDiv").style.left = left - speed + "px";
				intervalObject = setTimeout('move(' + a + ','+ step +',' + XYdir + ')',10);
			}
		}
}
var beforeIdSkin = "";
var nowIdSkin= ""; 
 function changeStyle(objId){
     nowIdSkin = objId;
     if(beforeIdSkin != ""){
         var rec = beforeIdSkin; 
         beforeIdSkin = nowIdSkin;
         if (document.getElementById(rec) != null) 
            document.getElementById(rec).firstChild.className = "gorizontalGals_img";
         if (document.getElementById(nowIdSkin) != null) 
             document.getElementById(nowIdSkin).firstChild.className = "gorizontalGals_img_Selected";
     }else{
        beforeIdSkin = objId;
       if(document.getElementById(nowIdSkin)){
             document.getElementById(nowIdSkin).firstChild.className = "gorizontalGals_img_Selected";
        }
     }
}