function makeRequest(el, request, propAddr, contactEmail, contactTel){
    
	var dimDiv = document.getElementById("dimDiv");
    var windowHeight = document.body.clientHeight+100;
    var windowWidth = document.documentElement.clientWidth;
    dim = document.createElement('div');
    dim.style.width = windowWidth+"px";
    dim.style.height = windowHeight+"px";
    dim.style.background = "#000000";
    dim.style.zIndex = 20;
    dim.style.position = "absolute";
    dim.style.filter = 'alpha(opacity = 30)';
    dim.style.opacity = 0.3;
    dimDiv.appendChild(dim);

    divHolder = el.parentNode.parentNode.firstChild;
    divResult = document.createElement('div');
    divResult.style.width = "262px";
    divResult.style.height = "425px";
    divResult.style.zIndex = 21;
    divResult.style.position = "absolute";
    divResult.style.marginTop = "125px";
    if(location.pathname == "/liverpool_property_search.php"){
        divResult.style.marginLeft = "75px";
    }else{
        divResult.style.marginLeft = "-35px";
    }
    
     divResult.style.paddingLeft = "10px";
    divResult.style.background = "url('images/bg_request_panels.png')";
    divHolder.appendChild(divResult);

    aCloser = document.createElement('img');
    aCloser.src = "images/btn_close_red.gif";
    aCloser.style.zIndex = 25;
    aCloser.style.position = "absolute";
    aCloser.style.margin = "15px 0 0 240px";
    aCloser.style.cursor = "pointer";
    if(aCloser.addEventListener){
        aCloser.addEventListener('click', closeResult, true);
    }else{
        aCloser.attachEvent('click', closeResult);
    }
    divResult.appendChild(aCloser);

    divText = document.createElement('div');
    divText.setAttribute("id", "requestPanel");
    divText.setAttribute("class", "white");
    divText.style.padding = "15px 8px 0 8px";
    divText.style.lineHeight = "1.3";
    divResult.appendChild(divText);

    if(request == "view"){
        requestViewing(propAddr, contactEmail, contactTel);
    }
    if(request == "enquiry"){
        makeEnquiry(propAddr, contactEmail, contactTel);
    }
}

function closeResult(){
    divResult.removeChild(aCloser);
    divHolder.removeChild(divResult);
    dimDiv.removeChild(dim);
}

function requestViewing(propAddr, contactEmail, contactTel){
    var newHTML = "<h2>Request A Viewing</h2>";
    newHTML+= "<form id='srViewingForm'>";
    newHTML+= "<input type='hidden' name='cEmail' id='cEmail' value='"+'domains@cocreatedesign.com'+"'>";//contactEmail+"'>";
    newHTML+= "<input type='hidden' name='cTel' id='cTel' value='"+contactTel+"'>";
    newHTML+= "<input type='hidden' name='fSent' id='fSent' value='srViewing'>";
    newHTML+= "<p class='propName'>Address of property*</p>";
    newHTML+= "<input id='propName' class='input required' type='text' name='propName' value='"+propAddr+"'/>";
    newHTML+= "<p class='uName'>Name*</p>";
    newHTML+= "<input id='uName' class='input required' type='text' name='uName' />";
    newHTML+= "<p class='uTel'>Tel. Number*</p>";
    newHTML+= "<input id='uTel' class='input required' type='text' name='uTel' />";
    newHTML+= "<p>Email Address</p>";
    newHTML+= "<input id='uEmail' class='input' type='text' name='uEmail' />";
    newHTML+= "<p>Comments</p>";
    newHTML+= "<textarea id='uComments' rows='1' cols='1' name='uComments'></textarea>";
    newHTML+= "<p>Preferred viewing</p>";
    newHTML+= "<table border='0' cellpadding='0' cellspacing='0'>";
    newHTML+= "<tr>";
    newHTML+= "<td>Morning</td><td class='radio'><input type='radio' name='viewTime' value='morning' class='viewTime' /></td><td>Afternoon</td><td class='radio'><input type='radio' name='viewTime' value='afternoon' class='viewTime'/></td><td>Evening</td><td class='radio'><input type='radio' name='viewTime' value='evening' class='viewTime'/></td>";
    newHTML+= "</tr>";
    newHTML+= "</table>";
    newHTML+= "<img src='images/btn_submit.png' alt='Submit' id='srViewingSubmit' class='submitBtn' onclick='$(function(){handleViewingRequest();});' />";
    newHTML+= "</form>";

    divText.innerHTML = newHTML;
}

