var BannerAnimation_Start = new Class({

    initialize: function(containerId){
		this.container = $(containerId);
		this.animate();
    },
	animate : function(){		
		
		var text = document.createElement('h1');
		text.innerHTML = 'GRATIS WEBBHOTELL I TRE ÅR!!!';
		text.style.width = '570px';
		text.style.position = 'absolute';
		text.style.marginTop = '5px';
		text.style.marginLeft= '118px';
		this.container.appendChild(text);
		
		new Fx.Styles(text, {duration: 1000,transition: Fx.Transitions.Bounce.easeOut}).start({
			'margin-top': [5, 40]
		}).chain(function(){
		
				
			var text = document.createElement('h3');
			text.innerHTML = 'VID BESTÄLLNING AV "WEBBPAKET - MEDIUM" FÖRE 1 JANUARI 2008 BJUDER VI PÅ WEBBHOTELLET I TRE ÅR';
			text.style.width = '620px';
			text.style.position = 'absolute';
			text.style.marginTop = '85px';
			text.style.marginLeft= '19px';
			this.container.appendChild(text);
			new Fx.Styles(text, {duration: 500,transition: Fx.Transitions.Elastic.easeOut}).start({
			'margin-left': [19, 114]})
			
			
		}.bind(this));
		
		
	}
});
var BannerAnimation_About = new Class({

    initialize: function(containerId){
		this.container = $(containerId);
		this.animate();
    },
	animate : function(){
	
		
		var text = document.createElement('h1');
		text.innerHTML = 'Cazida Media + ';
		text.style.width = '300px';
		text.style.position = 'absolute';
		text.style.marginTop = '35px';
		text.style.marginLeft= '5px';
		this.container.appendChild(text);
		
		new Fx.Styles(text, {duration: 1000,transition: Fx.Transitions.Bounce.easeOut}).start({
			'margin-left': [5, 158]
		}).chain(function(){
		
			var text = document.createElement('h1');
			text.innerHTML = 'Webbstandard';
			text.style.width = '200px';
			text.style.position = 'absolute';
			text.style.marginTop = '35px';
			text.style.marginLeft= '520px';
			this.container.appendChild(text);
			new Fx.Styles(text, {duration: 1000,transition: Fx.Transitions.Bounce.easeOut}).start({
			'margin-left': [520, 418]}).chain(function(){
		
			var text = document.createElement('h2');
			text.innerHTML = ' = Sant';
			text.style.width = '300px';
			text.style.position = 'absolute';
			text.style.marginTop = '75px';
			text.style.marginLeft= '520px';
			this.container.appendChild(text);
			new Fx.Styles(text, {duration: 1000,transition: Fx.Transitions.Elastic.easeOut}).start({
			'margin-left': [520, 350]});
			
		}.bind(this));
			
		}.bind(this));
		
		
	}
});
var BannerAnimation_Service = new Class({

    initialize: function(containerId){
		this.container = $(containerId);
		this.animate();
    },
	animate : function(){
	
		
		var text = document.createElement('h2');
		text.innerHTML = 'Webbdesign';
		text.style.width = '300px';
		text.style.position = 'absolute';
		text.style.marginTop = '20px';
		text.style.marginLeft= '70px';
		this.container.appendChild(text);
		new Fx.Styles(text, {duration: 1000,transition: Fx.Transitions.Elastic.easeOut}).start({
		'margin-left': [70, 160]}).chain(function(){
		
			var text = document.createElement('h2');
			text.innerHTML = 'Trycksaksproduktion';
			text.style.width = '300px';
			text.style.position = 'absolute';
			text.style.marginTop = '75px';
			text.style.marginLeft= '520px';
			this.container.appendChild(text);
			new Fx.Styles(text, {duration: 1000,transition: Fx.Transitions.Elastic.easeOut}).start({
			'margin-left': [520, 350]}).chain(function(){
		
			var text = document.createElement('h2');
			text.innerHTML = 'Webbhotell';
			text.style.width = '300px';
			text.style.position = 'absolute';
			text.style.marginTop = '75px';
			text.style.marginLeft= '10';
			this.container.appendChild(text);
			new Fx.Styles(text, {duration: 1000,transition: Fx.Transitions.Elastic.easeOut}).start({
			'margin-left': [10, 60]}).chain(function(){
			
			var text = document.createElement('h2');
		    text.innerHTML = 'Sökmotoroptimering';
		    text.style.width = '300px';
		    text.style.position = 'absolute';
		    text.style.marginTop = '20px';
		    text.style.marginLeft= '70px';
		    this.container.appendChild(text);
		    new Fx.Styles(text, {duration: 1000,transition: Fx.Transitions.Elastic.easeOut}).start({
		    'margin-left': [70, 480]});
			
		}.bind(this));
			
		}.bind(this));
		
		}.bind(this));
		
		
	}
});