$(document).ready(
  function(){
	  
	$("#contatoEscrito").hide();
	$("#linhaVertical").hide();
	
    var oIntervBottom;
	var oIntervTop;
	var oIntervTimeout;
		
	function fTop(){
	  window.clearInterval(oIntervTop);
	  oIntervTop = window.setInterval(function(){ $("#principal").scrollTop($("#principal").scrollTop() - 10); }, 120);
	}

	function fBottom(){
	  window.clearInterval(oIntervBottom);
	  oIntervBottom = window.setInterval(function(){ $("#principal").scrollTop($("#principal").scrollTop() + 10); }, 120);
	}
	  
	function fStopBottom(){
	  window.clearInterval(oIntervBottom);
	}
	  
	function fStopTop(){
	  window.clearInterval(oIntervTop);
	}
	  
	function fTopTudo(){
	  window.clearInterval(oIntervTop);
	  oIntervTop = window.setInterval(function(){ $("#principal").scrollTop($("#principal").scrollTop() - 10); }, 40);
	}
	  
	function fBottomTudo(){
	  window.clearInterval(oIntervBottom);
	  oIntervBottom = window.setInterval(function(){ $("#principal").scrollTop($("#principal").scrollTop() + 10); }, 40);
	}
		
	$("#botaoCima").mouseout(
	  function(){
	    fStopTop();
	  }
	);
		
	$("#botaoCima").mouseover(
	  function(){
	    fTop();
	  }
	);
		
	$("#botaoCima").mouseup(
	  function(){
	    fTop();
	  }
	);
		
	$("#botaoCima").mousedown(
	  function(){
	    fTopTudo();
	  }
	);
		
	$("#botaoBaixo").mouseout(
	  function(){
	    fStopBottom();
	  }
	);
		
	$("#botaoBaixo").mouseover(
	  function(){
	    fBottom();
	  }
	);
		
	$("#botaoBaixo").mouseup(
	  function(){
	    fBottom();
	  }
	);
		
	$("#botaoBaixo").mousedown(
	  function(){
	    fBottomTudo();
	  }
	);

    $("div.png").each(
	  function(){
		$(this).pngFix();  
	  }				  
    );
	
  }
);