function makeEnquiry(propAddr, contactEmail, contactTel){
    var newHTML = "<h2>Make An Enquiry</h2>";
    newHTML+= "<form id='srEnquiryForm'>";
    newHTML+= "<input type='hidden' name='cEmail' id='cEmail' value='"+'domains@cocreatedesign.com'+"'>";//contactEmail+"'>";
    newHTML+= "<input type='hidden' name='cTel' id='cTel' value='"+contactTel+"'>";
    newHTML+= "<input type='hidden' name='propName' id='propName' value='"+propAddr+"'/>";
    newHTML+= "<input type='hidden' name='fSent' id='fSent' value='srEnquiry'>";
    newHTML+= "<p class='uName'>Name*</p>";
    newHTML+= "<input id='uName' class='input required' type='text' name='uName' />";
    newHTML+= "<p class='uTel'>Tel. Number*</p>";
    newHTML+= "<input id='uTel' class='input required' type='text' name='uTel' />";
    newHTML+= "<p>Email Address</p>";
    newHTML+= "<input id='uEmail' class='input' type='text' name='uEmail' />";
    newHTML+= "<p class='uEnquiry'>Enquiry*</p>";
    newHTML+= "<textarea id='uEnquiry' class='required' rows='1' cols='1' name='uEnquiry'></textarea>";
    newHTML+= "<br/><br/>";
    newHTML+= "<img src='images/btn_submit.png' alt='Submit' id='srEnquirySubmit' class='submitBtn' onclick='handleEnquiryRequest()' />";
    newHTML+= "</form>";

    divText.innerHTML = newHTML;
}

function validateViewing(){
	//alert("validate");
    var propName = document.getElementById("propName").value;
    var uName = document.getElementById("uName").value;
    var tel = document.getElementById("uTel").value;
    var email = document.getElementById("uEmail").value;

    var message = "";
    var result = true;
	
	
    if(propName == "" || propName == " "){
        message+= "Please enter which property you are interested in";
        result = false;
		$('.propName').css('color','red');
    }else{
		$('.propName').css('color','white');
	}
    if(uName == "" || uName == " "){
        if(message != "")message += "\n\n";
        message+= "Please enter your name";
        result = false;
		$('.uName').css('color','red');
    }else{
		$('.uName').css('color','white');
	}
    if(!testTelField(tel)){
        if(message != "")message += "\n\n";
        message+= "Please enter a valid telephone number\n(including your area code)";
    	$('.uTel').css('color','red');
    }else{
		$('.uTel').css('color','white');
	}
    if(email == "" || email == " "){
        if(message != "")message += "\n\n";
        message += "Please enter an email address";
        result = false;
		$('.uEmail').css('color','red');
	}else{
		$('.uEmail').css('color','white');
        var regExp = /^([a-zA-Z0-9_.-])+@(([a-zA-Z0-9-])+\.)+([a-zA-Z0-9]{2,4})+$/;
        if(!regExp.test(email)){
            if(message != "")message += "\n\n";
            message += "Please enter a valid email address";
            result = false;
			$('.uEmail').css('color','red');
		}else{
			$('.uEmail').css('color','white');
		}
    }
    if(!result){
        alert(message);
    }

    return result;
}

function validateEnquiry(){
    var uName = document.getElementById("uName").value;
    var tel = document.getElementById("uTel").value;
    var email = document.getElementById("uEmail").value;
    var enquiry = document.getElementById("uEnquiry").value;

    var message = "";
    var result = true;

    if(uName == "" || uName == " "){
        message+= "Please enter your name";
        result = false;
		$('.uName').css('color','red');
    }else{
		$('.uName').css('color','white');
	}
    if(!testTelField(tel)){
        if(message != "")message += "\n\n";
        message+= "Please enter a valid telephone number\n(including your area code)";
		$('.uTel').css('color','red');
    }else{
		$('.uTel').css('color','white');
	}
    if(email == "" || email == " "){
        if(message != "")message += "\n\n";
        message += "Please enter an email address";
        result = false;
		$('.uEmail').css('color','red');
    }else{
		$('.uEmail').css('color','white');
        var regExp = /^([a-zA-Z0-9_.-])+@(([a-zA-Z0-9-])+\.)+([a-zA-Z0-9]{2,4})+$/;
        if(!regExp.test(email)){
            if(message != "")message += "\n\n";
            message += "Please enter a valid email address";
            result = false;
			$('.uEmail').css('color','red');
		}else{
			$('.uEmail').css('color','white');
		}
    }
    if(enquiry == "" || enquiry == " "){
        if(message != "")message += "\n\n";
        message+= "Please enter your enquiry";
        result = false;
    	$('.uEnquiry').css('color','red');
	}else{
		$('.uEnquiry').css('color','white');
	}
    if(!result){
        alert(message);
    }

    return result;
}




function testTelField(num){
	//alert(num);
	var valid = true;
	var telno = num;
	var newTelno = "";
	var telIsNumeric = true;
	for(var i = 0; i < telno.length; i++){
		if((telno.charAt(i) < '0' || telno.charAt(i) > '9') && telno.charAt(i) != ' '){
			telIsNumeric = false;
			valid = false;
		}
	}
	if(telIsNumeric){
		for(var i = 0; i < telno.length; i++){
			if(telno.charAt(i) != " "){
				newTelno += telno.charAt(i);
			}
		}
		if(newTelno.length != 11){
			valid = false;
		}
	}else{
		valid = false;
	}
	return valid;
}