var $slider_started = false;
$(document).ready(function(){
	var $total_slider = $('.top-slider-main > div').length;
	var $label_width = $('.top-slider-main div .left').width();
	var $max_slider_width = ($total_slider -1)*$label_width;
	var $extra_margin = $(' .top-slider-main div').width() - $label_width;
	
	$('.top-slider-main div:not(.slider-box1) .left').mouseover(function(){
		var $slider_index = $('.top-slider-main > div').index($(this).parent()) + 1;
		if($(this).parent().hasClass('on'))
		{
			if($slider_started != 1)
			{
				$slider_started = 2;
				for(i=$total_slider; i>=$slider_index; i--)
				{
					var $elm = $('.top-slider-main .slider-box'+i);
					if($elm.hasClass('on'))
					{
						$elm.removeClass('on');
						var $left_margin = ($label_width*(i-1)) + $extra_margin;
						$elm.stop().animate({marginLeft : $left_margin}, 900, function(){$slider_started = false;});
					}
				}
			}
		}
		else
		{
			if($slider_started != 2)
			{
				$slider_started = 1;
				for(i=2; i<=$slider_index; i++)
				{
					var $elm = $('.top-slider-main .slider-box'+i);
					if(!$elm.hasClass('on'))
					{
						$elm.addClass('on');
						var $left_margin = ($label_width*(i-1));
						$elm.stop().animate({marginLeft : $left_margin}, 900, function(){$slider_started = false;});
					}
				}
			}
		}
	});
});