//FASE 1 vars 
var numtabs = 6;	
var tabshow = null;//Tab que estaba activada anteriormente	
var tabclicked = 0;//Tab que se clika y por tanto que se activada			

//FASE 2 vars
var method1 = "easeInOutCirc";
var method2 = "easeOutExpo";//easeOutBounce
var pxs = 600;
var delay_image = 1500;
var delay_show_menu = 700;
var delay_hide_menu = 1500;
var url_load="http://bbva.clientes.eone.es/micros/seguros/";

//CAMBIO LA IMAGEN DE LA CABECERA
function change_headerimage(){	
	if(tabclicked!=tabshow){
		$("#img"+tabclicked).fadeIn(delay_image);
		if(tabshow == null && tabclicked >0){t=0;}else{t=tabshow};//control para ocultar la imagen de la home	
		$("#img"+t).fadeOut(delay_image);
	}
}

//CARGAMOS TAB E IMAGEN SEGUN CLICK EN MENU DERECHO
function loadcontent(t,file,chg,m_der){
	if(t==0){//he clikado para mostra la home
		$("#tab"+tabclicked).removeClass("current");//desactivo la pestaña correspondiente
		$("#promo-"+tabclicked+" a").removeClass("current")//desactivo css del interior
		//document.location.href = "index.html";
	}
	else{//he clikado en el menu derecho
		$("#tab"+t).addClass("current");//activo la pestaña correspondiente al menu derecho clikado
		if(t!= tabclicked){ 
			$("#tab"+tabclicked).removeClass("current");//desactivo la pestaña correspondiente (control de no haber clikado en la misma)			
		}
		if(chg==1) $("#promo-"+tabclicked+" a").removeClass("current");//desactivo css del interior (anterior)
		$("#promo-"+t+" a").addClass("current");//activo css del interior		 		
	}
	if(m_der){//he clikado el menu derecho(debo seleccionar del menu 2º nivel el ultimo hijo correpondiente a "PROMOCION")
		$(".second-nav > li").removeClass("current");//borra la clase current de TODOS los primeros hijos de "second-nav" (ed todos los elementos del menu de 2º nivel) 								   
		$(".second-nav li:last-child").addClass("current");//el producto queda seleccioando al clikar en la pestaña								   	
	}	
	loadtab(t);//carga del contenido segun el tab clikado
	if(t==0) tabshow = null;	
	if(file){ loadfile(file);} //cargo el contenido via AJAX			
}

function change_menu(t){	
	/*OPC 1 TRANSITION CON EASING*/
	//alert("t::"+t);
	//alert("tabclicked::"+tabclicked);	
	if(t!= tabclicked && $("#nav"+t)){						
			//$("#nav"+t).attr('style','visibility:visible;left:'+pxs+'px').animate({visibility:'visible',left:"-="+pxs+"px"},delay_show_menu,method2);
			$("#nav"+t).css({visibility:"visible",left:pxs+"px"}).animate({left:"-="+pxs+"px"},delay_show_menu,method2);			
	}
	/*
	if(t!= tabclicked && $("#nav"+t)){
		if(tabclicked!=0){
			if($("#nav"+tabclicked)){
					$("#nav"+tabclicked).animate({left:"-="+pxs+"px",queue:false},delay_hide_menu,method1,function(){
								$("#nav"+t).attr('style','visibility:visible;left:'+pxs+'px').animate({left:"-="+pxs+"px"},delay_show_menu,method2);																	   
					});
			}
		}
	}
	*/
	/*OPC 2 ESTO RULA PERO NO TIENE EFECTOS*/
	/*
	if(t!= tabclicked){		
		$("#nav"+t).attr('style','visibility:visible;');//quitos los submenus (si uso display:block no rula en IE)	
		if(tabclicked!=0){			
			$("#nav"+tabclicked).attr('style','visibility:hidden;');//quitos los submenus (si uso display:none no rula en IE)	
		}
	}
	*/
}
//SHOW UN MENU (FASE 2)
/*
function show_elem(menuup){				
		if($("#nav"+menuup)) $("#nav"+menuup).animate({"left":"0px"},{duration: 1500,easing: method2 } );										
}
*/

