window.addEvent('domready', function(){ //var kollektion_gal = new Scroller('mousemove', {area: 100, velocity: 1}); //$('mousemove').addEvent('mouseenter', kollektion_gal.start.bind(kollektion_gal)); //$('mousemove').addEvent('mouseleave', kollektion_gal.stop.bind(kollektion_gal)); var scroll = new Fx.Scroll('mousemove', { wait: false, duration: 1000, transition: Fx.Transitions.Quad.easeInOut }); $('left').addEvent('mouseover', function(event) { event = new Event(event).stop(); scroll.toLeft(); }); $('right').addEvent('mouseout', function(event) { event = new Event(event).stop(); scroll.stop(); }); $('right').addEvent('mouseover', function(event) { event = new Event(event).stop(); scroll.toRight(); }); $('right').addEvent('mouseout', function(event) { event = new Event(event).stop(); scroll.stop(); }); var box = $('mousemove'); var fx = box.effects({duration: 1000, transition: Fx.Transitions.Quart.easeOut}); var box2 = $('detail'); var fx2 = box2.effects({duration: 1000, transition: Fx.Transitions.Quart.easeOut}); var myFx = new Fx.Style('detail', 'opacity').set(0); //will make it immediately transparent var myFx2 = new Fx.Style('mousemove', 'opacity').set(1); //will make it immediately transparent $('koll_id44').addEvent('click', function(e) { e = new Event(e); new Ajax("fileadmin/phpextern/kol_kollektion_trend.php?id=44", {method:'get',evalScripts: true,update: $('detail')}).request(); hide('links'); hide('rechts'); fx.start({ 'opacity': 0 }).chain(function() { myFx.start(0,1); }).chain(function() { myFx.start(0,1); }); e.stop(); }); var koll_bild1 = new Fx.Style('koll_id44','opacity',{wait: false,duration: 200}); koll_bild1.set(0.5); $('koll_id44').addEvent('mouseenter', function(e) { e = new Event(e); koll_bild1.start(0.5,1); e.stop(); }); $('koll_id44').addEvent('mouseleave', function(e) { e = new Event(e); koll_bild1.start(1,0.5); e.stop(); }); $('koll_id8').addEvent('click', function(e) { e = new Event(e); new Ajax("fileadmin/phpextern/kol_kollektion_trend.php?id=8", {method:'get',evalScripts: true,update: $('detail')}).request(); hide('links'); hide('rechts'); fx.start({ 'opacity': 0 }).chain(function() { myFx.start(0,1); }).chain(function() { myFx.start(0,1); }); e.stop(); }); var koll_bild2 = new Fx.Style('koll_id8','opacity',{wait: false,duration: 200}); koll_bild2.set(0.5); $('koll_id8').addEvent('mouseenter', function(e) { e = new Event(e); koll_bild2.start(0.5,1); e.stop(); }); $('koll_id8').addEvent('mouseleave', function(e) { e = new Event(e); koll_bild2.start(1,0.5); e.stop(); }); $('koll_id237').addEvent('click', function(e) { e = new Event(e); new Ajax("fileadmin/phpextern/kol_kollektion_trend.php?id=237", {method:'get',evalScripts: true,update: $('detail')}).request(); hide('links'); hide('rechts'); fx.start({ 'opacity': 0 }).chain(function() { myFx.start(0,1); }).chain(function() { myFx.start(0,1); }); e.stop(); }); var koll_bild3 = new Fx.Style('koll_id237','opacity',{wait: false,duration: 200}); koll_bild3.set(0.5); $('koll_id237').addEvent('mouseenter', function(e) { e = new Event(e); koll_bild3.start(0.5,1); e.stop(); }); $('koll_id237').addEvent('mouseleave', function(e) { e = new Event(e); koll_bild3.start(1,0.5); e.stop(); }); $('koll_id9').addEvent('click', function(e) { e = new Event(e); new Ajax("fileadmin/phpextern/kol_kollektion_trend.php?id=9", {method:'get',evalScripts: true,update: $('detail')}).request(); hide('links'); hide('rechts'); fx.start({ 'opacity': 0 }).chain(function() { myFx.start(0,1); }).chain(function() { myFx.start(0,1); }); e.stop(); }); var koll_bild4 = new Fx.Style('koll_id9','opacity',{wait: false,duration: 200}); koll_bild4.set(0.5); $('koll_id9').addEvent('mouseenter', function(e) { e = new Event(e); koll_bild4.start(0.5,1); e.stop(); }); $('koll_id9').addEvent('mouseleave', function(e) { e = new Event(e); koll_bild4.start(1,0.5); e.stop(); }); $('koll_id10').addEvent('click', function(e) { e = new Event(e); new Ajax("fileadmin/phpextern/kol_kollektion_trend.php?id=10", {method:'get',evalScripts: true,update: $('detail')}).request(); hide('links'); hide('rechts'); fx.start({ 'opacity': 0 }).chain(function() { myFx.start(0,1); }).chain(function() { myFx.start(0,1); }); e.stop(); }); var koll_bild5 = new Fx.Style('koll_id10','opacity',{wait: false,duration: 200}); koll_bild5.set(0.5); $('koll_id10').addEvent('mouseenter', function(e) { e = new Event(e); koll_bild5.start(0.5,1); e.stop(); }); $('koll_id10').addEvent('mouseleave', function(e) { e = new Event(e); koll_bild5.start(1,0.5); e.stop(); }); $('koll_id11').addEvent('click', function(e) { e = new Event(e); new Ajax("fileadmin/phpextern/kol_kollektion_trend.php?id=11", {method:'get',evalScripts: true,update: $('detail')}).request(); hide('links'); hide('rechts'); fx.start({ 'opacity': 0 }).chain(function() { myFx.start(0,1); }).chain(function() { myFx.start(0,1); }); e.stop(); }); var koll_bild6 = new Fx.Style('koll_id11','opacity',{wait: false,duration: 200}); koll_bild6.set(0.5); $('koll_id11').addEvent('mouseenter', function(e) { e = new Event(e); koll_bild6.start(0.5,1); e.stop(); }); $('koll_id11').addEvent('mouseleave', function(e) { e = new Event(e); koll_bild6.start(1,0.5); e.stop(); }); $('koll_id13').addEvent('click', function(e) { e = new Event(e); new Ajax("fileadmin/phpextern/kol_kollektion_trend.php?id=13", {method:'get',evalScripts: true,update: $('detail')}).request(); hide('links'); hide('rechts'); fx.start({ 'opacity': 0 }).chain(function() { myFx.start(0,1); }).chain(function() { myFx.start(0,1); }); e.stop(); }); var koll_bild7 = new Fx.Style('koll_id13','opacity',{wait: false,duration: 200}); koll_bild7.set(0.5); $('koll_id13').addEvent('mouseenter', function(e) { e = new Event(e); koll_bild7.start(0.5,1); e.stop(); }); $('koll_id13').addEvent('mouseleave', function(e) { e = new Event(e); koll_bild7.start(1,0.5); e.stop(); }); $('koll_id231').addEvent('click', function(e) { e = new Event(e); new Ajax("fileadmin/phpextern/kol_kollektion_trend.php?id=231", {method:'get',evalScripts: true,update: $('detail')}).request(); hide('links'); hide('rechts'); fx.start({ 'opacity': 0 }).chain(function() { myFx.start(0,1); }).chain(function() { myFx.start(0,1); }); e.stop(); }); var koll_bild8 = new Fx.Style('koll_id231','opacity',{wait: false,duration: 200}); koll_bild8.set(0.5); $('koll_id231').addEvent('mouseenter', function(e) { e = new Event(e); koll_bild8.start(0.5,1); e.stop(); }); $('koll_id231').addEvent('mouseleave', function(e) { e = new Event(e); koll_bild8.start(1,0.5); e.stop(); }); $('koll_id1').addEvent('click', function(e) { e = new Event(e); new Ajax("fileadmin/phpextern/kol_kollektion_trend.php?id=1", {method:'get',evalScripts: true,update: $('detail')}).request(); hide('links'); hide('rechts'); fx.start({ 'opacity': 0 }).chain(function() { myFx.start(0,1); }).chain(function() { myFx.start(0,1); }); e.stop(); }); var koll_bild9 = new Fx.Style('koll_id1','opacity',{wait: false,duration: 200}); koll_bild9.set(0.5); $('koll_id1').addEvent('mouseenter', function(e) { e = new Event(e); koll_bild9.start(0.5,1); e.stop(); }); $('koll_id1').addEvent('mouseleave', function(e) { e = new Event(e); koll_bild9.start(1,0.5); e.stop(); }); $('koll_id42').addEvent('click', function(e) { e = new Event(e); new Ajax("fileadmin/phpextern/kol_kollektion_trend.php?id=42", {method:'get',evalScripts: true,update: $('detail')}).request(); hide('links'); hide('rechts'); fx.start({ 'opacity': 0 }).chain(function() { myFx.start(0,1); }).chain(function() { myFx.start(0,1); }); e.stop(); }); var koll_bild10 = new Fx.Style('koll_id42','opacity',{wait: false,duration: 200}); koll_bild10.set(0.5); $('koll_id42').addEvent('mouseenter', function(e) { e = new Event(e); koll_bild10.start(0.5,1); e.stop(); }); $('koll_id42').addEvent('mouseleave', function(e) { e = new Event(e); koll_bild10.start(1,0.5); e.stop(); }); });