// JavaScript Document
$(document).ready( function(){
	// Bug fix ie6
	if ( navigator.userAgent.indexOf('MSIE 6') ){ $("#menuWrap").width( $("body").innerWidth() ); $("#footerWrap").width( $("body").innerWidth() ); }

	// Menu Hover
	$("#menu li a").not("#menu li > ul > li a").hover( function(){
		$('.submenu:visible').css('display','none');
		$(this).parent().find(".submenu").slideDown('fast');
	});
	$("#content").mousemove( function(){ $('.submenu:visible').css('display','none') });

	// Change Highlights
	$("#highlightChange a").click( function(){
		$(".highlightHome:visible").css('display','none');
		$( $(this).attr("href") ).fadeIn('fast');
		$("#highlightChange a.highlightSelected").removeClass("highlightSelected arialWhite16").addClass("arialBlack16");
		$(this).removeClass("arialBlack16").addClass("arialWhite16 highlightSelected");
		return false;
	});

	//Change Tabs
	$("#tabs li a").click( function(){
		$("#rightNews div:visible").not("#newsTip").not("#chart").css('display','none');
		$( $(this).attr("href") ).fadeIn('fast');
		$("#tabs li.tabSelected").removeClass("tabSelected");
		$(this).parent().addClass("tabSelected");
		return false;
	});

    // Search Field
	$("#searchInput").focus( function(){
		if ( $(this).val() == $(this).attr('title') )
			$(this).val('');
	});
	$("#searchInput").blur( function(){
		if ( $(this).val() == '' )
			$(this).val( $(this).attr('title') );
	});

	// Cloth details
	$("#clothDetails tr:even td").css('background','#e7e7e7');

	// Cloth Link ADD
	$(".clothPlusLink").click( function(){
        var verifi = $(this).parent().find(".hidden").val();
        var img = $(this).parent().find(".hiddenImg").val();
        var name = $(this).parent().find(".hiddenName").val();
        var count = $("#chart ul li").length;
        var object = this;
        
        var add = true;        
        if( count <= 4 ){
           $("#chart ul li .hidden").each(function(){
               if( $(this).val() == verifi){
                   add = false;
                   alert('Você já selecionou este item.');
               }
           });
        }else{
             add = false;
             alert('O número máximo de itens é 5');
         }
         if(add){

            $("#loadAddCart").load($("#baseUrl").val()+'produtos/cart',{id : verifi , img : img , name : name },function( text , response){
                if(response == 'success'){
                    $("#chart ul").append("<li class='clothMinus'>" + $(object).parent().html() + "</li>");
                    $("#chart ul li a.clothPlusLink").removeClass("clothPlusLink").addClass("clothMinusLink").attr('title','Remover amostra').attr('onclick','removeChart(this);return false;');
                    $("#chart ul li a.clothSampleLink").attr('onclick','return false');
                }
                updateCount();
            });

            
        }
		 return false;
	});
    //alterações do filtro em produtos
    $("#productLine").change( function(){
        window.location = $("#baseUrl").val() + 'produtos/detalhe/' + $("#type_id").val() + '/' + $(this).val();
    });

    $("#productLst").change( function(){
       window.location = $("#baseUrl").val() + 'produtos/detalhe/' + $("#type_id").val() + '/' + $("#productLine").val() + '/' + $(this).val();
    });

    //alterar filtro representantes nacional
    $("#buttonOk").click( function(){
        var state = ($("#stateSelect").val()=="") ? 0 : $("#stateSelect").val();
        var type = ($("#typeSelect").val()=="") ? 0 : $("#typeSelect").val();

        window.location = $("#baseUrl").val() + 'representantes/nacional/' + state +'/' + type;

    });

    //filtro representante internacional;
    $("#buttonOkInt").click( function(){
        var country = ($("#countrySelect").val()=="") ? 0 : $("#countrySelect").val();
        var type = ($("#typeSelect").val()=="") ? 0 : $("#typeSelect").val();

        window.location = $("#baseUrl").val() + 'representantes/internacional/' + country +'/' + type;
    });
    
    $("#linkAnexos").click( function(){
    	$("#campo_arquivo").fadeIn('fast');
    	$(this).fadeOut('fast');
    });

    //BLOG Coments
	$("#comments li:even").css('background','#efefef');

	$("#oQue").click(function(){
		$("#imgSlide").animate({ top : '-53px' } , 'slow' );
		$("#proHighlightLeft ul li:first").animate({ marginTop: '0px' } , 'slow' , 0 );
		$("oQue").removeClass('trebuchetGray12').addClass('trebuchetWhite12');
		$("#comoParticipar").removeClass('trebuchetWhite12').addClass('trebuchetGray12');
		return false;
	});
	$("#comoParticipar").click(function(){
		$("#imgSlide").animate({ top : '-12px' } , 'slow' );
		$("#proHighlightLeft ul li:first").animate({ marginTop: '-153px' } , 'slow' , 0 );
		$("oQue").removeClass('trebuchetGray12').addClass('trebuchetWhite12');
		$("#comoParticipar").removeClass('trebuchetWhite12').addClass('trebuchetGray12');
		return false;
	});
    

	//banco de talentos, campo estágio
	
	$("#interesse").change(function(){
		var  interesse_value = $(this).val();
		if(interesse_value=='estagio'){
		  	
			$(".formacao").fadeIn();
			$("#curso").attr('class','input4 required')
			$("#termino").attr('class','input4 required')
			$("#periodo").attr('class','input4 required')
		}else{
		$(".formacao").fadeOut();
			$("#curso").attr('class','input4')
			$("#termino").attr('class','input4')
			$("#periodo").attr('class','input4')
		}
	});

    // send Vote
    $(".voteBtn").click(function(){
        var answer_id = $("#questionForm input[name=answer]:checked").val();

        if(answer_id != undefined){
            
            $.post($("#baseUrl").val() + 'questions/vote',{id:answer_id},function( text , response ){
                if(response=='success'){
                    $("#questionForm").html(text);
                }
            });

        }else{
            return false;
        }
    });

    /*$("#sendSearch").click(function(){
        var search = $("#searchInput").val();
        alert(search);
    });*/

    updateCount();

   $("#requestSample").click(function(){
       var count = $("#chart ul li").length;

       if(count >= 1){
       lightboxData('<h3 style="display:none">Confirmando o seu pedido de amostras...</h3>'+
           '<form name="sampleForm" id="sampleForm" method="post" action="javascript:sendSample()">'+
  '<table cellpadding="0" cellspacing="0" border="0" class="width">'+
  	'<tr>'+
    	'<td class="arialWhite11 bolder"><br>O seu pedido de amostras está sujeito a aprovação pela Horizonte Têxtil. As amostras serão entregues em mãos através do representante comercial da sua região.</td>'+
    '</tr>'+
  	'<tr>'+	
    	'<td>'+
			'<table cellpadding="0" cellspacing="0" border="0">'+		
				'<tr>'+
					'<td class="arialWhite12 bolder">Solicitante*</td>'+
	    			'<td class="arialWhite12 bolder">&nbsp;&nbsp;Função*</td>'+
    			'</tr>'+
    			'<tr>'+
    				'<td><input type="text" style="width:161px" name="nome" /></td>'+
    				'<td>&nbsp;&nbsp;<input type="text" style="width:167px" name="funcao" /></td>'+
    			'</tr>'+
    		'</table>'	+
    	'</td>'+		
    '</tr>'+
    '<tr>'+
    	'<td class="arialWhite12 bolder">E-mail*</td>'+
    '</tr>'+
    '<tr>'+
    	'<td><input type="text" style="width:345px" name="email" /></td>'+
    '</tr>'+
    '<tr>'+	
    	'<td>'+
			'<table cellpadding="0" cellspacing="0" border="0">'+		
				'<tr>'+
					'<td class="arialWhite12 bolder">Razão Social*</td>'+
	    			'<td class="arialWhite12 bolder">&nbsp;&nbsp;CNPJ*</td>'+
    			'</tr>'+
    			'<tr>'+
    				'<td><input type="text" style="width:161px" name="razao_social" /></td>'+
    				'<td>&nbsp;&nbsp;<input type="text" style="width:167px" name="cnpj" /></td>'+
    			'</tr>'+
    		'</table>'	+
    	'</td>'+		
    '</tr>'+
   '<tr>'+	
    	'<td>'+
			'<table cellpadding="0" cellspacing="0" border="0">'+		
				'<tr>'+
					'<td class="arialWhite12 bolder">Representante Horizonte</td>'+
	    			'<td class="arialWhite12 bolder">&nbsp;&nbsp;Telefone*</td>'+
    			'</tr>'+
    			'<tr>'+
    				'<td><input type="text" style="width:161px" name="representante" /></td>'+
    				'<td>&nbsp;&nbsp;<input type="text" style="width:167px" name="telefone" /></td>'+
    			'</tr>'+
    		'</table>'	+
    	'</td>'+		
    '</tr>'+
    '<tr>'+
    	'<td>'+
      	'<table cellpadding="0" cellspacing="0" border="0">'+
        	'<tr>'+
          	'<td class="arialWhite12 bolder">Endereço*</td>'+
            '<td class="arialWhite12 bolder">&nbsp;&nbsp;Número*</td>'+
            '<td class="arialWhite12 bolder">&nbsp;&nbsp;Comp.*</td>'+
          '</tr>'+
          '<tr>'+
          	'<td><input type="text" style="width:221px" name="endereco" /></td>'+
            '<td>&nbsp;&nbsp;<input type="text" style="width:50px" name="num" /></td>'+
            '<td>&nbsp;&nbsp;<input type="text" style="width:50px" name="complemento" /></td>'+
          '</tr>'+
        '</table>'+
      '</td>'+
    '</tr>'+
    '<tr>'+
    	'<td>'+
      	'<table cellpadding="0" cellspacing="0" border="0">'+
        	'<tr>'+
          	'<td class="arialWhite12 bolder">CEP*</td>'+
            '<td class="arialWhite12 bolder">&nbsp;&nbsp;Estado*</td>'+
            '<td class="arialWhite12 bolder">&nbsp;&nbsp;Cidade*</td>'+
          '</tr>'+
          '<tr>'+
          	'<td><input type="text" style="width:126px" name="cep" /></td>'+
            '<td>&nbsp;&nbsp;<input style="width:56px" name="estado" /></td>'+
            '<td>&nbsp;&nbsp;<input type="text" style="width:145px" name="cidade" /></td>'+
          '</tr>'+
        '</table>'+
      '</td>'+
    '</tr>'+
    '<tr>'+
    		'<td class="arialWhite12 bolder">Informação adicional</td>'+
    '</tr>'+
    '<tr>'+
    	'<td><textarea style="width:345px; max-width:345px; min-width:345px; height:50px; max-height:50px; min-height:50px;" name="info"></textarea></td>'+
    '</tr>'+
    '<tr>'+
    	'<td class="arialWhite12">'+
      	'<table cellpadding="0" cellspacing="0" border="0">'+
        	'<tr>'+
          	'<td><input type="image" src="'+$("#baseUrl").val()+'img/popup-enviar.jpg" /></td>'+
            '<td><img src="'+$("#baseUrl").val()+'img/popup-aprovacao.jpg"  width="266" height="25" /></td>'+
          '</tr>'+
        '</table>'+
      '</td>'+
    '</tr>'+
  '</table></form>');
       }else{
           alert('É preciso no mínimo 1 amostra para efetuar o pedido');
       }
   });
   
   
   $("#howCreate").click(function(){
        
       lightboxDataCreate('<h3 style="display:none">Como criar um banco de amostras para envio?</h3><br><br><br>'+          
  		'<table cellpadding="0" cellspacing="0" border="0" class="width">'+
  			'<tr>'+
    			'<td class="arialWhite11 bolder"><br>Para solicitar amostras, basta clicar no sinal de adição(+) que está sobre a cor do produto selecionado e preencher o formulário adequadamente. Este serviço é válido apenas para clientes ativos. Medida padrão da amostra: corte de 1,5m.</td>'+
   			 '</tr>'+   
			 '<tr>'+
    			'<td class="arialWhite11 bolder"><br/><br/>ATENÇÃO: Somente clientes cadastrados na Horizonte Textil poderão solicitar amostras.</td>'+
   			 '</tr>'+   
  		'</table>');
      
   });
   
   $("#overlay").click( function(){ alert(''); } );
   
   $("#contatoForm").submit(function(){
		var er = new RegExp(/^[A-Za-z0-9_\-\.]+@[A-Za-z0-9_\-\.]{2,}\.[A-Za-z0-9]{2,}(\.[A-Za-z0-9])?/);
		
		if($('#nome').attr('value')==""){
		    alert('Nome não preenchido. Por favor, preencha esse campo.','Erro');
		    return false;
		}
		if($('#sexo').attr('value')==""){
		    alert('Sexo não preenchido. Por favor, preencha esse campo.','Erro');
		    return false;
		}
		if($('#email').attr('value')==""){
		    alert('Email não preenchido. Por favor, preencha esse campo.','Erro');
		    return false;
		}
		if(!er.test($('#email').attr('value'))){
		    alert('Email em formato inválido. Por favor, preencha esse campo corretamente.','Erro');
		    return false;
		}
		if($('#cidade').attr('value')==""){
		    alert('Cidade não preenchida. Por favor, preencha esse campo.','Erro');
		    return false;
		}
		if($('#pais').attr('value')==""){
		    alert('País não preenchido. Por favor, preencha esse campo.','Erro');
		    return false;
		}
		if($('#ddd').attr('value')==""){
		    alert('DDD não preenchido. Por favor, preencha esse campo.','Erro');
		    return false;
		}
		if($('#telefone').attr('value')==""){
		    alert('Telefone não preenchido. Por favor, preencha esse campo.','Erro');
		    return false;
		}
		if($('#assunto').attr('value')==""){
		    alert('Assunto não preenchido. Por favor, preencha esse campo.','Erro');
		    return false;
		}
		if($('#mensagem').attr('value')==""){
		    alert('Mensagem não preenchida. Por favor, preencha esse campo.','Erro');
		    return false;
		}
		return true;
   });
   
   
   

   
   
   
   
});

