function grow() {
	
	$('clients').setStyle('display','block');
	
	var alphaOne =  new Fx.Style($('clients'),'opacity', {duration: 1000}).start(.9);
	
	var growDiv = new Fx.Style($('clients'),
	'height', {duration: 1000})
	.addEvent('onComplete', function() {
		var expandDiv = new Fx.Style($('clients'),
		'width', {duration: 1500});
		expandDiv.start(600);
		});
	growDiv.start((window.getHeight()*.8));
	loadThumbs.delay('2000')
}
function closeWork() {
	var alphaOne =  new Fx.Style($('clients'),'opacity', {duration: 500}).start(0);
	var alphaClose =  new Fx.Style($('clientsBody'),'opacity', {duration: 50}).start(0);
	$('clients').setStyle('overflow','hidden');
	
	var shrinkDiv = new Fx.Style($('clients'),
	'width', {duration: 1500})
	.addEvent('onComplete', function() {
		var reduceDiv = new Fx.Style($('clients'),
		'hight', {duration: 1000});
		reduceDiv.start(0);
		});
	shrinkDiv.start(0);
	
	(function(){var alphaBio =  new Fx.Style('bio','opacity', {duration: 500}).start(1);}).delay(500);
}

function loadThumbs(){
	var alphaClose =  new Fx.Style('clientsBody','opacity', {duration: 800}).start(1);
	$('clients').setStyle('overflow','auto');
	
	(function(){var alphaBio =  new Fx.Style('bio','opacity', {duration: 500}).start(.2);}).delay(500);
}

function showhideContact(){
	if($('contact_info').getStyle('opacity') == 0){ 
		$('contact_info').setStyle('display','block');
		var fx =  new Fx.Style($('contact_info'),'opacity', {duration: 500}).start(1);
	}else{
		var fx =  new Fx.Style($('contact_info'),'opacity', {duration: 500});
		(function(){fx.start(0)}).delay(1000);
	}
}

function showContactForm(){
	document.web_req[0].focus();
	(function(){new Fx.Style($('main'),'top', {duration: 1000, transition: Fx.Transitions.Bounce.easeOut}).start($('main').getHeight())}).delay(500);
}

function hideContactForm(){
	(function(){new Fx.Style($('main'),'top', {duration: 1000, transition: Fx.Transitions.Bounce.easeOut}).start(0);
		$('log_res').setStyle('opacity',0);
		document.web_req.reset();
	}).delay(500);
	
}


window.addEvent('domready', function(){	


	$('web_req').addEvent('submit', function(e) {
		new Event(e).stop();
		var log = $('log_res');
		log.setStyle('display','block');
		log.setStyle('opacity',0);
		var logFx =  new Fx.Style(log,'opacity', {duration: 400});
		$('loader').setStyle('display','block');
		this.set('load', {
            url: this.get("action"), 
            method: this.get("method"),
			data: this,
			update: log,
			onComplete: function() {
				$('loader').setStyle('display','none');
				logFx.start(1);
			}
		});
		this.load();
		
		
	});
	
	$('clients').setStyle('opacity',0);
	$('clientsBody').setStyle('opacity',0);
	$('contact_info').setStyle('opacity',0);
	
	$('contact_info').addEvent('mouseleave', function(){
		showhideContact()
	});
	
	document.addEvent('mouseleave', function(){
		(function(){closeWork()}).delay(1000);
	});

	
});