// JavaScript Document
var apiD=null;
var apiI=null;
$(document).ready(function() {
	$("#textoBarraDer").tooltip({
		offset: [100, -60]
	});
	$("#textoBarraIzq").tooltip({
		offset: [100, 40]
	});
	apiD = $("#textoBarraDer").data("tooltip");
	apiI = $("#textoBarraIzq").data("tooltip");
});


var origWI=0;
var origHI=0;
var origWD=0;
var origHD=0;
var clickedIzq='no';
var clickedDer='no';
var sobreImg='no';
function resize(imagen,div,tipe) {
	var elem = document.getElementById(imagen);
	var imgW = elem.width;
	var imgH = elem.height;
	var imgFW = 0;
	var imgFH = 0;
	if ($(window).width() > $(window).height()) {
		if (imgW > imgH) {
			 var fRatio = imgW/imgH;
			 imgFW=$(window).width();
			 imgFH=Math.round($(window).width() * (1/fRatio));
			 var newIh = Math.round($(window).width() * (1/fRatio));
			 if(newIh < $(window).height()) {
				var fRatio = imgH/imgW;
				imgFH=$(window).height();
				imgFW=Math.round($(window).height() * (1/fRatio));
			}
		}else{
			var fRatio = imgH/imgW;
			imgFH=$(window).height();
			imgFW=Math.round($(window).height() * (1/fRatio));
		}
	}else{
		var fRatio = imgH/imgW;
		imgFH=$(window).height();
		imgFW=Math.round($(window).height() * (1/fRatio));
	}
	elem.width=(imgFW);
	elem.height=(imgFH);
	if(div=='izq'){
		if(tipe=='inicio'){
			origWI=$('#imagenIzq').width();
			origHI=$('#imagenIzq').height();
		}
		$('#'+imagen).css("left",-($(window).width()*0.5));
	}else{
		if(tipe=='inicio'){
			origWD=$('#imagenDer').width();
			origHD=$('#imagenDer').height();
		}
		$('#'+imagen).css("left",($(window).width()*0.5));
	}
	$('#'+imagen).css("visibility","visible");
}
function resized() {
	document.getElementById('imagenIzq').width=origWI;
	document.getElementById('imagenIzq').height=origHI;
	document.getElementById('imagenDer').width=origWD;
	document.getElementById('imagenDer').height=origHD;
    resize('imagenIzq','izq','resize');
	resize('imagenDer','der','resize');
	if((clickedDer=='si') && (clickedIzq=='no')){
		$('#imagenDer').css("left",'0px');
		$('#imagenIzq').css("left",-($(window).width()));
		$('#contenedorWeb').css("left", ($(window).width()*0.5)-($('#contenedorWeb').width()*0.5));
	}
	if((clickedDer=='no') && (clickedIzq=='si')){
		$('#imagenIzq').css("left",'0px');
		$('#imagenDer').css("left",($(window).width()));
		$('#contenedorWeb').css("left", ($(window).width()*0.5)-($('#contenedorWeb').width()*0.5));
	}
};