function redireciona(pagina){

  $("#contatoEscrito").hide();
  $("#linhaVertical").hide();

  $("#principal").html('<div style="height: 40px;">&nbsp;</div>' + 
					   '<div align="center"><object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0" width="20" height="20">' +
	                   '  <param name="movie" value="imgs/setas.swf" />' +
		               '  <param name="quality" value="high" />' + 
		               '  <param name="wmode" value="transparent" />' +
		               '  <param name="menu" value="false" />' +
		               '  <embed src="imgs/setas.swf" wmode="transparent" menu="false" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="20" height="20"></embed>' +
	                   '</object></div>');
  
  var largura = '';
  var altura = '';
  
  $.post('recuperaAlturaLargura.php', 
    { img: 'imgs/'+ pagina +'.png' }, 
	function(res){ 
	  var temp = res.split('-'); 
	  largura = temp[0];
	  altura = temp[1];
	  img = temp[2];
	  $("#titulo").html('<img src="' + img + '" width="' + largura + '" height="' + altura + '" />');
	  
	  $("div.png").each(
	    function(){
		  $(this).pngFix();  
	    }				  
	  );
  
	}
  );
  
  $("#botoes").html('<div style="float: left; width: 65px;">&nbsp;</div>' + 
	                '<div style="float: left; cursor: pointer;" id="botaoCima" class="png"><img src="imgs/seta_para_cima.png" width="27" height="27" /></div>' +
					'<div style="float: left; cursor: pointer; margin-left: 4px;" id="botaoBaixo" class="png"><img src="imgs/seta_para_baixo.png" width="27" height="27" /></div>');
  
  var oIntervBottom;
  var oIntervTop;
  var oIntervTimeout;
		
  function fTop(){
	window.clearInterval(oIntervTop);
	oIntervTop = window.setInterval(function(){ $("#principal").scrollTop($("#principal").scrollTop() - 10); }, 120);
  }

  function fBottom(){
	window.clearInterval(oIntervBottom);
	oIntervBottom = window.setInterval(function(){ $("#principal").scrollTop($("#principal").scrollTop() + 10); }, 120);
  }
	  
  function fStopBottom(){
    window.clearInterval(oIntervBottom);
  }
	  
  function fStopTop(){
	window.clearInterval(oIntervTop);
  }
	  
  function fTopTudo(){
	window.clearInterval(oIntervTop);
	oIntervTop = window.setInterval(function(){ $("#principal").scrollTop($("#principal").scrollTop() - 10); }, 40);
  }
	  
  function fBottomTudo(){
	window.clearInterval(oIntervBottom);
	oIntervBottom = window.setInterval(function(){ $("#principal").scrollTop($("#principal").scrollTop() + 10); }, 40);
  }
		
  $("#botaoCima").mouseout(
	function(){
	  fStopTop();
	}
  );
		
  $("#botaoCima").mouseover(
	function(){
	  fTop();
	}
  );
		
  $("#botaoCima").mouseup(
	function(){
	  fTop();
	}
  );
		
  $("#botaoCima").mousedown(
	function(){
	  fTopTudo();
	}
  );
		
  $("#botaoBaixo").mouseout(
	function(){
	  fStopBottom();
	}
  );
		
  $("#botaoBaixo").mouseover(
	function(){
	  fBottom();
	}
  );
		
  $("#botaoBaixo").mouseup(
	function(){
	  fBottom();
	}
  );
		
  $("#botaoBaixo").mousedown(
	function(){
	  fBottomTudo();
	}
  );
  
  if(pagina == 'contato'){
    $("#seta").html('<img src="imgs/envelope.png" width="37" height="54" style="margin-top: 10px;"/>');
	$("#botoes").hide();
  } else if(pagina == 'blog'){
    $("#seta").html('<img src="imgs/seta.png" width="67" height="64" />');
	$("#botoes").hide();
  } else {
    $("#seta").html('<img src="imgs/seta.png" width="67" height="64" />');
	$("#botoes").show();
  }
	
  if(pagina == 'portfolio'){
	
	window.clearTimeout(oIntervTimeout);
	oIntervTimeout = window.setTimeout(
                       function(){  
					     $.post(pagina + '.php', {}, 
						   function(data){
                             $("#principal").html(data);
	                         carregaCliente();
							 $("#principal").scrollTop(0);
						   }
	                     );
	                   }, 1000
	                 );
	
  } else if(pagina == 'contato'){
	
	window.clearTimeout(oIntervTimeout);
	oIntervTimeout = window.setTimeout(
					   function(){ 
	                     $.post(pagina + '.php', {},
						   function(data){
                             $("#principal").html(data);
		
                             $("#contatoEscrito").show();
							 $("#linhaVertical").html('<img src="imgs/linha_vertical.gif" width="20" height="155" />');
 	                         $("#linhaVertical").show();
	
                             $("#telefone").mask("(99)9999-9999");
  
                             $("#enviar").click(
                               function(e){
	
	                             var invalid = /^\w+([\.-]?\w+)*@\w+([\.-]?\w+)*(\.\w{2,4})+$/;
	                             var erro = '';
		                         var focou = false;

                                 if(jQuery.trim($("#nome").val()).length == 0){
								   erro += '  - Preencha o Nome\n';
								   $("#nome").addClass('campo1');
								   $("#nome").removeClass('campo2');
								   if(!focou){
									 $("#nome").focus();
									 focou = true;
								   }
								 } else {
								   $("#nome").addClass('campo2');
								   $("#nome").removeClass('campo1');
								 }
						
								 if(jQuery.trim($("#empresa").val()).length == 0){
								   erro += '  - Preencha a Empresa\n';
								   $("#empresa").addClass('campo1');
								   $("#empresa").removeClass('campo2');
								   if(!focou){
									 $("#empresa").focus();
									 focou = true;
								   }
								 } else {
								   $("#empresa").addClass('campo2');
								   $("#empresa").removeClass('campo1');
								 }
						
								 if(jQuery.trim($("#telefone").val()).length == 0){
								   erro += '  - Preencha o Telefone\n';
								   $("#telefone").addClass('campo1');
								   $("#telefone").removeClass('campo2');
								   if(!focou){
									 $("#telefone").focus();
									 focou = true;
								   }
								 } else {
								   $("#telefone").addClass('campo2');
								   $("#telefone").removeClass('campo1');
								 }
											
								 if(invalid.test(jQuery.trim($("#email").val())) == false){
								   erro += '  - Preencha o E-mail corretamente\n';
								   $("#email").addClass('campo1');
								   $("#email").removeClass('campo2');
								   if(!focou){
									 $("#email").focus();
									 focou = true;
								   }
								 } else {
								   $("#email").addClass('campo2');
								   $("#email").removeClass('campo1');
								 }
										
								 if(jQuery.trim($("#mensagem").val()).length < 10){
								   erro += '  - Preencha o Mensagem com pelo menos 10 caracteres\n';
								   $("#mensagem").addClass('campo1');
								   $("#mensagem").removeClass('campo2');
								   if(!focou){
									 $("#mensagem").focus();
									 focou = true;
								   }
								 } else {
								   $("#mensagem").addClass('campo2');
								   $("#mensagem").removeClass('campo1');
								 }
						
								 if(erro != ''){
								   alert('Corrija os seguintes problemas:\n' + erro);
								 } else {
									
								   var nome = $("#nome").val();
								   var empresa = $("#empresa").val();
								   var telefone = $("#telefone").val();
								   var email = $("#email").val();
								   var mensagem = $("#mensagem").val();
										
								   $("#principal").html('<center><img src="imgs/carregando.gif"></center>');
									
								   $.post("enviarEmail.php", 
								     { 	
									   nome: nome, 
									   empresa: empresa,
									   telefone: telefone, 
									   email: email, 
									   mensagem: mensagem
									 },
									 function(data){
									   $("#principal").html(data);
									 }
								   );

                                 }
			                   } 
                             );
							 
 							 $("div.png").each(
	                           function(){
	 	                         $(this).pngFix();  
	                           }				  
                             );
							 
	                       }
                         );
                       }, 1000
                     );
	  
  } else {

	window.clearTimeout(oIntervTimeout);
	window.setTimeout(
      function(){  
	    $.post(pagina + '.php', {},
		  function(data){
            $("#principal").html(data);
          }
		);							   
	  }, 
	1000);	
	
  }
  
  $("div.png").each(
	function(){
	  $(this).pngFix();  
	}				  
  );
  
}

