jQuery(function()
{

	var total_slides = $('.panel').length;
	var slide_width  = 960;
	var active_slide = 1; 
	var timer;
	$( "#slides_wrapper" ).css('width',total_slides*slide_width);

    $(window).focus(function(e){
        reset_timeout();
    });

    $(window).blur(function(e){
        stop_slideshow();
    });

	function init_slideshow( skip_first )
	{
		if ( !skip_first )
			next_slide(); 

		timer = setTimeout(function(){
			init_slideshow(false);
		}, 7000 );
	}

    function stop_slideshow()
    {
		clearTimeout(timer);
    }

	function reset_timeout()
	{
        stop_slideshow();
		init_slideshow(true);
	}
	
	function next_slide()
	{
		if( active_slide == total_slides )
		active_slide = 1;
		else
		active_slide++;
		
		go_to_slide(active_slide);
	}
	
	function prev_slide()
	{
		if( active_slide < 2 )
		active_slide = total_slides;
		else
		active_slide--;
		
		go_to_slide(active_slide);
	}
		
		
	function go_to_slide( slide_num )
	{
		active_slide = slide_num;
		slide_num--;
		set_control_classes()
		$( "#slides_wrapper" ).animate({
		'margin-left':slide_width*slide_num*-1
		}, 1300, "easeOutExpo", function(){  });
	}
	
	
	$('.slider_pages a').click(function(e){
		
		reset_timeout();
		go_to_slide($(this).attr('rel')); 
		
		return false; 	
	});
	
	function set_control_classes()
	{
		$('.slider_pages a').removeClass('act');
		$('.slider_pages a[rel='+active_slide+']').addClass('act');
	}

    $('.panel').mouseover(function(){ stop_slideshow();});
    $('.slider_pages a').mouseover(function(){  stop_slideshow(); });
    $('.panel').mouseout(function(){ init_slideshow(true); });
	
});