window.onload=function(){
	Loadnav();
	InitProductNav();
	InitProduct();
}

function Loadnav(){
  var objNav=document.getElementById('topnav').getElementsByTagName('li');
	var Arrnav=[],Arrfirst=[];
	for(var i=0;i<objNav.length;i++){
       if(objNav[i].className!='first'){
			Arrnav.push(objNav[i]);
		}else{
			Arrfirst.push(objNav[i]);
		}
	}
	for(var i=0;i<Arrnav.length;i++){
		Arrnav[i].onmouseover=function(){
			for(var j=0;j<Arrnav.length;j++){
				Arrnav[j].className='';
				if(j!=Arrnav.length-1){Arrnav[j+1].getElementsByTagName('a')[0].className='ltle';}
				document.getElementById('detail'+j).style.display='none';
			}
			var intNav=parseInt(this.getAttribute('rel'));
			document.getElementById('detail'+intNav).style.display='block';
			if(intNav!=Arrnav.length-1){Arrnav[intNav+1].getElementsByTagName('a')[0].className='ltle2';}
			this.className='on';
		}
	}	
	
	Arrfirst[0].onmouseover=function(){
		this.className='first on';	
		Arrnav[0].className='';	
			document.getElementById('detail0').style.display='none';
		Arrnav[0].getElementsByTagName('a')[0].className='ltle2';
	}
	Arrfirst[0].onmouseout=function(){
		this.className='first';	
		Arrnav[0].getElementsByTagName('a')[0].className='ltle';
	}
	
}

function InitProductNav(){
 var objProNav=document.getElementById('productview').getElementsByTagName('li');
 for(var j=0;j<objProNav.length;j++){
	 objProNav[j].onmouseover=function(){
		 for(var i=0;i<objProNav.length;i++){
			objProNav[i].className='';
		}
		 this.className='on';
	 }
 }
}

function InitProduct(){
 var objProject=document.getElementById('projectss').getElementsByTagName('li');
 for(var j=0;j<objProject.length;j++){
	 objProject[j].onmouseover=function(){
		 for(var i=0;i<objProject.length;i++){
			objProject[i].className='';
		}
		 this.className='on';
	 }
 }
}
function showTab(tobj,id,cobj){
	var objli=document.getElementById(tobj).getElementsByTagName('li');
	for(var i=0;i<objli.length;i++){
		document.getElementById(cobj+i).style.display='none';
		objli[i].className='';
	}
	document.getElementById(cobj+id).style.display='';
	objli[id].className='on';
}
	