var resizeTimer = null;
$(window).bind('resize', function() {
    if (resizeTimer) clearTimeout(resizeTimer);
    resizeTimer = setTimeout(resized, 10);
});
$(window).load(function(){
	var str=$('#contenedorFondo').css("height");
	var px=str.split('px');
	$('#contenedorWeb').css("height", px[0]-25);
	str=$('#contenedorFondo').css("width");
	px=str.split('px');
	$('#contenedorWeb').css("left", ($(window).width()*0.15));
	
	var animadoIzq='no';
	var animadoDer='no';
	var animadoCen='si';
	$('#contenedorFondo').mousemove(function(event) {
		console.log(sobreImg);
		if(sobreImg=='si'){
			$('#imagenIzq').animate({left:-($(window).width()*0.5)},{duration:600, queue: false});
			$('#imagenDer').animate({left:($(window).width()*0.5)},{duration:600, queue: false});
			animadoDer='no';
			animadoIzq='no';
			animadoCen='si';
		}else{
			if((event.pageX<$(document).width()*0.50) && (animadoIzq=='no') && (sobreImg=='no') && (clickedIzq=='no') && (clickedDer=='no')){
				$('#contenedorFondo').css("cursor", "pointer");
				$('#imagenIzq').animate({left:-($(window).width()*0.25)},{duration:600, queue: false});
				$('#imagenDer').animate({left:($(window).width()*0.75)},{duration:600, queue: false});
				animadoIzq='si';
				animadoCen='no';
				animadoDer='no';
			}else{
				if((event.pageX>$(document).width()*0.50) && (animadoDer=='no')  && (sobreImg=='no') && (clickedIzq=='no') && (clickedDer=='no')){
					$('#contenedorFondo').css("cursor", "pointer");
					$('#imagenIzq').animate({left:-($(window).width()*0.75)},{duration:600, queue: false});
					$('#imagenDer').animate({left:($(window).width()*0.25)},{duration:600, queue: false});
					animadoDer='si';
					animadoCen='no';
					animadoIzq='no';
				}
			}
		}
	});
	$('#seleccion-img').mouseover(function(){
		sobreImg='si';
	});
	$('#seleccion-img').mouseout(function(){
		sobreImg='no';
	});
	$('#entrar-fitness').mousemove(function(){
		sobreImg='no';
	});
	$('#entrar-fitness').mouseout(function(){
		sobreImg='si';
	});
	$('#entrar-fitness').click(clickIzq);
	$('#entrar-kontact').mousemove(function(){
		sobreImg='no';
	});
	$('#entrar-kontact').mouseout(function(){
		sobreImg='si';
	});
	$('#entrar-kontact').click(clickDer);
	
	
	$('#imagenIzq').click(clickIzq);
	function clickIzq(event) {
		sobreImg='no';
		$('#seleccion-img').css('display','none');
		$('#iframe').attr('src','');
		$(document).unbind('mousemove');
		$('#imagenIzq').unbind('click');
		$('#imagenDer').unbind('click');
		$('#iframe').attr('src','');
		$('#imagenIzq').animate({left:'0px'},{duration:600, queue: false, complete: function(){
			$('#barraIzq').animate({top:'0px'},{duration:600, complete: function(){
				$('#contenedorWeb').css("display", "block");
			}});
		}});
		$('#imagenDer').animate({left:($(window).width())},{duration:600, queue: false});
		$('#barraCen').animate({top:'-20px'},{duration:600, queue: false});
		animadoDer='si';
		animadoIzq='si';
		animadoCen='si';
		$('#contenedorFondo').css("cursor", "default");
		clickedIzq='si';
		clickedDer='no';
		$('#iframe').attr('src','./fitness/index.php');
	};
	$('#imagenDer').click(clickDer);
	function clickDer(event) {
		sobreImg='no';
		$('#seleccion-img').css('display','none');
		$('#iframe').attr('src','');
		$(document).unbind('mousemove');
		$('#imagenDer').unbind('click');
		$('#imagenIzq').unbind('click');
		$('#iframe').attr('src','');
		$('#imagenDer').animate({left:'0px'},{duration:600, queue: false, complete: function(){
			$('#barraDer').animate({top:'0px'},{duration:600, complete: function(){
				$('#contenedorWeb').css("display", "block");
			}});
		}});
		$('#imagenIzq').animate({left:-($(window).width())},{duration:600, queue: false});
		$('#barraCen').animate({top:'-20px'},{duration:600, queue: false});
		animadoDer='si';
		animadoIzq='si';
		animadoCen='si';
		$('#contenedorFondo').css("cursor", "default");
		clickedIzq='no';
		clickedDer='si';
		$('#iframe').attr('src','./kontact/index.php');
	};
	$('#textoBarraDer').mouseover(bdmov);
	function bdmov(event) {
		apiD.show();
		$('#imagenIzq').animate({left:-($(window).width()*0.75)},{duration:600, queue: false});
		$('#imagenDer').animate({left:($(window).width()*0.25)},{duration:600, queue: false});
	}
	$('#textoBarraDer').mouseout(bdmou);
	function bdmou(event) {
		apiD.hide();
		$('#imagenDer').animate({left:'0px'},{duration:600, queue: false});
		$('#imagenIzq').animate({left:-($(window).width())},{duration:600, queue: false});
	}
	$('#textoBarraDer').click(bdmc);
	function bdmc(event) {
		apiD.hide();
		$('#iframe').attr('src','');
		$('#contenedorWeb').css("display", "none");
		$('#textoBarraDer').unbind('mouseover');
		$('#textoBarraDer').unbind('mouseout');
		$('#textoBarraDer').unbind('click');
		$('#barraDer').animate({top:'-25px'},{duration:600, complete: function(){
			$('#contenedorWeb').css("display", "block");
		}});
		$('#imagenIzq').animate({left:'0px'},{duration:600, queue: false, complete: function(){
			$('#barraIzq').animate({top:'0px'},{duration:600});
			$('#textoBarraIzq').bind('mouseover',bimov);
			$('#textoBarraIzq').bind('mouseout',bimou);
			$('#textoBarraIzq').bind('click',bimc);
		}});
		$('#imagenDer').animate({left:($(window).width())},{duration:600, queue: false});
		clickedIzq='si';
		clickedDer='no';
		$('#iframe').attr('src','./fitness/index.php');
	}
	$('#textoBarraIzq').mouseover(bimov);
	function bimov(event) {
		apiI.show();
		$('#imagenIzq').animate({left:-($(window).width()*0.25)},{duration:600, queue: false});
		$('#imagenDer').animate({left:($(window).width()*0.75)},{duration:600, queue: false});
	}
	$('#textoBarraIzq').mouseout(bimou);
	function bimou(event) {
		apiI.hide();
		$('#imagenIzq').animate({left:'0px'},{duration:600, queue: false});
		$('#imagenDer').animate({left:($(window).width())},{duration:600, queue: false});
	}
	$('#textoBarraIzq').click(bimc);
	function bimc(event) {
		apiI.hide();
		$('#iframe').attr('src','');
		$('#contenedorWeb').css("display", "none");
		$('#textoBarraIzq').unbind('mouseover');
		$('#textoBarraIzq').unbind('mouseout');
		$('#textoBarraIzq').unbind('click');
		$('#barraIzq').animate({top:'-25px'},{duration:600, complete: function(){
			$('#contenedorWeb').css("display", "block");
		}});
		$('#imagenDer').animate({left:'0px'},{duration:600, queue: false, complete: function(){
			$('#barraDer').animate({top:'0px'},{duration:600});
			$('#textoBarraDer').bind('mouseover',bdmov);
			$('#textoBarraDer').bind('mouseout',bdmou);
			$('#textoBarraDer').bind('click',bdmc);
		}});
		$('#imagenIzq').animate({left:-($(window).width())},{duration:600, queue: false});
		clickedIzq='no';
		clickedDer='si';
		$('#iframe').attr('src','./kontact/index.php');
	}
});