// JavaScript Document

$(document).ready(function(){

		//Busca o video da home
		$.post("ajax.php",{home:1},function(data){
				data = data.split("|");
				$("#home .video .embedded").html( data[1] );
				setShared('#home .button.like',data[0], "http://www.agenciafreela.com.br/?home");
			});
		
		//Busca o conteudo do blog via post
		$.post( "ajax.php", {blog:1}, function(data){
				$(".footer .posts").html(data);
					
				//Faz o blog abrir ja no post clicado;
				$(".footer .posts li").click(function(){
						var url = $(this).attr("link");
						abrirBlog( url );
					});
			});
		
		
		//Busca os ultimos videos da parte de videos
		$.post("ajax.php", {videos:1}, function(data){
				$("#videos .lista").html( data );
				$("#videos .lista a").fancybox({
						'overlayShow'	: false,
						'transitionIn'	: 'elastic',
						'transitionOut'	: 'elastic'
					});
			});
		
		
		//Busca o ultimo post do twitter
		$.post( "ajax.php", {twitter:1}, function(data){
				
				
				data = data.split('|');
				
				$("#twitter .last").html( data[0] );
				setShared( '#twitter .button.like', data[1], "http://www.agenciafreela.com.br/?twitter" );
				
			});
	
	
		//Busca o conteudo do portifólio ORDENADO POR PROJETOS
		$.post( "ajax.php",{portifolio:"projetos"}, function(data){
				$("#projetos .conteudo ul").html( data );
			});
		
		//Busca o conteudo do portifólio ORDENADO POR CLIENTES
		$.post( "ajax.php",{portifolio:"clientes"}, function(data){
				$("#clientes .conteudo ul").html( data );
			});
		
		//Busca o conteudo do portifólio VIDEO CASES
		$.post( "ajax.php",{portifolio:"cases"}, function(data){
					$("#cases .conteudo ul").html( data );
			});
		
		
		
	});



