$(document).ready(function() {
	events_productStart();
	comboStart();
});


function events_productStart(){
	//tabs
	$(".viewBoxMedia").load($(".imageView .viewBoxHeader ul li.active a").attr("href"));
	$(".imageView .viewBoxHeader ul li").bind("click", function(ev){
		$(".imageView .viewBoxHeader ul li").removeClass("active");
		$(this).addClass("active");
		var a = $(this).find("a");
		$(".viewBoxMedia").load(a.attr("href"));
	});
	$(".imageView .viewBoxHeader ul li.video").bind("click", function(ev){
		$(".imageView .viewBoxThumbs").hide();
	});
	$(".imageView .viewBoxHeader ul li.foto").bind("click", function(ev){
		$(".imageView .viewBoxThumbs").show();
	});
	

	//thumbs
	$(".imageView .viewBoxThumbs ul li a").bind("click", function(ev){
		$(".viewBoxMedia img").attr("src", $(this).attr("href"));
	});

	//tooltip		
	$("a.showHelp").each(function(i, el){
		var content = $(".tooltipContent." + $(el).attr("rel")).html();
		$(el).simpletip({
			fixed: 'true',
			position: 'right',
			activeClass: 'tooltipActive',
			content: content
		});
	});




   /* VERTICAL SLIDER **************************************/

	$("#recomendado").click(function () {
	    $("#slider-tab").removeClass('slider-tab-acess');
	    $("#slider-tab").addClass('slider-tab-default');

	    $("#vertSliderAcessorios").hide();
	    $("#vertSliderRecomendado").show();

	    Recomendado();
	})

   $("#acessorios").click(function () {
       $("#slider-tab").removeClass('slider-tab-default');
       $("#slider-tab").addClass('slider-tab-acess');

       $("#vertSliderRecomendado").hide();
       $("#vertSliderAcessorios").show();

       Acessorios();
   })

   $("#vertSliderAcessorios").hide();


   /* VOLTAGEM **************************************/ 
      
   $("#clickvolt").click(function(){
      $("#volt01").hide();      
      $("#volt02").show();
   })

   $("#clickdisp").click(function(){
      $("#volt02").hide();      
      $("#volt01").show();
   })

   /* CEP **************************************/ 
      
   $("#calculacep").click(function(){
      $("#cepcalc").hide();      
      $("#cepcalculado").show();
   })

   $("#outrocep").click(function(){
      $("#cepcalculado").hide();      
      $("#cepcalc").show();
   })
    	
   /* INDISPONIVEL **************************************/ 
      
   $("#avisai").click(function(){
      $("#desc").hide();      
      $("#avise").show();
   })

   $("#avisado").click(function(){
      $("#avise").hide();      
      $("#desc").show();
   })
       	
   
   //search
   $("#doSearch").bind("click", function(ev){
		searchHighlight();
   });
	
	
	//mais comentarios	
	$('a.readAll').bind("click", function(ev){
		if (!$('div.moreComments').hasClass("openComments")){
			$('div.moreComments').addClass("openComments");
		} else {
			$('div.moreComments').removeClass("openComments");
		}
	});
	
	//quick view
	$("div.quick-view div.imagem-mini > a").bind("click",function(ev){
		$("div.quick-view div.imagem-mini > a").removeClass("selecionada");
		$("div.quick-view div.imagem img").attr("src",  $(this).attr("href"));
		$(this).addClass("selecionada");
	});



	$('.colorSelector .images li span').bind("click", function (ev) {
	    if (!$(this).parents("li").find("span").hasClass("active")) {
	        $(this).parents("li").find("span").addClass("active");
	        $(this).parents("li").find("input").attr('checked', true);
	    } else {
	        $(this).parents("li").find("span").removeClass("active");
	        $(this).parents("li").find("input").attr('checked', false);
	    }
	});

	

	$('.colorSelector .images li input:checkbox').bind("click", function (ev) {
	    if (!$(this).parents("li").find("span").hasClass("active")) {
	        $(this).parents("li").find("span").addClass("active");
	    } else {
	        $(this).parents("li").find("span").removeClass("active");
	    }
	});
}



function comboStart(){
	// combo
   $("#changeEstado").click(function(){
      $('ul.comboEstado').slideToggle();
    });
    
    $("#changeFiltro").click(function(){
       $('ul.comboFiltro').slideToggle();
     });

   // combo
   $("#changeCidade").click(function(){
      $('ul.comboCidade').slideToggle();
    });
    
    $("#changeBairro").click(function(){
       $('ul.comboBairro').slideToggle();
    });

}