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_id230').addEvent('click', function(e) { e = new Event(e); new Ajax("fileadmin/phpextern/kol_kollektion_basic.php?id=230", {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_id230','opacity',{wait: false,duration: 200}); koll_bild1.set(0.5); $('koll_id230').addEvent('mouseenter', function(e) { e = new Event(e); koll_bild1.start(0.5,1); e.stop(); }); $('koll_id230').addEvent('mouseleave', function(e) { e = new Event(e); koll_bild1.start(1,0.5); e.stop(); }); $('koll_id15').addEvent('click', function(e) { e = new Event(e); new Ajax("fileadmin/phpextern/kol_kollektion_basic.php?id=15", {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_id15','opacity',{wait: false,duration: 200}); koll_bild2.set(0.5); $('koll_id15').addEvent('mouseenter', function(e) { e = new Event(e); koll_bild2.start(0.5,1); e.stop(); }); $('koll_id15').addEvent('mouseleave', function(e) { e = new Event(e); koll_bild2.start(1,0.5); e.stop(); }); $('koll_id40').addEvent('click', function(e) { e = new Event(e); new Ajax("fileadmin/phpextern/kol_kollektion_basic.php?id=40", {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_id40','opacity',{wait: false,duration: 200}); koll_bild3.set(0.5); $('koll_id40').addEvent('mouseenter', function(e) { e = new Event(e); koll_bild3.start(0.5,1); e.stop(); }); $('koll_id40').addEvent('mouseleave', function(e) { e = new Event(e); koll_bild3.start(1,0.5); e.stop(); }); $('koll_id12').addEvent('click', function(e) { e = new Event(e); new Ajax("fileadmin/phpextern/kol_kollektion_basic.php?id=12", {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_id12','opacity',{wait: false,duration: 200}); koll_bild4.set(0.5); $('koll_id12').addEvent('mouseenter', function(e) { e = new Event(e); koll_bild4.start(0.5,1); e.stop(); }); $('koll_id12').addEvent('mouseleave', function(e) { e = new Event(e); koll_bild4.start(1,0.5); e.stop(); }); $('koll_id14').addEvent('click', function(e) { e = new Event(e); new Ajax("fileadmin/phpextern/kol_kollektion_basic.php?id=14", {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_id14','opacity',{wait: false,duration: 200}); koll_bild5.set(0.5); $('koll_id14').addEvent('mouseenter', function(e) { e = new Event(e); koll_bild5.start(0.5,1); e.stop(); }); $('koll_id14').addEvent('mouseleave', function(e) { e = new Event(e); koll_bild5.start(1,0.5); e.stop(); }); $('koll_id41').addEvent('click', function(e) { e = new Event(e); new Ajax("fileadmin/phpextern/kol_kollektion_basic.php?id=41", {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_id41','opacity',{wait: false,duration: 200}); koll_bild6.set(0.5); $('koll_id41').addEvent('mouseenter', function(e) { e = new Event(e); koll_bild6.start(0.5,1); e.stop(); }); $('koll_id41').addEvent('mouseleave', function(e) { e = new Event(e); koll_bild6.start(1,0.5); e.stop(); }); $('koll_id132').addEvent('click', function(e) { e = new Event(e); new Ajax("fileadmin/phpextern/kol_kollektion_basic.php?id=132", {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_id132','opacity',{wait: false,duration: 200}); koll_bild7.set(0.5); $('koll_id132').addEvent('mouseenter', function(e) { e = new Event(e); koll_bild7.start(0.5,1); e.stop(); }); $('koll_id132').addEvent('mouseleave', function(e) { e = new Event(e); koll_bild7.start(1,0.5); e.stop(); }); });