// JavaScript Document
var estoyEn = "";

var spots_clientes = new Array();
var spots_productoras= new Array();
var spots_directores= new Array();
var spots_titles= new Array();
var spots_urls= new Array();

var music_clientes = new Array();
var music_productoras= new Array();
var music_directores= new Array();
var music_titles= new Array();
var music_urls= new Array();

function loadComplete(){
	$("#loader").css({'opacity' : 1});
	$("#loader").animate({
		opacity: 0
	  }, 2000, function() {
		$("#cont").css({'opacity' : 0});
		$("#blackBG").animate({
			left: "100%"
		  }, 1000, function() {
			$("#blackBG").css({'display' : "none"});
			
			$("#cont").animate({
				opacity: 1
			  }, 1000, function() {
					//
			});
		});
	});
	addMenuListeners();
}

function addMenuListeners(){
	//MUSIC
	$('#musicBTN').click(function() {
		estoyEn = "music";
		changeSeccion();
		$("#sec-spots").animate({
			opacity: 0
		  }, 500, function() {
			$('#sec-spots').css({'display' : "none"});
			$("#contactBTN").animate({
				marginTop: "-10px"
			  }, 500, function() {
			});
			$("#spotsBTN").animate({
				marginTop: "170px"
			  }, 500, function() {
				$("#sec-"+estoyEn).animate({
					marginTop: "140px"
				  }, 500, function() {
						showSeccion();
				});
			});
		});
	});
	$('#musicBTN').mouseover(function() {
		if(estoyEn!="music"){
			$(this).css({'color' : "#787878"});
		}		
	});
	$('#musicBTN').mouseout(function() {
		if(estoyEn!="music"){
			$(this).css({'color' : "#3b3b3b"});
		}
	});
	
	//SPOTS
	$('#spotsBTN').click(function() {
		estoyEn = "spots";
		changeSeccion();
		$("#sec-music").animate({
			opacity: 0
		  }, 500, function() {
			$('#sec-music').css({'display' : "none"});
			$("#spotsBTN").animate({
				marginTop: "-10px"
			  }, 500, function() {
			});
			$("#contactBTN").animate({
				marginTop: "170px"
			  }, 500, function() {
				$("#sec-"+estoyEn).animate({
					marginTop: "210px"
				  }, 500, function() {
						showSeccion();
				});
			});
		});
	});
	$('#spotsBTN').mouseover(function() {
		if(estoyEn!="spots"){
			$(this).css({'color' : "#787878"});
		}		
	});
	$('#spotsBTN').mouseout(function() {
		if(estoyEn!="spots"){
			$(this).css({'color' : "#3b3b3b"});
		}
	});
	
	//CONTACT
	$('#contactBTN').click(function() {
		estoyEn = "contact";
		changeSeccion();
		$("#cont-footer-contact").animate({
			opacity: 1
		  }, 1000, function() {
				//
		});
	});
	$('#contactBTN').mouseover(function() {
		if(estoyEn!="contact"){
			$(this).css({'color' : "#787878"});
		}		
	});
	$('#contactBTN').mouseout(function() {
		if(estoyEn!="contact"){
			$(this).css({'color' : "#3b3b3b"});
		}
	});
	
	
	$('.secciones-item').mouseover(function() {
		$(this).css({'background-position' : "0px 0px"});
	});
	$('.secciones-item').mouseout(function() {
		$(this).css({'background-position' : "0px -81px"});
	});
	$('.secciones-spots-item').click(function() {
		var str = $(this).attr("title");
		var array = str.split(")");
		var n = array[0];
		
		var cliente = spots_clientes[n-1];
		var productora = spots_productoras[n-1];
		var director = spots_directores[n-1];
		var title = spots_titles[n-1];
		var url = spots_urls[n-1];	
		
		showVideo(cliente,productora,director,title,url);
	});
	$('.secciones-music-item').click(function() {
		var str = $(this).attr("title");
		var array = str.split(")");
		var n = array[0];
		
		var cliente = music_clientes[n-1];
		var productora = music_productoras[n-1];
		var director = music_directores[n-1];
		var title = music_titles[n-1];
		var url = music_urls[n-1];	
		
		showVideo(cliente,productora,director,title,url);
	});
	
	
	$('#videoplayer-close').click(function() {
		$("#videoplayer").animate({
			opacity: 0
		  }, 1000, function() {
			$("#videoplayer").css({'display' : "none"});
			$("#blackBG-video").animate({
				opacity: 0
			  }, 1000, function() {
					$("#blackBG-video").css({'display' : "none"});
					$("#videoplayer-video").html("");
			});
		});
	});
	$('#videoplayer-close').mouseover(function() {
		$(this).css({'background-color' : "#7F7F7F",'color' : "#3B3B3B"});
	});
	$('#videoplayer-close').mouseout(function() {
		$(this).css({'background-color' : "#3B3B3B",'color' : "#7F7F7F"});
	});
	
}
function showVideo(cliente,productora,director,title,url){
	$("#videoplayer-etiqueta-title-cliente").html(cliente);
	$("#videoplayer-etiqueta-title-nombre").html(title);
	$("#videoplayer-etiqueta-text-cliente").html("C: "+cliente);
	$("#videoplayer-etiqueta-text-productora").html("P: "+productora);
	$("#videoplayer-etiqueta-text-director").html("D: "+director);	
	
	$("#blackBG-video").css({'display' : "block"});
	$("#blackBG-video").animate({
		opacity: 1
	  }, 1000, function() {
		$("#videoplayer").css({'display' : "block"});
		$("#videoplayer").animate({
			opacity: 1
		  }, 1000, function() {
			var vidOBJ = '';
			vidOBJ += '<object classid="clsid:02BF25D5-8C17-4B23-BC80-D3488ABDDC6B" codebase="http://www.apple.com/qtactivex/qtplugin.cab" width="480" height="285">'
			vidOBJ += '<param name="src" value="'+url+'">'
			vidOBJ += '<param name="controller" value="true">';
			vidOBJ += '<param name="autoplay" value="true">'
			vidOBJ += '<param name="type" value="video/quicktime" width="480" height="285">'
			vidOBJ += '<embed src="'+url+'" width="480" height="285" autoplay="true" controller="true" type="video/quicktime" pluginspage="http://www.apple.com/quicktime/download/">'
			vidOBJ += '</object>';  
			
			$("#videoplayer-video").html(vidOBJ);
		});
	});
}


function changeSeccion(){
	$('#musicBTN').css({'color' : "#3b3b3b"});
	$('#spotsBTN').css({'color' : "#3b3b3b"});
	$('#contactBTN').css({'color' : "#3b3b3b"});
	
	$('#'+estoyEn+"BTN").css({'color' : "#787878"});
	
	$("#cont-bg").animate({
		opacity: 0.1
	  }, 1000, function() {
			//
	});
	
	if(estoyEn!="contact"){
		$("#cont-footer-contact").animate({
			opacity: 0
		  }, 1000, function() {
				//
		});
	}
}
function showSeccion(){
	$("#sec-"+estoyEn).css({'display' : "block"});
	$("#sec-"+estoyEn).animate({
		opacity: 1
	  }, 500, function() {
			//
	});
}