// El Camerino 2011
// Pelayo M�ndez
// www.onelittleweb.com - www.welovecode.net

$(document).ready(function() {

	// SETUP / RESIZE
	//////////////////////////////////////////////////////////////////

	ResizeWeb();

	$(window).resize(function(){
		ResizeWeb();
 	});

 	function ResizeWeb() {

		/*
 		if($(window).height() > 768) {
			$("div#mainContainer").css({height:$(window).height()-61});
			$("div#midBar").css({height:502+$(window).height()-829});
		} else {
		*/
		if($(window).height() > 631) {
			$("div#mainContainer").css({height:$(window).height()-30});
			$("div#midBar").css({height:502+$(window).height()-621});
		} else {
			$("div#mainContainer").css({height:588});
			$("div#midBar").css({height:502});
		}
		//}
		movieresize();
		//$("div#midBar").css('margin-left',($(window).width()-952)/2);
		//$("div#adminBar").css('margin-left',$(window).width()-100);
 	}

 	// VIDEOS
	//////////////////////////////////////////////////////////////////
	/*
	var player = projekktor('#player_a', {
    width: 932,
    height: 512,
    poster: "./img/soporte/1/1.jpg",
    controls: true,
    enableNativePlayback: true,
    enableTestcard: false,
    flashStreamType: 'file',
    videoScaling: 'fill',
    playlist: [
     {
        0: {src:'video/intro10.mp4', type:"video/mp4"},
       	1: {src:'video/intro10.webm', type:"video/webm"},
        2: {src:'video/intro10.ogv', type:"video/ogg"}
     }
    ]
	});
	*/
	var listVideos = new Array("1Rojo.mp4","2Blanco.mp4","3Rojo.mp4","4Blanco.mp4","5Rojo.mp4");
	var randomVideo = Math.floor(Math.random()*5);
	
	//alert(listVideos[randomVideo]);
	
	var playerB = projekktor('#player_b', {
    width: 932,
    height: 512,
    controls: false,
    autoplay:true,
    enableKeyboard: false,
    enableNativePlayback: true,
    enableTestcard: false,
    disablePause: true,
    playerFlashMP4: 'JarisFLVPlayer.swf',
  	_theme: false,
  	start: 1,
    flashStreamType: 'http',
    videoScaling: 'fill',
    playlist: [
     {
     	/*
     	0: {src:'video/intro10.mp4', type:"video/mp4"},
       	1: {src:'video/intro10.webm', type:"video/webm"},
        */
        0: {src:'video/'+listVideos[randomVideo], type:"video/mp4"}
     }
    ]
	},  function(playerB) {
            playerB.addListener('done', function() {
            	CloseIntro();
            });
    });

	$("#player_b").mousedown(function(e){
            	CloseIntro();
    });

	function CloseIntro() {
		playerB.setStop();
        $("div.ppstart").css('visibility','hidden');
		$("div#idiomasintro").css('visibility','hidden');
		$("div#player_top").css('visibility','hidden');
		$("div#skipintro").css('visibility','hidden');		
        $("div#player_b").fadeOut('slow', function(){
			$("div.ppstart").css('visibility','visible');
			$("body").css('overflow-y','auto');
			$("html").css('overflow-y','auto');
			$("#mainContainer").css('visibility','visible');
		});
	}

	function movieresize() {

    	var winWidth = $(window).width();
    	var winHeight = $(window).height();
    	var windowProps = winWidth / winHeight;
    	var origWidth = 932;
    	var origHeight =512;
    	var origProps = origWidth / origHeight;
    	var proportion = 0;

    	if (windowProps >= origProps) {
    		proportion = winWidth / origWidth;
    	} else {
    		proportion = winHeight / origHeight;
    	};

    	newWidth = proportion * origWidth;
    	newHeight = proportion * origHeight;

    	$('#player_b').width(winWidth);
    	$('#player_b_media').width(newWidth);
    	$('#player_b_media_html').width(newWidth);

    	$('#player_b').height(winHeight);
    	$('#player_b_media').height(newHeight);
    	$('#player_b_media_html').height(newHeight);

     };

	movieresize();

	// INI SECTIONS / NAVEGACION
	//////////////////////////////////////////////////////////////////

	for(i=1;i<7;i++) { // Este 13 puede saltar en explorer... es el total de secciones roll-over

		if(i<7) {
			$("div#sec"+i).hide();
		}
		$("#home div#sec_"+i+"_active").mousedown(function(e){

			if(secActiva == 0) {
				Navega("sec"+e.target.id.split("_")[1]);
			}
			/*
			if(secActiva == "sec5") {
				$("div#equipo_text0").hide();
				$("div#equipo_text1").hide();
				$("div#equipo_text2").hide();
				$("div#equipo_text3").hide();
				$("div#equipo_text"+e.target.id.split("_")[1]).fadeIn('slow');
			}
			*/
		});
	}

	for(i=1;i<4;i++) {
		$("#sec5 div#sec_"+i+"_active").mousedown(function(e){
				$("div#equipo_text0").hide();
				$("div#equipo_text1").hide();
				$("div#equipo_text2").hide();
				$("div#equipo_text3").hide();
				$("div#equipo_text"+e.target.id.split("_")[1]).fadeIn('slow');
		});
	}


	// INI PORTFOLIO
	//////////////////////////////////////////////////////////////////


		$('.activeBox').mouseover(function(e){
			$("div#sec_"+e.target.id.split("_")[1]+"_over").parent().css("z-index","10");
			$("div#sec_"+e.target.id.split("_")[1]+"_over").css('background-color','#bf0a33');
			$("div#sec_"+e.target.id.split("_")[1]+"_over").css('-moz-opacity','.5');
			$("div#sec_"+e.target.id.split("_")[1]+"_over").css('filter','alpha(opacity=50)');
			$("div#sec_"+e.target.id.split("_")[1]+"_over").css('opacity','.5');
			$("div#sec_"+e.target.id.split("_")[1]+"_over").hide();
			$("div#sec_"+e.target.id.split("_")[1]+"_over").fadeIn();
		});
		$('.activeBox').mouseout(function(e){
			$("div#sec_"+e.target.id.split("_")[1]+"_over").parent().css("z-index","0");
			$("div#sec_"+e.target.id.split("_")[1]+"_over").css('background-color','transparent');
			$("div#sec_"+e.target.id.split("_")[1]+"_over").css('-moz-opacity','1');
			$("div#sec_"+e.target.id.split("_")[1]+"_over").css('filter','alpha(opacity=100)');
			$("div#sec_"+e.target.id.split("_")[1]+"_over").css('opacity','1');
		});




	$("div#sec3b").hide();
	$("div#backbut").hide();

	$("div#equipo_text1").hide();
	$("div#equipo_text2").hide();
	$("div#equipo_text3").hide();


	$("a#butlink_back").mousedown(function(e){
		BackRef();
	});

	$("div#backbut").mousedown(function(e){
		//player.setStop();
		BackHome();
	});

	$("div#perchero").mousedown(function(e){
		//player.setStop();
		BackHome();
	});

	$("div#mailto").mousedown(function(e){
		window.location.href = "mailto:elcamerino@elcamerino.net";
		//alert(1);
	});


	var secActiva = 0;

	function Navega(secDestino) {

		if(secDestino == "sec5") {

			$("div#equipo_text0").show();
			$("div#equipo_text1").hide();
			$("div#equipo_text2").hide();
			$("div#equipo_text3").hide();

		}

		$("div#adminBar").css('visibility','hidden');
		$('.activeBox').hide();

		$("div#home").fadeOut("slow", function(){

			$("div#"+secDestino).fadeIn("slow", function(){
				$("div#backbut").fadeIn('slow');
				secActiva = secDestino;
				$('.activeBox').show();
			});
		});

	};

	function BackRef() {

		$("div#"+secActiva).fadeOut("slow", function(){
			$("div#sec3").fadeIn("slow", function(){
				secActiva = "sec3";
			});
		});

	};

	function BackHome() {

		$("div#"+secActiva).fadeOut("slow", function(){
			$("div#home").fadeIn("slow", function(){
				secActiva = 0;
				$("div#adminBar").hide();
				$("div#adminBar").css('visibility','visible');
				$("div#adminBar").fadeIn();
			});
		});

		$("div#backbut").hide();


	};

	// ZONA DE CLIENTES
	//////////////////////////////////////////////////////////////////

	$("div#okbut").mousedown(function(e){
            OpenClientArea();
    });

    function OpenClientArea() {
    	var hg = 512;
    	if($("input#codigo").val() == "elcamerino") {
    		TINY.box.show({iframe:'clientes/index.php',boxid:'frameless',width:952,height:hg,fixed:false,maskid:'bluemask',maskopacity:40});
    	} else {
			TINY.box.show({html:'No reconocido.',animate:false,close:false,boxid:'error',top:5})
    	}
	}

	// ARTISTAS
	//////////////////////////////////////////////////////////////////

	var miniActiva = 1;
	var totImages = 0;
	var loading = false;

	for(i=1;i<17;i++) {
		var fotoCargada = $("div#sec1 div#mini_"+i).css("background-image");
		if(fotoCargada.indexOf("mini0.jpg") == -1) {
			totImages += 1;
			$("div#sec1 div#mini_"+i).mousedown(function(e){
				if(Number(e.target.id.split("_")[1]) == miniActiva) return;
				loadGalImage(e.target.id.split("_")[1]);
			});
			$("div#sec1 div#mini_"+i).mouseover(function(e){
				if(Number(e.target.id.split("_")[1]) == miniActiva) return;
				//$("div#sec1 div#mini_"+e.target.id.split("_")[1]).removeClass("miniBox").addClass("miniBoxActive");
			});
			$("div#sec1 div#mini_"+i).mouseout(function(e){
				if(Number(e.target.id.split("_")[1]) == miniActiva) return;
				//$("div#sec1 div#mini_"+e.target.id.split("_")[1]).removeClass("miniBoxActive").addClass("miniBox");
			});
		}
	};

	function loadGalImage(num) {

		if(loading) return;

		loading = true;

		$("div#sec1 div#mini_"+miniActiva).removeClass("miniBoxActive").addClass("miniBox");
		$("div#sec1 div#mini_"+num).removeClass("miniBox").addClass("miniBoxActive");
		miniActiva = Number(num);

		$("div#sec1 div.bigBox").fadeOut("fast", function(){
		$("div#sec1 div.bigBox").fadeIn();
		var urlLoading = "url(./img/gui/preload.gif)";
		$("div#sec1 div.bigBox").css("background-image",urlLoading);
		$("div#sec1 div.bigBox").css("background-position","center center");
		var img = new Image();
		var d = new Date();
  		$(img).load(function () {
  			$("div#sec1 div.bigBox").hide();
      		var url = "url(./img/artistas/big"+num+".jpg?d="+d.getTime()+")";
      		$("div#sec1 div.bigBox").css("background-position","0px 5px");
			$("div#sec1 div.bigBox").css("background-image",url);
			$("div#sec1 div.bigBox").fadeIn('slow');
			loading = false;
    	}).attr('src', "./img/artistas/big"+num+".jpg?d="+d.getTime());

    	});

	}

	$("img#fleftG").mousedown(function(e){
            if(miniActiva == 1) {
            	loadGalImage(totImages);
            } else {
            	loadGalImage(miniActiva-1);
            }

    });

    $("img#frightG").mousedown(function(e){
    		if(miniActiva == totImages) {
    			loadGalImage(1);
    		} else {
            	loadGalImage(miniActiva+1);
            }
    });

    // SOPORTE
	//////////////////////////////////////////////////////////////////

	var miniActivaSop = 1;
	var totImagesSop = 0;
	var loadingSop = false;

	for(i=1;i<17;i++) {
		var fotoCargada = $("div#sec2 div#mini_"+i).css("background-image");
		if(fotoCargada.indexOf("mini0.jpg") == -1) {
			totImagesSop += 1;
			$("div#sec2 div#mini_"+i).mousedown(function(e){
				if(Number(e.target.id.split("_")[1]) == miniActivaSop) return;
				loadGalSopImage(e.target.id.split("_")[1]);
			});
			$("div#sec2 div#mini_"+i).mouseover(function(e){
				if(Number(e.target.id.split("_")[1]) == miniActivaSop) return;
				//$("div#sec1 div#mini_"+e.target.id.split("_")[1]).removeClass("miniBox").addClass("miniBoxActive");
			});
			$("div#sec2 div#mini_"+i).mouseout(function(e){
				if(Number(e.target.id.split("_")[1]) == miniActivaSop) return;
				//$("div#sec1 div#mini_"+e.target.id.split("_")[1]).removeClass("miniBoxActive").addClass("miniBox");
			});
		}
	};

	function loadGalSopImage(num) {

		if(loadingSop) return;

		loadingSop = true;

		$("div#sec2 div#mini_"+miniActivaSop).removeClass("miniBoxActive").addClass("miniBox");
		$("div#sec2 div#mini_"+num).removeClass("miniBox").addClass("miniBoxActive");
		miniActivaSop = Number(num);

		$("div#sec2 div.bigBox").fadeOut("fast", function(){
		$("div#sec2 div.bigBox").fadeIn();
		var urlLoading = "url(./img/gui/preload.gif)";
		$("div#sec2 div.bigBox").css("background-image",urlLoading);
		$("div#sec2 div.bigBox").css("background-position","center center");
		var img = new Image();
		var d = new Date();
  		$(img).load(function () {
  			$("div#sec2 div.bigBox").hide();
      		var url = "url(./img/soporte/big"+num+".jpg?d="+d.getTime()+")";
      		$("div#sec2 div.bigBox").css("background-position","0px 5px");
			$("div#sec2 div.bigBox").css("background-image",url);
			$("div#sec2 div.bigBox").fadeIn('slow');
			loadingSop = false;
    	}).attr('src', "./img/soporte/big"+num+".jpg?d="+d.getTime());

    	});

	}

	$("div#sec2 img#fleftG").mousedown(function(e){
            if(miniActivaSop == 1) {
            	loadGalSopImage(totImagesSop);
            } else {
            	loadGalSopImage(miniActivaSop-1);
            }

    });

    $("div#sec2 img#frightG").mousedown(function(e){
    		if(miniActivaSop == totImagesSop) {
    			loadGalSopImage(1);
    		} else {
            	loadGalSopImage(miniActivaSop+1);
            }
    });

	/*

	var subGaleriaActiva = 1;
	var totImagesGaleria = 4;

	var loadingSop = false;
	var miniSopActiva = 1;
	var miniTotalSop = 4;

	$("div#sec2 div#gal_2").hide();
	$("div#sec2 div#gal_3").hide();
	$("div#sec2 div#gal_4").hide();

	for(i=1;i<5;i++) {
		$("a#butlink_"+i).mousedown(function(e){
			$("a#butlink_"+subGaleriaActiva).removeClass("active");
			$("a#butlink_"+e.target.id.split("_")[1]).addClass("active");
			$("div#sec2 div#gal_"+subGaleriaActiva).fadeOut("slow", function(){
					if(+e.target.id.split("_")[1]>1) {
						player.setStop();
						$("div#sec2 div#gal_"+e.target.id.split("_")[1]+" div.bigBox").css("background-position","10px 0px");
						$("div#sec2 div#gal_"+e.target.id.split("_")[1]+" div.bigBox").css("background-image","url(./img/soporte/"+e.target.id.split("_")[1]+"/1.jpg)");
					}
					$("div#sec2 div#gal_"+e.target.id.split("_")[1]).fadeIn("slow");
					subGaleriaActiva = e.target.id.split("_")[1];
					miniSopActiva = 1;
			});
		});
	}

	function loadSopImage(num) {

		if(loadingSop) return;

		loadingSop = true;
		miniSopActiva = Number(num);

		var fotourl = subGaleriaActiva+"/"+num+".jpg";

		$("div#sec2 div#gal_"+subGaleriaActiva+" div.bigBox").fadeOut("fast", function(){
			$("div#sec2 div#gal_"+subGaleriaActiva+" div.bigBox").fadeIn();
			var urlLoading = "url(./img/gui/preload.gif)";
			$("div#sec2 div#gal_"+subGaleriaActiva+" div.bigBox").css("background-image",urlLoading);
			$("div#sec2 div#gal_"+subGaleriaActiva+" div.bigBox").css("background-position","center center");
			var img = new Image();
			var d = new Date();
  			$(img).load(function () {
  				$("div#sec2 div#gal_"+subGaleriaActiva+" div.bigBox").hide();
      			var url = "url(./img/soporte/"+fotourl+"?d="+d.getTime()+")";
      			$("div#sec2 div#gal_"+subGaleriaActiva+" div.bigBox").css("background-position","10px 0px");
				$("div#sec2 div#gal_"+subGaleriaActiva+" div.bigBox").css("background-image",url);
				$("div#sec2 div#gal_"+subGaleriaActiva+" div.bigBox").fadeIn('slow');
				loadingSop = false;
    		}).attr('src', "./img/soporte/"+fotourl+"?d="+d.getTime());

    	});

	}

	$("img.fleftS").mousedown(function(e){
            if(miniSopActiva == 1) {
            	loadSopImage(miniTotalSop);
            } else {
            	loadSopImage(miniSopActiva-1);
            }
    });

    $("img.frightS").mousedown(function(e){
    		if(miniSopActiva == miniTotalSop) {
    			loadSopImage(1);
    		} else {
            	loadSopImage(miniSopActiva+1);
            }
    });

	*/

	// REFERENCIAS
	//////////////////////////////////////////////////////////////////

	for(i=1;i<13;i++) {
		$("div#sec3 div#mini_"+i).mousedown(function(e){
			SubNavega("sec3b",e.target.id.split("_")[1]);
		});
	}

	function SubNavega(secDestino,fotoDestino) {

		var valFoto = $("div#subdesc_"+fotoDestino).text();
		$("div#sec3b div#desc_main").empty();
		$('.activeBox').hide();

		$("div#sec3").fadeOut("slow", function(){
			$("div#sec3b div.bigBox").css("background-image","");
			$("div#"+secDestino).fadeIn("slow", function(){
				secActiva = secDestino;
				loadRefImage(valFoto,fotoDestino);
				$('.activeBox').show();
			});
		});
	}

	var loadingRef = false;
	var miniRefActiva = 0;
	var miniTotalRef = 12;

	function loadRefImage(foto,num) {

		if(loadingRef) return;

		var desc = $("div#subdesc_"+num).text();
		desc = desc.substr(3,10) + "  " + $("div#cliente_"+num).text();

		loadingRef = true;
		miniRefActiva = Number(num);

		var fotourl = foto.replace("/","_").replace("/","_")+".jpg";
		$("div#sec3b div.bigBox").fadeOut("fast", function(){
			$("div#sec3b div.bigBox").fadeIn();
			var urlLoading = "url(./img/gui/preload.gif)";
			$("div#sec3b div.bigBox").css("background-image",urlLoading);
			$("div#sec3b div.bigBox").css("background-position","center center");
			var img = new Image();
			var d = new Date();
  			$(img).load(function () {
  				$("div#sec3b div.bigBox").hide();
      			var url = "url(./img/referencias/"+fotourl+"?d="+d.getTime()+")";
      			$("div#sec3b div.bigBox").css("background-position","0px 0px");
				$("div#sec3b div.bigBox").css("background-image",url);
				$("div#sec3b div.bigBox").fadeIn('slow', function(){
					$("div#sec3b div#desc_main").hide();
					$("div#sec3b div#desc_main").append(desc);
					$("div#sec3b div#desc_main").fadeIn();
				});
				loadingRef = false;
    		}).attr('src', "./img/referencias/"+fotourl+"?d="+d.getTime());

    	});

	}

	$("div#sec3b img#fleftR").mousedown(function(e){
			if(loadingRef) return;
			$("div#sec3b div#desc_main").empty();
            if(miniRefActiva == 1) {
            	loadRefImage($("div#subdesc_"+miniTotalRef).text(),miniTotalRef);
            } else {
            	loadRefImage($("div#subdesc_"+(miniRefActiva-1)).text(),miniRefActiva-1);
            }

    });

    $("div#sec3b img#frightR").mousedown(function(e){
    		if(loadingRef) return;
    		$("div#sec3b div#desc_main").empty();
    		if(miniRefActiva == miniTotalRef) {
    			loadRefImage($("div#subdesc_1").text(),1);
    		} else {
            	loadRefImage($("div#subdesc_"+(miniRefActiva+1)).text(),miniRefActiva+1);
            }
    });

	// CLIENTES
	//////////////////////////////////////////////////////////////////

	var activeComent = 0;
	var ComentTotal = 0;
	var cfinal = new Array();

	$.get('xml/comentarios.xml', function(d){

	$(d).find('comment').each(function(){

			var $comentario = $(this);
            var fecha = $comentario.attr("date");
            var desc = $comentario.find('description').text();
            var txtA = $comentario.find('who').text();
            var txtB = $comentario.find('where').text();

			cfinal[ComentTotal] = "<b>"+fecha+"</b><br/><i>"+desc+"</i><br/><br/><strong>"+txtA+"</strong><br/>"+txtB;
			ComentTotal += 1;
	});

	$("div#comentarios_reel").empty();
	$("div#comentarios_reel").append(cfinal[activeComent]);

	var interval = setInterval(function(){

			if(secActiva != "sec4") return; // Todo: Limpiar los intervalos cuando la seccion no esta activa.

			$("div#comentarios_reel").fadeOut("fast", function(){
				$("div#comentarios_reel").empty();
				activeComent += 1;
				if(activeComent == ComentTotal) activeComent = 0;
				$("div#comentarios_reel").append(cfinal[activeComent]);
				$("div#comentarios_reel").fadeIn('fast');
			});

	}, 4000);

	});

	var startPos = 10;

	var intervalLogos = setInterval(function(){

			if(secActiva != "sec4") return;  // Todo: Limpiar los intervalos cuando la seccion no esta activa.

			startPos -= 1;
			if (startPos <= -2938) startPos = 10;
			$("div#sec4 div.BoxC").css("background-position", startPos+"px 10px");
			//926

	}, 50);

	// EQUIPO
	//////////////////////////////////////////////////////////////////

	var miniTeamActiva = 1;
	var totTeamImages = 11;
	var loadingTeam = false;

	function loadTeamImage(num) {


		if(loadingTeam) return;

		loadingTeam = true;

		miniTeamActiva = Number(num);

		$("div#sec5 div.BoxB").fadeOut("fast", function(){
		$("div#sec5 div.BoxB").fadeIn();
		var urlLoading = "url(./img/gui/preload.gif)";
		$("div#sec5 div.BoxB").css("background-image",urlLoading);
		$("div#sec5 div.BoxB").css("background-position","center center");
		var img = new Image();
		var d = new Date();
  		$(img).load(function () {
  			$("div#sec5 div.BoxB").hide();
      		var url = "url(./img/backstage/backstage"+num+".jpg?d="+d.getTime()+")";
      		$("div#sec5 div.BoxB").css("background-position","5px 5px");
			$("div#sec5 div.BoxB").css("background-image",url);
			$("div#sec5 div.BoxB").fadeIn('slow');
			loadingTeam = false;
    	}).attr('src', "./img/backstage/backstage"+num+".jpg?d="+d.getTime());

    	});

	}

	$("div#sec5 img#fleft").mousedown(function(e){
            if(miniTeamActiva == 1) {
            	loadTeamImage(totTeamImages);
            } else {
            	loadTeamImage(miniTeamActiva-1);
            }

    });

    $("div#sec5 img#fright").mousedown(function(e){
    		if(miniTeamActiva == totTeamImages) {
    			loadTeamImage(1);
    		} else {
            	loadTeamImage(miniTeamActiva+1);
            }
    });

   	//CloseIntro();
	//$("div#player_b").hide(); // Debug!
	//Navega("sec2"); // Debug!




});