var h_new_logo = 0;
var w_new_logo = 0;
var arrow_left;
var arrow_right;
var autorun;
/*
window.addEvent('domready', function(){
	//step1();
	autorun = function(){ doLeft(true); };
	autorun.periodical(10000);
});
*/

function introStep1()
{
	var el = $('maincontainer');
	var intro =$('intro');
	intro.setStyle('backgroundColor','#FFFFFF');
	intro.setStyle('opacity','1');
	var h = el.getStyle('height');
	intro.setStyle('width',10000);
	intro.setStyle('height',h);
	intro.setStyle('display','block');

	var new_logo = $('new_logo');
	//alert(top_old_logo);

	h_new_logo = new_logo.getStyle('height');
	w_new_logo = new_logo.getStyle('width');
	new_logo.setStyle('height','0px');
	new_logo.setStyle('width','0px');
	
	var effect = new Fx.Morph(intro, {duration: 2500, transition: Fx.Transitions.Sine.easeOut});

	effect.addEvents({
		'complete': function() {
			step2();
		}
	});

	effect.start({
		'opacity':[1,1]
	});
}

function step2()
{
	var intro =$('intro');
	var old_logo = $('old_logo');
	var new_logo = $('new_logo');
	var h_old_logo = parseFloat(old_logo.getStyle('height').replace('px',''));
	var w_old_logo = parseFloat(old_logo.getStyle('width').replace('px',''));
	var top_old_logo = parseFloat(old_logo.getStyle('top').replace('px',''));
	var left_old_logo = parseFloat(old_logo.getStyle('left').replace('px',''));
	var effect_old_logo = new Fx.Morph(old_logo, {duration: 2000, transition: Fx.Transitions.Sine.easeOut}); 
	var effect_new_logo = new Fx.Morph(new_logo, {duration: 2500, transition: Fx.Transitions.Sine.easeOut}); 
	
	effect_old_logo.start({
			'opacity':[1,0],
			'width':[w_old_logo,0],
			'height':[h_old_logo,0],
			'top':[top_old_logo,2*top_old_logo],
			'left':[left_old_logo,2*left_old_logo]
	});

	effect_new_logo.start({
			'opacity':[0,1],
			'width':[0,w_new_logo],
			'height':[0,h_new_logo]	
	});

	var effect = new Fx.Morph(intro, {duration: 2500, transition: Fx.Transitions.Sine.easeOut});

	effect.addEvents({
		'complete': function() {
			step3();
		}
	});

	effect.start({
		'opacity':[1,1],
		'backgroundColor':['#FFFFFF','#002d56']
	});
}

function step3()
{
	var div_a_left = $('div_arrow_left');
	var div_a_right = $('div_arrow_right');

	div_a_left.setStyle('opacity','0');
	div_a_right.setStyle('opacity','0');

	arrow_left = $('arrow_left').rotate(-90);
	arrow_right = $('arrow_right').rotate(-90);

	div_a_left.setStyle('z-index','10');
	div_a_right.setStyle('z-index','10');
	div_a_right.setStyle('position','relative');
	div_a_left.setStyle('position','relative');
	div_a_left.setStyle('top','-88px');
	div_a_right.setStyle('top','-88px');
	
	var left = 730;
	var right = -308;
	var winWidth = window.innerWidth;
	if (winWidth > 1115)
	{
		left = 738 - ((winWidth-1115)/2);
		right = -300 - ((winWidth-1115)/2);
	}
	div_a_left.setStyle('left', left + 'px');
	div_a_right.setStyle('left', right + 'px');

	var effect_left = new Fx.Morph(div_a_left, {duration: 500, transition: Fx.Transitions.Sine.easeOut});

	effect_left.start({
		'opacity':[0,1]
	});

	var effect_right = new Fx.Morph(div_a_right, {duration: 500, transition: Fx.Transitions.Sine.easeOut});

	effect_right.start({
		'opacity':[0,1]
	});
	
	var effect = new Fx.Morph($('new_logo'), {duration: 2500, transition: Fx.Transitions.Sine.easeOut});

	effect.addEvents({
		'complete': function() {
			//alert('end step3');
			step4();
		}
	});

	effect.start({
		'opacity':[1,1]
	});
}

function step4()
{
	$('new_logo').setStyle('display','none');
	//alert('step4');
	var div_a_left = $('div_arrow_left');
	var div_a_right = $('div_arrow_right');
	
	//div_a_right.setStyle('position','static');
	//div_a_left.setStyle('position','static');
	var left = parseFloat(div_a_left.getStyle('left').replace('px',''));
	var right = parseFloat(div_a_right.getStyle('left').replace('px',''));
	
	div_a_left.setStyle('width','78px');
	div_a_right.setStyle('width','78px');
	div_a_left.setStyle('height','78px');
	div_a_right.setStyle('height','78px');
	
	arrow_left.rotateAnimation({angle:0});
	arrow_right.rotateAnimation({angle:0});


	var effect_left = new Fx.Morph(div_a_left, {duration: 500, transition: Fx.Transitions.Sine.easeOut});

	effect_left.start({
		'top':[32,0],
		'left':[left,0],
		'padding-top':[0,150]
	});

	var effect_right = new Fx.Morph(div_a_right, {duration: 500, transition: Fx.Transitions.Sine.easeOut});

	effect_right.start({
		'top':[32,0],
		'left':[right,0],
		'padding-top':[0,150]
	});

	var effect = new Fx.Morph($('intro'), {duration: 2500, transition: Fx.Transitions.Sine.easeOut});

	effect.addEvents({
		'complete': function() {
			//step3();
			$('intro').setStyle('display','none');
			div_a_left.setStyle('z-index','1');
			div_a_right.setStyle('z-index','1');
			div_a_left.setStyle('float','left');
			div_a_right.setStyle('float','left');

			//div_a_right.setStyle('position','static');
			//div_a_left.setStyle('position','static');

		}
	});

	effect.start({
		'opacity':[1,0]
	});
}