// --------- New Code ---------------
//var firstImg = $("#slideshow IMG:nth-child(1)");
//firstImg.addClass("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 imgs = $(".slide");
var numberOfImages = imgs.length;
var imgCount = 0;
$(imgs[imgCount]).addClass("active");

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

    if (imgCount >= numberOfImages) {
    	$active = $('#slideshow IMG:last');
    	imgCount = 0;
    }
		
    
    $next = $(imgs[imgCount]);
    imgCount ++;
    $active.addClass('last-active');

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

$(function() {
    setInterval("slideSwitch()", 8000);
});