time1=false;
time2=false;
i=0;
j=9;
ele1="";
ele2="";
function init(){

list=document.getElementsByClassName('menu');

	for(m=0;m<list.length;m++){
		list[m].onmouseover=function(){
								list=document.getElementsByClassName('menu');
								for(m=0;m<list.length;m++){
									list[m].style.background="";
								}		
								ele1=this;
								trans1();
							};
		list[m].onmouseout=function(){ele2=this;trans2();};
	}

}

function trans1(){

ele1.style.background="url(template/back/over.png)";
ele1.style.opacity="0."+i;
		if(i!=9){
			i++;
			time1=setTimeout("trans1(ele1)",30);
		}else{
		i=0;
			ele1.style.opacity="1";
			clearTimeout(time1);
			time1=false;
		}

}

function trans2(){
			ele2.style.background="";
			ele2.style.opacity="1";
}