function carregaCliente(){

    $(".cliente").click(
	  function(){
	     
		 $("#principal").scrollTop(0);
		 
		 var temp = '';
	     var id = $(this).attr('id');
         temp = id.split('-');
		 var registroAnt = '';
		 var registroPos = '';
		 var complementoAnt = '';
		 var complementoPos = '';
		 
		 if($("#registroAnterior-" + temp[1]).val() != 0){
		   registroAnt = ' class="clienteCima" id="' + $("#registroAnterior-" + temp[1]).val() + '"';
		   complementoAnt = ' cursor: pointer;';
		 }
		   
		 if($("#registroPosterior-" + temp[1]).val() != 0){
		   registroPos = ' class="clienteBaixo" id="' + $("#registroPosterior-" + temp[1]).val() + '"';
		   complementoPos = ' cursor: pointer;';
		 }
		 
		 if($("#fotoTitulo-" + temp[1]).val() != ''){
			 
		   var largura = '';
           var altura = '';
  
           $.post('recuperaAlturaLargura.php', 
             { img: 'imgs/portfolio/'+ $("#fotoTitulo-" + temp[1]).val() }, 
	         function(res){ 
	           var temp = res.split('-'); 
	           largura = temp[0];
	           altura = temp[1];
			   img = temp[2];
	           parent.$("#titulo").html('<img src="' + img + '" width="' + largura + '" height="' + altura + '" />');
			   
			   $("div.png").each(
			     function(){
				   $(this).pngFix();  
			     }				  
			   );
			   
             }
           );

		 } else
		   parent.$("#titulo").html($("#nomeTitulo-" + temp[1]).val());
		 
		 var i = 0;
		 var cont = 1;
         var FotoGrande;
         var Foto;
         var FotoMini;
		 
		 FotoMini = '<div style="height: 174px;">' +
		            '  <div style="width: 100%; margin-left: 16px; margin-top: 2px;">';
		 
		 for(i = 1; i <= 4; i++){
           
		   FotoGrande = '';
		   Foto = '';
		   
           if($("#foto-" + temp[1] + i).val() != '' && $("#foto-" + temp[1] + i).val() != undefined){
		     Foto = 'name="fotos" rel="imgs/portfolio/' + $("#foto-" + temp[1] + i).val() + '"';
		   }

           if($("#foto_grande-" + temp[1] + i).val() != '' && $("#foto_grande-" + temp[1] + i).val() != undefined){
		     FotoGrande = 'href="imgs/portfolio/' + $("#foto_grande-" + temp[1] + i).val() + '"';
		   } else {
			 FotoGrande = 'href="javascript: void(0);"';
		   }

           if($("#foto_mini-" + temp[1] + i).val() != '' && $("#foto_mini-" + temp[1] + i).val() != undefined){
			 
		     if(cont % 3 == 0){
			   FotoMini += '  </div>' +
			               '  <div style="width: 100%; margin-left: 16px; margin-top: 6px;">';
			 }
			 
		     FotoMini += '  <div style="float: left; width: 50%;" class="gallery"><a id="' + $("#legenda-" + temp[1] + i).val() + '" ' + FotoGrande + ' ' + Foto + '><img class="opacidade" src="imgs/portfolio/' + $("#foto_mini-" + temp[1] + i).val() + '" style="border: 1px solid #666666;" /></a></div>';
			 
			 cont++;
			 
		   }
			 
		 }
		 
		 FotoMini += '  </div>' +
		             '</div>' +
		             '<div align="center" style="width: 100%;"><b>Clique nas imagens para ampliar</b></div>';
		 
		 if(cont == 1)
		   parent.$("#principal").html('<div style="margin-top: 10px;"><span class="error">Nenhum Portfolio encontrado para este cliente</span></div>');
		 else
		   parent.$("#principal").html(FotoMini);
		   
		 parent.$("#botoes").html('<div style="float: left; width: 32px;">&nbsp;</div><div style="float: left; position: relative; cursor: pointer; font-size: 14px;" id="voltar"><b>voltar</b>&nbsp;</div><div style="float: left; position: relative; margin-left: 4px;' + complementoAnt + '"' + registroAnt + '><img src="imgs/seta_para_cima.png" width="27" height="27" /></div><div style="float: left; position: relative; margin-left: 4px;' + complementoPos + '"' + registroPos + '><img src="imgs/seta_para_baixo.png" width="27" height="27" /></div>');
		   
         $(".clienteCima").click(
		   function(){
			 
		     var idCima = $(this).attr('id');
			 var oIntervTimeout;
			 
			 $("#principal").html('<div style="height: 40px;">&nbsp;</div>' + 
								  '<div align="center"><object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0" width="20" height="20">' +
			                      '  <param name="movie" value="imgs/setas.swf" />' +
								  '  <param name="quality" value="high" />' + 
								  '  <param name="wmode" value="transparent" />' +
								  '  <param name="menu" value="false" />' +
								  '  <embed src="imgs/setas.swf" wmode="transparent" menu="false" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="20" height="20"></embed>' +
								  '</object></div>');
			 
			 window.clearTimeout(oIntervTimeout);
			 window.setTimeout(
               function(){
		         $.post('portfolioUnico.php', 
                   { id: idCima }, 
			       function(res){ 
				     parent.$("#principal").html(res); 
					 carregaPortfolio(idCima); 
					 $("#principal").scrollTop(0); 
				   }
				 );
			   }, 1000
			 );
			 
		   }
		 );
		 
		 $(".clienteBaixo").click(
		   function(){
		   
		     var idBaixo = $(this).attr('id');	
			 var oIntervTimeout;
			 
			 $("#principal").html('<div style="height: 40px;">&nbsp;</div>' + 
			                      '<div align="center"><object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0" width="20" height="20">' +
			                      '  <param name="movie" value="imgs/setas.swf" />' +
								  '  <param name="quality" value="high" />' + 
								  '  <param name="wmode" value="transparent" />' +
								  '  <param name="menu" value="false" />' +
								  '  <embed src="imgs/setas.swf" wmode="transparent" menu="false" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="20" height="20"></embed>' +
								  '</object></div>');
			 
			 window.clearTimeout(oIntervTimeout);
			 window.setTimeout(
               function(){
		         $.post('portfolioUnico.php', 
			       { id: idBaixo }, 
				   function(res){ 
				     parent.$("#principal").html(res); 
				     carregaPortfolio(idBaixo); 
					 $("#principal").scrollTop(0); 
				   }
				 );
			   }, 1000
			 );
			 
		   }
		 );
		 
		 $("#voltar").click(
		   function(){
			 
		     var oIntervTimeout;
			 
			 $("#principal").html('<div style="height: 40px;">&nbsp;</div>' + 
			                      '<div align="center"><object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0" width="20" height="20">' +
			                      '  <param name="movie" value="imgs/setas.swf" />' +
								  '  <param name="quality" value="high" />' + 
								  '  <param name="wmode" value="transparent" />' +
								  '  <param name="menu" value="false" />' +
								  '  <embed src="imgs/setas.swf" wmode="transparent" menu="false" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="20" height="20"></embed>' +
								  '</object></div>');
			 
	         parent.$("#titulo").html('<img src="imgs/portfolio.png" width="154" height="34" />');
			 
			 $("div.png").each(
			   function(){
			     $(this).pngFix();  
			   }				  
			 );
		     
			 window.clearTimeout(oIntervTimeout);
             window.setTimeout(
               function(){ 
			     $.post('portfolio.php', {}, 
			       function(res){ 
				     parent.$("#principal").html(res); 
				     carregaCliente(); 
					 $("#principal").scrollTop(0); 
				   }
				 ); 
			   }, 1000
			 );
			 
			 parent.$("#botoes").html('<div style="float: left; width: 65px;">&nbsp;</div>' + 
                                      '<div style="float: left; cursor: pointer;" id="botaoCima" class="png"><img src="imgs/seta_para_cima.png" width="27" height="27" /></div>' +
		                              '<div style="float: left; cursor: pointer; margin-left: 4px;" id="botaoBaixo" class="png"><img src="imgs/seta_para_baixo.png" width="27" height="27" /></div>');
			 
			 var oIntervBottom;
			 var oIntervTop;
						
			 function fTop(){
			   window.clearInterval(oIntervTop);
			   oIntervTop = window.setInterval(function(){ $("#principal").scrollTop($("#principal").scrollTop() - 10); }, 120);
			 }
				
			 function fBottom(){
			   window.clearInterval(oIntervBottom);
			   oIntervBottom = window.setInterval(function(){ $("#principal").scrollTop($("#principal").scrollTop() + 10); }, 120);
			 }
					  
			 function fStopBottom(){
			   window.clearInterval(oIntervBottom);
			 }
					  
			 function fStopTop(){
			   window.clearInterval(oIntervTop);
			 }
				  
			 function fTopTudo(){
			   window.clearInterval(oIntervTop);
			   oIntervTop = window.setInterval(function(){ $("#principal").scrollTop($("#principal").scrollTop() - 10); }, 40);
			 }
				  
			 function fBottomTudo(){
			   window.clearInterval(oIntervBottom);
			   oIntervBottom = window.setInterval(function(){ $("#principal").scrollTop($("#principal").scrollTop() + 10); }, 40);
			 }
					
			 $("#botaoCima").mouseout(
			   function(){
			     fStopTop();
			   }
			 );
					
			 $("#botaoCima").mouseover(
			   function(){
			     fTop();
			   }
			 );
					
			 $("#botaoCima").mouseup(
			   function(){
			     fTop();
			   }
			 );
					
			 $("#botaoCima").mousedown(
			   function(){
			     fTopTudo();
			   }
			 );
					
			 $("#botaoBaixo").mouseout(
			   function(){
			     fStopBottom();
			   }
			 );
					
			 $("#botaoBaixo").mouseover(
			   function(){
			     fBottom();
			   }
			 );
					
			 $("#botaoBaixo").mouseup(
			   function(){
			     fBottom();
			   }
			 );
					
			 $("#botaoBaixo").mousedown(
			   function(){
			     fBottomTudo();
			   }
			 );
									  
		   }
		 );
		 
	     $("div.png").each(
	 	   function(){
			 $(this).pngFix();  
		   }				  
		 );
		 
		 $("a[@name=fotos]").imgPreview(
           {
		     srcAttr: 'rel', 
			 containerID: 'imgPreviewWithStyles', 
			 onShow: function(link){
			   $('<span>' + $(link).attr('id') + '</span>').appendTo(this);
			 },    
			 onHide: function(link){
			   $('span', this).remove();
			 }
		   }
		 );
		   
		 $(".gallery a").each(
		   function(){
				 
		     $(this).lightBox();
				 
		   }
		 );
		 
	  }
	);
	
	var oIntervBottom;
    var oIntervTop;
			
    function fTop(){
      window.clearInterval(oIntervTop);
      oIntervTop = window.setInterval(function(){ $("#principal").scrollTop($("#principal").scrollTop() - 10); }, 120);
    }
	
    function fBottom(){
      window.clearInterval(oIntervBottom);
      oIntervBottom = window.setInterval(function(){ $("#principal").scrollTop($("#principal").scrollTop() + 10); }, 120);
    }
		  
    function fStopBottom(){
      window.clearInterval(oIntervBottom);
    }
		  
    function fStopTop(){
      window.clearInterval(oIntervTop);
    }
	  
    function fTopTudo(){
      window.clearInterval(oIntervTop);
      oIntervTop = window.setInterval(function(){ $("#principal").scrollTop($("#principal").scrollTop() - 10); }, 40);
    }
	  
    function fBottomTudo(){
      window.clearInterval(oIntervBottom);
      oIntervBottom = window.setInterval(function(){ $("#principal").scrollTop($("#principal").scrollTop() + 10); }, 40);
    }
		
    $("#botaoCima").mouseout(
      function(){
        fStopTop();
      }
    );
		
    $("#botaoCima").mouseover(
      function(){
	    fTop();
      }
    );
		
    $("#botaoCima").mouseup(
      function(){
	    fTop();
      }
    );
		
    $("#botaoCima").mousedown(
      function(){
	    fTopTudo();
      }
    );
		
    $("#botaoBaixo").mouseout(
      function(){
        fStopBottom();
      }
    );
		
    $("#botaoBaixo").mouseover(
      function(){
	    fBottom();
      }
    );
		
    $("#botaoBaixo").mouseup(
      function(){
	    fBottom();
      }
    );
		
    $("#botaoBaixo").mousedown(
      function(){
	    fBottomTudo();
      }
    );

}

