function clear_field(el, text) {
	if (id.value == text) {
		id.value = '';
		id.style.color = '#555555';
	}
}
function unclear_field(el, text) {
	if (id.value.length == 0) {
		id.value = text;
		id.style.color = '#777777';
	}
}


function s() {
	Effect.ScrollTo('popup-container', { duration:'1', offset:-20 });
}

function show_popup() {
	$('popup-black').style.height = $('main').getHeight()+'px';
	Effect.toggle('popup-black', 'appear', { duration: 0.5, queue: 'end', from: 0.0, to: 0.6  });
	Effect.toggle('popup-container', 'appear', { duration: 0.5 });
	s();
}

function hide_popup() {
	Effect.toggle('popup-black', 'appear', { duration: 0.5, queue: 'end', from: 0.6, to: 0.0  });
	Effect.toggle('popup-container', 'appear', { duration: 0.5 });
}



function submit_ten_key_form() {


	if (document.ten_key_form.name.value.length == 0 || document.ten_key_form.name.value == 'name') {
		alert('Please enter your name');
        document.ten_key_form.name.focus();
		return false;
	}
	if (document.ten_key_form.email.value.length == 0 || document.ten_key_form.email.value == 'email') {
		alert('Please enter your email');
        document.ten_key_form.email.focus();
		return false;
	}

    url = "/submit_ten_key_form.php";
	var parms = "ihatespam=withapassion";
	parms += "&name="+document.ten_key_form.name.value;
	parms += "&email="+document.ten_key_form.email.value;
	new Ajax.Request(url, {
		method:'post',
		parameters: parms,
		onSuccess: function(transport){
            Effect.toggle('ten_key_form_inner', 'blind', { duration: 0.3, queue: 'end' });
            $('ten_key_form_response_inner').innerHTML = transport.responseText;
            Effect.toggle('ten_key_form_response_inner', 'blind', { duration: 0.3, queue: 'end' });


		}
	})
	return false;

}