var loadingFrameInicio 	= 1;
var clicksilueta 		= true;
var res;
var jordi 				= new Array();
var natalia 			= new Array();
var ignacio 			= new Array();

var jordi_sit 			= new Array();
var natalia_sit 		= new Array();
var ignacio_sit 		= new Array();

var ratioIn				= 1048/425;
jordi 		= [	
			'img/figuras/ajordi_left.png',
			'img/figuras/djordi_left.png',
			'img/figuras/ajordi_front.png',
			'img/figuras/djordi_front.png',
			'img/figuras/ajordi_right.png',
			'img/figuras/djordi_right.png',
			'img/figuras/ajordi_back.png',
			'img/figuras/djordi_back.png'
			];
natalia 	= [	
			'img/figuras/anatalia_left.png',
			'img/figuras/dnatalia_left.png',
			'img/figuras/anatalia_front.png',
			'img/figuras/dnatalia_front.png',
			'img/figuras/anatalia_right.png',
			'img/figuras/dnatalia_right.png',
			'img/figuras/anatalia_back.png',
			'img/figuras/dnatalia_back.png'
			];
ignacio 	= [	
			'img/figuras/aignacio_left.png',
			'img/figuras/dignacio_left.png',
			'img/figuras/aignacio_front.png',
			'img/figuras/dignacio_front.png',
			'img/figuras/aignacio_right.png',
			'img/figuras/dignacio_right.png',
			'img/figuras/aignacio_back.png',
			'img/figuras/dignacio_back.png'
			];
jordi_sit	= [	
			'img/figuras/ajordi_sit.png',
			'img/figuras/djordi_sit.png'
			];
natalia_sit	= [	
			'img/figuras/anatalia_sit.png',
			'img/figuras/dnatalia_sit.png'
			];
ignacio_sit	= [	
			'img/figuras/aignacio_sit.png',
			'img/figuras/dignacio_sit.png'
			];