function removeChart(element){
    var id = $(element).parent().find(".hidden").val();
    $("#loadAddCart").load($("#baseUrl").val()+'produtos/cart/remove',{id : id },function( text , response){
        if(response == 'success'){
            $(element).parent().remove();
            updateCount();
        }
    });
}
$(window).resize( function(){ $("#menuWrap").width( $("body").innerWidth() );	$("#footerWrap").width( $("body").innerWidth() ); });

function sendNewsletter(url){
    
    $("#newsStatus").html("<center>Enviando...</center>");
	var par = $('#newsletterForm').serialize();

	$.post(url,par,function(data){

		$('#newsStatus').html(data);
	});

}

function loadMesh( id ){
    var url = $("#baseUrl").val() + 'produtos/load_mesh/' + id;
    $("#productMesh").html('<center>Carregando...</center>');
    $("#productMesh").load(url);
}

function updateCount(){
    var count = $("#chart ul li").length;
    $("#chartCount").html(5 - count);
}

function sendSample(){
    var par = $("#sampleForm").serialize();
    var url = $("#baseUrl").val() + 'produtos/send_sample';
    $.post(url , par , function( text , success ){
        if(text == "ok"){
            alert('Solicitação enviada com sucesso, aguarde nosso retorno');
            lightboxClose();
            $("#chart ul li").remove();
            updateCount();
        }else{
            alert(text);
            lightboxClose();
        }
    });
}

