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_id268').addEvent('click', function(e) { e = new Event(e); new Ajax("fileadmin/phpextern/kol_katalog_shirtsblusen.php?id=268", {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_id268','opacity',{wait: false,duration: 200}); koll_bild1.set(0.5); $('koll_id268').addEvent('mouseenter', function(e) { e = new Event(e); koll_bild1.start(0.5,1); e.stop(); }); $('koll_id268').addEvent('mouseleave', function(e) { e = new Event(e); koll_bild1.start(1,0.5); e.stop(); }); $('koll_id269').addEvent('click', function(e) { e = new Event(e); new Ajax("fileadmin/phpextern/kol_katalog_shirtsblusen.php?id=269", {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_id269','opacity',{wait: false,duration: 200}); koll_bild2.set(0.5); $('koll_id269').addEvent('mouseenter', function(e) { e = new Event(e); koll_bild2.start(0.5,1); e.stop(); }); $('koll_id269').addEvent('mouseleave', function(e) { e = new Event(e); koll_bild2.start(1,0.5); e.stop(); }); $('koll_id270').addEvent('click', function(e) { e = new Event(e); new Ajax("fileadmin/phpextern/kol_katalog_shirtsblusen.php?id=270", {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_id270','opacity',{wait: false,duration: 200}); koll_bild3.set(0.5); $('koll_id270').addEvent('mouseenter', function(e) { e = new Event(e); koll_bild3.start(0.5,1); e.stop(); }); $('koll_id270').addEvent('mouseleave', function(e) { e = new Event(e); koll_bild3.start(1,0.5); e.stop(); }); });