$(document).ready(function() {
	var slideTime = 1000;
	var clickTime = 1000;
	var fadeInTime = 1000;
	var fadeOutTime = 200;
	
	$("#content-scroll").scrollLeft(3065);
	
	// FILL COLOR BARS
	function fill_color_bars()
	{
		if($("#color_bars").height() != $("#slider").slider("value"))
			$("#color_bars").css({
				height: $("#slider").slider("value"),
				top: 31 + (329 - $("#slider").slider("value"))
			});
	}

	function tab_select(slider_value, tab_class, content_offset)
	{
		if($(tab_class).hasClass('selected') == false)
		{
			$('#slider').slider('option', 'value', slider_value);
			$("#color_bars").css({
					height: $("#slider").slider("value"),
					top: 31 + (329 - $("#slider").slider("value"))
				});
			
			$(".int-tabs-list a").removeClass('selected');
			$(tab_class).addClass('selected');
			$("#content-scroll").stop().animate({scrollLeft: content_offset}, clickTime);
			
			if($(".tab-default").hasClass('selected') == false)
			{
				if($('.int-prods-box').is(':hidden'))
					$(".int-prods-box, .int-prods-cta").show('drop', fadeInTime);
			}
			else
				$(".int-prods-box, .int-prods-cta").hide('drop', fadeOutTime);
		}
		return false;
	}
	
	$("#slider").slider({
		value: 329,
		min: 0,
		max: 329,
		orientation: 'vertical',
		animate: true,
		slide: function(event, ui){
			fill_color_bars();
		},
		change: function(event, ui){
			fill_color_bars();
			
			if($("#slider").slider("value") <= 37)
				if($(".tab-one").hasClass('selected') == false)
				{
					$(".int-tabs-list a").removeClass('selected');
					$(".tab-one").addClass('selected');
					$("#content-scroll").stop().animate({scrollLeft: 0}, slideTime); 
					if($('.int-prods-box').is(':hidden'))
						$(".int-prods-box, .int-prods-cta").show('drop', fadeInTime);
				}
				
			if(($("#slider").slider("value") > 37) && ($("#slider").slider("value") <= 101))
				if($(".tab-two").hasClass('selected') == false)
				{
					$(".int-tabs-list a").removeClass('selected');
					$(".tab-two").addClass('selected');
					$("#content-scroll").stop().animate({scrollLeft: 613}, slideTime);
					if($('.int-prods-box').is(':hidden'))
						$(".int-prods-box, .int-prods-cta").show('drop', fadeInTime);
				}
				
			if(($("#slider").slider("value") > 101) && ($("#slider").slider("value") <= 165))
				if($(".tab-three").hasClass('selected') == false)
				{
					$(".int-tabs-list a").removeClass('selected');
					$(".tab-three").addClass('selected');
					$("#content-scroll").stop().animate({scrollLeft: 1226}, slideTime); 
					if($('.int-prods-box').is(':hidden'))
						$(".int-prods-box, .int-prods-cta").show('drop', fadeInTime);
				}
				
			if(($("#slider").slider("value") > 165) && ($("#slider").slider("value") <= 229))
				if($(".tab-four").hasClass('selected') == false)
				{
					$(".int-tabs-list a").removeClass('selected');
					$(".tab-four").addClass('selected');
					$("#content-scroll").stop().animate({scrollLeft: 1839}, slideTime); 
					if($('.int-prods-box').is(':hidden'))
						$(".int-prods-box, .int-prods-cta").show('drop', fadeInTime);
				}
				
			if(($("#slider").slider("value") > 229) && ($("#slider").slider("value") <= 293))
				if($(".tab-five").hasClass('selected') == false)
				{
					$(".int-tabs-list a").removeClass('selected');
					$(".tab-five").addClass('selected');
					$("#content-scroll").stop().animate({scrollLeft: 2452}, slideTime); 
					if($('.int-prods-box').is(':hidden'))
						$(".int-prods-box, .int-prods-cta").show('drop', fadeInTime);
				}
			
			if($("#slider").slider("value") > 293)
				if($(".tab-default").hasClass('selected') == false)
				{
					$(".int-tabs-list a").removeClass('selected');
					$(".tab-default").addClass('selected');
					$("#content-scroll").stop().animate({scrollLeft: 3065}, slideTime); 
					$(".int-prods-box, .int-prods-cta").hide('drop', fadeOutTime);
				}
		},
		stop: function(event, ui){
			//alert($("#slider").slider("value"));
		}
	});
	
	// click on 1st button - the bottom one
	$(".tab-one, .schortcut-tab-one").click(function(){
		tab_select(0, ".tab-one", 0);
		return false;
	});
	// click on 2nd button
	$(".tab-two, .schortcut-tab-two").click(function(){
		tab_select(66, ".tab-two", 613);
		return false;
	});
	// click on 3nd button
	$(".tab-three, .schortcut-tab-three").click(function(){
		tab_select(131, ".tab-three", 1226);
		return false;
	});
	// click on 4nd button
	$(".tab-four, .schortcut-tab-four").click(function(){
		tab_select(198, ".tab-four", 1839);
		return false;
	});
	// click on 5nd button
	$(".tab-five, .schortcut-tab-five").click(function(){
		tab_select(263, ".tab-five", 2452);
		return false;
	});
	// click on default button
	$(".tab-default").click(function(){
		tab_select(329, ".tab-default", 3065);
		return false;
	});
});