// JScript File

function Show(e)
{   
    var diveditPopup = document.getElementById('divMakeAnOFfer');        
    //alert("X= " + e.screenX + " Y= " + e.screenY);
    
//    x = e.clientX + document.body.scrollLeft;    
//    y = e.clientY + document.body.scrollTop;  
//    x = x - 240;
//    y = y - 90;
    
    x=310;
    y=600;
    
    diveditPopup.style.display="block";    
    diveditPopup.style.left = x + 'px';    
    diveditPopup.style.top = y + 'px';
    
    diveditPopup.style.width = 400 + 'px';
    diveditPopup.style.height = 275 + 'px';
}
function Hide()
{   
    /* hide the pop-up */
    var diveditPopup = document.getElementById('divMakeAnOFfer');    
    diveditPopup.style.display="none";
}


//----------------------------------------------------------------------------------------------
//-----------------------------------    For Make An Offer    ----------------------------------
//----------------------------------------------------------------------------------------------

function makeAnOfferToOwner(e,address,city,emadd,userType)
{   
    Show(e);    
    var html = [];
    html[html.length] = "<table width='100%' border='0' cellpadding='0' cellspacing='0' class='top-bg'>" +
                "<tr>" +
                "<td width='11' height='44' align='left' valign='top'><img src='/images/spacer.gif' width='11' height='1'></td>" +
                "<td align='left' valign='middle' class='headertitle' id='titleBar' style='CURSOR: move' >" +
                
                "<ILAYER onselectstart='return false' width='100%' >" +
			    "<LAYER onMouseOver='isHot=true;if (isN4) ddN4(divMakeAnOFfer)' onmouseout=isHot=false width='100%'>" +
				"Make An Offer" +
         	    "</LAYER>" +
		        "</ILAYER>" +
                
                "</td>" +
                "<td align='right' valign='middle'><a href=\" javascript:Hide(); \" ><img src='/images/close-buton02.jpg' border=0 width='46' height='12'></a></td>" +
                "<td width='11' align='right' valign='top'><img src='/images/spacer.gif' width='11' height='1'></td>" +
                "</tr>" +
                "<tr>" +
                "<td>&nbsp;</td>" +
                "<td colspan='2'>" +
                "<table width='100%' border='0' cellspacing='0' cellpadding='0'>" +
                "<tr>" +
                "<td width='8' align='left' valign='top'><img src='/images/left-top-curve-popup02.jpg' width='8' height='29'></td>" +
                "<td width='99%' class='top-middle-bg'>&nbsp;</td>" +
                "<td width='8' align='right' valign='top'><img src='/images/right-top-curve-popup02.jpg' width='8' height='29'></td>" +
                "</tr>" +                
                "<tr>" +
                "<td align='left' valign='top' class='leftmiddlebg'>&nbsp;</td>" +
                "<td><div id='divThankYou' >" +
                "<table width='80%' border='0' align='center' cellpadding='1' cellspacing='2'>" +
                "<tr><td colspan=2 class='content-text' ><strong>To make an offer, complete the form below:</strong>" +
                "<br /><span style=color:Red;> All Fields are required.</span><br /></td></tr>" +
                "<tr>" +
                "<td height='28' colspan=2 align='left' valign='middle' class='content-text'>" +
                "You are making an offer on the property located at: <br />" +
                "<span id='spnAddress' ><strong>" + address + ", " + city + "</strong></span>" +
                "</td>" +                
                "</tr>" +
                "<tr>" +
                "<td colspan=2 align='left' valign='middle' class='content-text'>" +
                "<span id=spnMessage class=Message></span></td>" +                
                "</tr>" +
//                "<tr>" +
//                "<td height='28' align='right' valign='middle' class='content-text'>&nbsp;</td>" +
//                "<td align='left' valign='middle'>&nbsp;</td>" +
//                "</tr>" +
                "<tr>" +
                "<td width='40%' height='28' align='right' valign='middle' class='content-text'>Offer Amount :</td>" +
                "<td width='60%' height='28' align='left' valign='middle'><input id='txtOfferAmount' type='text' class='form-textfield' size='20' ></td>" +
                "</tr>" +
                "<tr>" +
                "<td width='40%' height='28' align='right' valign='middle' class='content-text'>First Name :</td>" +
                "<td width='60%' height='28' align='left' valign='middle'><input id='txtFirstName' type='text' class='form-textfield' size='20' ></td>" +
                "</tr>" +
                "<tr>" +
                "<td width='40%' height='28' align='right' valign='middle' class='content-text'>Last Name :</td>" +
                "<td width='60%' height='28' align='left' valign='middle'><input id='txtLastName' type='text' class='form-textfield' size='20' ></td>" +
                "</tr>" +
                "<tr>" +
                "<td width='40%' height='28' align='right' valign='middle' class='content-text'>Phone :</td>" +
                "<td width='60%' height='28' align='left' valign='middle'><input id='txtPhone' type='text' class='form-textfield' size='20' ></td>" +
                "</tr>" +
                "<tr>" +
                "<td width='40%' height='28' align='right' valign='middle' class='content-text'>Email :</td>" +
                "<td width='60%' height='28' align='left' valign='middle'><input id='txtEmail' type='text' class='form-textfield' size='20' ></td>" +
                "</tr>" +
                "<tr>" +
                "<td width='40%' height='28' align='right' valign='middle' class='content-text'>Comment :</td>" +
                "<td width='60%' height='28' align='left' valign='middle'><textarea id='txtComment' cols=30 rows=3 class='form-textfield' ></textarea></td>" +
                "</tr>" +
                "<tr>" +
                "<td width='40%' height='28' align='right' valign='middle' class='content-text'>&nbsp;</td>" +
                "<td width='60%' height='28' align='left' valign='middle'><a onclick=\" javascript:makeOffer('"+ emadd +"'," + userType + "); \" href='#titleBar'><img " +
                "src='/images/submit-btn.jpg' alt='Submit' width='48' height='18' border='0' align='absmiddle'></a></td>" +
                "</tr>" +
                "</table></div></td>" +
                "<td align='left' valign='top' class='rightmiddlebg'>&nbsp;</td>" +
                "</tr>" +
                "<tr>" +
                "<td width='8' align='left' valign='bottom'><img src='/images/left-bottom-curve-popup02.jpg' width='8' " +
                "height='19'></td>" +
                "<td width='99%' class='bottom-middle-bg'>&nbsp;</td>" +
                "<td width='8' align='right' valign='bottom'><img src='/images/right-bottom-curve-popup02.jpg' width='8' " +
                "height='19'></td>" +
                "</tr>" +
                "</table></td>" +
                "<td>&nbsp;</td>" +
                "</tr>" +
                "<tr>" +
                "<td colspan=4 align=right valign=top><img src='/images/spacer.gif' height=10 ></td>" +
                "</tr>" +
                "</table>";
    
    var diveditPopup = document.getElementById('divMakeAnOFfer');        
    diveditPopup.innerHTML = html.join("");    
}

