window.addEvent('domready', function(){ var ieFixHover = ''; if (window.ie) { ieFixHover = ''; }; var siteWidth = 1057; if (window.gecko) {siteWidth = 1058}; if (window.webkit) {siteWidth = 1016}; // if (window.ie) {siteWidth = 991}; if (window.ie) {siteWidth = 1056}; if (window.ie6) {siteWidth = 1068}; $$(".hoverElement").each(function(slideContainer) { // {wait: false} to fix bug where mouseout doesn't trigger if animation isn't complete if (slideContainer.getElement('.hoverShadow')) { if(window.ie) { var slideElement = new Fx.Slide(slideContainer.getElement('.hoverShadow'), {wait:false, duration: 300}); } else { var slideElement = new Fx.Slide(slideContainer.getElement('.hoverShadow'), {wait:false, duration: 200}); }; } else { if(window.ie) { var slideElement = new Fx.Slide(slideContainer.getElement('.hoverMain'), {wait:false, duration: 300}); } else { var slideElement = new Fx.Slide(slideContainer.getElement('.hoverMain'), {wait:false, duration: 200}); } }; slideContainer.getElement('.hoverContainer').setStyle('display', 'block'); slideContainer.getElement('.hoverMain').innerHTML = slideContainer.getElement('.hoverMain').innerHTML + ieFixHover; var slideAdjust = slideContainer.getElement('.hoverContainer'); if ((slideAdjust.offsetWidth + slideAdjust.getPosition()['x']) > siteWidth) { slideAdjust.setStyle('left', (0 - (slideAdjust.offsetWidth + slideAdjust.getPosition()['x'] - siteWidth))); }; slideElement.hide(); if (slideContainer.getElement('.hoverClose')) { slideContainer.getElement('.hoverClose').addEvent('click', function(e){ e = new Event(e); slideElement.slideOut(); if (slideContainer.getElement('a').className == 'priCurrent') {slideContainer.getElement('.priCurrent').className = 'hoverOpen';}; if(slideContainer.getElement('.ieFixHover')){slideContainer.getElement('.ieFixHover').setStyle('display','none');}; e.stop(); }); }; if (slideContainer.parentNode.className != 'topAcct') { slideContainer.getElement('.hoverOpen').addEvent('mouseenter', function(e){ e = new Event(e); if(this.id == "lnkViewBasket") { // alert(slideAdjust.offsetLeft); slideAdjust.setStyle('left','auto'); getViewBasket(); }; slideElement.slideIn(); if (slideContainer.getElement('a').className == 'hoverOpen') {slideContainer.getElement('.hoverOpen').className = 'priCurrent';}; if(slideContainer.getElement('.ieFixHover')){slideContainer.getElement('.ieFixHover').setStyle('display','block');}; e.stop(); }); slideContainer.addEvent('mouseleave', function(e){ e = new Event(e); slideElement.slideOut(); if (slideContainer.getElement('a').className == 'priCurrent') {slideContainer.getElement('.priCurrent').className = 'hoverOpen';}; if(slideContainer.getElement('.ieFixHover')){slideContainer.getElement('.ieFixHover').setStyle('display','none');}; e.stop(); }); } else { slideContainer.getElement('.hoverOpen').addEvent('mouseenter', function(e){ e = new Event(e); if(this.id == "lnkViewBasket") { // alert(slideAdjust.offsetLeft); slideAdjust.setStyle('left','auto'); getViewBasket(); }; slideElement.slideIn(); if (slideContainer.getElement('a').className == 'hoverOpen') {slideContainer.getElement('.hoverOpen').className = 'priCurrent';}; if(slideContainer.getElement('.ieFixHover')){slideContainer.getElement('.ieFixHover').setStyle('display','block');}; e.stop(); }); slideContainer.addEvent('mouseleave', function(e){ e = new Event(e); slideElement.slideOut(); if (slideContainer.getElement('a').className == 'priCurrent') {slideContainer.getElement('.priCurrent').className = 'hoverOpen';}; if(slideContainer.getElement('.ieFixHover')){slideContainer.getElement('.ieFixHover').setStyle('display','none');}; e.stop(); }); }; }); $$(".slideElement").each(function(slideElement) { if (slideElement.getElement('.slideClose')) { var slideBox = new Fx.Styles(slideElement, {wait:false, duration:120}); //var slideClose = new Fx.Styles(slideElement.getElement('.slideClose'), {wait:false, duration:70}); slideElement.getElement('td').innerHTML = slideElement.getElement('td').innerHTML + ieFixHover; slideElement.getElement('.toggleOff').addEvent('mouseenter', function(){ slideBox.start({ 'padding-right': 3, 'width': slideElement.getElement('table').offsetWidth, 'margin-right': (0 - slideElement.getElement('table').offsetWidth) }); // alert(element.getElement('table').offsetWidth); slideElement.getElement('.slideClose').setStyle('visibility', 'visible'); slideElement.getElement('.toggleOn').setStyle('display','block'); slideElement.getElement('.toggleOff').setStyle('display','none'); }); slideElement.getElement('.toggleOff').addEvent('click', function(){ slideBox.start({ 'padding-right': 3, 'width': slideElement.getElement('table').offsetWidth, 'margin-right': (0 - slideElement.getElement('table').offsetWidth) }); slideElement.getElement('.slideClose').setStyle('visibility', 'hidden'); slideElement.getElement('.toggleOn').setStyle('display','block'); slideElement.getElement('.toggleOff').setStyle('display','none'); }); slideElement.addEvent('mouseleave', function(){ slideBox.start({ 'padding-right': 0, 'width': 153 }); slideElement.getElement('.slideClose').setStyle('visibility', 'hidden'); slideElement.getElement('.toggleOn').setStyle('display','none'); slideElement.getElement('.toggleOff').setStyle('display','block'); }); slideElement.getElement('.slideClose').addEvent('click', function(){ slideBox.start({ 'padding-right': 0, 'width': 153 }); slideElement.getElement('.slideClose').setStyle('visibility', 'visible'); slideElement.getElement('.toggleOn').setStyle('display','none'); slideElement.getElement('.toggleOff').setStyle('display','block'); }); slideElement.getElement('.toggleOn').addEvent('click', function(){ slideBox.start({ 'padding-right': 0, 'width': 153 }); slideElement.getElement('.slideClose').setStyle('visibility', 'visible'); slideElement.getElement('.toggleOn').setStyle('display','none'); slideElement.getElement('.toggleOff').setStyle('display','block'); }); }; }); $$(".droplet").each(function(element) { var dropBox = new Fx.Styles(element.getElement('div'), {wait:false, duration:120}); element.getElement('div').innerHTML = element.getElement('div').innerHTML + ieFixHover; element.addEvent('mouseenter', function(){ element.getElement('img').setStyle('display','block'); }); element.getElement('img').addEvent('mouseenter', function(){ element.getElement('div').setStyle('display','block'); element.getElement('a').className = 'on'; element.getElement('div').getElement('a').className = ''; dropBox.start({ 'width': 131, 'padding': 1, 'border-width': 1 }); }); element.addEvent('mouseleave', function(){ dropBox.start({ 'width': 0, 'padding': 0, 'border-width': 0 }); element.getElement('a').className = ''; // element.getElement('div').setStyle('display','none'); element.getElement('img').setStyle('display','none'); }); }); // $$(".adBanner").each(function(element) { // var adBanner = new Fx.Styles(element, {wait:false, duration:130}); // // element.getElement('.close').addEvent('click', function(){ // adBanner.start({ // 'height': 0, // 'padding-top': 0 // }); // }); // // }); /*************/ $$(".personal").each(function(e) { var personal = new Fx.Slide('personal', {duration: 200}); personal.hide(); $('pLink').addEvent('click', function(e){ e = new Event(e); personal.toggle(); e.stop(); }); }); $$(".rDept").each(function(element){ var fadeBox = new Fx.Style(element.getElement('.infoVeil'), 'opacity', {duration:100, wait:false}).set(0); element.addEvent('mouseenter', function(){ fadeBox.start(1); }); element.addEvent('mouseleave', function(){ fadeBox.start(0); }); }); $$(".depthdr").each(function(element) { var heightCorrection = 59; if (window.ie){ heightCorrection = 82; }; var descBox = new Fx.Styles(element.getElement('.desc'), {wait:false, duration:110}); var descToggle = new Fx.Styles(element.getElement('.fullDesc'), {wait:false, duration:110}); var descInitHeight = element.getElement('.deptImage').offsetHeight - element.getElement('h1').offsetHeight - heightCorrection + 'px'; var descHeight = element.getElement('.desc').getSize().scrollSize.y // alert(element.getElement('object').offsetHeight); if (window.ie6) { element.getElement('.desc').setStyle('height','92px'); } else { element.getElement('.desc').setStyle('height','90px'); }; element.getElement('.fullDesc').addEvent('click', function(){ if (element.getElement('.fullDesc').innerHTML == 'full description') { descBox.start({ 'height': descHeight }); descToggle.start({ 'top': descHeight + 15 }); element.getElement('.fullDesc').innerHTML = 'close description'; } else { if (window.ie6){ descBox.start({'height': 92}); } else { descBox.start({'height': 90}); }; descToggle.start({ 'top': 105 }); element.getElement('.fullDesc').innerHTML = 'full description'; }; }); }); $$(".subdepthdr").each(function(element) { var heightCorrection = 59; if (window.ie){ heightCorrection = 82; }; var descBox = new Fx.Styles(element.getElement('.desc'), {wait:false, duration:110}); var descToggle = new Fx.Styles(element.getElement('.fullDesc'), {wait:false, duration:110}); var descInitHeight = element.getElement('.deptImage').offsetHeight - element.getElement('h1').offsetHeight - heightCorrection + 'px'; var descHeight = element.getElement('.desc').getSize().scrollSize.y // alert(element.getElement('object').offsetHeight); if (window.ie6) { element.getElement('.desc').setStyle('height','82px'); } else { element.getElement('.desc').setStyle('height','80px'); }; element.getElement('.fullDesc').addEvent('click', function(){ if (element.getElement('.fullDesc').innerHTML == 'full description') { descBox.start({ 'height': descHeight }); descToggle.start({ 'top': descHeight + 15 }); element.getElement('.fullDesc').innerHTML = 'close description'; } else { if (window.ie6){ descBox.start({'height': 82}); } else { descBox.start({'height': 80}); }; descToggle.start({ 'top': 105 }); element.getElement('.fullDesc').innerHTML = 'full description'; }; }); }); $$(".prrail").each(function(element) { if (element.getElement('.desc')) { var descBox = new Fx.Styles(element.getElement('.desc'), {wait:false, duration:110}); var descToggle = new Fx.Styles(element.getElement('.fullDesc'), {wait:false, duration:110}); var descInitHeight = element.getElement('.desc').offsetHeight; var descHeight = element.getElement('.desc').getSize().scrollSize.y // alert(element.getElement('.artisansImage').offsetHeight); element.getElement('.desc').setStyle('height',descInitHeight); element.getElement('.fullDesc').addEvent('click', function(){ if (element.getElement('.fullDesc').innerHTML == 'full description') { descBox.start({ 'height': descHeight }); descToggle.start({ 'bottom': 0 }); element.getElement('.fullDesc').innerHTML = 'close description'; } else { descBox.start({ 'height': descInitHeight }); descToggle.start({ 'bottom': 0 }); element.getElement('.fullDesc').innerHTML = 'full description'; }; }); }; }); $$(".artisansDetail").each(function(element) { var descBox = new Fx.Styles(element.getElement('.desc'), {wait:false, duration:110}); var descToggle = new Fx.Styles(element.getElement('.fullDesc'), {wait:false, duration:110}); var descInitHeight = element.getElement('.desc').offsetHeight; var descHeight = element.getElement('.desc').getSize().scrollSize.y // alert(element.getElement('.artisansImage').offsetHeight); element.getElement('.desc').setStyle('height',descInitHeight); element.getElement('.fullDesc').addEvent('click', function(){ if (element.getElement('.fullDesc').innerHTML == 'full description') { descBox.start({ 'height': descHeight }); descToggle.start({ 'bottom': 0 }); element.getElement('.fullDesc').innerHTML = 'close description'; } else { descBox.start({ 'height': descInitHeight }); descToggle.start({ 'bottom': 0 }); element.getElement('.fullDesc').innerHTML = 'full description'; }; }); }); // References/Demo for homepage ajax code // http://demos.mootools.net/Ajax.Advanced var url = 'http://wisconsinmade.design.americaneagle.com/templates/homeAjaxContent.asp'; $$(".homeNav").each(function(element) { if (element.getElement('.homeMore')) {} else { element.addEvent('click', function(e) { e = new Event(e).stop(); $$(".homeNav").each(function(element2) { element2.getElement('a').setStyle('border-top','1px #fff solid'); element2.className = element2.className.split('current')[0]; // if (element2.className.indexOf('current') != (-1)) { // }; }); element.getElement('a').setStyle('border-top','none'); $("homepageMain").className = element.className.split('homeNav')[1] + 'current'; element.className = element.className + 'current'; }); }; }); });