window.addEvent('domready', function() { var myFx = new Fx.Elements($$('.demoElement')).set({ '0': { 'opacity': 0.3 }, '1': { 'opacity': 0.3 }, '2': { 'opacity': 0.3 }, '3': { 'opacity': 0.3 }, '4': { 'opacity': 0.3 }, '5': { 'opacity': 0.3 }, '6': { 'opacity': 0.3 }, '7': { 'opacity': 0.3 }, '8': { 'opacity': 0.3 }, '9': { 'opacity': 0.3 }, '10': { 'opacity': 0.3 }, '11': { 'opacity': 0.3 }, '12': { 'opacity': 0.3 }, '13': { 'opacity': 0.3 }, '14': { 'opacity': 0.3 }, '15': { 'opacity': 0.3 }, '16': { 'opacity': 0.3 }, '17': { 'opacity': 0.3 }, '18': { 'opacity': 0.3 }, '19': { 'opacity': 0.3 }, '20': { 'opacity': 0.3 }, '21': { 'opacity': 0.3 }, '22': { 'opacity': 0.3 }, '23': { 'opacity': 0.3 }, '24': { 'opacity': 0.3 }, '25': { 'opacity': 0.3 }, '26': { 'opacity': 0.3 }, '27': { 'opacity': 0.3 }, '28': { 'opacity': 0.3 }, '29': { 'opacity': 0.3 }, '30': { 'opacity': 0.3 }, '31': { 'opacity': 0.3 }, '32': { 'opacity': 0.3 }, '33': { 'opacity': 0.3 }, '34': { 'opacity': 0.3 }, '35': { 'opacity': 0.3 }, '36': { 'opacity': 0.3 }, '37': { 'opacity': 0.3 }, '38': { 'opacity': 0.3 }, '39': { 'opacity': 0.3 }, '40': { 'opacity': 0.3 }, '41': { 'opacity': 0.3 }, '42': { 'opacity': 0.3 }}); var el1 = $('myElement1'); $('fadeOpacity1').addEvent('mouseover', el1.fade.bind(el1, [1])); $('fadeOpacity1').addEvent('mouseleave', el1.fade.bind(el1, [0.3])); var el2 = $('myElement2'); $('fadeOpacity2').addEvent('mouseover', el2.fade.bind(el2, [1])); $('fadeOpacity2').addEvent('mouseleave', el2.fade.bind(el2, [0.3])); var el3 = $('myElement3'); $('fadeOpacity3').addEvent('mouseover', el3.fade.bind(el3, [1])); $('fadeOpacity3').addEvent('mouseleave', el3.fade.bind(el3, [0.3])); var el4 = $('myElement4'); $('fadeOpacity4').addEvent('mouseover', el4.fade.bind(el4, [1])); $('fadeOpacity4').addEvent('mouseleave', el4.fade.bind(el4, [0.3])); var el5 = $('myElement5'); $('fadeOpacity5').addEvent('mouseover', el5.fade.bind(el5, [1])); $('fadeOpacity5').addEvent('mouseleave', el5.fade.bind(el5, [0.3])); var el6 = $('myElement6'); $('fadeOpacity6').addEvent('mouseover', el6.fade.bind(el6, [1])); $('fadeOpacity6').addEvent('mouseleave', el6.fade.bind(el6, [0.3])); var el7 = $('myElement7'); $('fadeOpacity7').addEvent('mouseover', el7.fade.bind(el7, [1])); $('fadeOpacity7').addEvent('mouseleave', el7.fade.bind(el7, [0.3])); var el8 = $('myElement8'); $('fadeOpacity8').addEvent('mouseover', el8.fade.bind(el8, [1])); $('fadeOpacity8').addEvent('mouseleave', el8.fade.bind(el8, [0.3])); var el9 = $('myElement9'); $('fadeOpacity9').addEvent('mouseover', el9.fade.bind(el9, [1])); $('fadeOpacity9').addEvent('mouseleave', el9.fade.bind(el9, [0.3])); var el10 = $('myElement10'); $('fadeOpacity10').addEvent('mouseover', el10.fade.bind(el10, [1])); $('fadeOpacity10').addEvent('mouseleave', el10.fade.bind(el10, [0.3])); var el11 = $('myElement11'); $('fadeOpacity11').addEvent('mouseover', el11.fade.bind(el11, [1])); $('fadeOpacity11').addEvent('mouseleave', el11.fade.bind(el11, [0.3])); var el12 = $('myElement12'); $('fadeOpacity12').addEvent('mouseover', el12.fade.bind(el12, [1])); $('fadeOpacity12').addEvent('mouseleave', el12.fade.bind(el12, [0.3])); var el13 = $('myElement13'); $('fadeOpacity13').addEvent('mouseover', el13.fade.bind(el13, [1])); $('fadeOpacity13').addEvent('mouseleave', el13.fade.bind(el13, [0.3])); var el14 = $('myElement14'); $('fadeOpacity14').addEvent('mouseover', el14.fade.bind(el14, [1])); $('fadeOpacity14').addEvent('mouseleave', el14.fade.bind(el14, [0.3])); var el15 = $('myElement15'); $('fadeOpacity15').addEvent('mouseover', el15.fade.bind(el15, [1])); $('fadeOpacity15').addEvent('mouseleave', el15.fade.bind(el15, [0.3])); var el16 = $('myElement16'); $('fadeOpacity16').addEvent('mouseover', el16.fade.bind(el16, [1])); $('fadeOpacity16').addEvent('mouseleave', el16.fade.bind(el16, [0.3])); var el17 = $('myElement17'); $('fadeOpacity17').addEvent('mouseover', el17.fade.bind(el17, [1])); $('fadeOpacity17').addEvent('mouseleave', el17.fade.bind(el17, [0.3])); var el18 = $('myElement18'); $('fadeOpacity18').addEvent('mouseover', el18.fade.bind(el18, [1])); $('fadeOpacity18').addEvent('mouseleave', el18.fade.bind(el18, [0.3])); var el19 = $('myElement19'); $('fadeOpacity19').addEvent('mouseover', el19.fade.bind(el19, [1])); $('fadeOpacity19').addEvent('mouseleave', el19.fade.bind(el19, [0.3])); var el20 = $('myElement20'); $('fadeOpacity20').addEvent('mouseover', el20.fade.bind(el20, [1])); $('fadeOpacity20').addEvent('mouseleave', el20.fade.bind(el20, [0.3])); var el21 = $('myElement21'); $('fadeOpacity21').addEvent('mouseover', el21.fade.bind(el21, [1])); $('fadeOpacity21').addEvent('mouseleave', el21.fade.bind(el21, [0.3])); var el22 = $('myElement22'); $('fadeOpacity22').addEvent('mouseover', el22.fade.bind(el22, [1])); $('fadeOpacity22').addEvent('mouseleave', el22.fade.bind(el22, [0.3])); var el23 = $('myElement23'); $('fadeOpacity23').addEvent('mouseover', el23.fade.bind(el23, [1])); $('fadeOpacity23').addEvent('mouseleave', el23.fade.bind(el23, [0.3])); var el24 = $('myElement24'); $('fadeOpacity24').addEvent('mouseover', el24.fade.bind(el24, [1])); $('fadeOpacity24').addEvent('mouseleave', el24.fade.bind(el24, [0.3])); var el25 = $('myElement25'); $('fadeOpacity25').addEvent('mouseover', el25.fade.bind(el25, [1])); $('fadeOpacity25').addEvent('mouseleave', el25.fade.bind(el25, [0.3])); var el26 = $('myElement26'); $('fadeOpacity26').addEvent('mouseover', el26.fade.bind(el26, [1])); $('fadeOpacity26').addEvent('mouseleave', el26.fade.bind(el26, [0.3])); var el27 = $('myElement27'); $('fadeOpacity27').addEvent('mouseover', el27.fade.bind(el27, [1])); $('fadeOpacity27').addEvent('mouseleave', el27.fade.bind(el27, [0.3])); var el28 = $('myElement28'); $('fadeOpacity28').addEvent('mouseover', el28.fade.bind(el28, [1])); $('fadeOpacity28').addEvent('mouseleave', el28.fade.bind(el28, [0.3])); var el29 = $('myElement29'); $('fadeOpacity29').addEvent('mouseover', el29.fade.bind(el29, [1])); $('fadeOpacity29').addEvent('mouseleave', el29.fade.bind(el29, [0.3])); var el30 = $('myElement30'); $('fadeOpacity30').addEvent('mouseover', el30.fade.bind(el30, [1])); $('fadeOpacity30').addEvent('mouseleave', el30.fade.bind(el30, [0.3])); var el31 = $('myElement31'); $('fadeOpacity31').addEvent('mouseover', el31.fade.bind(el31, [1])); $('fadeOpacity31').addEvent('mouseleave', el31.fade.bind(el31, [0.3])); var el32 = $('myElement32'); $('fadeOpacity32').addEvent('mouseover', el32.fade.bind(el32, [1])); $('fadeOpacity32').addEvent('mouseleave', el32.fade.bind(el32, [0.3])); var el33 = $('myElement33'); $('fadeOpacity33').addEvent('mouseover', el33.fade.bind(el33, [1])); $('fadeOpacity33').addEvent('mouseleave', el33.fade.bind(el33, [0.3])); var el34 = $('myElement34'); $('fadeOpacity34').addEvent('mouseover', el34.fade.bind(el34, [1])); $('fadeOpacity34').addEvent('mouseleave', el34.fade.bind(el34, [0.3])); var el35 = $('myElement35'); $('fadeOpacity35').addEvent('mouseover', el35.fade.bind(el35, [1])); $('fadeOpacity35').addEvent('mouseleave', el35.fade.bind(el35, [0.3])); var el36 = $('myElement36'); $('fadeOpacity36').addEvent('mouseover', el36.fade.bind(el36, [1])); $('fadeOpacity36').addEvent('mouseleave', el36.fade.bind(el36, [0.3])); var el37 = $('myElement37'); $('fadeOpacity37').addEvent('mouseover', el37.fade.bind(el37, [1])); $('fadeOpacity37').addEvent('mouseleave', el37.fade.bind(el37, [0.3])); var el38 = $('myElement38'); $('fadeOpacity38').addEvent('mouseover', el38.fade.bind(el38, [1])); $('fadeOpacity38').addEvent('mouseleave', el38.fade.bind(el38, [0.3])); var el39 = $('myElement39'); $('fadeOpacity39').addEvent('mouseover', el39.fade.bind(el39, [1])); $('fadeOpacity39').addEvent('mouseleave', el39.fade.bind(el39, [0.3])); var el40 = $('myElement40'); $('fadeOpacity40').addEvent('mouseover', el40.fade.bind(el40, [1])); $('fadeOpacity40').addEvent('mouseleave', el40.fade.bind(el40, [0.3])); var el41 = $('myElement41'); $('fadeOpacity41').addEvent('mouseover', el41.fade.bind(el41, [1])); $('fadeOpacity41').addEvent('mouseleave', el41.fade.bind(el41, [0.3])); var el42 = $('myElement42'); $('fadeOpacity42').addEvent('mouseover', el42.fade.bind(el42, [1])); $('fadeOpacity42').addEvent('mouseleave', el42.fade.bind(el42, [0.3])); });