// JavaScript Document

function skrollTo(element){
	var skroll = new Fx.Scroll(window,{duration: 2000, wait: false, transition: Fx.Transitions.Quad.easeInOut});
	skroll.toElement(element);
	return false;
	}

function contactForm(){
	new Ajax('/contactForm.php', {method: 'get',update: $('contact'), onComplete:function(){ showContactForm(392); }}).request();
	}

function signupForm(){
	new Ajax('/signupForm.php', {method: 'get',update: $('contact'), onComplete:function(){ showContactForm(392); }}).request();
	}

function prizeList(){
	new Ajax('/prizeList.php', {method: 'get',update: $('contact'), onComplete:function(){ showContactForm(392); }}).request();
	}

function badges(){
	new Ajax('/badges.php', {method: 'get',update: $('contact'), onComplete:function(){ showContactForm(550); }}).request();
	}

function video(){
	new Ajax('/video.php', {method: 'get',update: $('contact'), onComplete:function(){ showContactForm(500); }}).request();
	}
	
function showContactForm(cwidth){

	var contactBox = $('contact');
	contactBox.style.width = cwidth+'px'; 
	contactBox.style.display = 'block';
	var cstat = contactBox.getSize();

	var width = window.getWidth();
	var height = window.getHeight();
	var top = window.getScrollTop();
	

	css_top = ((height - cstat['scrollSize']['y'])/2)+parseInt(top);
	css_left = (width - cstat['size']['x'])/2;
	
	$('contact').style.top = css_top+'px';
	$('contact').style.left = css_left+'px';
	

	}

function closeIt(){
	contactBox = $('contact');
	contactBox.style.display = 'none';
	}

function submitForm(myform){
	
	$('cForm').send();
	//var mydata = $('cForm').toQueryString();
	//new Ajax('/form.engine.php', {data: mydata, method: 'post'}).request();
	
	
	myform.innerHTML = '<p align="center"><strong>Thank You!</strong><br />We have received your comment and will be in touch soon.</p><p align="center"><a href="javascript:closeIt();">Close This Window</a></p>';
	
	return false;

	
	}