var HeaderOver = new function() {
	
	this.init = function() {
		var self = HeaderOver;
		if (!document.getElementById) return;
		
		var Elem = document.getElementById('HeaderLogo');
		if (!Elem) return;
		addEvent(Elem, 'mouseover', self.overLogo);
		addEvent(Elem, 'mouseout', self.outLogo);
		Elem = null;
		var Elem = document.getElementById('HeaderMenu');
		if (!Elem) return;
		var Imgs = Elem.getElementsByTagName('img');
		for(i=0; i < Imgs.length; i++) {
			addEvent(Imgs[i], 'mouseover', self.overMenu);
			addEvent(Imgs[i], 'mouseout', self.outMenu);
		}
		Imgs = null;
		Elem = null;
	},
	
	this.overLogo = function(e) {
		var self = HeaderOver;
		self.toggleLogoTo(getSrcElem(e), 'header_logo_mo.png');
	},

	this.outLogo = function(e) {
		var self = HeaderOver;
		self.toggleLogoTo(getSrcElem(e), 'blank.gif');
	},

	this.toggleLogoTo = function(Elem, to) {
		var self = HeaderOver;
		var Elem = document.getElementById('HeaderLogo');
		Elem.src = self.getPath(Elem.src)+to;
		Elem = null;
	},
	
	this.overMenu = function(e) {
		var self = HeaderOver;
		self.toggleMenuTo(getSrcElem(e), 'mo');
	},
	
	this.outMenu = function(e) {
		var self = HeaderOver;
		self.toggleMenuTo(getSrcElem(e), 'df');
	},
	
	this.toggleMenuTo = function(Elem, to) {
		var self = HeaderOver;
		var Pos = Elem.src.lastIndexOf('_')+1;
		Elem.src = Elem.src.substr(0, Pos)+to+'.png';
	},

	this.getPath = function(str) {
		var self = HeaderOver;
		return str.substring(0, str.lastIndexOf('/')+1);
	},
	
	this.cleanup = function() {
		var self = HeaderOver;
	}
};

// addEvent(window, 'unload', HeaderOver.cleanup);
addEvent(window, 'load', HeaderOver.init);