//No final do ajax, seta o javascript
$(document).ajaxStop(function(){
		
		var duracao = 1000;
		
		$(document).unbind("ajaxStop");
		$.midiaOpen = false;
		
		$(".portifolio .conteudo li .head").bind("click.portifolio", function(evt){
				evt.preventDefault();
				
				if( $.midiaOpen ){
					try{
						$( $.closeID ).click();
					} catch(e){}
				}
				
				$.midiaOpen = true;
				
				//Busca os ids da área que está sendo trabalhada
				var id = "#" + $(this).parent().parent().parent().parent().attr("id");
				var my = $(this).parent().attr( "id" );
				
				//Muda a classe do body para ficar com o cursor de loading
				$("body").addClass( "wait" );
				
				//Google Analytics
				trackEvent('openProjeto','click');
				trackPageView('#!/' + id.replace("#" ,"") + '/view/' + my);
				
				//Post para buscar o conteudo(parte de midia)
				$.post("ajax.php", { projetos: id.replace("#",""), id:my }, function(data){
						
						
						var tmp  = id + " #" + my + " .content";
						
						//Seta o valor e expande a área para que o usuário possa ver
						$(tmp).html( data );
						$(tmp).animate( {height: 575}, duracao, function(){
								//Remove a classe de loading do body
								$("body").removeClass("wait");
							});
						
						
						//Redefine o tamanho da janela com o scroll
						$(id + " .conteudo").animate( {height: 871}, duracao, function(){
								
								//Redefine o tamanho da janela
								$(id).css("height", $(id + " .title").height() + $(id + " .conteudo").height() + 250);
								$.dHeight = $(id).height();
								$(window).resize();
								
								
							});
						
						
						//Botão de fechar das midias
						$.closeID = tmp + " #close";
						$(tmp + " #close").click(function(){
								
								$.midiaOpen = false;
								trackEvent('closeProjeto','click');
								trackPageView('#!/' + id.replace("#" ,""));
				   			

				
								//Fecha a caixa
								$(tmp).animate( { height: 0 }, duracao, function(){

										$(id).css("height",428);
										$.dHeight = $(id).height();
										$(tmp).html( "" );
										$(window).resize();
									});
								
								//Remove o conteudo
								$(id + " .conteudo").animate( { height: 296}, duracao );
								
							});
						
						//Seta o scroll personalizado
						$(tmp + " .midiabox").jScrollPane({ horizontalDragMinWidth: 55, horizontalDragMaxWidth: 55 });
	
						
					});
					
			});
		
		$(".portifolio div.conteudo").bind("mousemove.portifolio", function(evt){
				
				if( $.midiaOpen ){ return false; }
				
				var per    = 0.7;
				var bound  = (1 - per) / 2;
				var id     = $(this).parent().attr("id");
				var height = $("#" + id + " .conteudo ul.scrollable").height();
				var bHeight= $(this).height();
				var y      = evt.pageY - (this.offsetTop + 100);						//Posicao vertical do Mouse
				
				if( y > bHeight * bound && y < bHeight * (per+bound) ){
					
					var base  = (y - (bHeight * bound)) / (bHeight * per);
					var top   = ( height - $(this).height() ) * base;
				
					if( height > $(this).height() ){
						$("#" + id + " .conteudo ul.scrollable").css( "top", -top );
					}
				}
			});
		
	});
	
	
	//Remove a caixa de compartilhar
	function removeShared(){
		$("#shared").hide( 500 ).remove();
	}
	
	
	
	//Ativa o botao de shared
	function setShared( selector, msg, m_url ){
		
		$(selector + " a").click(function(evt){ evt.preventDefault(); });
		
		$( selector ).mouseenter(function(){
				
				if( $("#shared").length > 0 ){
					return;
				}

				var base   = $( "#" + $(this).attr("base"));
				var elemX  = $( this ).offset().left - 320;
				var elemY  = $( this ).offset().top;
				var posX   = elemX + ($(base ).position().left - $(".main .center").offset().left) + $(this).width();
				var posY   = elemY + $(base ).position().top;
				var url    = m_url; //'http://www.agenciafreela.com.br/?t#!/twitter';
				var turl   = url.split('#');
				var titulo = msg;
				
				var twitter    = '<iframe src="http://platform.twitter.com/widgets/tweet_button.html#_=1319653001497&amp;count=vertical&amp;id=twitter_tweet_button_0&amp;lang=en&amp;original_referer=' + turl[0] + '&text=' + titulo + '&url=' + turl[0] + '" allowtransparency="true" frameborder="0" scrolling="no" class="twitter-share-button twitter-count-vertical" style="width: 55px; height: 62px; " title="Twitter For Websites: Tweet Button"></iframe>'
				//var twitter    = '<iframe src="http://platform.twitter.com/widgets/tweet_button.html#_=1319653001497&amp;count=vertical&amp;id=twitter_tweet_button_0&amp;lang=en&amp;original_referer=http%3A%2F%2F192.168.1.131%2Fservidor%2FTESTES%2F&amp;text=Teste%20de%20Convers%C3%A3o%20de%20imagem&amp;url=http%3A%2F%2F192.168.1.131%2Fservidor%2FTESTES%2F" allowtransparency="true" frameborder="0" scrolling="no" class="twitter-share-button twitter-count-vertical" style="width: 55px; height: 62px; " title="Twitter For Websites: Tweet Button"></iframe>'
				//var twitter    = '<div class="twittercontainer"><a class="twitterbtn" href="https://twitter.com/share?original_referer=' + turl[0] + '&source=tweetbutton&text=' + titulo + '&url=' + turl[0] + '" target="_BLANK"><img src="admin/images/icons/blank.gif"></a></div>';
				var facebook   = '<iframe src="//www.facebook.com/plugins/like.php?href=www.agenciafreela.com.br%2F&amp;send=false&amp;layout=box_count&amp;width=58&amp;show_faces=false&amp;action=like&amp;colorscheme=light&amp;font&amp;height=90" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:58px; height:90px;" allowTransparency="true"></iframe>';
				var googlePlus = '<div class="g-plusone" data-size="tall" data-href="http://www.agenciafreela.com.br"></div>';
	
				trackEvent( 'sharedOpen', selector);
			
				$('div.main div.container').append( '<div id="shared" style="display: none;"><div id="sharedContainer"></div></div>' );
				$("#shared #sharedContainer").append(facebook);
				$("#shared #sharedContainer").append(twitter);
				$("#shared #sharedContainer").append(googlePlus);
				gapi.plusone.go();
				
				
				
				
				$( "#shared" ).css({ top : posY - 105, left : posX});
				$( "#shared" ).show();
				
				
				//Colocar GOOGLE PLUS NA PAGINA
				 /*window.___gcfg = {lang: 'pt-BR'};
				(function() {
						var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true;
						po.src = 'https://apis.google.com/js/plusone.js';
						var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s);
					})();*/
				
				
				//EVENTO PARA A JANELA SUMIR
				$( "#shared").mouseleave(function(e){
					$(this).hide( 500 ).remove();
				});
				
				
				
				//ABRiR JANELA DO TWITTER
				$("#shared .twitterbtn").click(function(evt){
						evt.preventDefault();
						window.open( $(this).attr( 'href' ), 'Twitter', 'width=300,height=300');
					});
				
			});
	}
