/*
	Empresa:	Goma 3 Estudio Multimedia S.L.(www.goma3.es)
	Autor: 		Christian Schroeder <christian.schroeder@goma3.es>
	Fecha:		13-02-2009
	
	Comentarios
	-----------
	Programa javascript que muestra y oculta los submenus.
	Esta diseñado ser compatible cuando javascript este
	deshabilitado en el navegador del cliente
	
*/
		$(document).ready(function(){
			/*
			//Bloquear el menu derecho del raton
			this.oncontextmenu = function() {
				return false;
			};
			/**/
			
			//Asignar el metodo para mostar y ocultar los submenus
			$("ul.menu > li.menu > a.menu").click(function (event){							  
				//alert("pulsado menu " + $(this).attr('title'));
				//Si es un anchor sin href, es porque tiene submenu					  
				if ($(this).attr('href') == 'javascript:void%200') {
					//Mostrar los li de la ul siguiente a a
					if ($(this).attr('id') == 'selected') {
						//Esta seleccionado. Ocultarlo
						hideSubmenu($(this));
					} else {
						//No esta seleccionado
						hideAllSubmenus();
						//mostrar el seleccionado
						showSubmenu($(this));
					}
					//Evitar la propagación del evento
					event.preventDefault();
				} else {
					hideAllSubmenus();
				}
				
			});			
			//Mostrar un submenu
			// attr. a => jQuery con un anchor
			function showSubmenu(a) {
				a.attr('id', 'selected');	
				a.next().children().slideDown(200);
			}
			//Ocultar un submenu
			function hideSubmenu(a) {
				a.removeAttr('id');
				a.next().children().slideUp(200);	
			}			
			//Ocultar todos los submenus
			function hideAllSubmenus() {
				//Ocular todos
				$("ul.menu > li > a").each(function() {
					hideSubmenu($(this));
				});	
			}
			//Al pulsar un submenu
			$("ul.submenu > li.submenu > a.submenu").click(function(event){	
				$(this).parent().parent().find("li > a").removeAttr('id');
				$(this).attr('id', 'selected');
			});
			//Ocultar todos los submenus que no sean #selected
			$("ul.submenu li").each(function() {
				if ($(this).parent().prev().attr('id') != 'selected') $(this).hide();
			});
 		});
