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

var menuBoxA = $('menuBoxA');
var menuBoxB = $('menuBoxB');
var menuBoxD = $('menuBoxD');

    $('menuA').addEvent('mouseover' , function(){
			menuBoxA.setStyle('visibility', 'visible');				
        });

    $('menuA').addEvent('mouseout' , function(){
			menuBoxA.setStyle('visibility', 'hidden');				
        });

    $('menuB').addEvent('mouseover' , function(){
			menuBoxB.setStyle('visibility', 'visible');				
        });

    $('menuB').addEvent('mouseout' , function(){
			menuBoxB.setStyle('visibility', 'hidden');				
        });

	if ($('menuD'))
	{
		$('menuD').addEvent('mouseover' , function(){
				menuBoxD.setStyle('visibility', 'visible');				
		    });

		$('menuD').addEvent('mouseout' , function(){
				menuBoxD.setStyle('visibility', 'hidden');				
		    });
	}
	        
    $each($$('.menuElement'), function(link){

            var fxMenu = new Fx.Morph(link, {
                            duration: 150,
                            link: 'cancel'});
                            

            link.addEvent('mouseover', function(){
				var stB = this.getStyle('background-color');
				var stF = this.getStyle('color');
                fxMenu.start ({
					'background-color': [stB, '#ffffff'],
					'color': [stF, '#1a1b1c']
					});
            })

            link.addEvent('mouseout', function(){
				var stB = this.getStyle('background-color');
				var stF = this.getStyle('color');
				if (this.hasClass('menuOffSecondary'))
				{
					fxMenu.start ({
						'background-color': [stB, '#cc0000'],
						'color': [stF, '#ffffff']
						});
				}
				else
				{
					fxMenu.start ({
						'background-color': [stB, '#1a1b1c'],
						'color': [stF, '#ffffff']
						});
				}
            })

        });

});