window.addEvent('domready', function() {
	//---------- window ------------
	var statu = 0;
	var mySlideE = new Fx.Morph('window', {duration: 500, transition: Fx.Transitions.Sine.easeOut});
	$('window').setStyles({'opacity':statu, 'diplay':'none'});

	$('close').addEvent('click', function(e){
		e.stop();
		$('window').setStyles({'diplay':'none'});
		mySlideE.start({'opacity':statu});
		if(statu == 0){statu=1;}else if(statu==1){statu = 0;}
	});
	$('btn2').addEvent('click', function(e){
		e.stop();
		$('window').setStyles({'diplay':'visible'});
		mySlideE.start({'opacity':statu});
		if(statu == 0){statu=1;}else if(statu==1){statu = 0;$('window').setStyles({'diplay':'none'});}
	});
	
	//---------- menu ------------
	$$('.over').each(function(el){
		el.addEvent('mouseenter', function(e){
		e.stop();
		var eli = this.getElement('.img');
		var link = el.getProperty('over');
		var myeffect2 = new Fx.Morph(this.getElement('.txt'),{duration: 1000, transition: 'expo:out'});
			myeffect2.start({'color':'#fff'});
		var clone = eli.clone().injectAfter(eli).setStyles({
				position: 'absolute',
				'z-index': 400,
				'background':'url('+link+')',
				opacity: 1
				});
			var myeffect = new Fx.Morph(clone, {duration: 1000, transition: 'expo:out'});
			this.addEvent('mouseleave', function(){
				myeffect.cancel().start({'opacity':0});
				myeffect2.cancel().start({'color':'#848484'});
			});
			myeffect.start({'opacity':1});
			
		});
		/*el.addEvent('mouseout', function(e){
		e.stop();
		});*/
	});
		//---------- contact ------------
		var statu2 = 10;
		var slide2 = new Fx.Morph('contact', {duration: 600, transition: 'expo:out'});
		$('btn').addEvent('click', function(e){
		e.stop();
		slide2.start({'margin-top':statu2});
		if(statu2 == -75){statu2=10;}else if(statu2==10){statu2 = -75;}
	});
	
});