function showContactWarning(msg) {
	var warning = document.getElementById('warning');
    
	warning.style.display = 'block';
	warning.innerHTML = msg;
    sentTimer = setTimeout("hideContactWarning()",5000);
    
}
function hideContactWarning() {

	var warning = document.getElementById('warning');
    
    $('#warning').fadeOut(600, function () {
    	
        $('#warning').css('display','none')
    
    });
    
	//warning.style.display = 'none';
    
}
function validateFields() {

    var frmEl = document.getElementById('cForm');
    var posNname = document.getElementById('posNname');
    var posVname = document.getElementById('posVname');
    var posStrasse = document.getElementById('posStrasse');
    var posPLZ = document.getElementById('posPLZ');
    var posOrt = document.getElementById('posOrt');
    var posEmail = document.getElementById('posEmail');
    var posLand = document.getElementById('posLand');
    var posTelefon = document.getElementById('posTelefon');
    var posEmailValue = posEmail.value;
    var posText = document.getElementById('posText');
    var strCC = document.getElementById('selfCC');
    
    var whiteSpace = /^[\s]+$/;
    
    var filter  = /^([a-zA-Z0-9_\.\-])+\@(([a-zA-Z0-9\-])+\.)+([a-zA-Z0-9]{2,4})+$/;
    
    	if(posNname.value == '' || whiteSpace.test(posNname.value)) {
        
            var msg = '<strong style="color:black;"><img src="images/icon_kreuz.gif" border="0" style="vertical-align:middle;line-height:100%;" /> Please enter a name.</strong>';
            showContactWarning(msg);
            posNname.focus();
            
        }  else if(posText.value == '' || whiteSpace.test(posText.value)) {
        
            var msg = '<strong style="color:black;"><img src="images/icon_kreuz.gif" border="0" style="vertical-align:middle;line-height:100%;" /> Please enter a message.</strong>';
            showContactWarning(msg);
            posText.focus();
        
        } else if(posEmailValue == '') {
        
            var msg ='<strong style="color:black;"><img src="images/icon_kreuz.gif" border="0" style="vertical-align:middle;line-height:100%;" /> Please enter a e-mail-address.</strong>';
            showContactWarning(msg);
            posEmail.focus();
        
        }  else if(posEmailValue != '') {
        
            if(!filter.test(posEmailValue)) {
            
                var msg = '<strong style="color:black;"><img src="images/icon_kreuz.gif" border="0" style="vertical-align:middle;line-height:100%;" /> Please enter a valid e-mail-address.</strong>';
                showContactWarning(msg);
                //frmEl.reset();
                posEmail.focus();
                
            } else {
            
            	sendPosEmail();
                
            }
        }
}
function sendPosEmail () {

	var success = document.getElementById('emailSuccess');
	var posNname = document.getElementById('posNname');
	var posVname = document.getElementById('posVname');
    var posStrasse = document.getElementById('posStrasse');
    var posPLZ = document.getElementById('posPLZ');
    var posOrt = document.getElementById('posOrt');
	var posEmail = document.getElementById('posEmail');
    var posLand = document.getElementById('posLand');
    var posTelefon = document.getElementById('posTelefon');
	var posText = document.getElementById('posText');
	var strCC = document.getElementById('selfCC');
	var strCCvalue = '';
    

    var page = "scripts/xmlHttpRequest.php?contact=true&xml=true";
	
	showContactTimer(); // quickly begin the load bar
	success.style.display = 'none'; // hide the success bar (incase this is a multi-email
	
	var str1 = escape(posNname.value);
	var str2 = escape(posVname.value);
    var str3 = escape(posStrasse.value);
    var str4 = escape(posPLZ.value);
    var str5 = escape(posOrt.value);
	var str6 = escape(posEmail.value);
    var str7 = escape(posText.value);
    var str8 = escape(posLand.value);
    var str9 = escape(posTelefon.value);
	
	var stuff = "selfCC="+strCCvalue+"&posNname="+str1+
    								 "&posVname="+str2+
                                     "&posStrasse="+str3+
                                     "&posPLZ="+str4+
                                     "&posOrt="+str5+
                                     "&posEmail="+str6+
                                     "&posText="+str7+
                                     "&posLand="+str8+
                                     "&posTelefon="+str9;
	//stuff = encodeURI(stuff);
	loadXMLPosDoc(page,stuff)
}

function showContactTimer () {
	var loader = document.getElementById('loadBar');
	var msg = '<strong>Your e-mail will be processed by the server. Please wait...</strong><img src="images/loading-bar.gif" alt="Loading..." title="Sending Email" />';
	loader.style.display = 'block';
	loader.innerHTML = msg;
	sentTimer = setTimeout("hideContactTimer()",4000);
}

function hideContactTimer () {
	var loader = document.getElementById('loadBar');
	var success = document.getElementById('emailSuccess');
	var fieldArea = document.getElementById('contactFormArea');
	var inputs = fieldArea.getElementsByTagName('input');
	var inputsLen = inputs.length;
	var tAreas = fieldArea.getElementsByTagName('textarea');
	var tAreasLen = tAreas.length;
    
	// Hide the load bar alas! Done Loading
	loader.style.display = "none";
	success.style.display = "block";
	success.innerHTML = '<strong style="color:black;"><img src="images/icon_haken.gif" border="0" style="vertical-align:middle;line-height:100%;" /> '+grabPosXML("confirmation")+'</strong>';
	// Now Hijack the form elements
	for (i=0;i<inputsLen;i++) {
		if (inputs[i].getAttribute('type') == 'text') {
			inputs[i].value = '';
		}
	}
	for (j=0;j<tAreasLen;j++) {
		tAreas[j].value = '';
	}
}

function ajaxContact() {

	var frmEl = document.getElementById('cForm');
	addEvent(frmEl, 'submit', validateFields, false);
	frmEl.onsubmit = function() { return false; }
    
}

addEvent(window, 'load',ajaxContact, false);