window.addEvent('domready', function(){

	$(document.body).getElements('li.pop').addEvents({
	'mouseenter': function(){
		show(this.getElement('.submenu'));       				
   	 },
   	 'mouseleave': function(){
		hide(this.getElement('.submenu'));     	   		
    	}
	});
});

var Browser = {  
	Version: function() 
		{    
			var version = 999; // we assume a sane browser    
		if (navigator.appVersion.indexOf("MSIE") != -1)      // bah, IE again, lets downgrade version number      
			version = parseFloat(navigator.appVersion.split("MSIE")[1]);    
		return version;  
}}

function show(element) {

		var childFX = new Fx.Style(element, 'opacity', {duration:500, wait:true, cancel:true});
		//var browser = navigator.appName;
			
		if (Browser.Version() <= 7)
		{
			element.setStyle('margin-left', '20px');
			element.setStyle('margin-top', '-0px');
		}
		else if (Browser.Version() == 8)
		{
			element.setStyle('margin-left', '120px');
			element.setStyle('margin-top', '-20px');
		}
		else
		{
			element.setStyle('margin-left', '120px');
			element.setStyle('margin-top', '-20px');

		}

		element.setStyle('display', 'block');
		element.setStyle('visibility', 'visible');		
		element.setStyle('position', 'absolute');		
		element.setStyle('border', '1px solid #ccc');
		element.setStyle('background-color', '#F6F6F6');
		element.setStyle('padding', '5px');
		//element.setStyle('z-index','1000');
		
		childFX.set(0);
		childFX.start(0,1);		
}

function hide(element) {	
		element.setStyle('visibility', 'hidden');
		element.setStyle('display', 'none');		
}