var listen = false;
$(function() {

	
	$('.caroul .selector').html('');
	
	
    $('.caroul li').each(function(i) {
        $(this).css('z-index', 99-i) 
		.attr('id','slide_num_'+i);
        if (i!=0) $(this).hide();
		add_nav_item(i);
    });
	function add_nav_item(i)
	{
		var link=$('<a href="#"></a>').attr('id','nav_num_'+i)
		.click(function(){					
			var id=parseInt($(this).attr('id').replace('nav_num_',''));
			var slide_id='slide_'+id;
			var prev_id=parseInt($('.caroul li:first').attr('id').replace('slide_num_',''));
			$('.caroul li:first').fadeOut('fast',function() {
					$('.caroul li').each(function(i){
					var current_id=parseInt($(this).attr('id').replace('slide_num_',''));
					if(current_id !=id )
					{						
						$(this).appendTo($('.caroul ul:first'));
					}		
					else
					{
						return false;
					}
				});				        
		        $('.caroul li:first').fadeIn('fast',function(){
					change_nav_item();
		    	});
		    });		
			return false;
		});
		if (i==0) link.addClass('active');	
		$('.caroul .selector').append(link);
	}
	function change_nav_item()
	{
		var slide_id=$('.caroul li:first').attr('id').replace('slide_num_','');
		
		$('.caroul .selector a').removeClass('active');
		$('.caroul .selector #nav_num_'+slide_id).addClass('active');
	}	
	function auto_scroll()
	{
	    $('.caroul li:first').fadeOut('slow', function () {
            $(this).appendTo( $('.caroul ul:first'));
            $('.caroul li:first').fadeIn('slow',function(){
				change_nav_item();
			});
        });
	}

	/*function auto_stop()
	{
		// Pause autoscrolling if the user moves with the cursor over the clip.
		$('.caroul li').click(function() {
			alert('Are you sure you want to give us the deed to your house?');
			var interval=0;
			setInterval(auto_scroll,interval);
		}, function() {
			var interval=5000;
			setInterval(auto_scroll,interval);
		});
	};*/

	var interval=7000;
	setInterval(auto_scroll,interval);
});