//ESCONDE UN MENU (FASE 2)
function hide_elem(menudown){		
		if($("#nav"+menudown)) $("#nav"+menudown).attr('style','visibility:hidden;left:'+pxs+'px');	
}

function loadtab(t){		
		change_menu(t);//efecto de cambio de menu
		if(t!= tabclicked){ 
			$("#promo-"+t+" a").addClass("current");//desactivo css del interior (anterior)			
			if(tabclicked!=0){ 
				$("#promo-"+tabclicked+" a").removeClass("current");//desactivo css del interior (anterior)				
			}
			hide_elem(tabclicked);
		}		
		tabclicked = t;
		change_headerimage();		
		tabshow=tabclicked;
}

//VER CONDICIONES DEL PRODUCTO EN UN OVERLAY (POP UP CHULO)
function openfile(file){
	var content = $(".overlay div.content-condiciones");
	var wrap = $(".overlay");
	content.load(file);
	wrap.overlay().load();	
}

//LOAD FILE VIA AJAX IN TABS CONTENT( LOAD CUSTOM SCROLLBAR)
function loadfile(file){
	/* !CUSTOM SCROLLBARS
	###############################################################################
	Class: [Presentation]
	Dependencies: [jquery-1.3.2.min.js] [jquery.mousewheel.js] [jScrollPane.js]
	############################################################################### */
	var url = url_load + file;
	/*rand:Math.random()::CHAPUZA para que no de 412 en IE . en realidad esto vale para nada*/
	$("#panels").load(url,{ rand:Math.random()},function(){ 
		$('#more-info').jScrollPane();									   	
	});	
}

//CLICK EVENT FOR EACH TAB
function addEvent(i){	    						
		var cur=i;		
		$("#tab"+cur).click(function(){
				$(".second-nav > li").removeClass("current");//borra la clase current de TODOS los primeros hijos de "second-nav" (ed todos los elementos del menu de 2º nivel) 					 
				$(".second-nav li:first-child").addClass("current");//el producto queda seleccioando al clikar en la pestaña					 
				loadtab(cur);
		});
}

