How do I get my banner to automatically rotate please?
 

Hi guys, I have a home page banner which I'd like to automatically rotate. At the moment you can only change the image by clicking the tabs under the image. Here's the URL:

http://www.anchorhotelhaydonbridge.com/newsite

& here's my JS code:

$(document).ready(function() {

$(function() {$('#tabs_news').tabs({ fxFade: true, fxSpeed: 'fast' });});

$("ul.sf-menu").superfish({
autoArrows: false,
delay: 400, // one second delay on mouseout
animation: {opacity:'show',height:'show'}, // fade-in and slide-down animation
speed: 'fast', // faster animation speed
autoArrows: false, // disable generation of arrow mark-up
dropShadows: false // disable drop shadows
});

$('ul.list li').each(function() {
var a = $(this).children('a');
var aClass = a.attr('rel');
if (a.hasClass('active')) {
$('.'+aClass).css({'display':'block'});
} else {
$('.'+aClass).css({'display':'none'});
}
});
$('ul.list li a').click(function () {
var thisaClass = $(this).attr('rel');
$(this).parent('li').parent('ul').children('li').each(function() {
var a = $(this).children('a');
var aClass = a.attr('rel');
if (thisaClass == aClass) {
$('.'+aClass).show();
a.attr('class','active');
} else {
$('.'+aClass).hide();
a.attr('class','');
}
});
return false;
});

// wrap 'span' to nav page link
$('.topnav ul').children('li').each(function() {
$(this).children('a').html('<span>'+$(this).children('a').text()+'</span>'); // add tags span to a href
});





});

Despite the similar sounding names, Java is not the same as Javascript.
Moving from Java forum to Javascript framework forum.