var myLeftMenu = null;
dojo.addOnLoad(function() {	myLeftMenu = new LeftMenu(); });

var LeftMenu = function( height, width ) {
	this.height = 20;
	this.width = 200;
	
	var arrSubmenus = dojo.query('.Submenu');
	for (var i=0; i<arrSubmenus.length; i++) {
		arrSubmenus[i].style.display = 'none';
		arrSubmenus[i].style.position = 'absolute';
		arrSubmenus[i].custom = {};
		arrSubmenus[i].custom.hideTimeout = null;
		
		var sNumber = arrSubmenus[i].id;
		sNumber = sNumber.substring(sNumber.search(/_Submenu_/i) + 9);
		sNumber = parseInt(sNumber.substring(0, sNumber.indexOf('_')));
		
		var sOffset = arrSubmenus[i].id;
		sOffset = parseInt(sOffset.substring(sOffset.lastIndexOf('_')+1));

		arrSubmenus[i].custom.number = sNumber;
		arrSubmenus[i].custom.offset = sOffset;
		var parObj = this;
		arrSubmenus[i].onmouseover = function() {
			parObj.showSubmenu(this.custom.number, this.custom.offset, false, true);
		};
		arrSubmenus[i].onmouseout = function() {
			parObj.hideSubmenu(this.custom.number, this.custom.offset);
		};
	}				
}
LeftMenu.prototype = {
	showSubmenu : function( number, offsetY, borderX, borderY ) {
		var elSubmenu = dojo.byId('LeftMenu_Submenu_' + number + '_' + offsetY);
		dojo.addClass('Category_' + number, "Selected");
		
		if (elSubmenu.custom.hideTimeout != null) {
			clearTimeout(elSubmenu.custom.hideTimeout); 
			elSubmenu.custom.hideTimeout = null; 
		}
		
		var newX = (borderX?this.width+2:this.width);
		var newY = (borderY?(offsetY-1)*(this.height+1):(offsetY-1)*this.height);
		elSubmenu.style.top = newY	 + 'px';
		elSubmenu.style.left = newX + 'px';
		elSubmenu.style.display = 'block';
	},
	hideSubmenu : function( number, offsetY ) {
		var sExpression = "LeftMenu._hideSubmenu(" + number + "," + offsetY + ");";
		
		var elSubmenu = dojo.byId('LeftMenu_Submenu_' + number + '_' + offsetY);
		elSubmenu.custom.hideTimeout = setTimeout(sExpression, 100);
	}
}
LeftMenu._hideSubmenu = function( number, offsetY ) {
		var elSubmenu = dojo.byId('LeftMenu_Submenu_' + number + '_' + offsetY);
		elSubmenu.style.display = 'none';
		elSubmenu.custom.hideTimeout = null;
		dojo.removeClass('Category_' + number, "Selected");
}