function addLoadEvent(func) {
  var oldonload = window.onload;
  if (typeof window.onload != 'function') {
    window.onload = func;
  } else {
    window.onload = function() {
      oldonload();
      func();
    }
  }
}
function click(xroot){
		var clickLeft= document.getElementById('Cleft');
		var clickRight= document.getElementById('Cright');
		var slideTag = document.getElementById('slice');
		if (slideTag == null){return false;}
		var childList= slideTag.getElementsByTagName('li');
		var chidSize = childList[0].offsetWidth;
		var childNum = childList.length;
		var parNedesize = childNum*chidSize;	
		//var childNum = (childList.length)-1;
		//var lastC = childList[childNum];
		var leftWidth =parNedesize-(chidSize*5);
		var setLeft = parseInt(slideTag.style.left);	
		slideTag.style.width=parNedesize+"px";
		var imgLeftSrc = clickLeft.src;
		var imgLeftArray = imgLeftSrc.split("/");	
		var imgleftLength= imgLeftArray.length;	
		var leftsrcShow = imgLeftArray[imgleftLength-1];
		var imgRightSrc = clickRight.src;
		var imgRightArray = imgRightSrc.split("/");	
		var imgRightLength= imgRightArray.length;	
		var RightsrcShow = imgRightArray[imgRightLength-1];
		//document.myform.one.value=leftWidth;

		if (slideTag.offsetLeft == -leftWidth ){
			if(RightsrcShow == 'img_ViewRight.gif'){		
			 clickRight.src = clickRight.src.replace(".gif", "_on.gif");}
			return false;
		}
		if (childNum < 5){return false;}
		else if(leftsrcShow == 'img_ViewLeft.gif'){		
			 clickLeft.src = clickLeft.src.replace(".gif", "_on.gif");
		}
		
		clickLeft.onclick=function(){
			var usrpx = -74+(setLeft);
			movie(usrpx);
			return false;
		}
		clickRight.onclick=function(){
			var usrpx = 74+(setLeft);
			if (setLeft == 0){			
				if(RightsrcShow == 'img_ViewRight_on.gif'){clickRight.src = clickRight.src.replace("_on.gif", ".gif");}		
				return false;	
			}		
			movie(usrpx);
			return false;
			
		}
	}
	function movie(usrpx){
		var slideTag = document.getElementById('slice');
		var xroot = parseInt(slideTag.style.left);
		
		var rootNum =usrpx;
		if (xroot > rootNum) {
			rootNum=(usrpx)-9;
			var dist = Math.ceil((rootNum - xroot)/10);
			xroot = xroot + dist;
		}
		if (xroot < rootNum) {
			rootNum=(usrpx)+9;
			var dist = Math.ceil((xroot-rootNum)/10);
			xroot = xroot - dist;
		}
		
		if (xroot == usrpx){
			slideTag.style.left=xroot+"px";
			click(xroot);
			
			return false;
		}
		slideTag.style.left=xroot+"px";
		


		var movieload ="movie("+usrpx+")";
		setTimeout(movieload,25);
	}


addLoadEvent(click);



function prductshow(){
	var nullnum =0;
	var slideTag = document.getElementById('slice');
	if (slideTag == null){return false;}
	var childList= slideTag.getElementsByTagName('li');
	var chidImg = document.getElementById('imgchage');
	
	for (var i=0;i<childList.length;i++ )
	{
		childList[i].setAttribute("id",i);
		childList[i].onclick=function(){		
			var thisNum = this.getAttribute("id");
			var imgUrl = childList[thisNum].getElementsByTagName('img');
			var dotIdx = imgUrl[1].src.lastIndexOf(".");
			var imgUrlLen = imgUrl[1].src.length;
			var dtlImgUrl = imgUrl[1].src.substring(0,dotIdx-1)+'L'+imgUrl[1].src.substring(dotIdx,imgUrlLen);
			var imgBgno = document.getElementById(nullnum).getElementsByTagName('img');
			imgBgno[0].src = imgBgno[0].src.replace("_on.gif", ".gif");
			var imgChage = this.getElementsByTagName('img');
			imgChage[0].src = imgChage[0].src.replace(".gif", "_on.gif");

			chidImg.setAttribute("src", dtlImgUrl);
			nullnum =this.getAttribute("id");
		}
	}
}

addLoadEvent(prductshow);