function makeOffer(ownemadd, userType)
{   
    if(!requireField('txtOfferAmount','Please Specify Offer Amount','spnMessage'))return false;
    if(!requireField('txtFirstName','Please Specify First Name','spnMessage'))return false;
    if(!requireField('txtLastName','Please Specify Last Name','spnMessage'))return false;    
    if(!requireField('txtPhone','Please Specify Phone No.','spnMessage'))return false; 
    if(!checkEmail('txtEmail','Please Specify valid Email address','spnMessage'))return false;
    if(!requireField('txtComment','Please Specify Comments','spnMessage'))return false;
    
    var fName = document.getElementById('txtFirstName').value;
    var lName = document.getElementById('txtLastName').value;
    var phone = document.getElementById('txtPhone').value;    
    var email = document.getElementById('txtEmail').value;
    var comment = document.getElementById('txtComment').value;    
    var offAmount = document.getElementById('txtOfferAmount').value;
    var addr = document.getElementById('spnAddress').innerText;
    
    showProcessImage('spnMessage');      
    AjaxMethods.MakeOffer(fName,lName,phone,email,comment,offAmount,ownemadd,addr, userType,makeOffer_CallBack);
}
function makeOffer_CallBack(response)
{   
    document.getElementById('spnMessage').innerHTML = "";    
    if(response!=null && response.error==null && response.value!=null)
    {        
        if(response.value == 1)
        {
            var html = [];
            
             html[html.length] ="<table width='80%' border='0' align='center' cellpadding='1' cellspacing='2'>" +
                "<tr><td colspan=2 class='content-text' ><strong>Thank You</strong> <br /><br />An email has been sent to the owner or representative of the property with your specific request." +
                "<br /><br />You should get a response back shortly. <br /><br /> Good Luck! </td></tr>" +                                 
                "</table>";
                
            document.getElementById('divThankYou').innerHTML = html.join("");                
        }
        else 
            document.getElementById('spnMessage').innerHTML = "Error While Making An Offer to the Owner."
    }       
}


