window.addEvent('domready', function(){
	// The same as before: adding events
	$('whatson').addEvents({
		'mouseenter': function(){
			// Always sets the duration of the tween to 1000 ms and a bouncing transition
			// And then tweens the height of the element
			this.set('tween', {
				duration: 1000,
				transition: Fx.Transitions.Bounce.easeOut // This could have been also 'bounce:out'
			}).tween('height', '200px');
		},
		'mouseleave': function(){
			// Resets the tween and changes the element back to its original size
			this.set('tween', {}).tween('height', '20px');
		}
	});
	
	$('kidszone').addEvents({
		'mouseenter': function(){
			// Always sets the duration of the tween to 1000 ms and a bouncing transition
			// And then tweens the height of the element
			this.set('tween', {
				duration: 1000,
				transition: Fx.Transitions.Bounce.easeOut // This could have been also 'bounce:out'
			}).tween('height', '180px');
		},
		'mouseleave': function(){
			// Resets the tween and changes the element back to its original size
			this.set('tween', {}).tween('height', '20px');
		}
	});
	

	// The same as before: adding events
$('youngpeopleszone').addEvents({
		'mouseenter': function(){
			// Always sets the duration of the tween to 1000 ms and a bouncing transition
			// And then tweens the height of the element
			this.set('tween', {
				duration: 1000,
				transition: Fx.Transitions.Bounce.easeOut // This could have been also 'bounce:out'
			}).tween('height', '250px');
		},
		'mouseleave': function(){
			// Resets the tween and changes the element back to its original size
			this.set('tween', {}).tween('height', '25px');
		}
	});


	// The same as before: adding events
$('parentszone').addEvents({
		'mouseenter': function(){
			// Always sets the duration of the tween to 1000 ms and a bouncing transition
			// And then tweens the height of the element
			this.set('tween', {
				duration: 1000,
				transition: Fx.Transitions.Bounce.easeOut // This could have been also 'bounce:out'
			}).tween('height', '300px');
		},
		'mouseleave': function(){
			// Resets the tween and changes the element back to its original size
			this.set('tween', {}).tween('height', '25px');
		}
	});

	// The same as before: adding events

});



var UpdateInterval = 40;
var PixelPerInterval = 20;
var scorllerInterval;

function start_scroll_left()
{
	scorllerInterval = setInterval(scroll_left, UpdateInterval);
}

function scroll_left()
{
	document.getElementById('footer-scroll').scrollLeft -= PixelPerInterval;
} 

function start_scroll_right()
{
	scorllerInterval = setInterval(scroll_right, UpdateInterval);
}

function scroll_right()
{
	document.getElementById('footer-scroll').scrollLeft += PixelPerInterval;
}

function stop_scrolling()
{
	clearInterval(scorllerInterval);
}