/**
 * @author Isa
 */
$('doument').ready(function(){ 
	
//MENU
	$('#opcionesmenu a').click(function(){
	
		$('#overlay').hide();
		$('#profile').hide();
		$('#works').hide();
	
		var firstLeft;
		vinculo=$(this).attr('href');
	
		$('#content').load(vinculo, '', function(){
			
				 $('#container').queue(function(){
						
					 $.post('/images/getfoto',function(foto){
							$('#container').css('background',"url('"+foto.slice(1)+"')");
						});
						if(vinculo.slice(-4)!='home'&&vinculo.slice(-4)!='reel'){ 							
							animaciones();
							}else{
								$('.triangulorosaizquierda').hide();
								 $('.trianguloamarilloizquierda').hide()
								 $('.trianguloamarilloizquierdatriple').hide();
								 $('.triangulorosaderecha').hide();
							}
					 $(this).dequeue();	
				 });
			
			
			$('#contenidocorto').queue(function(){
			var cuantos = 0;
				$('.person').each(function(i){
					cuantos++;
					//$(this).css('height','auto');
					firstLeft=$(this).css('margin-left');
					
						if(vinculo.indexOf('project')>=0){	
							if($('.person').size()<2){
								multiplicador=1000;	
								firstLeft=(parseInt($(this).css('margin-left').slice(0,-2)));
								$(this).css('margin-left',(firstLeft-(multiplicador*i))+'px');		
									
								firstLeft=firstLeft-(multiplicador*i);
								
							}else{
								multiplicador=50;
								
							}
													
						}else{
							multiplicador=50 ;//40 -25
						}
						
					if(i>0){ 						
						firstLeft=(parseInt($(this).css('margin-left').slice(0,-2)));
						$(this).css('margin-left',(firstLeft-(multiplicador*i))+'px');		
							
						firstLeft=firstLeft-(multiplicador*i);
						
					
					}
				});
					//diagonalizar el texto de abajo			
				
				
				//alert(firstLeft);
				if(cuantos==4) {$('#textodiagonal').css({'margin-left': '20px','font-size':'12px'});}
				if(cuantos==5) {$('#textodiagonal').css({'margin-left': '60px','font-size':'12px'});}
				text=$('#textodiagonal').text();
			$('#textodiagonal').html('');	
			if(text){
			//	text=text.replace(",", "*"); 
				
				text = text.replace("  ", " ");
				//text = text.replace("</p>", "");
				var words = text.split(' ');
				
				var lines='';	
				var i2=0;
				var countlines = 0;
				for (var i = 0;  i < (words.length); i++) {
					i2++;
					lines += words[i];
					lines += ' ';
					if (i2 >11){
					countlines++;
					var di = document.createElement('div');
				
				var marginLeft=firstLeft-(17*countlines);
				var marginRight=80+(17*countlines);
				i2 = 0;
				$(di).text(lines).css({'margin-left':marginLeft+'px', 'margin-right':marginRight+'px'}).appendTo('#textodiagonal');
				lines = '';		
			}
				
				
			}
			if (lines!=""){
				countlines++;
				var di = document.createElement('div');
				$(di).text(lines).css({'margin-left':marginLeft+'px', 'margin-right':marginRight+'px'}).appendTo('#textodiagonal');
				
			}
				
		
				
				
	}			
					$(this).dequeue();		
				});
			//top:'142px',left:'0px'
			$('#container').css('background','#3a3a3a');
			
			$('#contenidocorto div').hide();
			$('#contenidocorto').css('left','-1181px');
			$('#contenidocorto').css('top','1007px');
			$('#contenidocorto').animate({top:'60px',left:'-232px'},400);
			 setTimeout(function(){ 
				 $('#contenidocortoup').show('clip',{},100);
				 $('#contenidocortobottom').show('clip',{},200);
				 $('#contenidocortoup').queue(function(){
					
					 $('#contenidocorto div').show();
					 $(this).dequeue();	
				 });
				 
		
				
				
			 },400);
			// aqui pones la animacion para aparecer bloque
			}) 
		return false;
		});

		



	// View Profile and works
	$('.link').live('click',
			function(){
		//left 448 top  276
		clear();
		var controller=$(this).attr('controller');
		var id=$(this).attr('id');
		var dataRequest=$(this).attr('data');
		var div=$(this).attr('div');
		var $este=$(this);
		$(div).css('top','-510px').css('left','716px');
		$(div+' div.info').load('/'+controller+'/getdata',{id:id,field:dataRequest},function(){
			
			if(dataRequest=='profile'){
				$(this).queue(function(){
					diagonalizarProfile();	
					$(div).hide(300).show(300);
					$(this).dequeue();		
				});
				$(div).animate({top:-10,left: 215},100);	
				//$(div).hide(300).show(300).animate({top:276,left:470},300);
			}else{// if it is works	
				clear();
				
				desactivarAnimaciones();
				animarReel('/'+$este.attr('path'),$este.attr('workid'),'works');	
				//annalert($este.attr('workid'));
			}
	
		});
		
		});
	
	//----------------------		

//cerrar profile
	$('.cerrar').live('click',
			function(){
	$(this).parent().hide();
	$('#overlay').hide(); 
});

$('.cerrar_video').live('click',function(){
	$('#overlay').hide(); 
	$('#work').hide();
	$('#work2').hide();
	var animar=$(this).attr('animar');
	if(animar!='false')	mostrarAnimaciones();	
});


	//ANIMACION PROFILE
	function diagonalizarProfile(){
		//----------------
			
				text=$('#profile div.info').html();
				$('#profile div.info').html('');
				/*
				var words = text.split(' ');
				var templine='';
				var lines=new Array();
				lines[0]='';	
				var countLines=1;
				var i2=0;
				for (var i = 0;  i < (words.length); i++) {
					
					words[i2]=words[i2].replace("<p>", "");
					words[i2]=words[i2].replace("</p>", "");
					templine+=words[i2];
					templine+=' ';		
					if(parseInt(templine.length) > parseInt(60)){		
						++countLines;
						i2-=1;
						templine='';
						
					}else{
						lines[countLines]=templine;	
					}
					if(i == (words.length-1)){
					lines[countLines]+=words[i];	
					
					}
				i2++;	
				}
				
				var thtml='';
				
				for(var i = 0; i < lines.length; i++){
				marginLeft=40-(15*i);
				marginRight=70+(15*i);
				
					if(lines[i].slice(0,-1).charAt(0)==" "){
					lines[i].substring(1,lines[i].length);
					}
					thtml+="<div style='margin-right:10px; margin-left:"+(parseInt(marginLeft))+"px; margin-right:"+marginRight+"px;'>"+lines[i].slice(0,-1)+"</div>";	
					
				}
			
				$('#profile div.info').html('<p>'+thtml+'</p>');
	*/
	
	
	text = text.replace("  ", " ");
	//text = text.replace("</p>", "");
	var words = text.split(' ');
	
	var lines='';	
	var i2=0;
	var countlines = 0;
	for (var i = 0;  i < (words.length); i++) {
		i2++;
		lines += words[i];
		lines += ' ';
		if (i2 >8){
		countlines++;
		var di = document.createElement('div');
	
	var marginLeft=40-(15*countlines);
	var marginRight=70+(15*countlines);
	i2 = 0;
	$(di).text(lines).css({'margin-left':marginLeft+'px', 'margin-right':marginRight+'px'}).appendTo('#profile div.info');
	lines = '';		
$('#profile div.info').css({'letter-spacing':'1px'})
}
	
	
}

			//---------------
			if (lines!=""){
				countlines++;
				var di = document.createElement('div');
				$(di).text(lines).css({'margin-left':marginLeft+'px', 'margin-right':marginRight+'px'}).appendTo('#profile div.info');

			}			
	}
	

// highligh work
	$('.work').live('mouseover',
	function(){
	

	$(this).css({'border-bottom-width':'4px','border-bottom-style':'solid','border-bottom-color':'#fff','border-right-width':'4px','border-right-style':'solid','border-right-color':'#fff'});
	$(this).children().css({'margin-left':'50px'},500);
	});	
	$('.work').live('mouseout',
	function(){
	$(this).children().css({'margin-left':'60px'},500);

	$(this).css({'border-bottom-width':'0px','border-bottom-style':'solid','border-bottom-color':'#fff','border-right-width':'0px','border-right-style':'solid','border-right-color':'#fff'});
	});	

	
//Tablas about
	$('.noselected').live('mouseover',function(){
		$(this).css('font-size','52px');	
	});
	$('.noselected').live('mouseout',function(){
		$(this).css('font-size','20px');	
	});
	$('.noselected').live('click',function(){
		$('.selected').removeClass('selected').addClass('noselected').css('font-size','20px');
		
		$(this).removeClass('noselected').addClass('selected').css('font-size','52px');
		
	});
	
	$('.team').live('click',function(){
		$('.diagonalabout').load('/teams',function(){
			
				$('.person').each(function(i){
					$(this).css('margin-left', '420px');
					$(this).css('height', '70px');
					
					var firstLeft=$(this).css('margin-left');	
					
					if(i>0){ 
						firstLeft=firstLeft.slice(0,-2);
						$(this).css('margin-left',(firstLeft-(50*i))+'px');		
					}
				});
			
		});
		
		
	});
	$('.about').live('click',function(){
		$('.diagonalabout').load('/pages/about2');
	});
	
	
	$('.ourfacility ').live('click',function(){
		clear();
		desactivarAnimaciones();
		$('#overlay').show();
		$('.diagonalabout').load('/pages/about2');
		animarReel('/videos/facility/engage_studios.mov','','ourfacility');		
	});
	
});




