
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');
        });
}


$(function() {
    slideSwitchFunction = window.setInterval("slideSwitch()", 4500);
});			   

function toggleLinksIn(){
	if( $("#myLinks").find("a").css("display") == "none"){
		$("#myLinks a").fadeIn("slow");
	}
}

var onlyOnce = 0;
$('#slideshow').mouseenter(function() {
	toggleLinksIn();
	clearInterval(slideSwitchFunction);
	if(onlyOnce == 0){
		$("#slideshow").find("img.last-active").removeClass('last-active');
		$('#slideshow1').css({'display' : 'none'});
		$('#slideshow2').css({'display' : 'none'});
		$('#slideshow3').css({'display' : 'none'});
		$('#slideshow4').css({'display' : 'none'});
    	$active = $('#slideshow IMG.active');
		$active.css({'display' : 'block'});
	}
	onlyOnce++;
});

$('#goOne').click(function() {
    $active = $('#slideshow img.active');
	if(!$('#slideshow1').hasClass('active')){
		$active.removeClass('active');
		$active.fadeOut("slow");
		
		$('#slideshow1').animate({opacity: 1.0}, 0);
		$('#slideshow1').fadeIn("slow");
		$('#slideshow1').addClass('active');
	}
});

$('#goTwo').click(function() {
    $active = $('#slideshow img.active');
	if(!$('#slideshow2').hasClass('active')){
		$active.removeClass('active');
		$active.fadeOut("slow");
		
		$('#slideshow2').addClass('active');
		$('#slideshow2').animate({opacity: 1.0}, 0);
		$('#slideshow2').fadeIn("slow");
	}
});

$('#goThree').click(function() {
    $active = $('#slideshow img.active');
	if(!$('#slideshow3').hasClass('active')){
		$active.removeClass('active');
		$active.fadeOut("slow");
		
		$('#slideshow3').addClass('active');
		$('#slideshow3').animate({opacity: 1.0}, 0);
		$('#slideshow3').fadeIn("slow");
	}
});

$('#goFour').click(function() {
    $active = $('#slideshow img.active');
	if(!$('#slideshow4').hasClass('active')){
		$active.removeClass('active');
		$active.fadeOut("slow");
		
		$('#slideshow4').addClass('active');
		$('#slideshow4').animate({opacity: 1.0}, 0);
		$('#slideshow4').fadeIn("slow");
	}
});

