var MenuJs = {};

MenuJs.init = function(element, type, handler, thisObj)
{
	if(window.addEventListener)
	{
		element.addEventListener(type, function(event)
		{
			handler.call(thisObj, event);
		}, false);
	}
	if('\v' == 'v')
	{
		element.attachEvent('on' + type, function(event)
			{
				handler.call(thisObj, event);
			}
		);
	}
};

var submenu = function(toggler, togglee)
{
	this.toggler = toggler;
	if(window.attachEvent && '\v' == 'v')
	{
		this.togglee = toggler.childNodes[1];
		toggler.childNodes[0].className += ' SubMenuItemLink';
	}
	else
	{
		this.togglee = toggler.childNodes[2];
		toggler.childNodes[1].className += ' SubMenuItemLink';
	}
	MenuJs.init(toggler, 'mouseover', this.handleClick, this);
	MenuJs.init(toggler, 'mouseout', this.handleClick, this);
};

submenu.prototype.handleClick = function()
{
	var s = this.togglee.style;
	s.display = (s.display == 'block' ) ? "" : 'block';
};

function _obj(stringId)
{
	return document.getElementById(stringId);
}

function _create(element)
{
	return document.createElement(element);
}

function setMenuJsProperties(RootElementId, SkinName)
{
	var agt = navigator.userAgent.toLowerCase();
	var menuroot = _obj(RootElementId);
	menuroot.style.visibility = 'hidden';
	
	var head = document.getElementsByTagName('head')[0];
	menuroot.className = 'menujs MenuJs_' + SkinName;

	/*
	var menujsbasestylesheet = _create('link');
	menujsbasestylesheet.setAttribute('type', 'text/css');
	menujsbasestylesheet.setAttribute('rel', 'stylesheet');
	menujsbasestylesheet.setAttribute('href', menuJsRootFolder + '/Menu.JS/Scripts/MenuJS.css');
	menujsbasestylesheet.setAttribute('id', 'MenuJsBaseStyleSheet');
	if(_obj('MenuJsBaseStyleSheet') == null)
	{
		head.appendChild(menujsbasestylesheet);
	}

	var menujsskin = _create('link');
	menujsskin.setAttribute('type', 'text/css');
	menujsskin.setAttribute('rel', 'stylesheet');
	menujsskin.setAttribute('href', menuJsRootFolder + '/Menu.JS/Skins/' + SkinName + '/Styles.css');
	menujsskin.setAttribute('id', 'MenuJsSkin_' +  SkinName);
	if(_obj('MenuJsSkin_' +  SkinName) == null)
	{
		head.appendChild(menujsskin);
	}


	var linktitle = _obj(RootElementId).getElementsByTagName('a');
	if('\v' == 'v')
	{
		var menuelements = document.getElementsByTagName('*');
		menuroot.setAttribute('unselectable', 'on');
		for(j = 0; j < menuelements.length; j ++)
		{
			menuelements[j].setAttribute('unselectable', 'on');
		}
	}
	for(i = 0; i < linktitle.length; i ++)
	{
		linktitle[i].setAttribute('title', '');
	}
	*/
	setTimeout("_obj('" + RootElementId + "').style.visibility = 'visible'", 300);
}
/*
if(window.attachEvent)
{
	window.attachEvent('onload', function(e)
		{
			createMenuJs();
		}
	);
}
else
{
	window.addEventListener('load', function(e)
		{
			createMenuJs();		
		}, true	
	);
}
*/