/* DomReady Event fires when all Elements are ready, but not images. */
window.addEvent('domready', function() {
	new SmoothScroll({ duration:700 }, window); 

	el = $('menu_winning_products_services');
	el2 = $('menu_how_we_work');
	el3 = $('menu_who_we_are');
	el4 = $('menu_blog');
	el5 = $('content_box');
	
	var myVerticalSlide = new Fx.Slide(el5).hide();
	
	
//	var myEffect = new Fx.Morph(el);
//	var myEffect2 = new Fx.Morph(el2);
//	var myEffect3 = new Fx.Morph(el3);
//	var myEffect4 = new Fx.Morph(el4);
	

});

/* Load Event fires when the whole page is loaded, included all images */
window.addEvent('load', function() {
	
	
	el = $('menu_winning_products_services');
	el2 = $('menu_how_we_work');
	el3 = $('menu_who_we_are');
	el4 = $('menu_blog');
	el5 = $('content_box');
	el6 = $('copyright');
	el7 = $('footer_menu');
	el8 = $('quote');
	
	
	

	//var myVerticalSlide = new Fx.Slide(el5, {duration: 800, transition: Fx.Transitions.Sine.easeOut});
	
	//myVerticalSlide.slideIn();
	
	var x = new Chain();
	var one = function(){
		var myEffect5 = new Fx.Morph(el5);
	
		myEffect5.set({
			'display': 'block'
		});
		
		var myVerticalSlide = new Fx.Slide(el5).hide();
		
		var myVerticalSlide = new Fx.Slide(el5, {duration: 800, transition: Fx.Transitions.Sine.easeOut});
		myVerticalSlide.slideIn();
	};
	var two = function(){
		var myEffect6 = new Fx.Morph(el6);
		myEffect6.set({
			'display': 'block'
		});
		var myEffect7 = new Fx.Morph(el7);
		myEffect7.set({
			'display': 'block'
		});
	};
	var three = function(){
		additional_effects();
		scroll_now();
	};
	x.chain(one);
	x.chain(two);
	x.chain(three);
	x.callChain();
	x.callChain.delay(800, x);
	x.callChain.delay(900, x);
	
	
	var y = new Chain();
	var menu_one = function(){
		var myEffect = new Fx.Morph(el, {duration: 1000, transition: Fx.Transitions.Sine.easeOut});
		myEffect.start({
			'display': 'inline',
			'opacity': [0,1]
		});
	};
	var menu_two = function(){
		var myEffect2 = new Fx.Morph(el2, {duration: 1000, transition: Fx.Transitions.Sine.easeOut});
		myEffect2.start({
			'display': 'inline',
			'opacity': [0,1]
		});
	};
	var menu_three = function(){
		var myEffect3 = new Fx.Morph(el3, {duration: 1000, transition: Fx.Transitions.Sine.easeOut});
		myEffect3.start({
			'display': 'inline',
			'opacity': [0,1]
		});
	};
	var menu_four = function(){
		var myEffect4 = new Fx.Morph(el4, {duration: 1000, transition: Fx.Transitions.Sine.easeOut});
		myEffect4.start({
			'display': 'inline',
			'opacity': [0,1]
		});
	};
	var menu_five = function(){
		var myEffectquote = new Fx.Morph(el8, {duration: 1000, transition: Fx.Transitions.Sine.easeOut});
		myEffectquote.start({
			'display': 'inline',
			'opacity': [0,1]
		});
	};
	y.chain(menu_one);
	y.chain(menu_two);
	y.chain(menu_three);
	y.chain(menu_four);
	y.chain(menu_five);
	y.callChain();
	y.callChain.delay(200, y);
	y.callChain.delay(400, y);
	y.callChain.delay(600, y);
	y.callChain.delay(100, y);
	
	
	
});