window.addEvent('domready', function(){ //var kollektion_gal = new Scroller('mousemovekat', {area: 100, velocity: 1}); //$('mousemovekat').addEvent('mouseenter', kollektion_gal.start.bind(kollektion_gal)); //$('mousemovekat').addEvent('mouseleave', kollektion_gal.stop.bind(kollektion_gal)); var scroll = new Fx.Scroll('mousemovekat', { wait: false, duration: 5000, 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 = $('mousemovekat'); 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('mousemovekat', 'opacity').set(1); //will make it immediately transparent $('koll_id245').addEvent('click', function(e) { e = new Event(e); new Ajax("fileadmin/phpextern/kol_katalog_kleiderroecke.php?id=245", {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_id245','opacity',{wait: false,duration: 200}); koll_bild1.set(0.5); $('koll_id245').addEvent('mouseenter', function(e) { e = new Event(e); koll_bild1.start(0.5,1); e.stop(); }); $('koll_id245').addEvent('mouseleave', function(e) { e = new Event(e); koll_bild1.start(1,0.5); e.stop(); }); $('koll_id246').addEvent('click', function(e) { e = new Event(e); new Ajax("fileadmin/phpextern/kol_katalog_kleiderroecke.php?id=246", {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_id246','opacity',{wait: false,duration: 200}); koll_bild2.set(0.5); $('koll_id246').addEvent('mouseenter', function(e) { e = new Event(e); koll_bild2.start(0.5,1); e.stop(); }); $('koll_id246').addEvent('mouseleave', function(e) { e = new Event(e); koll_bild2.start(1,0.5); e.stop(); }); $('koll_id256').addEvent('click', function(e) { e = new Event(e); new Ajax("fileadmin/phpextern/kol_katalog_kleiderroecke.php?id=256", {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_id256','opacity',{wait: false,duration: 200}); koll_bild3.set(0.5); $('koll_id256').addEvent('mouseenter', function(e) { e = new Event(e); koll_bild3.start(0.5,1); e.stop(); }); $('koll_id256').addEvent('mouseleave', function(e) { e = new Event(e); koll_bild3.start(1,0.5); e.stop(); }); $('koll_id278').addEvent('click', function(e) { e = new Event(e); new Ajax("fileadmin/phpextern/kol_katalog_kleiderroecke.php?id=278", {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_id278','opacity',{wait: false,duration: 200}); koll_bild4.set(0.5); $('koll_id278').addEvent('mouseenter', function(e) { e = new Event(e); koll_bild4.start(0.5,1); e.stop(); }); $('koll_id278').addEvent('mouseleave', function(e) { e = new Event(e); koll_bild4.start(1,0.5); e.stop(); }); $('koll_id281').addEvent('click', function(e) { e = new Event(e); new Ajax("fileadmin/phpextern/kol_katalog_kleiderroecke.php?id=281", {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_id281','opacity',{wait: false,duration: 200}); koll_bild5.set(0.5); $('koll_id281').addEvent('mouseenter', function(e) { e = new Event(e); koll_bild5.start(0.5,1); e.stop(); }); $('koll_id281').addEvent('mouseleave', function(e) { e = new Event(e); koll_bild5.start(1,0.5); e.stop(); }); $('koll_id285').addEvent('click', function(e) { e = new Event(e); new Ajax("fileadmin/phpextern/kol_katalog_kleiderroecke.php?id=285", {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_id285','opacity',{wait: false,duration: 200}); koll_bild6.set(0.5); $('koll_id285').addEvent('mouseenter', function(e) { e = new Event(e); koll_bild6.start(0.5,1); e.stop(); }); $('koll_id285').addEvent('mouseleave', function(e) { e = new Event(e); koll_bild6.start(1,0.5); e.stop(); }); });