function initDisplayEffects(element) { //list of target elements var list = (element != null) ? $$("#"+element+" .cCollapsible") : $$('.cCollapsible'); //list elements to be clicked on var headings = (element != null) ? $$("#"+element+" .cToggler") : $$('.cToggler'); //array to store all of the collapsibles var collapsibles = new Array(); headings.each( function(heading, i) { //for each element create a slide effect var collapsible = new Fx.Slide(list[i], { duration: 300, transition: Fx.Transitions.linear }); //and store it in the array collapsibles[i] = collapsible; //add event listener heading.removeEvent('click'); heading.addEvent('click', function(e){ collapsible.toggle(); //return false; }); //collapse all of the list items collapsible.hide(); }); } window.addEvent('load', function() { new SmoothScroll(); mooWindow = $(window); initDisplayEffects(); }); function closeProductMenu() { $('productMenuOpenHead').style.display='none'; $('productMenuOpenContainer').style.display='none'; } function openProductMenu() { $('productMenuOpenHead').setStyle('top', ($('productMenuContainer').getPosition().y - 15) + 'px'); $('productMenuOpenHead').setStyle('left',($('productMenuContainer').getPosition().x - 50) + 'px'); $('productMenuOpenHead').style.display=''; $('productMenuOpenContainer').setStyle('top', ($('productMenuOpenHead').getPosition().y + 37) + 'px'); $('productMenuOpenContainer').setStyle('left',($('productMenuOpenHead').getPosition().x - 0) + 'px'); $('productMenuOpenContainer').style.display=''; } function promotionEffect() { var list = $$('.promotionIndex'); var linkFx = []; list.each( function(link,i) { link.removeEvent('click'); link.addEvent('click', function(e) { e = new Event(e).stop(); linkFx[i] = new Fx.Styles('promotionBannerImage', {duration:250, wait:false}); updatePromotionBannerIndex(i+1); linkFx[i].start({ 'opacity': [1,0] }).chain(function() { $('promotionBannerImage').src = link.getProperty('imgSrc'); linkFx[i].start({ 'opacity': [0,1] }); }); }); link.addEvent('showMe', function(e) { linkFx[i] = new Fx.Styles('promotionBannerImage', {duration:250, wait:false}); updatePromotionBannerIndex(i+1); linkFx[i].start({ 'opacity': [1,0] }).chain(function() { $('promotionBannerImage').src = link.getProperty('imgSrc'); linkFx[i].start({ 'opacity': [0,1] }); }); }); }); } function updatePromotionBannerIndex(i) { if(window.gecko) i = (i*2); $each($('promotionIndexContainer').childNodes, function(item_) { if (item_.nodeName == 'DIV') { item_.setStyle('background-image','url(img/bannerIndexBgPassive.gif)'); item_.setStyle('color','#fff'); } }); $('promotionIndexContainer').childNodes[i-1].setStyle('background-image','url(img/bannerIndexBgActive.gif)'); $('promotionIndexContainer').childNodes[i-1].setStyle('color','#212121'); $('promotionLink').href = $('promotionIndexContainer').childNodes[i-1].getAttribute('linkUrl'); } var activePromotionIndex = 1; function nextPromotion() { tempCounter=0; $each($('promotionIndexContainer').childNodes, function(item_) { if((item_.nodeName == 'DIV') && (tempCounter == activePromotionIndex)) { item_.fireEvent('showMe'); } tempCounter++; }); activePromotionIndex++; if(activePromotionIndex >= tempCounter) activePromotionIndex = 0; } //nextPromotion.periodical(10000);