﻿

/* ----------------------------------------------------------------------------- */
// Build the html tooltip template - home page map
function BuildTipHTML(propCount, region) {
    var htmlTooltip = "";
    htmlTooltip += "<div id='balloon'>";
    htmlTooltip += "<div class='top'><br style='clear:both' /></div>";
    htmlTooltip += "<div class='rShad'>";
    htmlTooltip += "<div class='content'>";
    htmlTooltip += "<span class='regionHead'>" + region + "</span><br />";
    htmlTooltip += "<span class='propCount'>" + propCount + (propCount!=1 ? " properties" : " property") + "</span><br />";
    //if(propCount>0)
    //    htmlTooltip += "<div style='margin-top: 8px'>Click to view...</div>";
    htmlTooltip += "</div><div class='rPoint'>";
    htmlTooltip += "<div></div>";
    htmlTooltip += "</div><br style='clear:both' /></div>";
    htmlTooltip += "<div class='spacer' style='clear:left;float:left;'></div><div class='bShad'></div>";
    htmlTooltip += "<br style='clear:both' /></div>";
    return htmlTooltip;
}
/* ----------------------------------------------------------------------------- */

        var currentPopUp = null;
        function removeAll()
        {
            if(currentPopUp!=null) map.removeOverlay(currentPopUp);
        }
        function showPopup(lat, lng, RegionName, PropCount)
        {
            var point = new GLatLng(lat, lng);
            var marker = new GMarker(point);
            var html = BuildTipHTML(RegionName, PropCount);
            removeAll();
            currentPopUp = new EWindow(map, '0');
            map.addOverlay(currentPopUp);
            currentPopUp.openOnMarker(marker,html);
        }


/* ----------------------------------------------------------------------------- */
// Build the html tooltip template - mapp view page
function BuildTipHTML2(leadAddr, addr, plotDetails, formattedPrice, plotId, imgUrl) {
    var htmlTooltip = "";
    var isIE6 = (BrowserDetect.browser == "Explorer" && BrowserDetect.version == "6");
    htmlTooltip += "<img src='/images/balloon_left." + (isIE6?"gif":"png") + "' style='position:absolute;left:-15px;top:94px' /><div id='balloon2'>";
    htmlTooltip += "<div class='top'><img src='/App_Themes/px/blank.gif' width='1' height='5' /></div>";
    htmlTooltip += "<div class='rShad'>";
    // htmlTooltip += "<div class='rPoint'><img src='/images/balloon_left.png' width='20' height='23' alt=' ' /></div>";
    htmlTooltip += "";
    htmlTooltip += "<div class='content'>";
    htmlTooltip += "<img src='" + imgUrl + "' alt='' id='imgPlot' class='plotImg' />";
    htmlTooltip += "<a href='#' onclick='removeAll()'>";
    htmlTooltip += "<img src='images/icons/close.gif' class='closeImg' alt='close' /></a>";
    htmlTooltip += "<span class='regionHead'>" + leadAddr + "</span><br />";
    htmlTooltip += "<span class='propCount'>";
    htmlTooltip += addr + "<br />";
    htmlTooltip += plotDetails + "<br />";
    htmlTooltip += "Price: " + formattedPrice;
    htmlTooltip += "</span><br />";
    htmlTooltip += "<div class='clearBoth'></div>";
    htmlTooltip += "<div class='ftr'>";
    htmlTooltip += "<a href='javascript:AddToViewingList(" + plotId + ");'>Add to my viewing list</a>&nbsp;&nbsp;&nbsp;<strong>Want to know more?<img src='/images/tOrange.gif' alt='' class='tOrange'><a href='PropertyDetails.aspx?plotID=" + plotId + "'>Click here</a></strong>";
    htmlTooltip += "</div>";
    htmlTooltip += "</div>";
    htmlTooltip += "<br style='clear: both' />";
    htmlTooltip += "</div>";
    htmlTooltip += "<div class='spacer' style='clear: left; float: left;'></div>";
    htmlTooltip += "<div class='bShad'></div>";
    htmlTooltip += "<br style='clear: both' />";
    htmlTooltip += "</div>";
    return htmlTooltip;
}
/* ----------------------------------------------------------------------------- */


/* ----------------------------------------------------------------------------- */
/* gMaps mouseover and mouseout icon changing functions */
var iconPath = "/images/pins/marker_purple.png";
var altIconPath = "/images/pins/marker_orange.png";

function SwapIcon(ctrl)
{    
    ctrl.setImage(altIconPath);
}
function RestoreIcon(ctrl)
{    
    ctrl.setImage(iconPath);
}
/* ----------------------------------------------------------------------------- */


/* ----------------------------------------------------------------------------- */
// 
// note : this function uses .net clientside names specific
// to the ~/UserControls/PostCodeSearch.ascx control
function GeoAddress() 
{
    // Address textbox clientside control name
    var ctrlAddressTextBox = "ctl00_ContentPlaceHolderMain_PostCodeSearch1_txtPostCode";
    // Hidden field clientside control name
    var ctrlHiddenPostbackField = "ctl00_ContentPlaceHolderMain_PostCodeSearch1_hdnLatLng";
    // postback button clientside control name
    var ctrlPostBackButton = "ctl00_ContentPlaceHolderMain_PostCodeSearch1_btnPostCodeSearch";
    // Error\Message lable clientside control name
    var ctrlMessageLabel = "ctl00_ContentPlaceHolderMain_PostCodeSearch1_lblPostcodeSearch";

    // Address not found error message (may include html)
    var AddressNotFoundMessage = "Address not found.";

    
    var geocoder = new GClientGeocoder();
    var address = document.getElementById(ctrlAddressTextBox).value;
        
    if(address.length > 0)
    {    
        address += ",uk";
                
        geocoder.getLatLng(
            address,
            function(point) 
            {
                if (!point)
                {
                    document.getElementById(ctrlMessageLabel).innerHTML = AddressNotFoundMessage;
                }
                else
                {
                    var op = document.getElementById(ctrlHiddenPostbackField);
                    op.value = point;
                    
                    document.getElementById(ctrlPostBackButton).click();
                }
            }
        );
    }
}
/* ----------------------------------------------------------------------------- */

/* ----------------------------------------------------------------------------- */
// For use on the SearchResultMap.aspx page only. Store a value in a hidden field
// and post back the page adding the plotID to the users viewing list
function AddToViewingList(plotID)
{
    var hdnField = document.getElementById("ctl00_ContentPlaceHolderMain_hdnViewingListPlotID");
    var btnField = document.getElementById("ctl00_ContentPlaceHolderMain_btnAddToViewingList");
        
    hdnField.value = plotID;
    btnField.click();
}



