jQuery(document).ready(function() {
	currentImageIndex = 0;
	showingInsert = false;
	
	// check how many images we have
	var images = jQuery("#bannerRoller A.advert");
	if(images.size() > 1) {
		// roll banners we have more than 1 banner
		setTimeout(rollBanners, 6000);
	}
	
	jQuery("#bannerRoller").mouseenter(function() {
		showingInsert = true;
		
		var rollover = jQuery("#bannerRoller A.insert");
		var images = jQuery("#bannerRoller A.advert");
		var currentImage = jQuery(images.get(currentImageIndex));
		rollover.attr('href', currentImage.attr('href'));
		rollover.css('top', '-65px');
		rollover.css('z-index', '600');
		rollover.animate({top: '0px'}, 300, 'swing');
	});

	jQuery("#bannerRoller").mouseleave(function() {
		var rollover = jQuery("#bannerRoller A.insert");
		var images = jQuery("#bannerRoller A.advert");
		var currentImage = jQuery(images.get(currentImageIndex));
		rollover.animate({top: '-65px'}, 300, 'swing', function() {
			showingInsert = false;
		});
	});
});

function rollBanners() {
	jQuery("#bannerRoller").each(function() {
		if(showingInsert) {
			// do not roll when mouse is over banner
			setTimeout(rollBanners, 6000);
		} else {
			var images = jQuery("#bannerRoller A.advert");
			var nextImageIndex = currentImageIndex+1;
			if(nextImageIndex >= images.size()) {
				nextImageIndex = 0;
			}
			var currentImage = jQuery(images.get(currentImageIndex));
			var nextImage = jQuery(images.get(nextImageIndex));
			currentImageIndex = nextImageIndex;
			currentImage.css('z-index', '500');
			nextImage.css('top', '-65px');
			nextImage.css('z-index', '501');
			nextImage.animate({top: '0px'}, 1000, 'swing', function() {
				currentImage.css('z-index', '400');
			});
			setTimeout(rollBanners, 6000);
		}
	});
}