$(document).ready(function(){
	
	init();
	
	function init(){
		//Obtenemos la Query String (URL - host)
		var url = document.location.href;
		url = url.substring(url.lastIndexOf(document.location.host)+1);
		// Separamos mediante la barra (/)
		res = url.split('/');
			
		if(res[res.length-1]=="quiero_probarlo.php"){
			loadTipos(ignacio_sit);
			ratioIn = 800/400;
		}else{
			loadTipos(ignacio);
		}
		
		
		/*evitar saltito molesto*/
    	width = $('#nav span.active a').width();
    	$('#nav span.active a').width(width+50);
		
		if(res[res.length-1]=="testimonios.php"){
			anchoBarra = $('body').width()-100;
			$('#wrapiframe').css({"right":"86px"});
			$('#nav li').css({"width":anchoBarra});
			$('#nav li li').css({"width":"70px"});
		}else{
			anchoBarra = "597px";
			$('#wrapiframe').css({"left":"201px"});
			$('#nav li').css({"width":anchoBarra});
			$('#nav li li').css({"width":"70px"});
		}
		
		$('#slidepics ul#thumbs li img').css({"opacity":"0.4"});
		$('#slidepics ul#thumbs li img.active').css({"opacity":"1"});
		
  		$('#nav span.active a').animate({ 
    		width: anchoBarra
  		}, 1500 ,function(){
  			$('#nav').animate({ 
   				marginTop: "10px"
  			}, 1500);
  			$(this).animate({
    			fontSize: "60px",
    			paddingBottom: "10px"
    		},1500,function(){
    			$('.img_active').fadeIn();
    			$('#slidepics').fadeIn();
    		});
  			$('#nav span.active a').css({"display" : "block"});
  			
  			$('#wrapiframe').slideDown(1000,function(){
  				if($('.tab_content').height()>=313){
  					//$('.tab_content').height(313);
  					$('.tab_content').animate({
  						height	:	313+"px"
  					},1000,function(){
  						$('#iframe1').jScrollPane({showArrows:true});
  					});
				}
  				
  				img_testimonio_width = $('#img_testimonio img').width();
  				$('#img_testimonio').animate({
  					marginLeft	:	"-"+img_testimonio_width+"px"
  				},1000,function(){
  					$('#img_testimonio .manipulacion_img').fadeIn();
  				});
				$(".paginator span:eq(0)").show(300, function () {//muestra los distintos span del paginador en orden
					$(this).next().show(300, arguments.callee);
				});
				if(res[res.length-1]=="contacto.php"){
					initialize();
				}
			})
  		});
  		
  		if(res[res.length-1]=="biografia.php"){
			$('#biografia').css({"font-weight":"bold"});
		}
		
		if(res[res.length-1]=="testimonios.php"){
			$('#testimonios').css({"font-weight":"bold"});
		}
				
		if(res[res.length-1]!="index.php" && res[res.length-1]!=""){
  			$('#nav a:not(.active)').animate({ 
    			fontSize: "20px",
    			paddingBottom: "3px"
  			}, 1500);
  		}
  		
  		/*añadir numero de paginadores*/
  		num_tab_content = $(".cont_pag").length;
  		for(i=1;i<=num_tab_content;i++){
  			$(".paginator").append('<span class="thumb" id="slide-'+i+'">'+i+'</span>');
  		}
  		
  		$(".tab_content").hide(); //Esconde todo el contenido
		$(".paginator span:first").addClass("active").show(); //Activa el primer span del paginador
		$(".tab_content:first").show(); //Muestra el contenido de la primera tab
		resize_tangentes();
  		resize(ratioIn);
	}
    
    $('#slidepics ul#thumbs li img:not(.active)').live('mouseover mouseout', function(event) {
  		if (event.type == 'mouseover') {
			$(this).stop().fadeTo("slow", 1.0);
  		} else {
    		$(this).stop().fadeTo("slow", 0.4);
  		}
	});
    
    $('#nav a.active').click(function(e){
    	e.preventDefault();
   	});
   	
    $('#aviso').click(function(e){
    	e.preventDefault();
    	altura = $('#footer').height();
    	if(altura==50){
    		$('.close').fadeIn();
    		$('.aviso').fadeIn();
    		$('#footer').animate({
    			top:-535,
    			height:600
    		},1500,function(){
    			$('#aviso').css({"font-weight":"bold"});
    		});
    	}else{
    		$('.close').fadeOut();
    		$('.biografia').fadeOut();
    		$('.aviso').fadeOut();
    		$('#footer').animate({
    			top:0,
    			height:50
    		},500,function(){
    			$('#biografia').css({"font-weight":"normal"});
    			$('#aviso').css({"font-weight":"normal"});
    		});
    	}
    });
    
    $('.aviso .close').click(function(e){
    	$(this).fadeOut();
    	$('.biografia').fadeOut();
    	$('.aviso').fadeOut();
    	$('#footer').animate({
    		top:0,
    		height:50
    	},500,function(){
    		$('#biografia').css({"font-weight":"normal"});
    		$('#aviso').css({"font-weight":"normal"});
    	});
    });
    
    $('#biografia').click(function(e){
    	e.preventDefault();
    	altura = $('#footer').height();
    	if(altura==50){
    		$('.close').fadeIn();
    		$('.biografia').fadeIn();
    		$('#footer').animate({
    			top:-335,
    			height:600
    		},1500,function(){
    			$('#biografia').css({"font-weight":"bold"});
    		});
    	}else{
    		$('.close').fadeOut();
    		$('.biografia').fadeOut();
    		$('.aviso').fadeOut();
    		$('#footer').animate({
    			top:0,
    			height:50
    		},500,function(){
    			$('#biografia').css({"font-weight":"normal"});
    			$('#aviso').css({"font-weight":"normal"});
    		});
    	}
    });
    
    $('.biografia .close').click(function(e){
    	$(this).fadeOut();
    	$('.biografia').fadeOut();
    	$('.aviso').fadeOut();
    	$('#footer').animate({
    		top:0,
    		height:50
    	},500,function(){
    			$('#biografia').css({"font-weight":"normal"});
    			$('#aviso').css({"font-weight":"normal"});
    	});
    });
    
  	$('#siluetas span.secundaria').click(function(){
  		if(clicksilueta){
  			clicksilueta = false;
 	 		id = $(this).children().attr('id');
 	 		removemostrar = $('#siluetas div span.mostrar');
 	 		removemostrar.removeClass('mostrar').fadeOut();
 	 		$(this).addClass('mostrar').fadeIn();
 	 		$('.img_antes').fadeOut();
  			switch(id){
  				case 'ignacio':
  					loadTipos(ignacio);
  				break;
  				
  				case 'natalia':
  					loadTipos(natalia);
  				break;
  				
  				case 'jordi':
  					loadTipos(jordi);  				
  				break;
  				
  				case 'ignacio_sit':
  					loadTipos(ignacio_sit);
  				break;
  				
  				case 'natalia_sit':
  					loadTipos(natalia_sit);
  				break;
  				
  				case 'jordi_sit':
  					loadTipos(jordi_sit);
  				break;
  			}
  		}
  	});
	
	$('#siluetas div.silueta').live('mouseover mouseout', function(event) {
  		if (event.type == 'mouseover') {
  			if ($.browser.msie){
  				$("div.principal",this).stop().hide();
				$("span:not(.mostrar)",this).stop().show();
  			}else{
  				$("div.principal",this).stop().fadeTo("slow", 0);
				$("span:not(.mostrar)",this).stop().fadeTo("slow", 1.0);
  			}	
  		} else {
  			if ($.browser.msie){
    			$("div.principal",this).stop().show();
    			$("span:not(.mostrar)",this).stop().hide();
  			}else{
    			$("div.principal",this).stop().fadeTo("slow", 1.0);
    			$("span:not(.mostrar)",this).stop().fadeTo("slow", 0);
  			}
  		}
	});
	
    $('.activeslide').live('mouseover mouseout', function(event) {
  		if (event.type == 'mouseover') {
  			
  			if ($.browser.msie){
  				$("div",this).stop().hide();
				$("div.span",this).stop().show();
			
  				$('.img_antes').stop().hide();
  				$('.img_despues').stop().show();
  				$('.img_despues').css({"opacity":"0.4"});
  			
  				$('div.atangencias').stop().hide();
  				$('div.dtangencias').stop().show();
  			}else{
  				$("div",this).stop().fadeTo("slow", 0);
				$("div.span",this).stop().fadeTo("slow", 1.0);
			
  				$('.img_antes').stop().fadeTo("slow", 0);
  				$('.img_despues').stop().fadeTo("slow", 0.4);
  			
  				$('div.atangencias').stop().fadeTo("slow", 0);
  				$('div.dtangencias').stop().fadeTo("slow", 1.0);  			
  			}
  		} else {
  			if ($.browser.msie){
  				$("div",this).stop().show();
    			$("div.span",this).stop().hide();
    		
  				$('.img_antes').stop().show();
  				$('.img_despues').stop().hide();
  				$('.img_antes').css({"opacity":"0.4"});
  			
  				$('div.atangencias').stop().show();
  				$('div.dtangencias').stop().hide();
  			}else{
  				$("div",this).stop().fadeTo("slow", 1.0);
    			$("div.span",this).stop().fadeTo("slow", 0);
    		
  				$('.img_antes').stop().fadeTo("slow", 0.4);
  				$('.img_despues').stop().fadeTo("slow", 0);
  			
  				$('div.atangencias').stop().fadeTo("slow", 1.0);
  				$('div.dtangencias').stop().fadeTo("slow", 0);
  			}
  		}
	});

    $('.prev').live('click',function(){
    	prevslide();
    });
    
    $('.next').live('click',function(){
    	nextslide();
    });
    
    
    $(".paginator span:not(.active)").live('click',function(e) {	
		e.preventDefault();		
		$(".paginator span").removeClass("active");
		$(this).addClass("active");
		$(".tab_content").hide();
		var activeTab = $(this).attr("id");
		var idtab = activeTab.split("-");
		$('#iframe'+idtab[1]).fadeIn();
		initialize()
	});

    $(window).bind("resize", function(){
    	resize(ratioIn);
    	resize_tangentes();
    	if(res[res.length-1]=="testimonios.php"){
			anchoBarra = $('body').width()-100;
			//$('#wrapiframe').width(547);
			
		}else{
			anchoBarra = "597px";
		}
		$('#nav li, #nav span.active a').animate({ 
    		width: anchoBarra
  		}, 0);
  		
		$('#nav li li').css({"width":"70px"});
	});
	
	$(document).bind('keydown',function(e){ 
  		//alert(e.type + ': ' +  e.which );
  		if(e.which == '32') e.preventDefault();
	});
	
	
});

