function naviHover(arSrc,img){
	this.isload=true;
	this.img=img;
	this.srcs=arSrc;// 
	eventAction.apply(this);
	initEvent.apply(this);
	
}
 
function initEvent(){
	 
	var o=document.getElementById("products");
	var lis=o.getElementsByTagName("li");
 	var action=this.eventAction;
 
	for(i=0;i<lis.length;i++){
		lis[i].onmousemove=function(){
			
			var index;
			
			if(this.value>=1){
				index=this.value-1;
			}else{
				index=this.value;
			}
			
			
			
			action(index);
		}
	}
	
	if(this.isload||lis.length>0){
		action(0);
		this.isload=false;
	}
}
function eventAction(value){
	this.img.src=this.srcs[value];
}
function naviBegin(){
	var path=["/types/01.jpg","/types/02.jpg","/types/03.jpg","/types/04.jpg","/types/05.jpg","/types/06.jpg","/types/07.jpg","/types/08.jpg"];
	
	for(i=0;i<path.length;i++){
		var img=document.createElement("img");
		img.src=path[i];
		img.style.display="none";
		document.body.appendChild(img);
	}
	
	
	var img=document.getElementById("image");
	try{
		var h=naviHover(path,img);
		h.initEvent();
	}catch(e){
		 
	}
}