function slideSwitch() {

    var sliders = $('.sliders'); //no slide if we have only one header
    if (sliders.length > 1) {

            var $active = $('#slide IMG.active');

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

            title = $active.next().attr("title");

            if (title != "" && (title != undefined)) {
                $('#sliderLink').click(function() {
                    window.location.href = title;
                });
            } else {
                $('#sliderLink').click(function(e) {
                    e.preventDefault();
                });
            }

            // use this to pull the images in the order they appear in the markup
            var $next =  $active.next().length ? $active.next()
                : $('#slide IMG:first');

            // uncomment the 3 lines below to pull the images in random order

            // var $sibs  = $active.siblings();
            // var rndNum = Math.floor(Math.random() * $sibs.length );
            // var $next  = $( $sibs[ rndNum ] );


            $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()", 5000 );
});