var Shake = new Class({
	Implements:Options,
		options:{
			distance: 6,
			duration: 50,
			transition: Fx.Transitions.Sine.easeInOut,
			loops: 2
		},
		
	initialize:function(element,options){
		this.setOptions(options);
		this.element=$(element);
		if(this.element.getStyle('position')!='absolute') this.element.setStyle('position','relative');
		this.tween = new Fx.Tween(this.element,{ 
			link: 'chain', 
			duration: this.options.duration,
			transition: this.options.transition
		});
	},
	
	shake:function(){
		var d=this.options.distance;
		for(x=0;x<this.options.loops;x++) this.tween.start('right',d+74).start('right',-d+74);
		this.tween.start('right',d+74).start('right',74);
	}
	
});

var randomNumber=Math.floor(Math.random()*9);

window.addEvent('domready', function()
	{
		headerImage = new Image();
		headerImage.onLoad=activateHeader();
     	headerImage.src = '/img/header-background-'+randomNumber+'.jpg';

		this.shakeIt = new Shake('tag-line');
		var interval = setInterval ( "this.shakeIt.shake()", 10000 );
		
		var list = $$('div.button');
		
		list.each(function(element)
		{
			var fx = new Fx.Morph(element, {duration:1000, transition: Fx.Transitions.Elastic.easeOut, wait:false});
			element.addEvent('mouseenter', function()
			{
			fx.start({'margin-left': 20});
			});

			element.addEvent('mouseleave', function()
			{
			fx.start({'margin-left': 0});
			});
		});
	}
);

function activateHeader()
	{    
		$('header-background-tier').setStyle('background-image', 'url(/img/header-background-'+randomNumber+'.jpg)');
		var headerFx = new Fx.Morph($('header-background-tier'), {duration:1000, transition: Fx.Transitions.Bounce.easeOut, wait:false});
		headerFx.start({'height': 164});
	}