﻿var nSurHeight = 0;
function expDataCollector(dataSource,sType,sAddInf)
{
    var xhro = false; var mf = false;
    try
    {
        if (window.XMLHttpRequest) 
        {
            xhro = new XMLHttpRequest(); mf = true;
        }       
        else if (window.ActiveXObject) 
        {
            xhro = new ActiveXObject("Microsoft.XMLHTTP");
        }
        if(xhro) 
        {
            xhro.open("GET", dataSource);
            xhro.onreadystatechange = function()
            {
                 if (xhro.readyState == 4 && xhro.status == 200) 
                 {
                    var xmlData = xhro.responseXML;
                    if (mf)
                    {
                        removeWhiteSpace(xmlData);
                    }
                     switch (sType)
                    {
                        case "gal": dhtml_images(xmlData); break;
                        case "evt_act": dhtml_events(xmlData,"Act"); break;
                        case "evt_past": dhtml_events(xmlData,"Past"); break;
                        case "sur": dhtml_sur(xmlData); break;
                        case "sur_ent": dhtml_sur_ent(xmlData); break;
                        case "adv": dhtml_advcat(xmlData); break;
                        case "adv_ent": dhtml_adv_ent(xmlData); break;
                        case "cla": dhtml_class(xmlData); break;
                        case "faq": dhtml_faq(xmlData); break;
                        case "pro": dhtml_prop(xmlData); break;
                        case "propar": dhtml_propPar(xmlData,sAddInf); break;
                    }
                 }
            }
        }
    }
    catch (e)
    {
         alert("An data error has occured. Please close the application and then try again!");
    }
    finally
    {
        xhro.send(null);
    }
}
function removeWhiteSpace(xmlDoc)
{
    for (var n = 0; n < xmlDoc.childNodes.length; n++)
    {
        var currentNode = xmlDoc.childNodes[n];
        
        if (currentNode.nodeType == 1)
        {
            removeWhiteSpace(currentNode);
        }
        if (((/^\s+$/.test(currentNode.nodeValue))) && (currentNode.nodeType == 3))
        {
            xmlDoc.removeChild(xmlDoc.childNodes[n--]);
        }
    }
}
function $(e) {return document.getElementById(e);}
function dhtml_images(xmlData)
{
    var sImages,nCols;
    var bh = "";
    sImages = xmlData.getElementsByTagName("image");
    bh += "<table id='tblImages' style='vertical-align:top'>";
    bh += "<tr><td colspan='4'>&nbsp;</td></tr>";
    bh += "<tr>";
                        
    for (var n = 0;n < sImages.length; n++)
    {
        sImagePicPath = sImages(n).firstChild;
        sImageThumbPath = sImagePicPath.nextSibling;
        if (nCols < 4)
        {
            bh += "<td style='width:180px; text-align:center'><a target='_blank' href='" + sImagePicPath.firstChild.data + "'><img border='0' src='" + sImageThumbPath.firstChild.data + "' alt='Gallery' /></a></td>";
        }
        else
        {
            nCols = 0;
            bh += "</tr><tr>";
            bh += "<td style='width:180px; text-align:center'><a target='_blank' href='" + sImagePicPath.firstChild.data + "'><img border='0' src='" + sImageThumbPath.firstChild.data + "' alt='Gallery' /></a></td>";
        }
        nCols ++;
    }
    
    switch (nCols)
    {
        case 1: bh += "<td></td><td></td><td></td>"; break;
        case 2: bh += "<td></td><td></td>"; break;
        case 3: bh += "<td></td>"; break;
    }
    bh += "</tr>";
    bh += "</table>";
    $("divRight").innerHTML = bh;
}
function dhtml_class(xmlData)
{
    var att,attHeading,attType,sClass,sClassType,nCols,sClassHead,nClasstype;
    var sName,sContactNo,sReference,sDaysReq,sLiveInOut,dtPosted;
    var sSide = "left";
    var bh = "";
    sClassType = xmlData.getElementsByTagName("types");
    sClassHead = sClassType(0);
    att = sClassHead.attributes;
    attHeading = att.getNamedItem("heading");
    nClasstype = sClassType(0);
    att = nClasstype.attributes;
    attType = att.getNamedItem("classtype");
    sClass = xmlData.getElementsByTagName("type");
            
    bh += "<table cellspacing='0' cellpadding='0' style='width:100%'>";
    bh += "<tr><td>&nbsp;</td></tr>";
    bh += "<tr><td class='class_hd'>" + attHeading.nodeValue + "</td></tr>";
    bh += "<tr><td>&nbsp;</td></tr>";

    for (var n = 0;n < sClass.length; n++)
    {
        if (attType.nodeValue == 0)
        {
            sName = sClass(n).firstChild;
            sContactNo = sName.nextSibling;
            sReference = sContactNo.nextSibling;
            sDaysReq = sReference.nextSibling;
            sLiveInOut = sDaysReq.nextSibling;
            dtPosted = sLiveInOut.nextSibling;
            
            bh += "<tr style='width:500px'><td>";
            bh += "<table cellspacing='0' cellpadding='0' class='class_tbl'>";
            bh += "<tr><td class='class_left'>Name:</td><td class='class_right'>" + sName.firstChild.data + "</td></tr>";
            bh += "<tr><td class='class_left'>Contact No:</td><td class='class_right'>" + sContactNo.firstChild.data + "</td></tr>";
            bh += "<tr><td class='class_left'>Reference:</td><td class='class_right'>" + sReference.firstChild.data + "</td></tr>";
            bh += "<tr><td class='class_left'>Days Req:</td><td class='class_right'>" + sDaysReq.firstChild.data + "</td></tr>";
            bh += "<tr><td class='class_left'>Live In/Out:</td><td class='class_right'>" + sLiveInOut.firstChild.data + "</td></tr>";
            bh += "</table>";
            bh += "</td></tr>";
            bh += "<tr><td>&nbsp;</td></tr>";
        }
        else if (attType.nodeValue == 1)
        {
            sName = sClass(n).firstChild;
            sContact = sName.nextSibling;
            sDesc = sContact.nextSibling;
                        
            bh += "<tr style='width:500px'><td>";
            bh += "<table cellspacing='0' cellpadding='0' class='class_tbl'>";
            bh += "<tr><td class='class_left'>Name:</td><td class='class_right'>" + sName.firstChild.data + "</td></tr>";
            bh += "<tr><td class='class_left'>Contact:</td><td class='class_right'>" + sContact.firstChild.data + "</td></tr>";
            bh += "<tr><td class='class_left'>Description:</td><td class='class_right'>" + sDesc.firstChild.data + "</td></tr>";
            bh += "</table>";
            bh += "</td></tr>";
            bh += "<tr><td>&nbsp;</td></tr>";
        }
     }
     
    bh += "</table>";
    $("divRight").innerHTML = bh;
}
function dhtml_faq(xmlData)
{
    var att,attHeading,sFAQ,sFAQType,sFAQHead;
    var sQuestion,sAnswer;
    var bh = "";
    sFAQType = xmlData.getElementsByTagName("types");
    sFAQHead = sFAQType(0);
    att = sFAQHead.attributes;
    attHeading = att.getNamedItem("heading");
    sFAQ = xmlData.getElementsByTagName("type");
            
    bh += "<table align='center' cellspacing='0' cellpadding='0' class='ht_table' style='width:95%'>";
    bh += "<tr><td colspan='2'>&nbsp;</td></tr>";
    bh += "<tr><td colspan='2' class='hd_sub'>" + attHeading.nodeValue + "</td></tr>";
    bh += "<tr><td colspan='2'>&nbsp;</td></tr>";
    for (var n = 0;n < sFAQ.length; n++)
    {
        sQuestion = sFAQ(n).firstChild;
        sAnswer = sQuestion.nextSibling;
        bh += "<tr><td class='faq_left'>" + sQuestion.firstChild.data + "</td><td class='faq_right'>" + sAnswer.firstChild.data + "</td></tr>";
        bh += "<tr><td colspan='2'>&nbsp;</td></tr>";
    }
    bh += "</table>";
    $("divRight").innerHTML = bh;
}
function dhtml_events(xmlData,sType)
{
    var eventPicId,eventId,heading,eventDate,picPath,textDesc,htmlDesc;
    var bh = "";
    sEvents = xmlData.getElementsByTagName("event");
    bh += "<table cellspacing='0' cellpadding='0'>";
    bh += "<tr><td>&nbsp;</td></tr>";
    bh += "<tr>";
    bh += "<td align='center'>";
    
    for (var n = 0;n < sEvents.length; n++)
    {   
        eventPicId = sEvents(n).firstChild;
        eventId = eventPicId.nextSibling;
        heading = eventId.nextSibling;
        eventDate = heading.nextSibling;
        picPath = eventDate.nextSibling;
        textDesc = picPath.nextSibling;
        htmlDesc = textDesc.nextSibling;
        bh += "<table cellspacing='0' cellpadding='0'>";
        bh += "<tr><td class='event_hd'>" + heading.firstChild.data + " on " + eventDate.firstChild.data.replace("12:00:00 AM","") + "</td></tr>";
        bh += "<tr><td>&nbsp;</td></tr>";
        if (picPath.firstChild.data.length > 0)
        {
            if (eventPicId.firstChild.data != 0)
            {
                bh += "<tr><td class='event_hd'><a href='ke_newseventspics.aspx?nEventId=" + eventId.firstChild.data + "&sEventDesc=" + heading.firstChild.data + "' target='_blank' class='obj_lnk'>" + "<img alt='' border='0' src='" + picPath.firstChild.data + "'></a></td></tr>";
            }
            else
            {
                bh += "<tr><td class='event_hd'><img alt='' src='" + picPath.firstChild.data + "'></td></tr>";
            }
        }
        else
        {
            //no picture
        }
        if (textDesc.firstChild)
        {
            bh += "<tr><td>&nbsp;</td></tr>";
            bh += "<tr><td>" + textDesc.firstChild.data + "</td></tr>";
        }
        else if (htmlDesc.firstChild)
        {
            bh += "<tr><td>&nbsp;</td></tr>";
            bh += "<tr><td>" + htmlDesc.firstChild.data + "</td></tr>";
        }
        else
        {
            bh += "<tr><td>&nbsp;</td></tr>";
        }
        bh += "<tr><td>&nbsp;</td></tr>";
        bh += "<tr><td>&nbsp;</td></tr>";
        bh += "</table>";
   }
    bh += "</td>";
    bh += "</tr>";
    bh += "<tr><td>&nbsp;</td></tr>";
    bh += "</table>";
    $("divRight").innerHTML = bh;
}
function dhtml_sur(xmlData)
{
    var sSur,sSurAtt,attSurHead,attSurGraphic,sSurGraphic,sEntType,sEntTypeDesc,sEnt,att,attHeading,attTypeId
    var bh = "";
    sSur = xmlData.getElementsByTagName("surrounds");
    sSurAtt = sSur(0);
    att = sSurAtt.attributes;
    attSurHead = att.getNamedItem("topHead");
    attSurGraphic = att.getNamedItem("sGraphic");
    $("topHeading").innerHTML = "Surrounds - " + attSurHead.nodeValue;
    $("topPic").src = attSurGraphic.nodeValue;
    sEntType = xmlData.getElementsByTagName("surroundtype");
    bh += "<table cellspacing='0' cellpadding='0' style='width:550px; background-color:#ffffff'>";
    bh += "<tr><td colspan='3'>&nbsp;</td></tr>";
    for (var n= 0;n < sEntType.length; n++)
    {
        sEntTypeDesc = sEntType(n);
        att = sEntTypeDesc.attributes;
        attHeading = att.getNamedItem("heading");
        attTypeId = att.getNamedItem("typeid");
        bh += "<tr style='width:100%' id='st'" + attTypeId.nodeValue + " onclick=openSurRow('st" + attTypeId.nodeValue + "')><td style='width:4%'></td><td class='surround_hd' style='width:92%'>" + attHeading.nodeValue + "</td><td style='width:4%'></td></tr>";
        bh += "<tr style='width:100%'><td></td><td style='width:100%'><div style='border-top: gainsboro 1px solid; border-bottom: gainsboro 1px solid;' id='st" + attTypeId.nodeValue + "_Cont'></div></td><td></td></tr>";
        bh += "<tr><td colspan='3'>&nbsp;</td></tr>";
    }
     bh += "</table>";
    $("divRight").innerHTML = bh;
}
function openSurRow(abb)
{
    var nTypeId = abb.replace("st","");
    var sDataSource = "aj_retSurround.aspx?type=se&tid=" + nTypeId;
    expDataCollector(sDataSource,"sur_ent")
}
function dhtml_sur_ent(xmlData)
{
    var sLeft,sMiddle,sRight,sSur,att;
    var bh = "";
    var bLines = true;
    sSur = xmlData.getElementsByTagName("surroundent");
    if (sSur.length > 0)
    {
        att = sSur(0).attributes;
        attTypeId = att.getNamedItem("typeid");
        for (var n = 0;n < sSur.length; n++)
        {
            sLeft = sSur(n).firstChild;
            sMiddle = sLeft.nextSibling;
            sRight = sMiddle.nextSibling;
            bh += "<table cellspacing='0' cellpadding='0' style='width:100%; background-color:#ffffff'>";
            if (bLines == true)
            {
                bh += "<tr style='background-color:#f5f5f5'><td class='surround_left'>" + sLeft.firstChild.data + "</td><td class='surround_middle'>" + sMiddle.firstChild.data + "</td><td class='surround_right'>" + sRight.firstChild.data + "</td></tr>";
                bLines = false;
            }
            else 
            {
                  
                bh += "<tr><td class='surround_left'>" + sLeft.firstChild.data + "</td><td class='surround_middle'>" + sMiddle.firstChild.data + "</td><td class='surround_right'>" + sRight.firstChild.data + "</td></tr>";
                bLines = true
            }
            bh += "</table>";
           
        }
        if ($("st" + attTypeId.nodeValue + "_Cont"))
        {
            $("st" + attTypeId.nodeValue + "_Cont").innerHTML = bh;
            $("st" + attTypeId.nodeValue + "_Cont").style.height = "100%";
            $("st" + attTypeId.nodeValue + "_Cont").id = "st" + attTypeId.nodeValue + "_ContO";
        }
        else
        {
            $("st" + attTypeId.nodeValue + "_ContO").style.height = "0px";
            $("st" + attTypeId.nodeValue + "_ContO").id = "st" + attTypeId.nodeValue + "_Cont";
        }
    }
}
function dhtml_prop(xmlData)
{
    
   
    var att,aAgencyDesc,aAgencyContactNo,aPicturePath,aWebPage,sAgency,sAgencyAtt,sProp;
    var bh = "";
    var ba = "";
    sAgency = xmlData.getElementsByTagName("agency");
    sAgencyAtt = sAgency(0);
    att = sAgencyAtt.attributes;
    aAgencyDesc = att.getNamedItem("sAgencyDesc");
    aAgencyContactNo = att.getNamedItem("sAgencyContactNo");
    aPicturePath = att.getNamedItem("sPicturePath");
    aWebPage = att.getNamedItem("sWebPage");
    tpic("images/top_property.jpg");
    ba += "<table align='center' cellspacing='0' cellpadding='0' class='propAgency_tbl'>";
    ba += "<tr><td vertical-align:middle' align='center'><img src='" + aPicturePath.nodeValue + "' alt='' /></td></tr>";
    ba += "<tr><td>&nbsp;</td></tr>";
    ba += "<tr><td align='center'>Contact: " + aAgencyContactNo.nodeValue + "</td></tr>";
    ba += "<tr><td>&nbsp;</td></tr>";
    ba += "<tr><td align='center'><a target='_blank' href='" + aWebPage.nodeValue + "'>" +  aWebPage.nodeValue + "</a></td></tr>";
    ba += "<tr><td>&nbsp;</td></tr>";
    ba += "</table>";
    ba += "</td>";
    ba += "</tr>";
    ba += "</table> ";
    sProp = xmlData.getElementsByTagName("prop");
    
    var pknPropertyId,sPictureListPath,sAddInfo,sContactDesc,sEmailAdd,sContactNo,sMobileNo,sFaxNo,sName,pknPropPicId,nPropType;
    for (var n = 0;n < sProp.length; n++)
    {
        bh += "<br/>";
        bh += "<table cellspacing='0' cellpadding='0' class='prop_tbl'>";
        bh += "<tr><td colspan='2'>";
        pknPropertyId = sProp(n).firstChild;
        sPictureListPath = pknPropertyId.nextSibling;
        sAddInfo = sPictureListPath.nextSibling;
        sContactDesc = sAddInfo.nextSibling;
        sEmailAdd = sContactDesc.nextSibling;
        sContactNo = sEmailAdd.nextSibling;
        sMobileNo = sContactNo.nextSibling;
        sFaxNo = sMobileNo.nextSibling;
        sName = sFaxNo.nextSibling;
        pknPropPicId = sName.nextSibling;
        nPropType = pknPropPicId.nextSibling;
        bh += "<table cellspacing='0' cellpadding='0'>";
        bh += "<tr><td colspan='3'></td></tr>";
        
        if (nPropType.firstChild.data == "0")
        {
            bh += "<tr><td colspan='3' class='prop_hd'>" + sContactDesc.firstChild.data + "   --- FOR SALE ---</td></tr>";
        }
        else if (nPropType.firstChild.data == "1")
        {
            bh += "<tr><td colspan='3' class='prop_hd'>" + sContactDesc.firstChild.data + "   --- FOR RENT ---</td></tr>";
        }
        else if (nPropType.firstChild.data == "2")
        {
            bh += "<tr><td colspan='3' class='prop_hd'>" + sContactDesc.firstChild.data + "   --- SOLD ---</td></tr>";
        }
        else if (nPropType.firstChild.data == "3")
        {
            bh += "<tr><td colspan='3' class='prop_hd'>" + sContactDesc.firstChild.data + "</td></tr>";
        }
        bh += "<tr><td colspan='3'>&nbsp;</td></tr>";
        bh += "<tr>";
        
        if (sContactDesc.firstChild.data == "No Properties")
        {
        }
        else
        {
                bh += "<td rowspan='9' class='prop_photo'><img src='" + sPictureListPath.firstChild.data + "' alt='House Picture'  border='0'/></td>";
                bh += "<td class='prop_left'>&nbsp;Agent Name:</td>";
                bh += "<td class='prop_right'>" + sName.firstChild.data + "</td>";
                bh += "</tr>";
                bh += "<tr>";
                bh += "<td class='prop_left'>&nbsp;Contact No:</td>";
                bh += "<td class='prop_right'>" + sContactNo.firstChild.data + "</td>";
                bh += "</tr>";
                bh += "<tr>";
                bh += "<td class='prop_left'>&nbsp;Mobile No:</td>";
                bh += "<td class='prop_right'>" + sMobileNo.firstChild.data + "</td>";
                bh += "</tr>";
                bh += "<tr>";
                bh += "<td class='prop_left'>&nbsp;Fax No:</td>";
                bh += "<td class='prop_right'>" + sFaxNo.firstChild.data + "</td>";
                bh += "</tr>";
                bh += "<tr>";
                bh += "<td class='prop_left'>&nbsp;Email Address:</td>";
                bh += "<td class='prop_right'>" + sEmailAdd.firstChild.data + "</td>";
                bh += "</tr>";
                bh += "<tr>";
                bh += "<td class='prop_left_last'>&nbsp;More Info:</td>";
                bh += "<td class='prop_right_last'>" + sAddInfo.firstChild.data + "</td>";
                bh += "</tr>";
                bh += "<tr><td colspan='2'>&nbsp;</td></tr>";
                bh += "<tr><td></td><td><input id='ppbtn" + pknPropertyId.firstChild.data + "' type='button' value='More Details' class='obj_btn' style='width:80px' onclick='propParam(" + pknPropertyId.firstChild.data + ")'/></td></tr>";
                bh += "<tr><td colspan='2'>&nbsp;</td></tr>";
                bh += "</table>";
       }
        bh += "</td>";
        bh += "</tr>";
        bh += "<tr>";
        bh += "<td style='width:200px'><div class='d_prop_param' id='ppdiv" + pknPropertyId.firstChild.data + "'></div></td>";
        bh += "<td style='height:0px;width:360px'><iframe id='ppfra" + pknPropertyId.firstChild.data + "' frameborder='0' class='prop_add_photo' src=''></iframe></td>";
        bh += "</tr>";
        bh += "<tr><td colspan='2'>&nbsp;</td></tr>";
        bh += "</table>";
    }
    
    $("divtr").innerHTML = ba;tdiv(bh);
    

}
function dhtml_propPar(xmlData,sPropId)
{
    var sDesc,sValue;
    var bh = "";
    var sPar = xmlData.getElementsByTagName("param"); 
    bh += "<table width='90%' align='center' id='test'>";
    bh += "<tr><td colspan='2' class='prop_hd'>Parameters</td></tr>";
    for (var n = 0;n < sPar.length; n ++)
    {
       sDesc = sPar(n).firstChild;
       sValue = sDesc.nextSibling;
       bh += "<tr><td class='prop_left'>" + sDesc.firstChild.data + "</td><td class='prop_left'>" + sValue.firstChild.data + "</td></tr>";
    }
    bh += "</table>";
    var ediv = "ppdiv" + sPropId;
    $(ediv).innerHTML = bh;
}
function stdTop()
{
    var bh = "";
    bh += "<table id='ttopr' cellspacing='0' cellpadding='0' style='width:98%; height:240px'>";
    bh += "                    <tr><td align='center'><iframe style='width:100%; background-color:#ffffff; height: 210px; vertical-align:top; margin-top:15px' frameborder='0' id='noticeBoard' src='ke_noticeBoard.aspx'></iframe></td></tr>";
    bh += "                    <tr><td>&nbsp;</td></tr>";
    bh += "                </table>";
    $("divtr").innerHTML = bh;
}