$(document).ready(function(){
	
	//Menú Lateral
	initMenus();
	
$('#pe').click(
		function(){
		$('.contenido').addClass('size0');	
		$('.contenido').removeClass('size1');	
		$('.contenido').removeClass('size2');
		marcarLetraActiva('pe');
		salvarLetraActiva(0);		
	});
	
$('#me').click(
		function(){
		$('.contenido').addClass('size1');	
		$('.contenido').removeClass('size0');	
		$('.contenido').removeClass('size2');		
		marcarLetraActiva('me');
		salvarLetraActiva(1);		
	});
	
$('#ga').click(
		function(){
		$('.contenido').addClass('size2');	
		$('.contenido').removeClass('size1');	
		$('.contenido').removeClass('size0');		
		marcarLetraActiva('ga');
		salvarLetraActiva(2);
	});	

//Carga de los videos en listados
$(".cargarVideo").click(
	function(){
		var id = $(this).attr('id');
		var youtubeplayer = "<object width='437' height='263'><param name='movie' value='http://www.youtube.com/v/"+id+"&hl=es&fs=1&'></param><param name='allowFullScreen' value='true'></param><param name='allowscriptaccess' value='always'></param><embed src='http://www.youtube.com/v/"+id+"&hl=es&fs=1&' type='application/x-shockwave-flash' allowscriptaccess='always' allowfullscreen='true' width='437' height='263'></embed></object>";
		$("#video").html(youtubeplayer);
		
		//Des-Marcar activo
		$.each($('DIV.listado-videos UL LI'), function(){
			if($(this).hasClass('activo'))
			$(this).removeClass('activo');		
		});
		//Marcar activo
		$(this).parent().addClass('activo');
});

});

function initMenus() {
	
	$('ul.menu ul').hide();
	
	//$("UL#menu0").show();
	
	$.each($('ul.menu'), function(){
		$('#' + this.id + '.expandfirst ul:first').show();
	});
	
	//Menus generales (h2 rojo)
	$.each($('ul.menu li ul.activo'), function(){
		$(this).slideDown();
	});
	
	//Submenus de proyectos
	$.each($('ul.menu li ul li.desplegar UL'), function(){
		$(this).slideDown();
		$('ul.menu li ul li.desplegar').removeClass('desplegar');
	});
	
	$('ul.menu li ul li a.has_submenu').click(
		function() { 
			var checkElement = $(this).next();
			var parent = this.parentNode.parentNode.id;
			var aplicar_activo = $(this).parent();
			var letras = ['A','B','C','D','E','F','G'];					

			if((checkElement.is('ul')) && (!checkElement.is(':visible'))) {
				
				$('#' + parent + ' li ul:visible').hide();
				checkElement.slideDown('normal');

				//Aplicar el estilo activo			
				for(var i=0; i<letras.length; i++) {  
					var clase = 'tipo'+letras[i]+'-activo';
					var claseNormal ='tipo'+letras[i];
					$('.'+clase).removeClass(clase);
					/*if(!$('#' + parent +' li').hasClass(claseNormal)){ //NO SE APLICA...
						$('#' + parent +' li').addClass(claseNormal);
					};*/
				}
			
				var letra_activo = aplicar_activo.attr('class');
				aplicar_activo.addClass(letra_activo+'-activo');
				return false;
			}
		
		});
}

function marcarLetraActiva(id){
	var elemento_activo = $('#'+id);
	
	$.each($('DIV.texto A'), function(){
			if($(this).hasClass('activo'))
			$(this).removeClass('activo');		
	});
	
	elemento_activo.parent().addClass('activo');
}

function cargarLetraActiva(id){
	marcarLetraActiva(id);

	if(id == 'pe'){
		$('.contenido').addClass('size0');	
		$('.contenido').removeClass('size1');	
		$('.contenido').removeClass('size2');		
	}
	else if( id == 'me'){
		$('.contenido').addClass('size1');	
		$('.contenido').removeClass('size0');	
		$('.contenido').removeClass('size2');		
	}
	else if( id == 'ga'){
		$('.contenido').addClass('size2');	
		$('.contenido').removeClass('size1');	
		$('.contenido').removeClass('size0');			
	}
}

function salvarLetraActiva(tipo){
	$.post("/feil/ajax.php", { letra: tipo } );
}