function initRollovers() {
	if (!document.getElementById) return
	
	var aPreLoad = new Array();
	var sTempSrc;
	var aImages = document.getElementsByTagName('img');

	for (var i = 0; i < aImages.length; i++) {		
		if (aImages[i].className == 'imgover') {
			var src = aImages[i].getAttribute('src');
			var ftype = src.substring(src.lastIndexOf('.'), src.length);
			var hsrc = src.replace(ftype, '_o'+ftype);

			aImages[i].setAttribute('hsrc', hsrc);
			
			aPreLoad[i] = new Image();
			aPreLoad[i].src = hsrc;
			
			aImages[i].onmouseover = function() {
				sTempSrc = this.getAttribute('src');
				this.setAttribute('src', this.getAttribute('hsrc'));
			}	
			
			aImages[i].onmouseout = function() {
				if (!sTempSrc) sTempSrc = this.getAttribute('src').replace('_o'+ftype, ftype);
				this.setAttribute('src', sTempSrc);
			}
		}
	}
}


function setActiveImg(idName){
	
	if(!$(idName)){
		return;
	}
	
	var tImages=$(idName).getElementsByTagName('img');
	
	for(var i=0; i<tImages.length; i++){
		
		if(tImages[i].className.indexOf('imgover')!=-1){
			Element.removeClassName(tImages[i],'imgover');
			
			var src = tImages[i].getAttribute('src');
			var ftype = src.substring(src.lastIndexOf('.'), src.length);
			var hsrc = src.replace(ftype, '_o'+ftype);
			tImages[i].src=hsrc;
		}
	}
}


function setActiveSubNavi(idName){
		
	if(!$(idName)){
		return;
	}
	
	setActiveImg(idName);
	
	var subNavi=$('sideNaviWrapper');
	var subNaviUl=subNavi.getElementsByTagName('ul')[0];
	var subNaviLi=subNaviUl.getElementsByTagName('li');
	var category;
	var targetNum;
	var preLi
	var i;
	
	
	if(Element.hasClassName(subNavi,'colorSideNavi')){
		category='colorSideNavi';
	}else if(Element.hasClassName(subNavi,'skincareSideNavi')){
		category='skincareSideNavi';
		
	}
	
	
	for(i=0; i<subNaviLi.length; i++){
		if(subNaviLi[i].id==idName){
			targetNum=i;
		}
	}
	
	if(targetNum==0){
		
		if(category=='skincareSideNavi'){
		
		}else{
			Element.setStyle(subNaviUl,{'borderTop':'1px solid #fff'});
			Element.setStyle($(idName),{'backgroundImage':'url(/img/dotted_sel.gif)'});
		}
	}
	
	else if(targetNum==subNaviLi.length-1){

		if(category=='skincareSideNavi'){
		}
		else{
			preLi=subNaviLi[targetNum-1];
			Element.setStyle(preLi,{'backgroundImage':'url(/img/dotted_sel.gif)'});
			Element.setStyle(idName,{'backgroundImage':'url(/img/bot_sel.gif)'});
		}
	}
	else{
		if(category=='skincareSideNavi'){
		}
		
		else{
			preLi=subNaviLi[targetNum-1];
			Element.setStyle(preLi,{'backgroundImage':'url(/img/dotted_sel.gif)'});
			Element.setStyle($(idName),{'backgroundImage':'url(/img/dotted_sel.gif)'});
		} 
		
		
	
	}
	
}

function setHeaderActive(){
	
	var url=''+location.href;
	
	urlTxt=url.split('/');
	
	urlTxt=urlTxt.join('');
	
	///alert(urlTxt);
	
	
	var targetID='';
	
	
	if(urlTxt.indexOf('htmlcolor')!=-1){
		targetID='naviListColor';
			
	}
	
	else if(urlTxt.indexOf('htmlbase')!=-1){
		targetID='naviListBase';
			
	}
	
	else if(urlTxt.indexOf('htmlskincare')!=-1){
		targetID='naviListSkincare';
			
	}
	
	else if(urlTxt.indexOf('htmlgoods')!=-1){
		targetID='naviListGoods';
			
	}
	
	
	else if(urlTxt.indexOf('htmlaccessory')!=-1){
		targetID='naviListAccessory';
			
	}
	
	else if(urlTxt.indexOf('htmlabout')!=-1){
		targetID='naviListAbout';
			
	}
	
	else if(urlTxt.indexOf('htmlcollection')!=-1){
		targetID='naviListCollection';
			
	}
	
	
	else if(urlTxt.indexOf('htmllooks')!=-1){
		targetID='headerNaviListLooks';
			
	}
	
	else if(urlTxt.indexOf('htmlwhatsnew')!=-1){
		targetID='naviListWhatsnew';
			
	}
	
	else if(urlTxt.indexOf('htmlcounters')!=-1){
		targetID='naviListCounters';
			
	}
	
	
	else if(urlTxt.indexOf('htmlevents')!=-1){
		targetID='naviListEvents';
			
	}
	
	
	if(targetID!='' && $(targetID)){
		setActiveImg(targetID);
	}
	
	
}


Event.observe(document,'dom:loaded',setHeaderActive);

Event.observe(window,'load',initRollovers);