function loadTipos(arrayImg){
	
	//if(!arrayImg) arrayImg = ignacio;

	$('#tipos .activeslide').fadeOut();
	$("#loading").fadeIn(function(){
		loadingTimerInicio = setInterval('animate_loading()', 66);
   		//$.preloadCssImages();
   		$('#tipos .tipo').find('img').each(function(index){
  			$(this).attr('src',arrayImg[index]);
  		});
		
		$('#tipos .tipo img').imgpreload({
			each: function(){
				// this = dom image object
				// callback executes when each image loads
			},
			all: function(){
				$('.img_antes').css({"opacity":"0.4","display":"block"});
				$('.atangencias').css({"display":"block"});
				$("#loading").fadeOut(500,function(){
					$('#tipos .activeslide').fadeIn(500);
					clicksilueta = true;
				});
			}
		});
	});
}

$(function(){
	$.fn.supersized.options = {
		startwidth: 1024,
		startheight: 768,
		minsize: .50,
		slideshow: 0,
		slideinterval: 5000
	};
    $('#supersize').supersized();
});
    	
function resize_tangentes(){
	$('div.atangencias, div.dtangencias').each(function(index) {
		//Define image ratio
		var ratio = 800/500;
		
		//Gather browser and current image size
		var imagewidth = $(this).width();
		var imageheight = $(this).height();
		var browserwidth = $(window).width();
		var browserheight = $(window).height();
		
		//Resize image to proper ratio
		if ((browserheight/browserwidth) < ratio){
		    $(this).children().height(browserheight);
		    $(this).children().width(browserheight / ratio);
		} else {
		    $(this).children().width(browserwidth);
		    $(this).children().height(browserwidth * ratio);
		}
		$(this).animate({
			left : "30%"
		},0);
	});
}
function resize(ratioIn){
	width_der = $('body').width() - 611;
		
	$('#par_derecha').css({"width":width_der});
	$('#tipos').css({"right":"50%","margin-right":"-112px"});
		
	$('#tipos .tipo img').each(function(index) {
		//Define image ratio
		var ratio = ratioIn;
		
		//Gather browser and current image size
		var imagewidth = $(this).width();
		var imageheight = $(this).height();
		var browserwidth = $(window).width();
		var browserheight = $(window).height();
		
		//Resize image to proper ratio
		if ((browserheight/browserwidth) < ratio){
		    $(this).height(browserheight);
		    $(this).width(browserheight / ratio);
		    $(this).parent().parent().parent().height(browserheight);
		    $(this).parent().parent().parent().width(browserheight / ratio);
		} else {
		    $(this).width(browserwidth);
		    $(this).height(browserwidth * ratio);
		    $(this).parent().parent().parent().height(browserwidth);
		    $(this).parent().parent().parent().width(browserwidth / ratio);
		}
	});	
}
function animate_loading(){
	if (!$('#loading').is(':visible')){
		clearInterval(loadingTimerInicio);
		return;
	}
	$('div', '#loading').css('top', (loadingFrameInicio * -40) + 'px');
	loadingFrameInicio = (loadingFrameInicio + 1) % 12;
}

