var map = null;
function DisplayLoc(e) {
    if (e.targetType == 'pushpin') {

        var pinLoc = e.target.getLocation();
        var pinID = e.target.getText();
        var myService = new PropertyService();
        myService.getProperty(pinID, OnHouseDataSuccess, OnHouseDataFail);
        myService.getThumbs(pinID, OnHouseThumbDataSuccess, OnHouseThumbDataFail);


    }

}
function OnHouseDataSuccess(result) {

    var PinData = new Array();
    var HouseData = new Array();
    var PanelOut = "";

    PinData = result.split("|");
    HouseData = PinData[1].split(" ");
    var sHouseWithoutNumber = HouseData[1] + " " + HouseData[2];
    PanelOut = PanelOut + "<div class='properydetail orange' >" + sHouseWithoutNumber + "</div>"
    PanelOut = PanelOut + "<div class='properydetail orange' >Rent: £" + PinData[9] + " per person per week </div>"
    PanelOut = PanelOut + "<div title='" + PinData[3] + " Beds ' class='propertyicon orange' style='background-image:url(images/icon_person.png);'>" + PinData[3] + "</div>"
    PanelOut = PanelOut + "<div title='" + PinData[5] + " Bathrooms' class='propertyicon orange' style='background-image:url(images/icon_bath.png);'>" + PinData[5] + "</div>"
    PanelOut = PanelOut + "<div title='" + PinData[6] + " Showers' class='propertyicon orange' style='background-image:url(images/icon_shower.png);'>" + PinData[6] + "</div>"
    PanelOut = PanelOut + "<div title='" + PinData[7] + " Toilets' class='propertyicon orange' style='background-image:url(images/icon_toilet.png);'>" + PinData[7] + "</div>"
    PanelOut = PanelOut + "<div title='Has lounge' class='propertyicon orange' style='background-image:url(images/icon_sofa.png);'>Yes</div>"
    PanelOut = PanelOut + "<a  href='javascript:showBookAppointment(\"" + PinData[1] + "\");'><img style='margin-left:40px; border:0;' src='images/icon_bookApp.png'></a>"



    document.getElementById("propertynarrative").innerHTML = PanelOut;

   // $('a.booklink').click(function () {
    //    showBookAppointment();
    //}); 




}

function showBookAppointment(housename) {
    document.getElementById("housename").value = housename;
    $('#dialog').dialog({
        modal: true,
        resizable: false,
        autoOpen: true,
        draggable: true,
        width: 520,
        height: 400,
        title: 'Arrange a viewing'
        
    }); 


}

function OnHouseDataFail(result) {
    //document.getElementById("properties_area").innerHTML = result;
}

function OnHouseThumbDataSuccess(result) {

    var PinData = new Array();
    var PanelOut = "";

    PinData = result.split(",")

    PanelOut = PanelOut + "<img src='houseimages/" + PinData[0] + "' alt='' />"
   



    document.getElementById("propertygallery").innerHTML = PanelOut;





}


function OnHouseThumbDataFail(result) {
    //document.getElementById("properties_area").innerHTML = result;
}


function GetMap() {
    var mapOptions = {
        credentials: "AjpiciunaIqcO0aVDuU0PmunvN91NNRfQPoVdBL0jdDL00cnPyVR7KOJloW4Q-0s",
        width: 624,
        height: 345,
        disableBirdseye: true,
        showMapTypeSelector:false,
        showDashboard:false,
        showScalebar:false



    }
    map = new Microsoft.Maps.Map(document.getElementById("mapDiv"), mapOptions);





}

function configuremap() {

    var zoomLevel = parseInt(15.5);
    var options = map.getOptions();
    options.zoom = zoomLevel;
    map.setView(options);
    map.setView({ center: new Microsoft.Maps.Location(50.923, -1.40) });

}

function setMap(sLocation) {
    var lat, long, zoomLevel;

    if (sLocation == "portswood") { lat = 50.923; long = -1.40; zoomLevel = parseInt(15.5); }
    if (sLocation == "upperportswood") { lat = 50.935; long = -1.39; zoomLevel = parseInt(14); }
    if (sLocation == "polygon") { lat = 50.913; long = -1.41; zoomLevel = parseInt(16); }

    var myLocation = new Microsoft.Maps.Location(lat, long)
    
    var options = map.getOptions();
    options.zoom = zoomLevel;
    map.setView(options);
    map.setView({ center: myLocation });



    
}

function getPinData(noBeds) {

    var myService = new PropertyService();
    myService.getPins(noBeds, OnPinDataSuccess, OnPinDataFail);
    
}
function OnPinDataSuccess(result) {
    var PinData = new Array();

    map.entities.clear();
    sPinData = result;
    PinData = sPinData.split("|")
    for (i = 0; i < PinData.length; i++) {
        AddPin(PinData[i].split(",")[0], PinData[i].split(",")[1], PinData[i].split(",")[2]);
    }
}
function OnPinDataFail(result) {

}
function AddPin(lat, long, ID) {

    var myLocation = new Microsoft.Maps.Location(lat, long)
    var pin = new Microsoft.Maps.Pushpin(myLocation, { draggable: false, text:ID });
    
    Microsoft.Maps.Events.addHandler(pin, 'click', DisplayLoc);
    map.entities.push(pin);
}

function requestContact() {

    var myService = new PropertyService();
    var email = document.getElementById("email").value ;
    var cell = document.getElementById("cell").value;
    var house = document.getElementById("housename").value;
    var student = document.getElementById("student").value;

    myService.requestContact(email, cell, house, student)

    $('#dialog').dialog('close');

    savecomplete();
    
}