//********************
// Menu Constructor *
//********************
function Menu()
{	
	// get id's
	this.page			= document.getElementById('page');
	this.menu			= document.getElementById('main_items');
	
	// get tags
	this.menuItems		= this.menu.getElementsByTagName('li');
	
	// set strings
	this.hoverClass		= 'over';
	
	this.pageX			= findPosX(this.page);
	
	// initialize Menu object
	this.init();
}

//****************************
// Function initialize Menu *
//****************************
Menu.prototype.init = function()
{	
	// set menu events and postion menus for internet explorer
	if (document.all && document.getElementById)
	{
		this.position();
		this.events();
	}	
}

//*************************************
// Function position submenu wrappers *
//*************************************
Menu.prototype.position = function()
{
	//alert(this.finderWidth);
	for (var a=0;a<this.menuItems.length;a++)
	{	
		// get submenu wrapper of menu item (if exists)
		var menuItem		= this.menuItems[a];
		var subMenuWrappers	= menuItem.getElementsByTagName('ul');
		var subMenuWrapper	= subMenuWrappers[0];
		
		if (subMenuWrapper)
		{	
			var subMenuAnchors	= subMenuWrapper.getElementsByTagName('a');
			
			// get biggest width of anchor
			var anchorWidth		= 0;
			for (var b=0;b<subMenuAnchors.length;b++)
			{
				var subMenuAnchor = subMenuAnchors[b];
				if (subMenuAnchor.offsetWidth > anchorWidth)
				{
					anchorWidth = subMenuAnchor.offsetWidth;
				}
			}
			
			// set biggest width to all anchors
			for (var b=0;b<subMenuAnchors.length;b++)
			{
				var subMenuAnchor = subMenuAnchors[b];
				subMenuAnchor.style.width = anchorWidth;
			}
			
			
			var posX = findPosX(menuItem);
			
			subMenuWrapper.style.left = (posX - this.pageX) + 'px';
		}
	}	
}

//**********************
// Function set events *
//**********************
Menu.prototype.events = function()
{	
	// set Menu object as var
	var _this = this;

	for (var a=0;a<this.menuItems.length;a++)
	{	
		// get submenu wrapper of menu item (if exists)
		var menuItem	= this.menuItems[a];
		
		
		menuItem.onmouseover = function()
		{
			var menuAnchor	= this.getElementsByTagName('a')[0];
			
			this.className 			= _this.hoverClass;
		}
		
		menuItem.onmouseout = function()
		{
			var menuAnchor	= this.getElementsByTagName('a')[0];
			
			this.className			= '';
		}
	}	
}