function initGallery(holder, _autoplay) { var duration = 10000; var gallery; var timer; var autoplay = _autoplay; var galleryList = ''; gallery = $(holder).find("ul.gallery li"); gallery.number = $(gallery).length; //gallery.each(function(i) { galleryList += ' ' + i}); //gallery.each(function(i,el) { alert(el.className)}); if(gallery.number > 1) { gallery.current = 0; gallery.thumbnails = $(holder).find("ul.thumbnails li"); if($.browser.msie && $.browser.version < 7) { $(gallery).css({"display": "none"}); $(gallery).eq(0).css({"display": "block"}); } else { $(gallery).css({"opacity": 0, "display": "none"}); $(gallery).eq(0).css({"opacity": 1, "display": "block"}); } $(gallery.thumbnails).each(function(i, el) { $(el).click(function() { if(gallery.current != i) { var temp = gallery.current; $(gallery.thumbnails).removeClass("active"); $(el).addClass("active"); if($.browser.msie && $.browser.version < 7) { $(gallery).eq(temp).css({"display": "none"}); $(gallery).eq(i).css({"display": "block"}); } else { $(gallery).eq(temp).animate({"opacity": 0}, 700, function() { $(gallery).eq(temp).css({"display": "none"}); }); $(gallery).eq(i).css({"display": "block"}).animate({"opacity": 1}, 700); } clearTimeout(timer); gallery.current = i; timer = setTimeout(function() { rotate(); } , duration); } return false; }); }); if(autoplay) { timer = setTimeout(function() { rotate(); } , duration); } } function play() { var temp = gallery.current; if($.browser.msie && $.browser.version < 7) { $(gallery).eq(temp).css({"display": "none"}); } else { $(gallery).eq(temp).animate({"opacity": 0}, 700, function() { $(gallery).eq(temp).css({"display": "none"}); }); } if(++gallery.current >= gallery.number) gallery.current = 0; $(gallery.thumbnails).removeClass("active"); $(gallery.thumbnails).eq(gallery.current).addClass("active"); if($.browser.msie && $.browser.version < 7) { $(gallery).eq(gallery.current).css({"display": "block"}); } else { $(gallery).eq(gallery.current).css({"display": "block"}).animate({"opacity": 1}, 700); } clearTimeout(timer); } function rotate() { if(autoplay) { play(); timer = setTimeout(function() { rotate(); } , duration); } } } function initPage() { initGallery(".gallery-holder1", true); initGallery(".gallery-holder2", true); initGallery(".gallery-holder3", true); initGallery(".gallery-holder4", true); initGallery(".gallery-holder1s", true); initGallery(".gallery-holder2s", true); initGallery(".gallery-holder3s", true); initGallery(".gallery-holder4s", true); } if (window.addEventListener) window.addEventListener("load", initPage, false); else if (window.attachEvent) window.attachEvent("onload", initPage);