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: 3000, 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_id258').addEvent('click', function(e) { e = new Event(e); new Ajax("fileadmin/phpextern/kol_katalog_accessoires.php?id=258", {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_id258','opacity',{wait: false,duration: 200}); koll_bild1.set(0.5); $('koll_id258').addEvent('mouseenter', function(e) { e = new Event(e); koll_bild1.start(0.5,1); e.stop(); }); $('koll_id258').addEvent('mouseleave', function(e) { e = new Event(e); koll_bild1.start(1,0.5); e.stop(); }); $('koll_id259').addEvent('click', function(e) { e = new Event(e); new Ajax("fileadmin/phpextern/kol_katalog_accessoires.php?id=259", {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_id259','opacity',{wait: false,duration: 200}); koll_bild2.set(0.5); $('koll_id259').addEvent('mouseenter', function(e) { e = new Event(e); koll_bild2.start(0.5,1); e.stop(); }); $('koll_id259').addEvent('mouseleave', function(e) { e = new Event(e); koll_bild2.start(1,0.5); e.stop(); }); $('koll_id260').addEvent('click', function(e) { e = new Event(e); new Ajax("fileadmin/phpextern/kol_katalog_accessoires.php?id=260", {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_id260','opacity',{wait: false,duration: 200}); koll_bild3.set(0.5); $('koll_id260').addEvent('mouseenter', function(e) { e = new Event(e); koll_bild3.start(0.5,1); e.stop(); }); $('koll_id260').addEvent('mouseleave', function(e) { e = new Event(e); koll_bild3.start(1,0.5); e.stop(); }); $('koll_id261').addEvent('click', function(e) { e = new Event(e); new Ajax("fileadmin/phpextern/kol_katalog_accessoires.php?id=261", {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_id261','opacity',{wait: false,duration: 200}); koll_bild4.set(0.5); $('koll_id261').addEvent('mouseenter', function(e) { e = new Event(e); koll_bild4.start(0.5,1); e.stop(); }); $('koll_id261').addEvent('mouseleave', function(e) { e = new Event(e); koll_bild4.start(1,0.5); e.stop(); }); $('koll_id264').addEvent('click', function(e) { e = new Event(e); new Ajax("fileadmin/phpextern/kol_katalog_accessoires.php?id=264", {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_id264','opacity',{wait: false,duration: 200}); koll_bild5.set(0.5); $('koll_id264').addEvent('mouseenter', function(e) { e = new Event(e); koll_bild5.start(0.5,1); e.stop(); }); $('koll_id264').addEvent('mouseleave', function(e) { e = new Event(e); koll_bild5.start(1,0.5); e.stop(); }); $('koll_id265').addEvent('click', function(e) { e = new Event(e); new Ajax("fileadmin/phpextern/kol_katalog_accessoires.php?id=265", {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_id265','opacity',{wait: false,duration: 200}); koll_bild6.set(0.5); $('koll_id265').addEvent('mouseenter', function(e) { e = new Event(e); koll_bild6.start(0.5,1); e.stop(); }); $('koll_id265').addEvent('mouseleave', function(e) { e = new Event(e); koll_bild6.start(1,0.5); e.stop(); }); $('koll_id266').addEvent('click', function(e) { e = new Event(e); new Ajax("fileadmin/phpextern/kol_katalog_accessoires.php?id=266", {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_id266','opacity',{wait: false,duration: 200}); koll_bild7.set(0.5); $('koll_id266').addEvent('mouseenter', function(e) { e = new Event(e); koll_bild7.start(0.5,1); e.stop(); }); $('koll_id266').addEvent('mouseleave', function(e) { e = new Event(e); koll_bild7.start(1,0.5); e.stop(); }); $('koll_id267').addEvent('click', function(e) { e = new Event(e); new Ajax("fileadmin/phpextern/kol_katalog_accessoires.php?id=267", {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_id267','opacity',{wait: false,duration: 200}); koll_bild8.set(0.5); $('koll_id267').addEvent('mouseenter', function(e) { e = new Event(e); koll_bild8.start(0.5,1); e.stop(); }); $('koll_id267').addEvent('mouseleave', function(e) { e = new Event(e); koll_bild8.start(1,0.5); e.stop(); }); });