//----------------------------------------------------------------------------------------------
//-----------------------------------    End Of Make An Offer    -------------------------------
//----------------------------------------------------------------------------------------------


//----------------------------------------------------------------------------------------------
//-----------------------------------    For Email To Frined    --------------------------------
//----------------------------------------------------------------------------------------------

function emailToFriendPopup(e,address,city,emadd)
{   
    Show(e);    
    var html = [];
    
    html[html.length] = "<table width='100%' border='0' cellpadding='0' cellspacing='0' class='top-bg'>" +
                "<tr>" +
                "<td width='11' height='44' align='left' valign='top'><img src='/images/spacer.gif' width='11' height='1'></td>" +
                "<td align='left' valign='middle' class='headertitle' id=titleBar style='CURSOR: move' >" +
                
                "<ILAYER onselectstart='return false' width='100%' >" +
			    "<LAYER onMouseOver='isHot=true;if (isN4) ddN4(divMakeAnOFfer)' onmouseout=isHot=false width='100%'>" +
				"Email To Friend" +
         	    "</LAYER>" +
		        "</ILAYER>" +
                
                "</td>" +                
                "<td align='right' valign='middle'><a href=\" javascript:Hide(); \" ><img src='/images/close-buton02.jpg' border=0 width='46' height='12'></a></td>" +
                "<td width='11' align='right' valign='top'><img src='/images/spacer.gif' width='11' height='1'></td>" +
                "</tr>" +
                "<tr>" +
                "<td>&nbsp;</td>" +
                "<td colspan='2'>" +
                "<table width='100%' border='0' cellspacing='0' cellpadding='0'>" +
                "<tr>" +
                "<td width='8' align='left' valign='top'><img src='/images/left-top-curve-popup02.jpg' width='8' height='29'></td>" +
                "<td width='99%' class='top-middle-bg'>&nbsp;</td>" +
                "<td width='8' align='right' valign='top'><img src='/images/right-top-curve-popup02.jpg' width='8' height='29'></td>" +
                "</tr>" +                
                "<tr>" +
                "<td align='left' valign='top' class='leftmiddlebg'>&nbsp;</td>" +
                "<td><div id='divThankYou' >" +
                "<table width='80%' border='0' align='center' cellpadding='1' cellspacing='2'>" +
                "<tr><td colspan=2 class='content-text' ><strong>To E-mail this property complete the form below :</strong>" +
                "<br /><span style=color:Red;> All Fields are required.</span><br /></td></tr>" +
                "<tr>" +
                "<td height='28' colspan=2 align='left' valign='middle' class='content-text'>" +
                "You are infroming your friend about the property located at: " +
                "<strong>" + address + " " + city + "</strong>" +
                "</td>" +                
                "</tr>" +
                "<tr>" +
                "<td colspan=2 align='left' valign='middle' class='content-text'>" +
                "<span id=spnMessage class=Message></span></td>" +                
                "</tr>" +
//                "<tr>" +
//                "<td height='28' align='right' valign='middle' class='content-text'>&nbsp;</td>" +
//                "<td align='left' valign='middle'>&nbsp;</td>" +
//                "</tr>" +
                "<tr>" +
                "<td width='40%' height='28' align='right' valign='middle' class='content-text'>My Full Name :</td>" +
                "<td width='60%' height='28' align='left' valign='middle'><input id='txtFullName' type='text' class='form-textfield' size='20' ></td>" +
                "</tr>" +
                "<tr>" +
                "<td width='40%' height='28' align='right' valign='middle' class='content-text'>My Email :</td>" +
                "<td width='60%' height='28' align='left' valign='middle'><input id='txtEmail' type='text' class='form-textfield' size='20' ></td>" +
                "</tr>" +
                "<tr>" +
                "<td width='40%' height='28' align='right' valign='middle' class='content-text'>Friend's Full Name :</td>" +
                "<td width='60%' height='28' align='left' valign='middle'><input id='txtFFullName' type='text' class='form-textfield' size='20' ></td>" +
                "</tr>" +
                "<tr>" +
                "<td width='40%' height='28' align='right' valign='middle' class='content-text'>Friend's Email :</td>" +
                "<td width='60%' height='28' align='left' valign='middle'><input id='txtFEmail' type='text' class='form-textfield' size='20' ></td>" +
                "</tr>" +                
                "<tr>" +
                "<td width='40%' height='28' align='right' valign='middle' class='content-text'>My Comment :</td>" +
                "<td width='60%' height='28' align='left' valign='middle'><textarea id='txtComment' cols=30 rows=3 class='form-textfield' ></textarea></td>" +
                "</tr>" +
                "<tr>" +
                "<td width='40%' height='28' align='right' valign='middle' class='content-text'>&nbsp;</td>" +
                "<td width='60%' height='28' align='left' valign='middle'><a onclick=\" javascript:emailToFriend(); \" href='#titleBar'><img " +
                "src='/images/submit-btn.jpg' alt='Submit' width='48' height='18' border='0' align='absmiddle'></a></td>" +
                "</tr>" +
                "</table></div></td>" +
                "<td align='left' valign='top' class='rightmiddlebg'>&nbsp;</td>" +
                "</tr>" +
                "<tr>" +
                "<td width='8' align='left' valign='bottom'><img src='/images/left-bottom-curve-popup02.jpg' width='8' " +
                "height='19'></td>" +
                "<td width='99%' class='bottom-middle-bg'>&nbsp;</td>" +
                "<td width='8' align='right' valign='bottom'><img src='/images/right-bottom-curve-popup02.jpg' width='8' " +
                "height='19'></td>" +
                "</tr>" +
                "</table></td>" +
                "<td>&nbsp;</td>" +
                "</tr>" +
                "<tr>" +
                "<td colspan=4 align=right valign=top><img src='/images/spacer.gif' height=10 ></td>" +
                "</tr>" +
                "</table>";
    
    var diveditPopup = document.getElementById('divMakeAnOFfer');        
    diveditPopup.innerHTML = html.join("");    
}