// Animar Reel
function animarReel($video,$reel,$videoController){
	clear();
	 desactivarAnimaciones();
	 $('#overlay').show();
	 $('#work').hide(function(){$('#work2').hide();});
	
	// if($videoController=='reels')
$('#work .content_player').html('');
$('#work_loading').css({opacity:1});		
$('#work').css(	{'left':'509px','top':'-398px'});
$('#work2').css({'left':'637px','top':'-797px'});


	$('#work').show().queue(function(){
		$(this).animate({
			top: '82px',
			left: '139px'
		},100);	
		$(this).dequeue();
	});
	setTimeout (function(){
	//	 if($videoController=='reels') {
			$('#work2').show().queue(function(){
			$(this).animate({
				top: '187px',
				left: '199px'
			},100, function(){//	
				});	
			$(this).dequeue();
			});
	//	}	
	
		
	},500);
	
	setTimeout(function(){
		$('#work_loading').animate({
			opacity: 0
		}, 500, function(){	
			jQuery.each(jQuery.browser, function(i) {
				//  if($.browser.msie){
					 
					//$('#work .content_player').html('<object width="445" height="292" name="player" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" id="player"><param value="mediaplayer/player.swf" name="movie"><param value="true" name="allowfullscreen"><param value="always" name="allowscriptaccess"><param value="file='+$video+'" name="flashvars"><embed width="445" height="292" flashvars="file='+$video+'" allowfullscreen="true" allowscriptaccess="always" src="mediaplayer/player.swf" name="player2" id="player2" type="application/x-shockwave-flash"></object>');	
				  //}else{
				//	  	$('#work .content_player').html('<object width="445" height="292" name="player" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" id="player"><param value="mediaplayer/player.swf" name="movie"><param value="true" name="allowfullscreen"><param value="always" name="allowscriptaccess"><param value="file='+$video+'" name="flashvars"><embed width="445" height="292" flashvars="file='+$video+'" allowfullscreen="true" allowscriptaccess="always" src="mediaplayer/player.swf" name="player2" id="player2" type="application/x-shockwave-flash"></object>');		
				  //}
				  var so = new SWFObject('mediaplayer/player.swf', 'vshare_player', '480', '340', '9.0.124');
          so.addParam('allowfullscreen',     'true');
          so.addParam('allowscriptaccess',   'always');
          so.addVariable('file',             $video);
          so.addVariable('streamer',         'stream.php');
        //so.addVariable('streamer',         'stream_bandwidth_limiting.php');
          so.addVariable('autostart',        'false');
          so.write('the_content_player');
				  
				  
				});
			
		});
	},2000);	
		
	if($videoController=='reels'){
		$('#overlay').show();
		$.post("/reels/getinfo",{ id: $reel } ,function(data){
			$('.info').html('');
			$('.info').prepend(data);	
			 
			});	
	}
	if($videoController=='works'){
		$('.info').html('');
		$.post("/works/getinfo",{ id: $reel } ,function(data){
			$('.info').html('');
			$('.info').prepend(data);	
			});	
	}
	if($videoController=='ourfacility'){
		$('.info').html('<div class="cerrar_video"> x | close this window </div>');
		
	}
	


}
function clear(){
	$('#profile').hide();
	$('#works').hide();
	$('#overlay ').hide();
}
function animaciones(){
	$('#content').queue(function(){
		$('.triangulorosaizquierda').show('normal');		
			$(this).dequeue();		
		});

		$('#content').queue(function(){
			$topInicio = $('.triangulorosaizquierda').css('top');
			$leftInicio = $('.triangulorosaizquierda').css('left');
			animarTrianguloRosaIzquierda($topInicio,$leftInicio);	
			
			$(this).dequeue();		
		});
		$('#content').queue(function(){
			 setTimeout(function(){ 
				 $('.triangulorosaderecha').show('normal');	
				 $topInicio = $('.triangulorosaderecha').css('top');
					$leftInicio = $('.triangulorosaderecha').css('left');
				 animarTrianguloRosaDerecha($topInicio,$leftInicio);
				
			 },950);
			
			$(this).dequeue();		
		});
		
		$('#content').queue(function(){
			 setTimeout(function(){ 			
				 	$topInicio = $('.trianguloamarilloizquierda').css('top');
					$leftInicio = $('.trianguloamarilloizquierda').css('left');
					$('.trianguloamarilloizquierda').show();
					animarTrianguloAmarilloIzquierda($topInicio,$leftInicio);				
				
			 },1400);
			
			$(this).dequeue();	
			 
		});
		
		$('#content').queue(function(){
			 setTimeout(function(){ 
				
				 $topInicio = $('.trianguloamarilloizquierdatriple').css('top');
					$leftInicio = $('.trianguloamarilloizquierdatriple').css('left');
					$('.trianguloamarilloizquierdatriple').show();
					animarTrianguloAmarilloIzquierdaTriple($topInicio,$leftInicio);
				
			 },1200);
			
			$(this).dequeue();		
		});
		
		
		
		


	//-----------	
			

		//ANNIMACION TRIENAGULO IZQUIERDA ABOUT	
		function animarTrianguloRosaIzquierda($topInicio,$leftInicio){	
			
		$('.triangulorosaizquierda').animate({
			top: '-97px',
			left: '13120px'
		}, 1100);
		$('.triangulorosaizquierda').queue(function(){
			$(this).css('top', $topInicio).css('left', $leftInicio);
			$(this).dequeue();
			
		});
		$('.triangulorosaizquierda').queue(function(){
			$(this).animate({
				top: '-97px',
				left: '1330px'
			}, 1100);
			
			animarTrianguloRosaIzquierda($topInicio,$leftInicio);
			$(this).dequeue();
			
		});
		
		}
		
		

	//----------------------------------------------------
		//ANNIMACION TRIENAGULO Amarillo IZQUIERDA ABOUT	
		function animarTrianguloAmarilloIzquierda($topInicio,$leftInicio){	
			
			$('.trianguloamarilloizquierda').animate({
				top: '-228px',
				left: '1145px'
			}, 3000);
			$('.trianguloamarilloizquierda').queue(function(){
				$(this).css('top', $topInicio).css('left', $leftInicio);
				$(this).dequeue();
				
			});
			$('.trianguloamarilloizquierda').queue(function(){			
				$(this).animate({
					top: '-228px',
					left: '1145px'
				}, 3000);
			
				
				animarTrianguloAmarilloIzquierda($topInicio,$leftInicio);			
				$(this).dequeue();
				
			});
			
			}
		//ANNIMACION TRIENAGULO Amarillo triple IZQUIERDA ABOUT	
		function animarTrianguloAmarilloIzquierdaTriple($topInicio,$leftInicio){	
			
			$('.trianguloamarilloizquierdatriple').animate({
				top: '-303px',
				left: '660px'
			}, 1000);
			$('.trianguloamarilloizquierdatriple').queue(function(){			
				$(this).css('top', $topInicio).css('left', $leftInicio);
				$(this).dequeue();
				
			});
			$('.trianguloamarilloizquierdatriple').queue(function(){
				$(this).animate({
					top: '-303px',
					left: '660px'
				}, 1000);
				animarTrianguloAmarilloIzquierdaTriple($topInicio,$leftInicio);
				$(this).dequeue();
				
			});
			
			}
		//----------------------------------------------------	
		//----------------------------------------------------	
		
		//ANNIMACION TRIENAGULO derecha ABOUT	
		function animarTrianguloRosaDerecha($topInicio,$leftInicio){		
			$('.triangulorosaderecha').animate({
				top: '-165px',
				left: '1329px'
			}, 600);
			$('.triangulorosaderecha').queue(function(){
				$(this).css('top', $topInicio).css('left', $leftInicio);
				$(this).dequeue();
				
			});
			$('.triangulorosaderecha').queue(function(){
				$(this).animate({
					top: '-165px',
					left: '1329px'
				}, 600);
				animarTrianguloRosaDerecha($topInicio,$leftInicio);
				$(this).dequeue();
				
			});
			
			}

	//----------------------------------------------------
	//-----------	
	}
function desactivarAnimaciones(){
	$('.triangulorosaizquierda').hide();
	 $('.trianguloamarilloizquierda').hide()
	 $('.trianguloamarilloizquierdatriple').hide();
	 $('.triangulorosaderecha').hide();
}
function mostrarAnimaciones(){
	$('.triangulorosaizquierda').show();
	 $('.trianguloamarilloizquierda').show()
	 $('.trianguloamarilloizquierdatriple').show();
	 $('.triangulorosaderecha').show();

}