$(function(){
		   
   var imgicon="/FileUpload/Global/KeyFeature/2085/innergigabyteimages/";
	
	$(document).ready(function() {
		$('#colorpicker').on('sliderup', function() {
			$(".b1 img").attr("src","/FileUpload/Global/KeyFeature/2085/innergigabyteimages/ledimage.png");
			var color = $('#colorpicker').wheelColorPicker('getValue');			
			$("#a1").css("background", "#" + color);			
			$("#aL").css("background", "#" + color);			
			$("#aR").css("background", "#" + color);			
		});
	});


	
	$(".nav-2 li").click(function(){				  
		var X = this.id.substr(2);		
		$("#a1").css('backgroundImage', '');
		$("#a1").css("display","block");
		$("#aL, #aR").css('display', 'none');
		

		$("#cs"+ X).fadeTo(400,1);
		$("#cs"+ X).siblings().fadeTo(400,0.6);
				

		
		if (X == 3 || X == 6 || X == 7 || X == 9 || X == 11 || X == 12){
		    $('#colorpicker-style').fadeOut(400);
		}else{
		    $('#colorpicker-style').fadeIn(400);
		}	

		if (X == 1 || X == 4) {
			$("#aL, #aR").css('display', 'none');
		}
		
		if(X==05){
			$("#aL, #aR").css('display', 'none');
			$("#a1").css('animation', 'led-style'+ X +' 0.4s linear infinite');
			$("#a1").css('-webkit-animation', 'led-style'+ X +' 0.4s linear infinite');
			$("#a1").css('-ms-animation', 'led-style'+ X +' 0.4s linear infinite');
			$("#a1").css('-o-animation', 'led-style'+ X +' 0.4s linear infinite');
			$("#a1").css('-moz-animation', 'led-style'+ X +' 0.4s linear infinite');			
		}else{
			$("#a1").css('animation', 'led-style'+ X +' 1.4s linear infinite');
			$("#a1").css('-webkit-animation', 'led-style'+ X +' 1.4s linear infinite');
			$("#a1").css('-ms-animation', 'led-style'+ X +' 1.4s linear infinite');
			$("#a1").css('-o-animation', 'led-style'+ X +' 1.4s linear infinite');
			$("#a1").css('-moz-animation', 'led-style'+ X +' 1.4s linear infinite');		
		}


		if (X == 07) {
			$("#aL, #aR").css('display', 'none');
			$("#a1").css('display', 'block');			
			$("#a1").css('transform', 'rotate(30deg)');
			$("#a1").css('animation', 'led-style' + X + ' 1s step-start infinite');
		}

		if(X == 08){
			$("#aL, #aR").css('display', 'none');	
			$("#a1").css('display', 'block');		
			$("#a1").css('animation', 'led-style'+ X +' 1.2s linear infinite');
			$("#a1").css('-webkit-animation', 'led-style'+ X +' 1.2s linear infinite');
			$("#a1").css('-ms-animation', 'led-style'+ X +' 1.2s linear infinite');
			$("#a1").css('-o-animation', 'led-style'+ X +' 1.2s linear infinite');
			$("#a1").css('-moz-animation', 'led-style'+ X +' 1.2s linear infinite');	
		}

		if (X == 06) {			
			$("#aL, #aR").css('display', 'none');
			$("#a1").css('display', 'block');		
			$("#a1").css('transform', 'rotate(30deg)');
			$("#a1").css('animation', 'led-style' + X + ' 2s step-start infinite');
			$("#a1").css('-webkit-animation', 'led-style' + X + ' 2s step-start infinite');
			$("#a1").css('-ms-animation', 'led-style' + X + ' 2s step-start infinite');
			$("#a1").css('-o-animation', 'led-style' + X + ' 2s step-start infinite');
			$("#a1").css('-moz-animation', 'led-style' + X + ' 2s step-start infinite');
		}


		if (X == 02) {
			$("#a1, #aR").css('display', 'none');
			$("#aL").css('display', 'block');
			$("#aL").css('animation', 'led-style' + X + ' 10s step-start infinite');
			$("#aL").css('-webkit-animation', 'led-style' + X + ' 2s step-start infinite');
			$("#aL").css('-ms-animation', 'led-style' + X + ' 2s step-start infinite');
			$("#aL").css('-o-animation', 'led-style' + X + ' 2s step-start infinite');
			$("#aL").css('-moz-animation', 'led-style' + X + ' 2s step-start infinite');
			
		}


		if (X == 09) {
			$("#a1, #aR").css('display', 'none');
			$("#aL").css('display', 'block');			
			$("#aL").css('animation', 'led-style' + X + ' 10s step-start infinite');
			$("#aL").css('-webkit-animation', 'led-style' + X + ' 1.5s step-start infinite');
			$("#aL").css('-ms-animation', 'led-style' + X + ' 1.5s step-start infinite');
			$("#aL").css('-o-animation', 'led-style' + X + ' 1.5s step-start infinite');
			$("#aL").css('-moz-animation', 'led-style' + X + ' 1.5s step-start infinite');		
		}


		if (X == 10) {		
			$("#a1").css('display', 'none');	
			$("#aL, #aR").css('display', 'block');
			$("#aL").css('animation', 'led-style02 1s step-start infinite');
			$("#aL").css('-webkit-animation', 'led-style02 1s step-start infinite');
			$("#aL").css('-ms-animation', 'led-style02 1s step-start infinite');
			$("#aL").css('-o-animation', 'led-style02 1s step-start infinite');
			$("#aL").css('-moz-animation', 'led-style02 1s step-start infinite');			


			$("#aR").css('animation', 'led-style' + X + ' 1s step-start infinite');
			$("#aR").css('-webkit-animation', 'led-style' + X + ' 1s step-start infinite');
			$("#aR").css('-ms-animation', 'led-style' + X + ' 1s step-start infinite');
			$("#aR").css('-o-animation', 'led-style' + X + ' 1s step-start infinite');
			$("#aR").css('-moz-animation', 'led-style' + X + ' 1s step-start infinite');
		}

		if (X == 11) {	
			$("#a1").css('display', 'none');
			$("#aL, #aR").css('display', 'block');								
			$("#aL").css('animation', 'led-style09 1s step-start infinite');						
			$("#aL").css('-webkit-animation', 'led-style09 1s step-start infinite');
			$("#aL").css('-ms-animation', 'led-style09 1s step-start infinite');
			$("#aL").css('-o-animation', 'led-style09 1s step-start infinite');
			$("#aL").css('-moz-animation', 'led-style09 1s step-start infinite');


			$("#aR").css('animation', 'led-style11 1s step-start infinite');				
			$("#aR").css('-webkit-animation', 'led-style11 1s step-start infinite');
			$("#aR").css('-ms-animation', 'led-style11 1s step-start infinite');
			$("#aR").css('-o-animation', 'led-style11 1s step-start infinite');
			$("#aR").css('-moz-animation', 'led-style11 1s step-start infinite');
		} 

		if (X == 12) {
			$("#a1").css('transform', 'rotate(-30deg)');
			$("#a1").css('backgroundImage', 'url(innergigabyteimages/color.jpg)');
			$("#a1").css('animation', 'led-style12 3s linear infinite');	

			
		} 

	});
	


});