function carregaPortfolio(id){

  $("#principal").scrollTop(0);
		 
   var registroAnt = '';
   var registroPos = '';
   var complementoAnt = '';
   var complementoPos = '';
 
   if($("#registroAnterior-" + id).val() != 0){
     registroAnt = ' class="clienteCima" id="' + $("#registroAnterior-" + id).val() + '"';
     complementoAnt = ' cursor: pointer;';
   }
   
   if($("#registroPosterior-" + id).val() != 0){
     registroPos = ' class="clienteBaixo" id="' + $("#registroPosterior-" + id).val() + '"';
     complementoPos = ' cursor: pointer;';
   }
 
   if($("#fotoTitulo-" + id).val() != ''){
	 
     var largura = '';
     var altura = '';

     $.post('recuperaAlturaLargura.php', 
	   { img: 'imgs/portfolio/'+ $("#fotoTitulo-" + id).val() }, 
	   function(res){ 
	     var temp = res.split('-'); 
	     largura = temp[0];
	     altura = temp[1];
	     img = temp[2];
	     parent.$("#titulo").html('<img src="' + img + '" width="' + largura + '" height="' + altura + '" />');
	   
	     $("div.png").each(
		   function(){
		     $(this).pngFix();  
		   }				  
	     );
	   
	   }
     );

   } else
     parent.$("#titulo").html($("#nomeTitulo-" + id).val());
 
   var i = 0;
   var cont = 1;
   var FotoGrande;
   var Foto;
   var FotoMini;
 
   FotoMini = '<div style="height: 174px;">' +
	          '  <div style="width: 100%; margin-left: 16px; margin-top: 2px;">';
 
   for(i = 1; i <= 4; i++){
   
     FotoGrande = '';
     Foto = '';
   
     if($("#foto-" + id + i).val() != '' && $("#foto-" + id + i).val() != undefined){
	   Foto = 'name="fotos" rel="imgs/portfolio/' + $("#foto-" + id + i).val() + '"';
     }

     if($("#foto_grande-" + id + i).val() != '' && $("#foto_grande-" + id + i).val() != undefined){
	   FotoGrande = 'href="imgs/portfolio/' + $("#foto_grande-" + id + i).val() + '"';
     } else {
	   FotoGrande = 'href="javascript: void(0);"';
     }

     if($("#foto_mini-" + id + i).val() != '' && $("#foto_mini-" + id + i).val() != undefined){
	 
	   if(cont % 3 == 0){
	     FotoMini += '  </div>' +
				     '  <div style="width: 100%; margin-left: 16px; margin-top: 6px;">';
	   }
	 
	   FotoMini += '  <div style="float: left; width: 50%;" class="gallery"><a id="' + $("#legenda-" + id + i).val() + '" ' + FotoGrande + ' ' + Foto + '><img class="opacidade" src="imgs/portfolio/' + $("#foto_mini-" + id + i).val() + '" style="border: 1px solid #666666;" /></a></div>';
	 
	   cont++;
	 
     }
	 
   }
 
   FotoMini += '  </div>' +
               '</div>' +
	           '<div align="center" style="width: 100%; margin-top: 8px;"><b>Clique nas imagens para ampliar</b></div>';
 
   if(cont == 1)
     parent.$("#principal").html('<div style="margin-top: 10px;"><span class="error">Nenhum Portfolio encontrado para este cliente</span></div>');
   else
     parent.$("#principal").html(FotoMini);
   
   parent.$("#botoes").html('<div style="float: left; width: 32px;">&nbsp;</div><div style="float: left; position: relative; cursor: pointer; font-size: 14px;" id="voltar"><b>voltar</b>&nbsp;</div><div style="float: left; position: relative; margin-left: 4px;' + complementoAnt + '"' + registroAnt + '><img src="imgs/seta_para_cima.png" width="27" height="27" /></div><div style="float: left; position: relative; margin-left: 4px;' + complementoPos + '"' + registroPos + '><img src="imgs/seta_para_baixo.png" width="27" height="27" /></div>');
   
   $(".clienteCima").click(
	 function(){
	 
	   var idCima = $(this).attr('id');
	   var oIntervTimeout;
	 
	   $("#principal").html('<div style="height: 40px;">&nbsp;</div>' + 
	                        '<div align="center"><object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0" width="20" height="20">' +
							'  <param name="movie" value="imgs/setas.swf" />' +
							'  <param name="quality" value="high" />' + 
							'  <param name="wmode" value="transparent" />' +
							'  <param name="menu" value="false" />' +
							'  <embed src="imgs/setas.swf" wmode="transparent" menu="false" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="20" height="20"></embed>' +
							'</object></div>');
	 
	   window.clearTimeout(oIntervTimeout);
	   window.setTimeout(
		 function(){
		   $.post('portfolioUnico.php', 
		     { id: idCima }, 
			 function(res){ 
			   parent.$("#principal").html(res); 
			   carregaPortfolio(idCima); 
			   $("#principal").scrollTop(0); 
			 }
		   );
		 }, 1000
	   );
	 
	 }
   );
 
   $(".clienteBaixo").click(
	 function(){
   
	   var idBaixo = $(this).attr('id');	
	   var oIntervTimeout;
	 
	   $("#principal").html('<div style="height: 40px;">&nbsp;</div>' + 
	                        '<div align="center"><object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0" width="20" height="20">' +
							'  <param name="movie" value="imgs/setas.swf" />' +
							'  <param name="quality" value="high" />' + 
							'  <param name="wmode" value="transparent" />' +
							'  <param name="menu" value="false" />' +
							'  <embed src="imgs/setas.swf" wmode="transparent" menu="false" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="20" height="20"></embed>' +
							'</object></div>');
	 
	   window.clearTimeout(oIntervTimeout);
	   window.setTimeout(
		 function(){
		   $.post('portfolioUnico.php', 
		     { id: idBaixo }, 
			 function(res){ 
			   parent.$("#principal").html(res); 
			   carregaPortfolio(idBaixo); 
			   $("#principal").scrollTop(0); 
			 }
		   );
		 }, 1000
	   );
	 
	 }
   );
 
   $("#voltar").click(
	 function(){
	 
	   var oIntervTimeout;
	
	   $("#principal").html('<div style="height: 40px;">&nbsp;</div>' + 
	                        '<div align="center"><object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0" width="20" height="20">' +
							'  <param name="movie" value="imgs/setas.swf" />' +
							'  <param name="quality" value="high" />' + 
							'  <param name="wmode" value="transparent" />' +
							'  <param name="menu" value="false" />' +
							'  <embed src="imgs/setas.swf" wmode="transparent" menu="false" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="20" height="20"></embed>' +
							'</object></div>');
	 
	   parent.$("#titulo").html('<img src="imgs/portfolio.png" width="154" height="34" />');
	 
	   $("div.png").each(
		 function(){
		   $(this).pngFix();  
		 }				  
	   );
	 
	   window.clearTimeout(oIntervTimeout);
	   window.setTimeout(
		 function(){ 
		   $.post('portfolio.php', {}, 
		     function(res){ 
			   parent.$("#principal").html(res); 
			   carregaCliente(); 
			   $("#principal").scrollTop(0); 
			 }
		   ); 
		 }, 1000
	   );
	 
	   parent.$("#botoes").html('<div style="float: left; width: 65px;">&nbsp;</div>' + 
		                        '<div style="float: left; cursor: pointer;" id="botaoCima" class="png"><img src="imgs/seta_para_cima.png" width="27" height="27" /></div>' +
								'<div style="float: left; cursor: pointer; margin-left: 4px;" id="botaoBaixo" class="png"><img src="imgs/seta_para_baixo.png" width="27" height="27" /></div>');
	 
	   var oIntervBottom;
	   var oIntervTop;
				
	   function fTop(){
		 window.clearInterval(oIntervTop);
		 oIntervTop = window.setInterval(function(){ $("#principal").scrollTop($("#principal").scrollTop() - 10); }, 120);
	   }
		
	   function fBottom(){
		 window.clearInterval(oIntervBottom);
		 oIntervBottom = window.setInterval(function(){ $("#principal").scrollTop($("#principal").scrollTop() + 10); }, 120);
	   }
			  
	   function fStopBottom(){
		 window.clearInterval(oIntervBottom);
	   }
			  
	   function fStopTop(){
		 window.clearInterval(oIntervTop);
	   }
		  
	   function fTopTudo(){
		 window.clearInterval(oIntervTop);
		 oIntervTop = window.setInterval(function(){ $("#principal").scrollTop($("#principal").scrollTop() - 10); }, 40);
	   }
		  
	   function fBottomTudo(){
		 window.clearInterval(oIntervBottom);
		 oIntervBottom = window.setInterval(function(){ $("#principal").scrollTop($("#principal").scrollTop() + 10); }, 40);
	   }
			
	   $("#botaoCima").mouseout(
		 function(){
		   fStopTop();
		 }
	   );
			
	   $("#botaoCima").mouseover(
		 function(){
		   fTop();
		 }
	   );
			
	   $("#botaoCima").mouseup(
		 function(){
		   fTop();
		 }
	   );
			
	   $("#botaoCima").mousedown(
		 function(){
		   fTopTudo();
		 }
	   );
			
	   $("#botaoBaixo").mouseout(
		 function(){
		   fStopBottom();
		 }
	   );
			
	   $("#botaoBaixo").mouseover(
		 function(){
		   fBottom();
		 }
	   );
			
	   $("#botaoBaixo").mouseup(
		 function(){
		   fBottom();
		 }
	   );
			
	   $("#botaoBaixo").mousedown(
		 function(){
		   fBottomTudo();
		 }
	   );
							  
	 }
   );
 
   $("div.png").each(
     function(){
	   $(this).pngFix();  
     }				  
   );
 
   $("a[@name=fotos]").imgPreview(
     {
	   srcAttr: 'rel', 
	   containerID: 'imgPreviewWithStyles', 
	   onShow: function(link){
	     $('<span>' + $(link).attr('id') + '</span>').appendTo(this);
	   },    
	   onHide: function(link){
	     $('span', this).remove();
	   }
     }
   );
   
   $(".gallery a").each(
     function(){
		 
	   $(this).lightBox();
		 
     }
   );

}