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


 $$('#op2').addEvent('click',function(){
	$$('#op2').setStyle('cursor','pointer');
	if( $$('#menudesp').getStyle('visibility') == 'hidden'){
	    $$('#menudesp').setStyle('visibility','visible');
		$$('#menudesp .accordion').setStyle('visibility','visible');
		$$('#op2').setStyle('background-position','0px 24px');
	}
	else{
	    $$('#menudesp').setStyle('visibility','hidden');
	    $$('#menudesp .accordion').setStyle('visibility','hidden');
	   $$('#op2').setStyle('background-position','0px 0px');
	}
});


$$('#menudesp a').each(function(el) { 
		el.addEvent('mouseenter',function(){
			p = el.innerHTML.toUpperCase();
			el.innerHTML = p;
			
		});
		
		el.addEvent('mouseleave',function(){
		p = el.innerHTML.toLowerCase();
		el.innerHTML = p;
		});
	});
	
$$('#menudesp').each(function(el) { 
 	el.addEvent('mouseleave',function(){
		el.setStyle('visibility','hidden');
		$$('#menudesp .accordion').setStyle('visibility','hidden');
		$$('#op2').setStyle('background-position','0px 0px');
	});
	
});
	
	myStretch = document.getElementsByClassName('toggler');
	myStretcher = document.getElementsByClassName('accordion');
	
    myStretcher.each(function(el){ el.style.display = '';
});

var ac = new Fx.Accordion(myStretch,myStretcher,
  {
	onActive: function(tog){
        tog.setStyle('color', '#ACDA4E');
		tog.setStyle('background-color', '#080808');
		tog.setStyle('cursor', 'pointer');
		    },
    onBackground: function(tog){
       
		tog.setStyle('color','#FFF');
		tog.setStyle('background-color','#171717');
		tog.setStyle('cursor','pointer');
    },
    	alwaysHide: true,
		start : 'all-closed',
		height: true,
		opacity : true,
		trigger:'mouseenter'
   });
	
	
});