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














			

			
		
});