var HoverNavi = Class.create();

HoverNavi.prototype = {
    
    initialize: function(naviId) {
        
        var isIe = false;
        var bodyWidth = (document.body.offsetWidth) / 12;
    
        if (navigator.appName.indexOf('Microsoft Internet Explorer') != -1)
            isIe = true;       
        
        var siteNaviItems = $(naviId).getElementsByTagName("li");
		
		var hasSelectItem = false;
		
    	for (var i=0; i < siteNaviItems.length; i++) {    	    
    	    
    	    var siteNaviItem = siteNaviItems[i];
    	    
    	    if (siteNaviItem.className.indexOf('select') != -1) {    	       
    	        hasSelectItem = true;
    	    }
		
		    if (isIe) {    
		    
		        siteNaviItem.onmouseover=function() {
    	    		this.className+=" hover";
	       		}
    		
    	    	siteNaviItem.onmouseout=function() {
			        this.className=this.className.replace(new RegExp(" hover\\b"), "");
			    }
			}
			
			if (siteNaviItem.childNodes[1] != null) {
			
			    siteNaviItem.childNodes[1].style.width = bodyWidth + 'em';
			}
			
		}	
		
		if (hasSelectItem == false) {
		    		    
		    $(naviId).childNodes[0].childNodes[0].className = 'first select';
		    $(naviId).childNodes[0].childNodes[0].childNodes[0].className = 'select';
		}
    }
}