$(document).ready(function () {
	
	$('.submenu').css('filter', 'alpha(opacity=100)');
	
	$('.ocultable').css({'display':'none'});

	if($('#menu_index').length ){
	$('#menu_index').css('filter', 'alpha(opacity=60)');
	}
	if($('#descripcion').length ){
	$('#descripcion').css('filter', 'alpha(opacity=70)');
	}
	if($('#descarga_pdf').length ){
	$('#descarga_pdf').css('filter', 'alpha(opacity=60)');
	}

	$('.ocultable').fadeIn(600);
	
	$('a').click(function(){
	this.blur();
	});



$('#panel1').css({'left':'-164px','opacity':'0'});
$('#panel2').css({'left':'42px','opacity':'0'});
$('#panel3').css({'left':'206px','opacity':'0'});
$('#panel4').css({'left':'370px','opacity':'0'});
$('.submenu').css({'display':'none'});

/*
$('#panel_inicio img').click(function(){
//$('#submenu_panel1').fadeOut(velocidad_paneles/2);
});

$('.submenu2').click(function(){

});
*/


$('.submenu a').click(function(){
if($(this).hasClass('submenu1')){
$('.submenu1').removeClass('selected');
$('.submenu2').removeClass('selected');
$('.submenu3').removeClass('selected');
$('.submenu4').removeClass('selected');
}
if($(this).hasClass('submenu2')){
$('.submenu2').removeClass('selected');
$('.submenu3').removeClass('selected');
$('.submenu4').removeClass('selected');
}
if($(this).hasClass('submenu3')){
$('.submenu3').removeClass('selected');
$('.submenu4').removeClass('selected');
}
if($(this).hasClass('submenu4')){
$('.submenu4').removeClass('selected');
}
	$(this).addClass('selected');
	      });


});

//AJUSTES
var ancho_paneles=164;
var velocidad_paneles = 300;
var alpha_panel1 = 0.90;
var left_panel1 = 42;
var alpha_panel2 = 0.80;
var left_panel2 = left_panel1+ancho_paneles;
var alpha_panel3 = 0.70;
var left_panel3 = left_panel2+ancho_paneles;
var alpha_panel4 = 0.60;
var left_panel4 = left_panel3+ancho_paneles;

var esta_plegado = 1;
var panel_mostrado='0';

var submenu1='panel_inicio';
var submenu2='';
var submenu3='';
var submenu4='';

//establece fondos de la web
function fondo(cual){
	if($.browser.msie){
	$("#bgimg").attr("src", cual);	
	}else{
	$('.ocultable').css({'display':'none'});
	$('#bgimg').fadeOut(600);
	$('#bgimg').addClass('mantiene');
	$('#bgimg').clone().removeAttr("id").prependTo('#bgimg').addClass('elimina').css({'z-index':'1', 'top':$('.mantiene').css('top'),'left':$('.mantiene').css('left') });
	$('.elimina img').removeClass('mantiene');

	var image1 = $('<img />').attr('src', cual)
	.load(function(){
		$('.mantiene').hide();
        $('.mantiene').attr('src', cual);
        $('.elimina').fadeOut(600, function() {
        $('.elimina').remove();
		});
        $('.mantiene').fadeIn(600);
        // Your other custom code
        
        $('.mantiene').attr('src', cual);
        $('.elimina').remove();
    });
  }
}

//marca seleccionado
function marca_submenu(panel){
	$(panel +' a').removeClass('selected');
}

function muestra_submenu(donde,que){
	despliega_paneles();
$('.submenu_panel1').css({'left':left_panel1, 'display':'none'});
$('.submenu_panel2').css({'left':left_panel2, 'display':'none'});
$('.submenu_panel3').css({'left':left_panel3, 'display':'none'});
$('.submenu_panel4').css({'left':left_panel4, 'display':'none'});
/*
$('#panel1').css({'left':-164});
$('#panel2').css({'left':left_panel1});
$('#panel3').css({'left':left_panel2});
$('#panel4').css({'left':left_panel3});*/

	if(donde=='1'){
		submenu1=que;submenu2='';submenu3='';submenu4='';
		$('.submenu_panel2, .submenu_panel3, .submenu_panel4').fadeOut(velocidad_paneles/2);
	}
	if(donde=='2'){
		submenu2=que;submenu3='';submenu4='';
			$('.submenu_panel3, .submenu_panel4').fadeOut(velocidad_paneles/2);
	}
	if(donde=='3'){
		submenu3=que;submenu4='';
		$('.submenu_panel4').fadeOut(velocidad_paneles/2);
	}
	if(donde=='4'){
		submenu4=que;
	}
	panel_mostrado=donde;
	esta_plegado=0;
	do_function('cierra_panel'+donde);
	do_function('abre_panel'+donde,que);
}

function do_function(function_name,que){
window[function_name](que);	
}

