var $ = function(id){return document.getElementById(id);}
function addEvent(obj, evType, fn, useCapture){useCapture = useCapture||false;if (obj.addEventListener){obj.addEventListener(evType, fn, useCapture);return false;} else if (obj.attachEvent){var r = obj.attachEvent("on"+evType, fn);return r;} else {alert("Handler could not be attached");}}
function addClass(e,c){var e = $(e);if(e.className.match(c)!=null){return;}e.className += ' ' + c;e.className = e.className.replace(/^\s/,'');return c;}
function removeClass(e,c){var e = $(e);if(e.className.match(c)==null){return;}e.className = e.className.replace(c,'').replace(/^\s*|\s*$/g,'');return c;}
function attachChangingClass(evt_target, evt, target, cls_name){
	if(typeof(evt) == 'string'){evt = [evt];}
	for(i in evt){
		addEvent($(evt_target),evt[i],function(e){
			if(e.preventDefault)e.preventDefault();
			e.returnValue = false;
			$(target).className = cls_name;
			return false;
		});
	}
}

(function(){
	if($('nav')){
		addEvent($('nav_01'),'mouseover',function(){$('nav_01').className = 'on';});
		addEvent($('nav_01'),'mouseout',function(){$('nav_01').className = '';});
		addEvent($('nav_02'),'mouseover',function(){$('nav_02').className = 'on';});
		addEvent($('nav_02'),'mouseout',function(){$('nav_02').className = '';});
		addEvent($('nav_03'),'mouseover',function(){$('nav_03').className = 'on';});
		addEvent($('nav_03'),'mouseout',function(){$('nav_03').className = '';});
		addEvent($('nav_04'),'mouseover',function(){$('nav_04').className = 'on';});
		addEvent($('nav_04'),'mouseout',function(){$('nav_04').className = '';});
		addEvent($('nav_05'),'mouseover',function(){$('nav_05').className = 'on';});
		addEvent($('nav_05'),'mouseout',function(){$('nav_05').className = '';});
		addEvent($('nav_06'),'mouseover',function(){$('nav_06').className = 'on';});
		addEvent($('nav_06'),'mouseout',function(){$('nav_06').className = '';});

		attachChangingClass('nav_01',['mouseover','focus'],'nav', 'js on_nav_01');
		attachChangingClass('nav_02',['mouseover','focus'],'nav', 'js on_nav_02');
		attachChangingClass('nav_03',['mouseover','focus'],'nav', 'js on_nav_03');
		attachChangingClass('nav_04',['mouseover','focus'],'nav', 'js on_nav_04');
		attachChangingClass('nav_05',['mouseover','focus'],'nav', 'js on_nav_05');
		attachChangingClass('nav_06',['mouseover','focus'],'nav', 'js on_nav_06');
		$('nav').className = 'js';
		
		addEvent($('nav'),'mouseover',function(e){
			var evt = e || window.event, evtTarget = evt.target || evt.srcElement;
			if(evtTarget.nodeName != 'IMG')return;
			evtTarget.setAttribute('src',evtTarget.getAttribute('src').replace(/\.gif/,'_on.gif'));
		});
		addEvent($('nav'),'mouseout',function(e){
			var evt = e || window.event, evtTarget = evt.target || evt.srcElement;
			if(evtTarget.nodeName != 'IMG')return;
			evtTarget.setAttribute('src',evtTarget.getAttribute('src').replace(/\_on/,''));
		});
		
	}

	if($('submenuRoll')){
		addEvent($('submenuRoll'),'mouseover',function(e){
			var evt = e || window.event, evtTarget = evt.target || evt.srcElement;
			if(evtTarget.nodeName != 'IMG')return;
			evtTarget.setAttribute('src',evtTarget.getAttribute('src').replace(/\.gif/,'_on.gif'));
		});
		addEvent($('submenuRoll'),'mouseout',function(e){
			var evt = e || window.event, evtTarget = evt.target || evt.srcElement;
			if(evtTarget.nodeName != 'IMG')return;
			evtTarget.setAttribute('src',evtTarget.getAttribute('src').replace(/\_on/,''));
		});
	}
})();