////////////////////////////////////////////////////////// LIGHTBOX
function lightboxData( content ){
	content = (content) ? content : '';
	settings  = {
		overlayColor : 					'#000',
		overlayOpacity : 				0.5,
		contentWidth : 					400,
		contentBackground :			'#fff'
	}

	$("body").append("<div id='overlay' style='display:none' onclick='lightboxClose()'></div><div id='lightboxContent' style='display:none'>"+content+"</div>");
	//$("html").height('100%');

	$("#overlay").css({
		position : 							'absolute',
		top : 									'0',
		left : 									'0',
		width : 								$("html").innerWidth(),
		height : 								$("html").innerHeight(),
		backgroundColor : 			settings.overlayColor,
		opacity : 							settings.overlayOpacity,
		zIndex : 								'9998',
        cursor :                                'pointer'
	}).fadeIn(600);
	$("#lightboxContent").css({
		position :							'absolute',
		left :									'50%',
		top :										'50%',
		marginLeft :						'-' + parseInt( settings.contentWidth / 2 ) + 'px',
		marginTop : 						'-' + parseInt( $("#lightboxContent").height() / 2 ) + 'px',
		zIndex : 								'9999',
		padding :								'15px'
	}).fadeIn(600);

};
/////// LIght Box Como criar banco de amostras
function lightboxDataCreate( content ){
	content = (content) ? content : '';
	settings  = {
		overlayColor : 					'#000',
		overlayOpacity : 				0.5,
		contentWidth : 					400,
		contentBackground :			'#fff'
	}

	$("body").append("<div id='overlay' style='display:none' onclick='lightboxClose()'></div><div id='lightboxContent' class='lightboxCreate' style='display:none;height:620px;'>"+content+"</div>");
	//$("html").height('100%');

	$("#overlay").css({
		position : 							'absolute',
		top : 									'0',
		left : 									'0',
		width : 								$("html").innerWidth(),
		height : 								$("html").innerHeight(),
		backgroundColor : 			settings.overlayColor,
		opacity : 							settings.overlayOpacity,
		zIndex : 								'9998',
        cursor :                                'pointer'
	}).fadeIn(600);
	$("#lightboxContent").css({
		position :							'absolute',
		left :									'50%',
		top :										'50%',
		marginLeft :						'-' + parseInt( settings.contentWidth / 2 ) + 'px',
		marginTop : 						'-' + parseInt( $("#lightboxContent").height() / 2 ) + 'px',
		zIndex : 								'9999',
		padding :								'15px'
	}).fadeIn(600);

};

