window.onresize = changeNavi;
window.onload   = changeNavi;

function changeNavi() {
	
	var naviOne, naviOneAs, naviHome, naviCont, naviLogi;
	
	naviOne  = document.getElementById("navi_one");
	naviHome = document.getElementById("navi_home");
	naviCont = document.getElementById("navi_cont");
	naviOrde = document.getElementById("navi_orde");
	
	naviOneAs = naviOne.getElementsByTagName("a");
	
	if(document.body.clientWidth < 825) {
		
		naviOne.style.color = "#000";
		
		naviHome.style.listStyleImage = "url('/styles/skyhigh/navi_home_b.gif')";
		naviCont.style.listStyleImage = "url('/styles/skyhigh/navi_cont_b.gif')";
		naviOrde.style.listStyleImage = "url('/styles/skyhigh/navi_orde_b.gif')";
		
		for(var i=0;i<naviOneAs.length;i++) {
			naviOneAs[i].style.color = "#000";
		}
		
	} else {
		
		naviOne.style.color = "#FFF";
		
		naviHome.style.listStyleImage = "url('/styles/skyhigh/navi_home.gif')";
		naviCont.style.listStyleImage = "url('/styles/skyhigh/navi_cont.gif')";
		naviOrde.style.listStyleImage = "url('/styles/skyhigh/navi_orde.gif')";
		
		for(var i=0;i<naviOneAs.length;i++) {
			naviOneAs[i].style.color = "#FFF";
		}
		
	}
	
}