var slider = null;
var slider_next = null;

$(function () {

    var interval = setInterval('rotate_slider()', 11000);

	pos = (window.location.pathname == "/" || window.location.pathname == "/home" ? '1280' : '1280');

    $('#featuredSlider > div:not(:first)').attr('style','position:absolute;left:'+ pos +'px;width:1280px');
    $('#featuredSlider > div:first').next().attr('style','position:absolute;left:0px;width:1280px');

	$('#featuredShortcuts > div').click( function() {

		clearInterval(interval);

		sliders = $('#featuredSlider > div:not(:first)');

		sliders.css({"left": "1280px", "opacity": 0});

		var curr_div = $(this);
		var selected_div = $('#featuredShortcuts > div.selected');

		selected_div.toggleClass('selected');
		curr_div.toggleClass('selected');

		sliders.eq( parseInt(selected_div.attr('id').substr(1, 1)) ).animate({"left": "-=1280px", "opacity": 0}, 1000);
		sliders.eq( parseInt(curr_div.attr('id').substr(1, 1)) ).animate({"left": "0px", "width": "1280px", "opacity": 1}, 1000);
	});
});

function rotate_slider()
{
    var next = null;
    var curr_div = $('#featuredShortcuts > div.selected');

    if( $('#featuredShortcuts > div:last').hasClass('selected') )
    {
        next = $('#featuredShortcuts > div:first');
    }
    else
    {
        next = curr_div.next();
    }

    curr_div.toggleClass('selected');
    next.toggleClass('selected');

    if( ! slider )
    {
        slider = $('#featuredShortcuts').next();
        slider_next = slider.next();
    }
    else if ( slider_next.html() == $('#featuredSlider > div:last').html() )
    {
        slider = slider.next();
        slider_next = $('#featuredShortcuts').next();
    }
    else if ( slider.html() == $('#featuredSlider > div:last').html() )
    {
        slider = $('#featuredShortcuts').next()
        slider_next = slider_next.next();
    }
    else
    {
        slider = slider.next();
        slider_next = slider.next();
    }

    slider.animate({"left": "-=1280px", "opacity": 0}, 1000);
    slider_next.animate({"left": "0px", "width": "1280px","opacity": 1}, 1000, function () { slider.css('left', '1280px') });

}