var menuPpal = {

    start: function(onComplete){
		menuPpal.lnkup();
		menuIz.start();
    },

	lnkup: function(){
		var list = $$('#mn_ppal li');

		list.each(function(element) {
			var fx = new Fx.Styles(element, {duration:200, wait:false});

			element.addEvent('mouseenter', function(e){
				e = new Event(e).stop();
				fx.start({
					'opacity':.8
				});
			});

			element.addEvent('mouseleave', function(e){
			    e = new Event(e).stop();
				fx.start({
					'opacity':1
				});
			});

			if ($('pop_' + element.id.split('_')[1])){
				element.addEvent('click', function(e){
						e = new Event(e).stop();
						menuPpal.clicmn(element.id);
				});
			}
			$('pop_mn2').addEvent('mouseleave', function(e){
			    e = new Event(e).stop();
				menuPpal.closemn();
			});
		});
	},

	closemn: function(){
			$('pop_mn2').setStyle('display','none');

			var ef = new Fx.Styles('pop_mn1', {duration: 150, wait:false,
						onComplete:function(){
								$('pop_mn1').setStyle('display','none');
							}
			}).start({
				'height':0,
				'width':0
			});

		},

	lnksubmn: function() {
			var list = $$('#pop_mn2 li');

			list.each(function(element) {

				element.addEvent('mouseenter', function(){
				    if (element.getFirst()){element.getFirst().setStyle('color','#fff')}
					element.setStyles({
									  'background-color':'#888',
									  'color':'#fff'
									  });
				});
	
				element.addEvent('mouseleave', function(e){
				    if (element.getFirst()){element.getFirst().setStyle('color','#666')}
					element.setStyles({
									  'background-color':'',
									  'color':'#666'
									  });
				});
				
			});

		},

    submenu: function(cual){
        toggle_ver(cual);
        menuPpal.redimpopup($('pop_mn1').getTop());
    },
    
    redimpopup: function(top){
        var ef = new Fx.Styles('pop_mn1', {duration: 150, wait:true,
				        onComplete:function(){

	    							        $('pop_mn2').setStyles({
    									        display:'block',
										        zIndex:98
									        });
									        var eff = new Fx.Styles('pop_mn2',{duration: 100, wait:true});
									        eff.start({
											          'opacity':1
									        });
								        }
            }).start({
	            'top':top,
	            'height':$('pop_mn2').getCoordinates().height,
	            'width':$('pop_mn2').getCoordinates().width
            });
    },
    
	clicmn: function(cual){

        switch (cual.split('_')[1]){
	        case '100':
		        break;
		    case '4':
		    	break;
		    default:
			    var num = 'pop_' + cual.split('_')[1];
	    		$('pop_mn2').setHTML($(num).innerHTML)

		    	situa(cual,'pop_mn1');
	    		$('pop_mn2').setStyles({
		    			top:$(cual).getTop() + $(cual).getCoordinates().height - 5,
					    left:$(cual).getLeft()
				    });

	    		$('pop_mn1').setStyles({
		    		opacity:.9,
			    	height:0, //$(cual).getCoordinates().height,
				    width:$(cual).getCoordinates().width,
				    zIndex:98,
				    display:'block'
			    });

	    		$('pop_mn2').setStyles({
		    		display:'block',
			    	zIndex:-1,
				    opacity:0
	    		});

	    		menuPpal.lnksubmn();
	    		menuPpal.redimpopup($(cual).getTop() + $(cual).getCoordinates().height - 5);
	    }
	}
}

var menuIz = {

    start: function(){
		menuIz.lnkup();
		menuIz.lnkTop();
    },

	lnkup: function(){
		var list = $$('#menu_iz li');

		list.each(function(element) {
    		var fx = new Fx.Styles(element, {duration:200, wait:false});

			element.addEvent('mouseenter', function(e){
				e = new Event(e).stop();
				element.addClass('menu_sel');
				fx.start({
					'padding-left':'3px'
				});
			});

			element.addEvent('mouseleave', function(e){
			    e = new Event(e).stop();
			    element.removeClass('menu_sel');
				fx.start({
					'padding-left':'0px'
				});
			});
		});
	},

    setMenuTop:function(url,oncomplete){
		alert($$('.lnk_top').lenght);
		if ($$('.lnk_top').lenght>0){
			$('sidebar_top').setStyles({'margin-top':'-30px','display':'block','background-color':'#eee'});
	
			var effect = $('sidebar_top').effects({duration: 200, transition: Fx.Transitions.linear});
			effect.start({
				'margin-top': 0,
				'background-color':'#fff'
			});

			menuIz.lnkTop();
		}
    },

    lnkTop:function(){
		var list = $$('.lnk_top');

		list.each(function(element) {
    		var fx = new Fx.Styles(element, {duration:200, wait:false});

			element.addEvent('mouseenter', function(e){
				e = new Event(e).stop();
				fx.start({
					'border-bottom-color':'#666'
				});
			});

			element.addEvent('mouseleave', function(e){
			    e = new Event(e).stop();
				fx.start({
					'border-bottom-color':'#fff'
				});
			});

		});
    }

}

window.addEvent('load', menuPpal.start);