var TopMenuHover = new Class(
{
	menuTarget: null,
	
	initialize: function()
	{
		var menuHoverDiv = new Element('div');
		menuHoverDiv.id = "menuhoverdiv";
		menuHoverDiv.setStyles({background:'url(styles/images/hp-menuhover.gif) no-repeat', color:'#fff', display:'none', fontSize:'70%', height:'97px', left:'0', top:'0', overflow:'hidden', position:'absolute', textAlign:'left', width:'212px', zIndex:'10'});
		
		var menuHoverDivText = new Element('div');
		menuHoverDivText.id = "menuhoverdivtext";
		menuHoverDivText.setStyles({padding:'5px 5px 20px 5px'});
		menuHoverDivText.injectInside(menuHoverDiv);
		
		menuHoverDiv.injectInside($(document.body));
		
		var menuItems = $$('#boxtopmenu a');
		var i=0;
		for(i=0; i<menuItems.length; i++)
		{
			menuItems[i].addEvent('mouseover', this.menuOver.bind(this));
		}
		
		$(document.body).addEvent('mouseover', this.menuOut.bind(this));
	},
	
	menuOver: function(event)
	{
		event = new Event(event);
		event.stop();
		
		if($chk(this.menuTarget) && this.menuTarget != event.target)
		{
			$('menuhoverdiv').setStyles({'display':'none'});
			this.menuTarget = null;
			
			var description = event.target.getParent().getElement('span');
			if($chk(description))
			{
				description = description.getText();
				if(description.length > 0)
				{
					$('menuhoverdivtext').setText(description);
					$('menuhoverdiv').setStyles({display:'block',left:event.target.getLeft().toString() + 'px',opacity:'0'});
					var marginChange = new Fx.Style($('menuhoverdiv'), 'opacity', {duration:500});
					marginChange.start(0, 1);
					this.menuTarget = event.target;
				}
			}
		}
		else if(!$chk(this.menuTarget))
		{
			var description = event.target.getParent().getElement('span');
			if($chk(description))
			{
				description = description.getText();
				if(description.length > 0)
				{
					$('menuhoverdivtext').setText(description);
					$('menuhoverdiv').setStyles({display:'block',left:event.target.getLeft().toString() + 'px',opacity:'0'});
					var marginChange = new Fx.Style($('menuhoverdiv'), 'opacity', {duration:500});
					marginChange.start(0, 1);
					this.menuTarget = event.target;
				}
			}
		}
	},
	
	menuOut: function(event)
	{
		event = new Event(event);
		event.stop();
		
		$('menuhoverdiv').setStyles({'display':'none'});
		this.menuTarget = null;
	}
});

window.addEvent('domready', function()
{
	var topMenuHover = new TopMenuHover();
	
	var so = new SWFObject("styles/images/top-slide.swf", "", "760", "179", "8");
	so.addParam("wmode","transparent");
	so.write("intro");
});