$(document).ready(function() { // Hide no-javascript
$("#homepage-slider").toggle(); //initialize slides $("#main-slide ul.nav-bar li:last").children().addClass('last'); $("#main-slide ul.nav-bar li:first").addClass('active'); $("#topright-slide ul.nav-bar li:first a").addClass('active'); $("#bottomright-slide ul.nav-bar li:first a").addClass('active'); //set the first ones to display $(".slides").find("li:first").addClass("current"); //click handlers $("#main-slide ul.nav-bar li").click(function(){ //already displayed if($(this).hasClass("active")) { return false; } //flip nav $(this).addClass('active').siblings().removeClass("active"); //need to go up twice to get to slide container showSlide($(this).parent().parent(), $(this).prevAll().length); return false; }); $(".right-box ul.nav-bar li:not(.cta)").click(function(){ //already displayed if($(this).find("a").hasClass("active")) { return false; } stopSlider(); //flip nav $(this).find("a").addClass('active'); $(this).siblings().find("a").removeClass("active"); //need to go up 2 times to get to slide container showSlide($(this).parent().parent(), $(this).prevAll().length); startSlider(); return false; }); startSlider(); }); var windowSlider = null; function startSlider() { //randomize, 4sec - 8sec windowSlider = window.setTimeout("slideRandomPane()", Math.floor(Math.random() * 4000) + 4000); } function stopSlider() { window.clearTimeout(windowSlider); } function slideRandomPane() { var slideNum = Math.floor(Math.random() * $(".right-box").length); showNextSlide($(".right-box:eq("+slideNum+")")); startSlider(); } function showNextSlide(slides) { var nextSlide = $(slides).find("ul.slides .current").prevAll().length + 1; if(nextSlide >= $(slides).find("ul.slides li").length) { nextSlide = 0; } //flip nav $(slides).find(".nav-bar li:eq("+nextSlide+")").find("a").addClass("active"); $(slides).find(".nav-bar li:eq("+nextSlide+")").siblings().find("a").removeClass("active"); showSlide(slides, nextSlide); } function showSlide(slides, num) { //'next' class sets z-index between current and none $(slides).find(".slides li:eq("+num+")").addClass("next"); $(slides).find(".slides li.current").slideUp(function(){ $(this).removeClass("current").show(); //sanity $(slides).find(".slides li:eq("+num+")").removeClass("next").addClass("current"); }); }