$(document).ready(function() {
	var slideTime = 1000;
	
	$("#slider").slider({
		value:0,
		min: 0,
		max: 373,
		animate: true,
		slide: function(event, ui){
			if($("#color_bars").width() != $("#slider").slider("value"))
				$("#color_bars").css({width: $("#slider").slider("value")});
			
			// default
			if($("#slider").slider("value") == 0)
				if($(".default").hasClass('selected') == false)
				{
					$(".default, .slide1, .slide2, .slide3, .slide4, .slide5, .slide6").removeClass('selected');
					$(".default").addClass('selected');
					$("#content-scroll").stop().animate({scrollLeft: 0}, slideTime);
				}
			
			// slide 1
			if(($("#slider").slider("value") > 0) && ($("#slider").slider("value") <= 58))
				if($(".slide1").hasClass('selected') == false)
				{
					$(".default, .slide1, .slide2, .slide3, .slide4, .slide5, .slide6").removeClass('selected');
					$(".slide1").addClass('selected');
					$("#content-scroll").stop().animate({scrollLeft: 373}, slideTime);
				}
				
			// slide 2
			if(($("#slider").slider("value") > 58) && ($("#slider").slider("value") <= 127))
				if($(".slide2").hasClass('selected') == false)
				{
					$(".default, .slide1, .slide2, .slide3, .slide4, .slide5, .slide6").removeClass('selected');
					$(".slide2").addClass('selected');
					$("#content-scroll").stop().animate({scrollLeft: 746}, slideTime);
				}
				
			// slide 3
			if(($("#slider").slider("value") > 127) && ($("#slider").slider("value") <= 192))
				if($(".slide3").hasClass('selected') == false)
				{
					$(".default, .slide1, .slide2, .slide3, .slide4, .slide5, .slide6").removeClass('selected');
					$(".slide3").addClass('selected');
					$("#content-scroll").stop().animate({scrollLeft: 1119}, slideTime);
				}			
				
			// slide 4
			if(($("#slider").slider("value") > 192) && ($("#slider").slider("value") <= 242))
				if($(".slide4").hasClass('selected') == false)
				{
					$(".default, .slide1, .slide2, .slide3, .slide4, .slide5, .slide6").removeClass('selected');
					$(".slide4").addClass('selected');
					$("#content-scroll").stop().animate({scrollLeft: 1492}, slideTime);
				}							
				
			// slide 5
			if(($("#slider").slider("value") > 242) && ($("#slider").slider("value") <= 306))
				if($(".slide5").hasClass('selected') == false)
				{
					$(".default, .slide1, .slide2, .slide3, .slide4, .slide5, .slide6").removeClass('selected');
					$(".slide5").addClass('selected');
					$("#content-scroll").stop().animate({scrollLeft: 1865}, slideTime);
				}
				
			// slide 6
			if(($("#slider").slider("value") > 306) && ($("#slider").slider("value") <= 373))
				if($(".slide6").hasClass('selected') == false)
				{
					$(".default, .slide1, .slide2, .slide3, .slide4, .slide5, .slide6").removeClass('selected');
					$(".slide6").addClass('selected');
					$("#content-scroll").stop().animate({scrollLeft: 2238}, slideTime);
				}							


		},
		change: function(event, ui){
			if($("#color_bars").width() != $("#slider").slider("value"))
				$("#color_bars").css({width: $("#slider").slider("value")});
			
			// default
			if($("#slider").slider("value") == 0)
				if($(".default").hasClass('selected') == false)
				{
					$(".default, .slide1, .slide2, .slide3, .slide4, .slide5, .slide6").removeClass('selected');
					$(".default").addClass('selected');
					$("#content-scroll").stop().animate({scrollLeft: 0}, slideTime);
				}
			
			// slide 1
			if(($("#slider").slider("value") > 0) && ($("#slider").slider("value") <= 58))
				if($(".slide1").hasClass('selected') == false)
				{
					$(".default, .slide1, .slide2, .slide3, .slide4, .slide5, .slide6").removeClass('selected');
					$(".slide1").addClass('selected');
					$("#content-scroll").stop().animate({scrollLeft: 373}, slideTime);
				}
				
			// slide 2
			if(($("#slider").slider("value") > 58) && ($("#slider").slider("value") <= 127))
				if($(".slide2").hasClass('selected') == false)
				{
					$(".default, .slide1, .slide2, .slide3, .slide4, .slide5, .slide6").removeClass('selected');
					$(".slide2").addClass('selected');
					$("#content-scroll").stop().animate({scrollLeft: 746}, slideTime);
				}
				
			// slide 3
			if(($("#slider").slider("value") > 127) && ($("#slider").slider("value") <= 192))
				if($(".slide3").hasClass('selected') == false)
				{
					$(".default, .slide1, .slide2, .slide3, .slide4, .slide5, .slide6").removeClass('selected');
					$(".slide3").addClass('selected');
					$("#content-scroll").stop().animate({scrollLeft: 1119}, slideTime);
				}			
				
			// slide 4
			if(($("#slider").slider("value") > 192) && ($("#slider").slider("value") <= 242))
				if($(".slide4").hasClass('selected') == false)
				{
					$(".default, .slide1, .slide2, .slide3, .slide4, .slide5, .slide6").removeClass('selected');
					$(".slide4").addClass('selected');
					$("#content-scroll").stop().animate({scrollLeft: 1492}, slideTime);
				}							
				
			// slide 5
			if(($("#slider").slider("value") > 242) && ($("#slider").slider("value") <= 306))
				if($(".slide5").hasClass('selected') == false)
				{
					$(".default, .slide1, .slide2, .slide3, .slide4, .slide5, .slide6").removeClass('selected');
					$(".slide5").addClass('selected');
					$("#content-scroll").stop().animate({scrollLeft: 1865}, slideTime);
				}
				
			// slide 6
			if(($("#slider").slider("value") > 306) && ($("#slider").slider("value") <= 373))
				if($(".slide6").hasClass('selected') == false)
				{
					$(".default, .slide1, .slide2, .slide3, .slide4, .slide5, .slide6").removeClass('selected');
					$(".slide6").addClass('selected');
					$("#content-scroll").stop().animate({scrollLeft: 2238}, slideTime);
				}							
				
				
		},
		stop: function(event, ui){
			//alert($("#slider").slider("value"));
		}
	});
});