$(document).ready(function() {
	
    $('#slideshow img:first-child').addClass('active');
	$('#slideselector li:first-child').addClass('active');
	var $href = $('#slideselector li.active a')[0].getAttribute('href');
	document.getElementById("breakout").onclick = function (){location.href=$href;};
					
	if($('#slideshow img').size() != 1)
	{
		var playSlideshow =  setInterval( "slideSwitch()", 5000 );
		$('#slideselector').css('visibility','visible');
	};
	
	$('#slideselector li').click(function() {
										  
    	clearInterval(playSlideshow);
		var selector = parseInt($(this).index('#slideselector li'));
		
		$('#slideselector li:eq('+selector+')').siblings().removeClass('active');
		$('#slideselector li:eq('+selector+')').addClass('active');
		
		var $href = $('#slideselector li.active a')[0].getAttribute('href');
		document.getElementById("breakout").onclick = function (){location.href=$href;};
		
		$('#slideshow IMG:eq('+selector+')').siblings().removeClass('active');		
		$('#slideshow IMG:eq('+selector+')')
		//.css({opacity: 0.0})
        .addClass('active')
        .animate({opacity: 1.0}, 1000, function() {
            $active.removeClass('active last-active');
        });
	});
});

function slideSwitch() {
	
    var $active = $('#slideshow IMG.active');

    if ( $active.length == 0 ) $active = $('#slideshow IMG:last');

    var $next =  $active.next().length ? $active.next()
        : $('#slideshow IMG:first');

    $active.addClass('last-active');
		
    $next.css({opacity: 0.0})
        .addClass('active')
        .animate({opacity: 1.0}, 1000, function() {
            $active.removeClass('active last-active');
        });

    var $activeselector = $('#slideselector li.active');
				
    if ( $activeselector.length == 0 ) $activeselector = $('#slideselector li:last');
		

    var $nextselector =  $activeselector.next().length ? $activeselector.next()
        : $('#slideselector li:first');

    $activeselector.addClass('last-active');


    $nextselector
        .addClass('active');
	
	$activeselector.removeClass('active last-active');
	
	var $href = $('#slideselector li.active a')[0].getAttribute('href');
	document.getElementById("breakout").onclick = function (){location.href=$href;};
}