//apertura y cierre de paneles individuales
function abre_panel1(que){
	$('#submenu_panel1,.submenu_panel2, .submenu_panel3, .submenu_panel4').fadeOut(velocidad_paneles/2);
	 $('#panel1').animate({
    opacity: alpha_panel1,
    left: left_panel1
  }, velocidad_paneles, function() {
  	$('#submenu_panel1,.submenu_panel2, .submenu_panel3, .submenu_panel4').fadeOut(velocidad_paneles/2);
    $('#submenu_panel1').fadeIn(velocidad_paneles/2);
  });
}

function cierra_panel1(){
	cierra_panel2();
	$('.submenu1').removeClass('selected');
	$('#submenu_panel1,.submenu_panel2, .submenu_panel3, .submenu_panel4').fadeOut(velocidad_paneles/2);
	 $('#panel1').animate({
    opacity: 0,
    left: '-164'
  }, velocidad_paneles, function() {
  		$('#submenu_panel1,.submenu_panel2, .submenu_panel3, .submenu_panel4').fadeOut(velocidad_paneles/2);
    // Animation complete.
  });
}

function abre_panel2(que){
	var cosa=que;
	$('.submenu_panel2, .submenu_panel3, .submenu_panel4').fadeOut(velocidad_paneles/2);
	$('#panel2').animate({
    opacity: alpha_panel2,
    left: left_panel2,
    width: ancho_paneles
  }, velocidad_paneles, function() {
  	$('.submenu_panel2, .submenu_panel3, .submenu_panel4').fadeOut(velocidad_paneles/2);
    $('#submenu_'+cosa).fadeIn(velocidad_paneles/2);
  });
  submenu2=cosa;
}

function cierra_panel2(){
	cierra_panel3();
	$('.submenu2').removeClass('selected');
	$('.submenu_panel2, .submenu_panel3, .submenu_panel4').fadeOut(velocidad_paneles/2);
	 $('#panel2').animate({
    opacity: 0,
    left: left_panel1
  }, velocidad_paneles, function() {
  	$('.submenu_panel2, .submenu_panel3, .submenu_panel4').fadeOut(velocidad_paneles/2);
    // Animation complete.
  });
}
function abre_panel3(que){
		var cosa=que;
	$('.submenu_panel3, .submenu_panel4').fadeOut(velocidad_paneles/2);
	$('#panel3').animate({
    opacity: alpha_panel3,
    left: left_panel3,
    width: ancho_paneles
  }, velocidad_paneles, function() {
  		$('.submenu_panel3, .submenu_panel4').fadeOut(velocidad_paneles/2);
    $('#submenu_'+cosa).fadeIn(velocidad_paneles/2);
  });
  submenu3=cosa;
}
function cierra_panel3(){
		cierra_panel4();
	$('.submenu3').removeClass('selected');
	$('.submenu_panel3, .submenu_panel4').fadeOut(velocidad_paneles/2);
	 $('#panel3').animate({
    opacity: 0,
    left: left_panel2
  }, velocidad_paneles, function() {
  		$('.submenu_panel3, .submenu_panel4').fadeOut(velocidad_paneles/2);
    // Animation complete.
  });
}

function abre_panel4(que){
	var cosa=que;
	$('.submenu_panel4').fadeOut(velocidad_paneles/2);
	$('#panel4').animate({
    opacity: alpha_panel4,
    left: left_panel4,
    width: ancho_paneles
  }, velocidad_paneles, function() {
  	$('.submenu_panel4').fadeOut(velocidad_paneles/2);
    $('#submenu_'+cosa).fadeIn(velocidad_paneles/2);
  });
    submenu4=cosa;
}
function cierra_panel4(){
	$('.submenu4').removeClass('selected');
	$('.submenu_panel4').fadeOut(velocidad_paneles/2);
	 $('#panel4').animate({
    opacity: 0,
    left: left_panel3
  }, velocidad_paneles, function() {
  		$('.submenu_panel4').fadeOut(velocidad_paneles/2);
    // Animation complete.
  });
}



