window.addEvent('domready', function(){
	
	var screenWidth = window.getCoordinates().width;
	
	$('sign').setStyle('background-position', (screenWidth / 2 - 235)+'px -205px');
	var signMorph = new Fx.Morph($('sign'), {duration: 900, transition: Fx.Transitions.Sine.easeOut});
	signMorph.start({'background-position': (screenWidth / 2 - 235)+'px 55px'});
	
	var centerScreen = (screenWidth - 1680) / 2;
	
	document.addEvent('mousemove', function(e){
		
		//alert(e.page.x);
		var percentage = (e.page.x / screenWidth) * 100;
		
		if(percentage < 50)
		{
			var backgroundPosition = centerScreen + (50 - percentage);
		}
		else
		{
			var backgroundPosition = centerScreen - (percentage - 50);
		}
		
		$('hills2').setStyle('background-position', (backgroundPosition / 4)+'px -10px');
		$('hills').setStyle('background-position', (backgroundPosition / 2)+'px 0px');
		//$('theBody').setStyle('background-position', (backgroundPosition)+'px 0px');

	});

	
	if($('doorGlow'))
	{
		var doorGlow = new Fx.Morph($('doorGlow'), {duration: 200, transition: Fx.Transitions.Sine.easeOut});
		var doorSign = new Fx.Morph($('doorSign'), {duration: 200, transition: Fx.Transitions.Sine.easeOut});
		
		$('doorArea').addEvent('mousemove', function(){
			doorGlow.cancel();
			doorSign.cancel();
			
			$('doorGlow').setStyle('display','block');
			$('doorSign').setStyle('display','block');
			
			doorSign.start({'opacity': 1, 'left':'500px'});
			doorGlow.start({'opacity': 1});
		});
		
		$('doorArea').addEvent('mouseleave', function(){
			doorGlow.cancel();
			doorSign.cancel();
			
			doorGlow.start({'opacity': 0});
			doorSign.start({'opacity': 0, 'left':'490px'});
		});
		
		
		var win = new Fx.Morph($('windowArea'), {duration: 500, transition: Fx.Transitions.Sine.easeOut});
		var winSign = new Fx.Morph($('windowSign'), {duration: 500, transition: Fx.Transitions.Sine.easeOut});
		$('windowArea').addEvent('mousemove', function(){
			win.cancel();
			winSign.cancel();
			$('windowSign').setStyle('display','block');
			winSign.start({'opacity': 1, 'left':'380px'});
			win.start({'background-position': '0px -144px'});	
		});
		
		$('windowArea').addEvent('mouseleave', function(){
			win.cancel();
			winSign.cancel();
			
			winSign.start({'opacity': 0, 'left':'370px'});
			win.start({'background-position': '0px 0px'});
		});
		
		
		var win2 = new Fx.Morph($('windowArea-02'), {duration: 500, transition: Fx.Transitions.Sine.easeOut});
		var winSign2 = new Fx.Morph($('windowSign-02'), {duration: 500, transition: Fx.Transitions.Sine.easeOut});
		$('windowArea-02').addEvent('mousemove', function(){
			win2.cancel();
			winSign2.cancel();
			$('windowSign-02').setStyle('display','block');
			winSign2.start({'opacity': 1, 'left':'620px'});
			win2.start({'background-position': '0px -144px'});	
		});
		
		$('windowArea-02').addEvent('mouseleave', function(){
			win2.cancel();
			winSign2.cancel();
			
			winSign2.start({'opacity': 0, 'left':'610px'});
			win2.start({'background-position': '0px 0px'});
		});
		
		
		
		var pic01 = new Fx.Morph($('photo-01'), {duration: 200, transition: Fx.Transitions.Sine.easeOut});
		var pic02 = new Fx.Morph($('photo-02'), {duration: 200, transition: Fx.Transitions.Sine.easeOut});
		
		$('siloArea').addEvent('mousemove', function(){
			pic01.cancel();
			pic02.cancel();
			
			$('photo-01').setStyle('display','block');
			$('photo-02').setStyle('display','block');
			
			pic01.start({'opacity': 1, 'left':'805px', 'top':'50px'});	
			pic02.start({'opacity': 1, 'left':'695px', 'top':'0px'});	
		});
		
		$('siloArea').addEvent('mouseleave', function(){
			pic01.cancel();
			pic02.cancel();
			
			pic01.start({'opacity': 0, 'left':'800px', 'top':'60px'});	
			pic02.start({'opacity': 0, 'left':'700px', 'top':'10px'});	
		});
		
		
		
		var shareSign = new Fx.Morph($('shareSign'), {duration: 200, transition: Fx.Transitions.Sine.easeOut});
		
		$('carArea').addEvent('mousemove', function(){
			$('shareSign').setStyle('display','block');
			shareSign.cancel();
			shareSign.start({'opacity': 1, 'left':'210px'});	
		});
		
		$('carArea').addEvent('mouseleave', function(){
			shareSign.cancel();
			shareSign.start({'opacity': 0, 'left':'200px'});
		});
		
		
		
		// BOTTOM WINDOWS
		var pic03 = new Fx.Morph($('photo-03'), {duration: 200, transition: Fx.Transitions.Sine.easeOut});
		var pic04 = new Fx.Morph($('photo-04'), {duration: 200, transition: Fx.Transitions.Sine.easeOut});
		
		$('windowArea-03').addEvent('mousemove', function(){
			pic03.cancel();
			pic04.cancel();
			
			$('photo-03').setStyle('display','block');
			$('photo-04').setStyle('display','block');
			
			pic03.start({'opacity': 1, 'left':'285px', 'top':'150px'});	
			pic04.start({'opacity': 1, 'left':'175px', 'top':'100px'});	
		});
		
		$('windowArea-03').addEvent('mouseleave', function(){
			pic03.cancel();
			pic04.cancel();
			
			pic03.start({'opacity': 0, 'left':'280px', 'top':'160px'});	
			pic04.start({'opacity': 0, 'left':'180px', 'top':'110px'});	
		});
		
		
		
		var pic05 = new Fx.Morph($('photo-05'), {duration: 200, transition: Fx.Transitions.Sine.easeOut});
		var pic06 = new Fx.Morph($('photo-06'), {duration: 200, transition: Fx.Transitions.Sine.easeOut});
		
		$('windowArea-04').addEvent('mousemove', function(){
			pic05.cancel();
			pic06.cancel();
			
			$('photo-05').setStyle('display','block');
			$('photo-06').setStyle('display','block');
			
			pic05.start({'opacity': 1, 'left':'535px', 'top':'150px'});	
			pic06.start({'opacity': 1, 'left':'425px', 'top':'100px'});	
		});
		
		$('windowArea-04').addEvent('mouseleave', function(){
			pic05.cancel();
			pic06.cancel();
			
			pic05.start({'opacity': 0, 'left':'530px', 'top':'160px'});	
			pic06.start({'opacity': 0, 'left':'430px', 'top':'110px'});	
		});
		
	}
	
});
