function doAjax(targetURL, targetContainer){
	
	$(targetContainer).innerHTML = '<div style="padding:5px; margin:5px; width:200px; clear:both; background:#333; color:#FFF;">loading.... </div>';
	var fxBlink = function() {
		var box = $(this.options.update);
		var fx = new Fx.Style(box, 'background', {
			duration: 1000,
			transition: Fx.Transitions.Quad.easeOut
		}).start('#CC0000', '#000000');
	};
	
	new Ajax(targetURL, {
		method: 'post',
		evalScripts: true,
		onComplete: fxBlink,
				update: $(targetContainer)
			}).request();
				

}



function doAjaxPost(sourceForm, targetContainer){
	var loadingClass = "ajax_loading";
//	console.log(targetContainer);

	// $(targetContainer).empty().addClass(loadingClass);
	// lets tie the var to the containers name
	var sourceForm = $(sourceForm);
	
	$(targetContainer).style.display='';
	$(targetContainer).innerHTML='';

//	console.log($(targetContainer).style.display);
//	console.log(sourceForm.action);
	
	var myHTMLRequest = new Request.HTML({url:sourceForm.action}).post($(sourceForm));
	
	sourceForm.set('send',{ url: sourceForm.action,method: 'post'});
	sourceForm.send();
	
	return;

}

function showResponse(request){
  //  alert(request);
};



function addInputSubmitEvent(form, input) {
    input.onkeydown = function(e) {
        e = e || window.event;
        if (e.keyCode == 13) {
            form.submit();
            return false;
        }
    };
}

// window.onload = function() {
//     var forms = document.getElementsByTagName('form');
// 
//     for (var i=0;i < forms.length;i++) {
//         var inputs = forms[i].getElementsByTagName('input');
// 
//         for (var j=0;j < inputs.length;j++) {
//             addInputSubmitEvent(forms[i], inputs[j]);
// 		}
//     }
// };