function repliega(cual){
			$('.ocultable2').css({'visibility':'visible'});
			$('#mapa').css('opacity', '1');

	esta_plegado=1;
		panel_mostrado=cual;

	if(cual=='4'){
				
		
		$('#submenu_panel1').fadeOut(velocidad_paneles/2);
		$('.submenu_panel2').fadeOut(velocidad_paneles/2);
		$('.submenu_panel3').fadeOut(velocidad_paneles/2);
		$('#panel1').animate({
		opacity: 0,
		left: '-164'
		}, velocidad_paneles, function() {
    // Animation complete.
		});
		
		$('#panel2').animate({
		opacity: 0,
		left: '-164'
		}, velocidad_paneles, function() {
    // Animation complete.
		});
		
		$('#panel3').animate({
		opacity: 0,
		left: '-164'
		}, velocidad_paneles, function() {
    // Animation complete.
		});
		
		$('#panel4 , #submenu_'+submenu4).animate({
		left: left_panel1
		}, velocidad_paneles, function() {
		//$('#submenu_'+submenu3).fadeOut(velocidad_paneles/2);
    // Animation complete.
		});
		
	}
	
	
	if(cual=='3'){
		$('#submenu_panel1').fadeOut(velocidad_paneles/2);
		$('.submenu_panel2').fadeOut(velocidad_paneles/2);
		$('.submenu_panel4').fadeOut(velocidad_paneles/2);
		$('#panel1').animate({
		opacity: 0,
		left: '-164'
		}, velocidad_paneles, function() {
    // Animation complete.
		});
		
		$('#panel2').animate({
		opacity: 0,
		left: '-164'
		}, velocidad_paneles, function() {
    // Animation complete.
		});
		
		$('#panel4').animate({
		opacity: 0,
		left: '-164'
		}, velocidad_paneles, function() {
    // Animation complete.
		});
			
		$('#panel3 , #submenu_'+submenu3).animate({
		left: left_panel1
		}, velocidad_paneles, function() {
    // Animation complete.
		});
		
	}
	
		
	if(cual=='2'){
		$('#submenu_panel1').fadeOut(velocidad_paneles/2);
		$('.submenu_panel3').fadeOut(velocidad_paneles/2);
		$('.submenu_panel4').fadeOut(velocidad_paneles/2);
		$('#panel1').animate({
		opacity: 0,
		left: '-164'
		}, velocidad_paneles, function() {
    // Animation complete.
		});
		$('#panel3').animate({
		opacity: 0,
		left: '-164'
		}, velocidad_paneles, function() {
    // Animation complete.
		});
		$('#panel4').animate({
		opacity: 0,
		left: '-164'
		}, velocidad_paneles, function() {
    // Animation complete.
		});
		$('#panel2 , #submenu_'+submenu2).animate({
		left: left_panel1
		}, velocidad_paneles, function() {
    // Animation complete.
		});
		
	}
	
		if(cual=='1'){
		$('.submenu_panel2').fadeOut(velocidad_paneles/2);
		$('.submenu_panel3').fadeOut(velocidad_paneles/2);
		$('.submenu_panel4').fadeOut(velocidad_paneles/2);
		$('#panel2').animate({
		opacity: 0,
		left: '-164'
		}, velocidad_paneles, function() {
    // Animation complete.
		});
		$('#panel3').animate({
		opacity: 0,
		left: '-164'
		}, velocidad_paneles, function() {
    // Animation complete.
		});
		$('#panel4').animate({
		opacity: 0,
		left: '-164'
		}, velocidad_paneles, function() {
    // Animation complete.
		});
			
		$('#panel1 , #submenu_'+submenu1).animate({
		left: left_panel1
		}, velocidad_paneles, function() {
		//$('#submenu_'+submenu3).fadeOut(velocidad_paneles/2);
    // Animation complete.
		});
		
	}
	

}






function despliega_paneles(){
	
	//oculta ocultables
	$('.ocultable2').css({'visibility':'hidden'});
			$('#mapa').css('opacity', '0.4');
	
		esta_plegado=0;
		//$('.ocultable').css({'visibility':'hidden'});
$('.submenu_panel1').css({'left':left_panel1, 'display':'none'});
$('.submenu_panel2').css({'left':left_panel2, 'display':'none'});
$('.submenu_panel3').css({'left':left_panel3, 'display':'none'});
$('.submenu_panel4').css({'left':left_panel4, 'display':'none'});

	if(panel_mostrado=='4'){
	abre_panel1(submenu1);
	abre_panel2(submenu2);
	abre_panel3(submenu3);
	abre_panel4(submenu4);
	}	
	
		if(panel_mostrado=='3'){
	abre_panel1(submenu1);
	abre_panel2(submenu2);
	abre_panel3(submenu3);
	}
	
		
	if(panel_mostrado=='2'){
	abre_panel1(submenu1);
	abre_panel2(submenu2);
	}
	
	
if(panel_mostrado=='1'){
	abre_panel1(submenu1);	
	}
	

}

/*Fullsize*/
var is_full_size=0;
function full_screen(url){
	if(is_full_size==0){
window.open(url, '', 'fullscreen=yes, scrollbars=auto');
is_full_size=1;
	}	
		if(is_full_size==1){
self.close();
is_full_size=0;
	}		
}

var ref='';
//fadeout before load new page
function load_page(what){
	 ref=what.href;
	 what.href="#";
	 $("#bgimg, .ocultable").fadeOut(600,load_url);
}

//load page
function load_url(){
	//$("#bg").fadeIn(600);
	 window.location.href=ref;
}

function abre(cual,tw,th) {
	//Movemos al centro
	var windowW = tw;
	var windowH = th;
	var windowX = Math.ceil( (window.screen.width  - windowW) / 2 );
	var windowY = Math.ceil( (window.screen.height - windowH) / 2 );
	var num= Math.round(Math.random(10000)*5000)
	var otro="wSoto"+num
	//Abrimos ventana
	window.open(cual,otro,"toolbar=no,location=no,directories=no,menubar=no,status=no,scrollbars=yes,width="+ windowW +",height="+ windowH +",top=" + windowY + ",left=" + windowX);

}



