/* * Two part script. The first part writes out banner images onto the page. * The second starts when the document is loaded and cycles those images randomly. */ document.write(""); // Close div. // Writes an tag wrap inside a . Pass null for default values. function image(href, target, src, title, alt, border, width, height) { href = quote('href', href); target = quote('target', target); src = quote('src', src); // Use the quote function to format each attribute. title = quote('title', title); alt = quote('alt', alt); border = quote('border', border); width = quote('width', width); height = quote('height', height); // Set as invisble. The script will show them. var style = quote('style', 'display: none;'); // Concat the tag and write it out to the document. document.write(''); document.write(''); document.write(''); } // Takes a key value pair and formats it like (space)key='value'(space) for html attributes. function quote(attribute, value) { if (value && attribute) // Only if null wasn't passed. return " " + attribute + "='" + value + "'" + " "; return ''; // Return blank if null was passed. } /* * Second part of script. Should only run once. */ // Check pinstance. if (!pinstance) { var pinstance = true; var minutes = 1; // How many minutes between updates. var currentbanner = 0; // Banner to change next. var banners; // jQuery selection of .banner divs // When document is loaded. $(document).ready(function () { banners = $('.banner'); // Select .banner divs. changeBanners(banners); // Change banners to bring up first images. setInterval('updateNext()', (1000 * 60) * minutes); // Now update every now and then. }); } // Updates the currentbanner. function updateNext () { // Select current banner and change it. changeBanners(banners.eq(currentbanner)); // Cycle to next banner. currentbanner = (currentbanner + 1) % banners.length; } // Takes a jquery selection of banners and updates them. function changeBanners (banners) { // $().each() the entire selection. banners.each(function (index) { // Find the hidden images inside this .banner. var hidden = $(this).find('img:hidden'); // If no images there's nothing to do. if (hidden.length == 0) return; // Pick a hidden image. var nextimage = hidden.eq(Math.ceil(Math.random() * hidden.length) - 1); $(this).find('img:visible').hide(); // Hide the visible one. nextimage.show(); // Show the next one. }); }