function lightboxClose(){
	$("#overlay").fadeOut( 600 , function(){ $(this).remove() });
	$("#lightboxContent").fadeOut( 600 , function(){ $(this).remove() });
}

function abrirLB(id){

	
	$.blockUI({ message: "<img src='/site/img/linha-do-tempo/img_"+ id +".jpg' id='imglight' />" ,
	 css: { 
	            border: 'none', 
	            padding: '15px', 
	            backgroundColor: '#FFF', 
	            '-webkit-border-radius': '10px', 
	            '-moz-border-radius': '10px', 
	            opacity: 1, 
	            color: '#fff' ,
				cursor: 'pointer',
				width: 'auto',
				height: 'auto',
	           // top:  (($(window).height() / 2 ) - ( $("#imglight").height() / 2 ))  + 'px', 
	           // left: (($(window).width() / 2 ) - ( $("#imglight").width() / 2 ))  + 'px'	
				left : '500px',
				top : '25%'
	        } }

	); 
	$('.blockOverlay').attr('title','Clique para fechar').click($.unblockUI);
	var left =  (  $(window).width() / 2 ) - ( $("#imglight").width() / 2 );

	if( left == ($(window).width() / 2) ){
		left = "30%";
	}else{

		left += "px";
	}

	$('.blockMsg').css( 'left', left  );

			
	}