// feather light slide show by brad candullo
// http://bcandullo.com
var slide = 0;
var banner = $('#banner');
var bnav = $('#banner-nav');
var btext = $('#banner-text');
var image = $('#image');
var images = new Array();
var titles = new Array();
var links = new Array();
function initFS(_images, _titles, _links) {
// pass vars and display banner
images = _images;
titles = _titles;
links = _links;
showBanner();
}
function nextSlide() {
// if we are at the last slide go to the first
if(slide + 1 >= images.length) {
slide = 0;
showBanner();
return;
}
// increment slide and set banner
slide ++;
showBanner();
}
function previousSlide() {
// if we are at the first slide go to the last
if(slide == 0) {
slide = images.length - 1;
showBanner();
return;
}
// increment slide and set banner
slide --;
showBanner();
}
function switchText() {
btext.animate({width: 'toggle'}, 100);
setTimeout(function() { btext.html('<strong>' + titles[slide] + '</strong>' + links[slide]) }, 200);
btext.delay(300).animate({width: 'toggle'}, 100);
}
function switchImage() {
image.hide();
image.css('background-image', 'url(' + images[slide] +')');
image.fadeIn(2000);
}
function showBanner() {
// show image and text
switchImage();
switchText();
// show banner
bnav.css('visibility', 'visible');
}
// binding
$('#banner-left').click(previousSlide);
$('#banner-left').hover(function() { $(this).fadeTo('fast', .75); }, function() { $(this).fadeTo('slow', 1); } );
$('#banner-right').click(nextSlide);
$('#banner-right').hover(function() { $(this).fadeTo('fast', .75); }, function() { $(this).fadeTo('slow', 1); } );