/* !READY DOCUMENT (LOAD TABS)
###############################################################################
	Class: [Behavior]
	Dependencies: [jquery-1.3.2.min.js] / [jquery.tools.min.js]
############################################################################### */
	$(document).ready(function tabs() {
		//EFECTO APLICADO AL CARGAR CONTENIDOS CUANDO PINCHO EN UNA PESTAÑA									
		$("#main-nav").tabs("#panels", {
			effect: 'ajax'
		});

		//APLICANDO EVENTOS A LOS TABS PARA CARGAR CONTENIDO CUANDO PINCHO EN UNA PESTAÑA 	
		for(var i=1;i<=numtabs;i++){ 
			if(i!=2){
				addEvent(i);
			}
		}		

		$(".overlay").overlay({
			//onBeforeClose: function() { return false; },
			/*start: { top: -300 },*/
			top: 250,
			fadeInSpeed: 'normal',
			speed: 'slow',
			closeOnClick: true,			
				expose: {
					color: '#061d71',
					opacity: 0.7,
					loadSpeed: 'fast',
					closeSpeed: 'fast',
					maskId: 'exposeMask'
				}
		});
		
		interstitialPromo = $(".overlay-promo").overlay({
			top: 250,
			fadeInSpeed: 'normal',
			speed: 'slow',
			closeOnClick: true,
			api: true,
				expose: {
					color: '#061d71',
					opacity: 0.7,
					loadSpeed: 'fast',
					closeSpeed: 'fast',
					maskId: 'exposeMask'
				}
		}).load();
		
		$(".overlay-promo a").click(function(){
			interstitialPromo.close();
			loadcontent(6,'promo-especial.html',1,1);
			return false;
		});

		//EFECTO DESPLIEGUE MENU 2º NIVEL (FASE 2)
		$(".second-nav > li").hover(  
			function() { //mouse in				
				$(".second-nav ul").hide();//escondo el anterior
				$("#second-nav-cont").css("height","160px");
				$(this).find("ul").show(250);//mostrar (1º FORMA)
				//$(this).children("ul:eq(0)").fadeIn(400); //vale tambien ".second-nav > li" mostrar (2ª FORMA)
			}, function() { //mouse out				
				$(".second-nav ul").hide(100);
				$("#second-nav-cont").css("height","17px");
				//$(this).children("ul:eq(0)").fadeOut(200);		    		
		});
		
		//SELECCIONA EL ELEMENTO CLIKADO DEL 2º NIVEL (tambien vale si lo selecciono en el menu de 3er nivel)		
		$(".second-nav > li").click(function(){
										$(".second-nav > li").removeClass("current");//borra la clase current de TODOS los primeros hijos de "second-nav" (ed todos los elementos del menu de 2º nivel)  										
										$(this).addClass("current");//añade al elemento clikado la clase current quedando seleccionado			 											
									});

		//EFECTO NUDGING SOBRE MENU 3er nivel (FASE 2)
		$('li.nudge').hover(function() { //mouse in				
			$(this).animate({ paddingLeft: '13px' }, 300);	}, function() { //mouse out		
			$(this).animate({ paddingLeft: '8px' }, 150);	}
		);

		//EFECTO PLEGADO / DESPLEGADO DE LAS LISTAS (!COLLAPSIBLE LISTS)
		/*###############################################################################
			Class: [Behavior]
		Dependencies: [jquery-1.3.2.min.js]
		###############################################################################*/

		$(".zebra .trigger").live("click", function() {
			var triggerSelected = $(this).next(".more-info");
			if(triggerSelected.is(':visible')) {
				triggerSelected.animate({
				height: 'hide',
				opacity: 'hide'
				}, 'fast');
				$(this).removeClass("activeT");
			}
			
			if(!triggerSelected.is(':visible')) {
				$('.more-info').animate({
				height: 'hide',
				opacity: 'hide'
				}, 'fast');
				$(".trigger").removeClass("activeT");
				triggerSelected.animate({
				height: 'show',
				opacity: 'show'
				}, 'fast');
				$(this).addClass("activeT");
			}
		});

		/* !ROUNDED CORNERS
		###############################################################################
			Class: [Presentation]
			Dependencies: [dd.roundies-0.0.2a.min.js]
		############################################################################### */
		DD_roundies.addRule('#aside .promo-time', '10px', true);
		/* [//ROUNDED CORNERS END] */
		
		//CLICKS INTERIORES (ADD FOR FASE 3)
		$("#govivienda").live("click", function() {													
			ClickInterior(3);
			loadfile('vivienda.html');
		});
		
		$("#gopersonales").live("click", function() {									  	
			ClickInterior(1);
			loadfile('personales.html');
		});
		
	});
/* [//TABS END] */


/// ADD FOR FASE 3 

//CLICKS INTERIORES
function ClickInterior(i){	    						
		var cur=i;		
		$(".second-nav > li").removeClass("current");//borra la clase current de TODOS los primeros hijos de "second-nav" (ed todos los elementos del menu de 2º nivel) 					 
		$(".second-nav li:first-child").addClass("current");//el producto queda seleccioando al clikar en la pestaña
		$("#tab"+cur).addClass("current");//activo la pestaña correspondiente al menu derecho clikado
		if(cur!= tabclicked){ 
			$("#tab"+tabclicked).removeClass("current");//desactivo la pestaña correspondiente (control de no haber clikado en la misma)			
		}
		loadtab(cur);
}