﻿function dynamicMenu(id) 
{
	this.element = jQuery('#' + id);
	this.element[0].control = this;
	LI = this.element.find('li');
	nLI = LI.length;
	var thiz = this;
	for (i = 0; i < nLI; i++) {
		LI[i].onmouseover = function() { thiz.hover(this); }
		LI[i].onmouseout = function() { thiz.out(this); }
	}
}
dynamicMenu.prototype = {
	hover: function(el) {
		var uls = jQuery(el).find('ul');
		if (!uls.length) return;
		var sousMenu = uls[0];
		sousMenu.style.display = 'block';
		sousMenu.style.opacity = 1;
		if (sousMenu.parentNode.tagName == "LI") {
			sousMenu.parentNode.className = sousMenu.parentNode.className.replace(" Open", "").replace("Open", "") + " Open";
		}
	},
	out: function(el) {
		var uls = jQuery(el).find('ul');
		if (!uls.length) return;
		var sousMenu = uls[0];
		sousMenu.style.display = 'none';
		sousMenu.style.opacity = 0;
		if (sousMenu.parentNode.tagName == "LI") {
			sousMenu.parentNode.className = sousMenu.parentNode.className.replace(" Open", "").replace("Open", "");
		}
	}
}

