//use browser sniffing to determine if IE or Opera (ugly, but required)
var isOpera, isIE = false;
if(typeof(window.opera) != 'undefined'){isOpera = true;}
if(!isOpera){ var isIE = /*@cc_on!@*/false; } // dirty browser detect
var IE6 = false /*@cc_on || @_jscript_version < 5.7 @*/;

// error box close
function closeErrorBox(){
	errBox = document.getElementById('ErrorContainer');
	errBox.style.display = 'none';
}

// handle the submission of the form

window.addEvent('domready', function(){
	$('contactform').addEvent('submit', function(e) {
		//prevent the submit event
		new Event(e).stop();

		// outputs results if no errors
		var url = "/ajax/validate_contact/";
		var postString = this;
		new Ajax(url, {method: 'post',data: postString,onComplete: showResponse}).request();
	});
});

// show the error response if there is one else submit the form

function showResponse(request){
	if (request!='') {
	
	var response = Json.evaluate(request || false);
	//alert(response['errorfields']);

	for ( i=0; i < response['errorfields'].length; i++ )
	{
	  elName = response['errorfields'][i];
	  elToChange = document.getElementById(elName);
	  elToChange.style.backgroundColor = '#e4e4ef';
	}

	
	errBox = document.getElementById('ErrorContainer');
	errBox.innerHTML = response['errors'];
	//alert(response['errors']);
	
		var newTop = window.screen.availHeight/2-200;
		var newLeft = window.screen.availWidth/2-380;
	
		if (isIE){
			//alert((newTop+document.body.scrollTop)+'px');
			errBox.style.top = (newTop+document.documentElement.scrollTop)+'px';
			errBox.style.left = newLeft+'px';
		}
		else{
			//alert((newTop+window.pageYOffset)+'px');
			errBox.style.top = (newTop+window.pageYOffset)+'px';
			errBox.style.left = newLeft+'px';
		}
		
		errBox.style.display = 'block';
		$('ErrorContainer').makeDraggable();
			
	}
	else {
		document.forms.contactform.submit();
	}
}