// JavaScript Document

window.onload = function (){
// globalnavi dropdown
	ddnavi_ir = document.getElementById('dd_ir');
	ddnavi_pr = document.getElementById('dd_product');
	ddnavi_re = document.getElementById('dd_recruit');
	ddnavi_ma = document.getElementById('dd_materials');
	ddnavi_ir.style.display = 'none';
	ddnavi_pr.style.display = 'none';
	ddnavi_re.style.display = 'none';
	ddnavi_ma.style.display = 'none';
	n_ir = document.getElementById('t_ir');
	n_pr = document.getElementById('t_product');
	n_re = document.getElementById('t_recruit');
	n_ma = document.getElementById('t_materials');
	n_ir.onmouseover = function (){
	ddnavi_ir.style.display = 'block';
	}
	n_pr.onmouseover = function (){
	ddnavi_pr.style.display = 'block';
	}
	n_re.onmouseover = function (){
	ddnavi_re.style.display = 'block';
	}
	n_ma.onmouseover = function (){
	ddnavi_ma.style.display = 'block';
	}
	n_ir.onmouseout = function (){
		ddnavi_ir.style.display = 'none';
	}
	n_pr.onmouseout = function (){
		ddnavi_pr.style.display = 'none';
	}
	n_re.onmouseout = function (){
		ddnavi_re.style.display = 'none';
	}
	n_ma.onmouseout = function (){
		ddnavi_ma.style.display = 'none';
	}
// sidenavi dropdown
	snavi1 = document.getElementById('n_serbo');
	snavi2 = document.getElementById('n_seismometer');
	snavi3 = document.getElementById('n_fog1');
	snavi4 = document.getElementById('n_fog2');
	snavi5 = document.getElementById('n_fog3');
	snavi6 = document.getElementById('n_rlg');
	snavi7 = document.getElementById('n_stabilizer');
	snavi1.style.display = 'none';
	snavi2.style.display = 'none';
	snavi3.style.display = 'none';
	snavi4.style.display = 'none';
	snavi5.style.display = 'none';
	snavi6.style.display = 'none';
	snavi7.style.display = 'none';
	category1 = document.getElementById('t_serbo');
	category2 = document.getElementById('t_seismometer');
	category3 = document.getElementById('t_fog1');
	category4 = document.getElementById('t_fog2');
	category5 = document.getElementById('t_fog3');
	category6 = document.getElementById('t_rlg');
	category7 = document.getElementById('t_stabilizer');
	
	navi = location.search.charAt(location.search.length-1);
	
	if(navi==1){
		snavi1.style.display = 'block';
	}else if(navi==2){
		snavi2.style.display = 'block';
	}else if(navi==3){
		snavi3.style.display = 'block';
	}else if(navi==4){
		snavi4.style.display = 'block';
	}else if(navi==5){
		snavi5.style.display = 'block';
	}else if(navi==6){
		snavi6.style.display = 'block';
	}else if(navi==7){
		snavi7.style.display = 'block';
	}else{
	
	}
	
	snavi1.onclick = function (){
		snavi1.style.display = 'none';
	}
	snavi2.onclick = function (){
		snavi2.style.display = 'none';
	}
	snavi3.onclick = function (){
		snavi3.style.display = 'none';
	}
	snavi4.onclick = function (){
		snavi4.style.display = 'none';
	}
	snavi5.onclick = function (){
		snavi5.style.display = 'none';
	}
	snavi6.onclick = function (){
		snavi6.style.display = 'none';
	}
	snavi7.onclick = function (){
		snavi7.style.display = 'none';
	}
	category1.onclick = function (){
		if (snavi1.style.display == 'none'){
	snavi1.style.display = 'block';
	
	} else if (snavi1.style.display == 'block'){
	snavi1.style.display = 'none';
	
	}
}
	category2.onclick = function (){
		if (snavi2.style.display == 'none'){
	snavi2.style.display = 'block';
	} else if (snavi2.style.display == 'block'){
	snavi2.style.display = 'none';
	}
}
	category3.onclick = function (){
		if (snavi3.style.display == 'none'){
	snavi3.style.display = 'block';
	} else if (snavi3.style.display == 'block'){
	snavi3.style.display = 'none';
	}
}
	category4.onclick = function (){
		if (snavi4.style.display == 'none'){
	snavi4.style.display = 'block';
	} else if (snavi4.style.display == 'block'){
	snavi4.style.display = 'none';
	}
}
	category5.onclick = function (){
		if (snavi5.style.display == 'none'){
	snavi5.style.display = 'block';
	} else if (snavi5.style.display == 'block'){
	snavi5.style.display = 'none';
	}
}
	category6.onclick = function (){
		if (snavi6.style.display == 'none'){
	snavi6.style.display = 'block';
	} else if (snavi6.style.display == 'block'){
	snavi6.style.display = 'none';
	}
}
	category7.onclick = function (){
		if (snavi7.style.display == 'none'){
	snavi7.style.display = 'block';
	} else if (snavi7.style.display == 'block'){
	snavi7.style.display = 'none';
	}
}

}