var slider2 = null;
var slider_next2 = null;

$(function () {

    var interval = setInterval('rotate_slider2()', 8000);

	$('#featuredSlider2 > div:not(:first)').attr('style','position:absolute;left:617px;width:617px');
    $('#featuredSlider2 > div:first').next().attr('style','position:absolute;left:0px;width:617px');

	$('#featuredShortcuts2 > div').click( function() {

		clearInterval(interval);

		sliders2 = $('#featuredSlider2 > div:not(:first)');

		sliders2.css({"left": "617px", "opacity": 0});

		var curr_div = $(this);
		var selected_div = $('#featuredShortcuts2 > div.selected');

		selected_div.toggleClass('selected');
		curr_div.toggleClass('selected');
			
		clickDiv = parseInt(curr_div.attr('id').substr(1, 1));
		selectDiv = parseInt(selected_div.attr('id').substr(1, 1));
		
		$("#featuredSlider2 > div").eq( selectDiv ).animate({"left": "-=617px", "opacity": 0}, 10).css("display","none");
		$("#featuredSlider2 > div").eq( clickDiv ).animate({"left": "0px", "width": "617px", "opacity": 1}, 10);

	});
});

function rotate_slider2()
{
    var next = null;
    var curr_div = $('#featuredShortcuts2 > div.selected');

    if( $('#featuredShortcuts2 > div:last').hasClass('selected') )
    {
        next = $('#featuredShortcuts2 > div:first');
    }
    else
    {
        next = curr_div.next();
    }

    curr_div.toggleClass('selected');
    next.toggleClass('selected');

    if( ! slider2 )
    {
        slider2 = $('#featuredShortcuts2').next();
        slider_next2 = slider2.next();
    }
    else if ( slider_next2.html() == $('#featuredSlider2 > div:last').html() )
    {
        slider2 = slider2.next();
        slider_next2 = $('#featuredShortcuts2').next();
    }
    else if ( slider2.html() == $('#featuredSlider2 > div:last').html() )
    {
        slider2 = $('#featuredShortcuts2').next()
        slider_next2 = slider_next2.next();
    }
    else
    {
        slider2 = slider2.next();
        slider_next2 = slider2.next();
    }

		
	slider2.animate({"left": "-=617px", "opacity": 0}, 10).css("display","none");
    slider_next2.animate({"left": "0px", "width": "617px","opacity": 1}, 10, function () { slider2.css('left', '617px') });

}

