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

// list globals

var open_btn = $('open_form');
var close_btn = $('close_form');



function loadform() {
	
	var overlay = $('overlay');
	var form_window = $('form_container');
	var form = $('form');
	var hdr = $('form_container').getElements('.hdr');
	var x = new Chain();
	
var one = function(){
	
	
	var viewport = document.getElement('body').getSize();
	
	overlay.setStyles({
	width: "100%",
	height: "1300px"	
	});
	
	overlay.fade(0.6);
	$('close_form').setStyle('display','block');
	//hdr.fade('in');
	hdr.setStyle('visibility','visible');
	
	form_window.fade('in');
	
	var myEffect = new Fx.Morph(form_window, {duration: 'short', transition: Fx.Transitions.Sine.easeOut});
	myEffect.start({
    'height': [0, 512], //Morphs the 'height' style from 10px to 100px.
    'width': [0, 517]  //Morphs the 'width' style from 900px to 300px.
	});
	

	}; // end function one
	
	var two = function(){
	
	exampleFx = new Fx.Tween(form, {
	property: 'opacity',
	duration: 500
	});

	exampleFx.start(0,1); /*fade it in*/
	//$('form').setStyle('visibility','visible');
	
	}
	
	x.chain(one);
	x.chain(two);
	x.callChain();
	x.callChain.delay(500, x); /*wait 2 secs, alert '2'*/

} // end loadform function


function close_form(){

	var overlay = $('overlay');
	var form_window = $('form_container');
	var form = $('form');
	var form_sent = $('form_sent');
	var hdr = $('form_container').getElements('.hdr');
	
	form_sent.addClass('hide');
	overlay.fade('out');
	form_window.fade('out');
	$('close_form').setStyle('display','none');
	exampleFx = new Fx.Tween(form, {
	property: 'opacity',
	duration: 1
	});
	
	exampleFx.start(1,0); /*fade it out*/
	hdr.setStyle('visibility','hidden');

}// end close_form function



// list events

open_btn.addEvent('click',function(e){
								   
	e.stop();
	loadform();

})

close_btn.addEvent('click',function(e){
									
	e.stop();
	close_form();

})

// end list events



//start form send//

$('WebToLeadForm').addEvent('send',function(e){


e.stop();

if ($('webtolead_email1').get('value')==""){

		  alert('Not a valid email address');
		  
}
else{
	
	
	




$('loader').addClass('loader');


new Request({
	//url: 'val_form.php',
	url: 'http://www.visualmetrixcrm.co.uk/index.php?entryPoint=WebToLeadCapture',
	method: 'post',
	evalScripts: true, 
	data: $('WebToLeadForm'), 
 	onSuccess: function(response,x) {
	
	$('loader').removeClass('loader');
	
	
	$('form').setStyle('visibility','hidden');


	var myEffect = new Fx.Morph($('form_container'), {
	duration: 'short', 
	transition: Fx.Transitions.Sine.easeOut
	});
	
	myEffect.start({
    'height': [545, 200] //Morphs the 'height' style from 10px to 100px.
    //'width': [0, 500]  //Morphs the 'width' style from 900px to 300px.
	});
	
	$('form_sent').removeClass('hide').setStyle('opacity','0').fade('in');


	//$('form_response').setProperty('html', response);
  }
}).send();  





}// end else


}) 


//end form send//

//console.debug(closed);

})// end domready