function nextslide() {
    var currentslide = $('#tipos .activeslide');
    currentslide.removeClass('activeslide');		
    if ( currentslide.length == 0 ) currentslide = $('#tipos .tipo:last');
    var nextslide =  currentslide.next('.tipo').length ? currentslide.next('.tipo') : $('#tipos .tipo:first');
    var prevslide =  nextslide.prev('.tipo').length ? nextslide.prev('.tipo') : $('#tipos .tipo:last');
	$('.prevslide').removeClass('prevslide');
	prevslide.hide().addClass('prevslide');
    nextslide.hide().addClass('activeslide');
    prevslide.fadeOut(500);
    nextslide.fadeIn(500);
}

function prevslide() {
    var currentslide = $('#tipos .activeslide');
    currentslide.removeClass('activeslide');
    if ( currentslide.length == 0 ) currentslide = $('#tipos .tipo:first');
    var nextslide =  currentslide.prev('.tipo').length ? currentslide.prev('.tipo') : $('#tipos .tipo:last');
    var prevslide =  nextslide.next('.tipo').length ? nextslide.next('.tipo') : $('#tipos .tipo:first');
	$('.prevslide').removeClass('prevslide');
	prevslide.hide().addClass('prevslide');
    nextslide.hide().addClass('activeslide');
    prevslide.fadeOut(500);
    nextslide.fadeIn(500);
}

function initialize() {
	if (GBrowserIsCompatible()) {
   		
   		var map1 = new GMap2(document.getElementById('google1'));
   		var marker1 = new GMarker(new GLatLng(41.400293,2.154958));
   		map1.setCenter(new GLatLng(41.400293,2.154958), 13);
   		map1.addControl(new GSmallMapControl());
   		map1.addOverlay(marker1);
         		
   		var map2 = new GMap2(document.getElementById('google2'));
   		var marker2 = new GMarker(new GLatLng(41.432193,2.217003));
   		map2.setCenter(new GLatLng(41.432193,2.217003), 13);
   		map2.addControl(new GSmallMapControl());
   		map2.addOverlay(marker2);
         		
         		
   		var map3 = new GMap2(document.getElementById('google3'));
   		var marker3 = new GMarker(new GLatLng(41.540348,2.111949));
   		map3.setCenter(new GLatLng(41.540348,2.111949), 13);
   		map3.addControl(new GSmallMapControl());
   		map3.addOverlay(marker3);
   		
	}
}