function emailToFriend()
{   
    if(!requireField('txtFullName','Please Specify Your Name','spnMessage'))return false;
    if(!checkEmail('txtEmail','Please Specify Your valid Email address','spnMessage'))return false;
    if(!requireField('txtFFullName',"Please Specify Your Friend's Name",'spnMessage'))return false;
    if(!checkEmail('txtFEmail',"Please Specify Your Friend's valid Email address",'spnMessage'))return false;
    if(!requireField('txtComment','Please Specify Comments','spnMessage'))return false;
    
    var name = document.getElementById('txtFullName').value;
    var email = document.getElementById('txtEmail').value;
    var fName = document.getElementById('txtFFullName').value;
    var fEmail = document.getElementById('txtFEmail').value;
    var comment = document.getElementById('txtComment').value;        
    
    showProcessImage('spnMessage');        
    AjaxMethods.InformFriend(name,email,fName,fEmail,comment,emailToFriend_CallBack);
}
function emailToFriend_CallBack(response)
{   
    document.getElementById('spnMessage').innerHTML = "";   
    if(response!=null && response.error==null && response.value!=null)
    {        
        if(response.value == 1)
        {
            var html = [];
            html[html.length] ="<table width='80%' border='0' align='center' cellpadding='1' cellspacing='2'>" +
                "<tr><td colspan=2 class='content-text' ><strong>Thank You</strong> <br /><br />An email has been sent to your friend about this property." +
                "<br /><br />You should get a response back by your friend. <br /><br /> Good Luck! </td></tr>" +                                 
                "</table>";
                
            document.getElementById('divThankYou').innerHTML = html.join("");            
        }
        else 
            document.getElementById('spnMessage').innerHTML = "Error While Sending Mail to Your Friend."
    }       
}



//----------------------------------------------------------------------------------------------
//-----------------------------------    End OF Email To Frined    -----------------------------
//----------------------------------------------------------------------------------------------