/* Techgua */

/* menuEffects()- Control the display of the the menu effects */
/*
function mainMenuEffects()
{
    var szNormal = 92, szSmall  = 75, szFull   = 144;
     
        var menus = $$("#menu .mitem");
        var fx = new Fx.Elements(menus, {wait: false, duration: 300, transition: Fx.Transitions.Cubic.easeInOut});
        menus.each(function(menu, i) {
            menu.addEvent("mouseenter", function(event) {
                var o = {};
                o[i] = {'width': [menu.getStyle("width").toInt(), szFull]};
                menus.each(function(other, j) {
	                if(i != j) {
		                var w = other.getStyle("width").toInt();
		                if(w != szSmall) o[j] = {'width': [w, szSmall]};
	                }
                });
                fx.start(o);
            });
        });
         
        $("menu").addEvent("mouseleave", function(event) 
        {
            var o = {};
            menus.each(function(menu, i) 
            {
                o[i] = {'width': [menu.getStyle("width").toInt(), szNormal]}
            });
            fx.start(o);
        });
};

*/

function subMenuEffects()
{
    // Sub-Menu Effects
    // Creates the change effect of color and extended of the menu
    window.addEvent('load', function()
    {
		    var list = $$('#logo_menu li');
		    list.each(function(element) 
		    {
    			
			    var fx = new Fx.Styles(element, {duration:200, wait:false});
    			
			    element.addEvent('mouseenter', function()
			    {
				    fx.start(
				    {
					    'width': 200,
					    'background-color': '#21a4cd',
					    'color': '#FFFFFF'
				    });
			    });
    			
			    element.addEvent('mouseleave', function()
			    {
				    fx.start(
				    {
					  	'width': 160,
					    'background-color': '#000000',
					    'color': '#FFFFFF'
				    });
			    });
    			
		    });
    }); 
    	
};