$(document).ready(function(){
	$("#image_rotator_first_element").find('img').attr({src: $("#image_rotator_first_element").find('img').attr('alt')});
    lastBlock = $("#image_rotator_first_element");
    maxWidth = 710;
    minWidth = 112;	
	
	timePlay = function() {
			play = setInterval( function(){
				$(lastBlock).animate({width: minWidth+"px"}, { queue:false, duration:1500})
					.fadeOut('slow', function(){
							$(this).find('img').attr({alt: $(this).find('img').attr('src')}).attr({src: $(this).find('img').attr('rel')})
						   })
					.fadeIn('slow')
				if($(lastBlock).parent().next().find("a").length === 0){
					$("#image_rotator_first_element").animate({width: maxWidth+"px"}, { queue:false, duration:1500})
					   .fadeIn('slow', function(){
						$(this).find('img').attr({src: $(this).find('img').attr('alt')})
						if ($(this).hasClass('first_rot')){
							$("input:[type=text][name=amount]").val('1');
							$(".ui-slider-handle").css("left","0%");
						}
						if ($(this).hasClass('second_rot')){
							$("input:[type=text][name=amount]").val('50');
							$(".ui-slider-handle").css("left","50%");
						}
						if ($(this).hasClass('third_rot')){
							$("input:[type=text][name=amount]").val('100');
							$(".ui-slider-handle").css("left","100%");
						}
					   })
					lastBlock = $("#image_rotator_first_element");
				}
				else{
				$(lastBlock).parent().next().find("a").animate({width: maxWidth+"px"}, { queue:false, duration:1500})
					   .fadeIn('slow', function(){
						$(this).find('img').attr({src: $(this).find('img').attr('alt')})
						if ($(this).hasClass('first_rot')){
							$("input:[type=text][name=amount]").val('1');
							$(".ui-slider-handle").css("left","0%");
						}
						if ($(this).hasClass('second_rot')){
							$("input:[type=text][name=amount]").val('50');
							$(".ui-slider-handle").css("left","50%");
						}
						if ($(this).hasClass('third_rot')){
							$("input:[type=text][name=amount]").val('100');
							$(".ui-slider-handle").css("left","100%");
						}
					   })
				lastBlock = $(lastBlock).parent().next().find("a");
				}		
			}, 5000);
		};
	timePlay();

	$(".home_rotator ul li a").click(
      function(){
		clearInterval(play);
		if($(this).find('img').attr('rel') == $(this).find('img').attr('src')){
        $(lastBlock).animate({width: minWidth+"px"}, { queue:false, duration:1500})
			.fadeOut('slow', function(){
					$(this).find('img').attr({alt: $(this).find('img').attr('src')}).attr({src: $(this).find('img').attr('rel')})
				   })
			.fadeIn('slow')
		$(this).animate({width: maxWidth+"px"}, { queue:false, duration:1500})
			   .fadeIn('slow', function(){
				$(this).find('img').attr({src: $(this).find('img').attr('alt')})
				if ($(this).hasClass('first_rot')){
					$("input:[type=text][name=amount]").val('1');
					$(".ui-slider-handle").css("left","0%");
				}
				if ($(this).hasClass('second_rot')){
					$("input:[type=text][name=amount]").val('50');
					$(".ui-slider-handle").css("left","50%");
				}
				if ($(this).hasClass('third_rot')){
					$("input:[type=text][name=amount]").val('100');
					$(".ui-slider-handle").css("left","100%");
				}
			   })
			lastBlock = this;
		} else {}
		return false;
	  }
    );
});