(function($){

	$.fn.uitleg = function(){
					
		var $all = $(this);
		var $controls = $(".uitleg_button");
		
		var counter = 1;
		
		$controls.hover(function(){
			
			$controls.removeClass("hover");
			
			var num = parseInt($(this).attr("rel"));
						
			for(var i = num; i >= 1; i--){
				$(".uitleg_button_" + i).addClass("hover");
			}
			
		}, function(){
		
			$controls.removeClass("hover");
		
		});
		
		$(this).each(function(){
			
			$block = $(this);
			$block.attr("rel", counter);
			$controls.eq(counter-1).attr("rel", counter);
			$block.css({
				display: "block",
				opacity: 0
			});
			
			
			counter++;
						
		});
		
		$controls.click(function(){
			
			$controls.removeClass("active");
			
			var num = parseInt($(this).attr("rel"));
			
			background_num = num;
			
			if(background_num >= 3) background_num--;
			
			var background_pos = (background_num)*58;
			$(".uitleg_chain").css({
				"background-position" : "0px -" + background_pos + "px"
			});
						
			for(var i = num; i >= 1; i--){
				$(".uitleg_button_" + i).addClass("active");
			}
			
			if(1==2){
						
				$(".uitleg").removeClass("active").hide();
				
				$(".uitleg_" + num).addClass("active").show();	
						
			}else{
			
				$(".uitleg").removeClass("active").stop().animate({
					opacity: 0
				}, 700);
				
				$(".uitleg_" + num).addClass("active").stop().animate({
					opacity: 1
				}, 700);
			
			}
			
			
			clearInterval(uitleg_interval);
			uitleg_interval = 0;
			
		});
		
		$(".uitleg_button_1").click();		

	}
	
})(jQuery);

var uitleg_interval = 0;

$("document").ready(function(){
	
	if($(".uitleg").length >= 1){
	
		$(".uitleg").uitleg();
		
		$("#frame_x_icecreams").hover(function(){
			
			clearInterval(uitleg_interval);
			uitleg_interval = 0;
			
		}, function(){
		
			uitleg_interval = setInterval(function(){rotate_uitleg();}, 6000);
		
		});
		
		uitleg_interval = setInterval(function(){rotate_uitleg();}, 6000);
	
	}
	
	
});

function rotate_uitleg(){
	var active_number = parseInt($(".uitleg.active").attr("rel"));
	var next_number = active_number + 1;
	if(next_number == 6) next_number = 1;	
	$(".uitleg_button_" + next_number).click();
	uitleg_interval = setInterval(function(){rotate_uitleg();}, 6000);
}