$(document).ready(function() {


	$("#spot_1").click(function(){
		$("#hotSpot1").show();
	})

	$("#hotspot_link").click(function(){
			$("#hotSpot1").hide();	
	});


	$( "#off" ).click(function() {
	  $( this ).toggleClass( "bg-03-on" );
	});


	$("#menu01").click(function(){      
		$("#bloco0301").show();
		$("#bloco0302").hide();
		$("#bloco0303").hide();
		
		$("#bloco05").addClass('img0501');	 	
		$("#bloco05").removeClass('img0502');	 		
		$("#bloco05").removeClass('img0503');	 
		
		$("#menu01").addClass('active'); 
		$("#menu02").removeClass('active');	 
		$("#menu03").removeClass('active');	    	  
    });
		
	$("#menu02").click(function(){
		$("#bloco0302").show();
		$("#bloco0301").hide();
		$("#bloco0303").hide();

		$("#bloco05").removeClass('img0501');	 
		$("#bloco05").addClass('img0502');	 	
		$("#bloco05").removeClass('img0503');	 		
		
		$("#menu01").removeClass('active');	 
		$("#menu02").addClass('active');	 		
		$("#menu03").removeClass('active');	 
    });
	
	$("#menu03").click(function(){
		$("#bloco0303").show();
		$("#bloco0301").hide();
		$("#bloco0302").hide();
		
		$("#bloco05").removeClass('img0501');	 
		$("#bloco05").removeClass('img0502');	 
		$("#bloco05").addClass('img0503');	 		
		
		$("#menu01").removeClass('active');	 
		$("#menu02").removeClass('active');	 
		$("#menu03").addClass('active');	 					 
    });
	
	

	$('.slider').slick({
		infinite: true,
		arrows: true,
		autoplay: true,
		autoplaySpeed: 4000,
		ouchMove: false
	});

});




/////////////////// BRILHO SLIDER
var handlesSlider; 
$(document).ready(function() {
	handlesSlider = document.getElementById('dragBrilho');
	
	noUiSlider.create(handlesSlider, {
		start: [ 0 ],
		range: {
			'min': [  0 ],
			'max': [ 100 ]
		}
	});
	
	handlesSlider.noUiSlider.on('update', function( values, handle ) {
		$("#dragBrilhoImg").fadeTo( 0, values[handle]/100 );
	});
});