function slideSwitch(){
        var $active = $('#slideshow li.active');
        if ($active.length == 0) 
            $active = $('#slideshow li:last');
        var $next = $active.next().length ? $active.next() : $('#slideshow li:first');
        $active.addClass('last-active');
        $next.css({
            opacity: 0.0
        }).addClass('active').animate({
            opacity: 1.0
        }, 1000, function(){
            $active.removeClass('active last-active');
        });
    }
    
    $(document).ready(function(){
        var html;
        var interval = setInterval("slideSwitch()", 3000);
        var arrLinks = $('ul#topbanner-nav li a');
        var slideShow = $('ul.myslideshow');
        arrLinks.mouseover(function(){
            html = slideShow.html();
            var href = this.getAttribute('href');
            var src = this.getAttribute('img');
            slideShow.html('<li class="active"><a href="' + href + '"><img src="' + src + '" alt="" /></a></li>');
            clearInterval(interval);
        });
        arrLinks.mouseout(function(){
            slideShow.html(html);
            interval = setInterval("slideSwitch()", 3000);
        });	
    });