$(document).ready(function() {
	var slideTime = 1000;
	var clickTime = 1000;
	var fadeInTime = 1000;
	var fadeOutTime = 200;
	
	$("#content-scroll").scrollLeft(0);
	
	// FILL COLOR BARS
	function fill_color_bars()
	{
		if($("#color_bars").height() != $("#slider").slider("value"))
				
			$("#color_bars").css({
				width:$("#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({
					width: $("#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: 654,
		min: 0,
		max: 654,
		orientation: 'horizontal',
		animate: true,
		slide: function(event, ui){
			fill_color_bars();
		},
		change: function(event, ui){
			fill_color_bars();
			
			if($("#slider").slider("value") > 499 && ($("#slider").slider("value") <= 570))
				if($(".tab-one").hasClass('selected') == false)
				{
					$(".int-tabs-list a").removeClass('selected');
					$(".tab-one").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") > 426) && ($("#slider").slider("value") <= 499))
				if($(".tab-two").hasClass('selected') == false)
				{
					$(".int-tabs-list a").removeClass('selected');
					$(".tab-two").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") > 356) && ($("#slider").slider("value") <= 426))
				if($(".tab-three").hasClass('selected') == false)
				{
					$(".int-tabs-list a").removeClass('selected');
					$(".tab-three").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") > 282) && ($("#slider").slider("value") <= 356))
				if($(".tab-four").hasClass('selected') == false)
				{
					$(".int-tabs-list a").removeClass('selected');
					$(".tab-four").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") > 213) && ($("#slider").slider("value") <= 282))
				if($(".tab-five").hasClass('selected') == false)
				{
					$(".int-tabs-list a").removeClass('selected');
					$(".tab-five").addClass('selected');
					$("#content-scroll").stop().animate({scrollLeft: 3065}, slideTime); 
					if($('.int-prods-box').is(':hidden'))
						$(".int-prods-box, .int-prods-cta").show('drop', fadeInTime);
				}
				
				
				
			if(($("#slider").slider("value") > 141) && ($("#slider").slider("value") <= 213))
				if($(".tab-six").hasClass('selected') == false)
				{
					$(".int-tabs-list a").removeClass('selected');
					$(".tab-six").addClass('selected');
					$("#content-scroll").stop().animate({scrollLeft: 3678}, slideTime); 
					if($('.int-prods-box').is(':hidden'))
						$(".int-prods-box, .int-prods-cta").show('drop', fadeInTime);
	}



	if (($("#slider").slider("value") > 70) && ($("#slider").slider("value") <= 141))
	    if ($(".tab-seven").hasClass('selected') == false) {
	        $(".int-tabs-list a").removeClass('selected');
	        $(".tab-seven").addClass('selected');
	        $("#content-scroll").stop().animate({ scrollLeft: 4291 }, slideTime);
	        if ($('.int-prods-box').is(':hidden'))
	            $(".int-prods-box, .int-prods-cta").show('drop', fadeInTime);
	    }

	    if (($("#slider").slider("value") > 0) && ($("#slider").slider("value") <= 70))
	        if ($(".tab-eight").hasClass('selected') == false) {
	            $(".int-tabs-list a").removeClass('selected');
	            $(".tab-eight").addClass('selected');
	            $("#content-scroll").stop().animate({ scrollLeft: 4905 }, slideTime);
	            if ($('.int-prods-box').is(':hidden'))
	                $(".int-prods-box, .int-prods-cta").show('drop', fadeInTime);
	        }	
			
			if($("#slider").slider("value") > 570)
				if($(".tab-default").hasClass('selected') == false)
				{
					$(".int-tabs-list a").removeClass('selected');
					$(".tab-default").addClass('selected');
					$("#content-scroll").stop().animate({scrollLeft: 0}, 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(533, ".tab-one", 613);
		return false;
	});
	// click on 2nd button
	$(".tab-two, .schortcut-tab-two").click(function(){
		tab_select(463, ".tab-two", 1226);
		return false;
	});
	// click on 3nd button
	$(".tab-three, .schortcut-tab-three").click(function(){
		tab_select(393, ".tab-three", 1839);
		return false;
	});
	// click on 4nd button
	$(".tab-four, .schortcut-tab-four").click(function(){
		tab_select(318, ".tab-four", 2452);
		return false;
	});
	// click on 5nd button
	$(".tab-five, .schortcut-tab-five").click(function(){
		tab_select(247, ".tab-five", 3065);
		return false;
	});
	
	$(".tab-six, .schortcut-tab-six").click(function(){
		tab_select(176, ".tab-six", 3678);
		return false;
});

$(".tab-seven, .schortcut-tab-seven").click(function () {
    tab_select(110, ".tab-seven", 4291);
    return false;
});

$(".tab-eight, .schortcut-tab-eight").click(function () {
    tab_select(30, ".tab-eight", 4904);
    return false;
});
	
	// click on default button
	$(".tab-default").click(function(){
		tab_select(607, ".tab-default", 0);
		return false;
	});
});