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');
	var $sibs  = $active.siblings();
	var rndNum = Math.floor(Math.random() * $sibs.length );
	var $next  = $( $sibs[ rndNum ] );

	//$active.addClass('last-active');
	$active.css({opacity: 1})
        .addClass('last-active')
        .animate({opacity: 0.5}, 1000, function() {
            
        });
		
    $next.css({opacity: 0.5})
        .addClass('active')
        .animate({opacity: 1.0}, 1000, function() {
            $active.removeClass('active last-active');
        });
}

$(function() {
   $("#slideshow img").hover(
		function(){
			clearInterval(play);
			$('#slideshow img.active').stop().fadeTo("slow", 0.5); 
			$(this).stop().fadeTo(500, 1.0);
		},
		function(){
			if(!$(this).hasClass('active')){
				$('#slideshow img.active').stop().fadeTo("slow", 1.0); 
				$(this).stop().fadeTo(500, 0.5);
			}
			runImg();
		}
	);	
	runImg();
});

var play;

function runImg(){
	play = setInterval("slideSwitch()",5000);
}
