var lastRan = -1; /** * Custom inital load handler. Called when the carousel loads the initial * set of data items. Specified to the carousel as the configuration * parameter: loadInitHandler **/ var loadInitialItems = function(type, args) { var start = args[0]; var last = args[1]; load(this, start, last); }; /** * Custom load next handler. Called when the carousel loads the next * set of data items. Specified to the carousel as the configuration * parameter: loadNextHandler **/ var loadNextItems = function(type, args) { var start = args[0]; var last = args[1]; var alreadyCached = args[2]; if(carousel.getFirstVisible()=='1') { elem = document.getElementById("tab1"); elem.innerHTML='

'; document.getElementById("tab2").innerHTML='

'; document.getElementById("tab3").innerHTML='

'; document.getElementById("tab4").innerHTML='

'; document.getElementById("tab5").innerHTML='

'; document.getElementById("tab6").innerHTML='

'; } if(carousel.getFirstVisible()=='2') { elem = document.getElementById("tab2"); elem.innerHTML='

'; document.getElementById("tab1").innerHTML='

'; document.getElementById("tab3").innerHTML='

'; document.getElementById("tab4").innerHTML='

'; document.getElementById("tab5").innerHTML='

'; document.getElementById("tab6").innerHTML='

'; } if(carousel.getFirstVisible()=='3') { elem = document.getElementById("tab3"); elem.innerHTML='

'; document.getElementById("tab1").innerHTML='

'; document.getElementById("tab2").innerHTML='

'; document.getElementById("tab4").innerHTML='

'; document.getElementById("tab5").innerHTML='

'; document.getElementById("tab6").innerHTML='

'; } if(carousel.getFirstVisible()=='4') { elem = document.getElementById("tab4"); elem.innerHTML='

'; document.getElementById("tab1").innerHTML='

'; document.getElementById("tab2").innerHTML='

'; document.getElementById("tab3").innerHTML='

'; document.getElementById("tab5").innerHTML='

'; document.getElementById("tab6").innerHTML='

'; } if(carousel.getFirstVisible()=='5') { elem = document.getElementById("tab5"); elem.innerHTML='

'; document.getElementById("tab1").innerHTML='

'; document.getElementById("tab2").innerHTML='

'; document.getElementById("tab3").innerHTML='

'; document.getElementById("tab4").innerHTML='

'; document.getElementById("tab6").innerHTML='

'; } if(carousel.getFirstVisible()=='6') { elem = document.getElementById("tab6"); elem.innerHTML='

'; document.getElementById("tab1").innerHTML='

'; document.getElementById("tab2").innerHTML='

'; document.getElementById("tab3").innerHTML='

'; document.getElementById("tab4").innerHTML='

'; document.getElementById("tab5").innerHTML='

'; } if(!alreadyCached) { load(this, start, last); } }; /** * Custom load previous handler. Called when the carousel loads the previous * set of data items. Specified to the carousel as the configuration * parameter: loadPrevHandler **/ var loadPrevItems = function(type, args) { var start = args[0]; var last = args[1]; var alreadyCached = args[2]; if(carousel.getFirstVisible()=='1') { elem = document.getElementById("tab1"); elem.innerHTML='

'; document.getElementById("tab2").innerHTML='

'; document.getElementById("tab3").innerHTML='

'; document.getElementById("tab4").innerHTML='

'; document.getElementById("tab5").innerHTML='

'; document.getElementById("tab6").innerHTML='

'; } if(carousel.getFirstVisible()=='2') { elem = document.getElementById("tab2"); elem.innerHTML='

'; document.getElementById("tab1").innerHTML='

'; document.getElementById("tab3").innerHTML='

'; document.getElementById("tab4").innerHTML='

'; document.getElementById("tab5").innerHTML='

'; document.getElementById("tab6").innerHTML='

'; } if(carousel.getFirstVisible()=='3') { elem = document.getElementById("tab3"); elem.innerHTML='

'; document.getElementById("tab1").innerHTML='

'; document.getElementById("tab2").innerHTML='

'; document.getElementById("tab4").innerHTML='

'; document.getElementById("tab5").innerHTML='

'; document.getElementById("tab6").innerHTML='

'; } if(carousel.getFirstVisible()=='4') { elem = document.getElementById("tab4"); elem.innerHTML='

'; document.getElementById("tab1").innerHTML='

'; document.getElementById("tab2").innerHTML='

'; document.getElementById("tab3").innerHTML='

'; document.getElementById("tab5").innerHTML='

'; document.getElementById("tab6").innerHTML='

'; } if(carousel.getFirstVisible()=='5') { elem = document.getElementById("tab5"); elem.innerHTML='

'; document.getElementById("tab1").innerHTML='

'; document.getElementById("tab2").innerHTML='

'; document.getElementById("tab3").innerHTML='

'; document.getElementById("tab4").innerHTML='

'; document.getElementById("tab6").innerHTML='

'; } if(carousel.getFirstVisible()=='6') { elem = document.getElementById("tab6"); elem.innerHTML='

'; document.getElementById("tab1").innerHTML='

'; document.getElementById("tab2").innerHTML='

'; document.getElementById("tab3").innerHTML='

'; document.getElementById("tab4").innerHTML='

'; document.getElementById("tab5").innerHTML='

'; } if(!alreadyCached) { load(this, start, last); } }; var changePage = function(e, args) { var carousel = args[0]; var pageNum = args[1]; carousel.scrollTo(pageNum); // carousel.stopAutoPlay(); }; function randOrd() { return(Math.round(Math.random())-0.5); } var load = function(carousel, start, last) { var regArray = new Array(0,1,2,3,4,5); regArray.sort(randOrd); for(var i=1;i<=6;i++) { var liItem = carousel.addItem(i, imageList[regArray[i-1]]); if(carousel.getFirstVisible()=='1') { elem = document.getElementById("tab1"); elem.innerHTML='

'; document.getElementById("tab2").innerHTML='

'; document.getElementById("tab3").innerHTML='

'; document.getElementById("tab4").innerHTML='

'; document.getElementById("tab5").innerHTML='

'; document.getElementById("tab6").innerHTML='

'; } } } var carousel; // for ease of debugging; globals generally not a good idea /** * You must create the carousel after the page is loaded since it is * dependent on an HTML element (in this case 'dhtml-carousel'.) See the * HTML code below. */ var pageLoad = function() { carousel = new YAHOO.extension.Carousel("dhtml-carousel", { numVisible: 1, animationSpeed: 0.3, orientation: "vertical", scrollInc: 1, navMargin: 0, loadInitHandler: loadInitialItems, loadNextHandler: loadNextItems, loadPrevHandler: loadPrevItems, autoPlay: 5000, size:6, wrap:true } ); YAHOO.util.Event.addListener(this.carouselNext, "click", this._scrollNext, this); YAHOO.util.Event.addListener("tab1", "click", changePage, [carousel, 1]); YAHOO.util.Event.addListener("tab2", "click", changePage, [carousel, 2]); YAHOO.util.Event.addListener("tab3", "click", changePage, [carousel, 3]); YAHOO.util.Event.addListener("tab4", "click", changePage, [carousel, 4]); YAHOO.util.Event.addListener("tab5", "click", changePage, [carousel, 5]); YAHOO.util.Event.addListener("tab6", "click", changePage, [carousel, 6]); }; /** * Illustrates stop autoplay */ var stopAutoPlay = function(e) { YAHOO.util.Dom.get("status").innerHTML = "Auto Play Stopped!"; carousel.stopAutoPlay(); }; /** * Illustrates start autoplay */ var startAutoPlay = function(e) { YAHOO.util.Dom.get("status").innerHTML = "Auto Play Started!"; carousel.startAutoPlay(2000); };