var home;

var page = 1;

var map;

var inputSearch;

var bounds;



function searchAddress(search) {



    var centerP = new google.maps.LatLng(54.7868754, -4.2453224);



    var myOptions = {

        zoom: 1,

        center: centerP,

        mapTypeId: google.maps.MapTypeId.ROADMAP,

        scrollwheel: false

    };



    map = new google.maps.Map(document.getElementById("mapHolder"), myOptions);



    inputSearch = decodeURIComponent(search);



    var geocoder = new google.maps.Geocoder();

    var address = inputSearch + ', uk';



    if (geocoder) 

    {

        geocoder.geocode({ 'address': address }, function (results, status) {

            if (status == google.maps.GeocoderStatus.OK) {



                home = results[0].geometry.location;



                //ADD SEARCH LOCATION MARKER TO THE MAP

                var marker = new google.maps.Marker({

                    map: map,

                    position: home,

                    clickable: false,

                    zIndex: 0,

                    icon: '../mapfiles/ms/icons/blue-dot.png'

                });



                bounds = new google.maps.LatLngBounds();

                bounds.extend(home);



                loadMorePoints();



            }



        });                

    }

}





function loadMorePoints() {

    

    $.ajax({

        type: "GET",

        url: "/_ajax/GetMoreHelpListings.ashx",

        dataType: "xml",

        data: {

            lng: home.lng(),

            lat: home.lat(),

            page: page

        },

        type: "POST",

        cache: false,

        success: function (data) {

            page++;



            var infoBubble = new google.maps.InfoWindow();

            var listingContent = "";



            if($(data).find('listing').length < 1) 

            {

                $("#loadMore").hide();

            }



            $(data).find('listing').each(function () {



                var lat = $(this).find('lat').text();

                var lng = $(this).find('lng').text();

                var approved = $(this).find('approved').text() === "True";

                var title = $(this).find('title').text();

                var subtitle = $(this).find('subtitle').text();

                var copy = $(this).find('copy').text();

                var link = $(this).find('link').text();

                var distance = $(this).find('distance').text();



                var mappoint = new google.maps.LatLng(lat, lng);

                            

                bounds.extend(mappoint);



                var marker = new google.maps.Marker({

                    map: map,

                    position: mappoint,

                    clickable: true

                });



                var infoContent = "<h3 style=\"font-size:14px; color:#f4901f; margin:5px 0 0;\">" + title + "</h3><p style=\"margin-bottom:0;\">" + subtitle + "</p>";

                            

                listingContent += "<div class=\"directory-item clearfix\">"



                listingContent += "<div class=\"left-col\">";



                listingContent += "<h3>" + title + "</h3>";

                listingContent += "<h4>" + subtitle + "</h4>";

                listingContent += "<p><strong>" + (distance / 1609.344).toFixed(1) + " miles</strong> from " + inputSearch + "</p>";

                listingContent += "<hr />";

                listingContent += copy;



                listingContent += "</div>";



               

                listingContent += "<div class=\"avatar\">";

                listingContent += "<img src=\"/_assets/img_avatar.png\" alt=\"ABC ASSOCIATE\" />";

                listingContent += "</div>";

                

                if (link.indexOf("mailto:") == -1) {

                    listingContent += "<a class=\"more-info\" href=\"" + link + "\">more details</a>";

                } else {

                    listingContent += "<a class=\"more-info\" href=\"" + link + "\">contact me</a>";

                }



                



                listingContent += "</div>";





                google.maps.event.addListener(marker, 'click', function () {

                    infoBubble.setContent(infoContent);

                    infoBubble.open(map, this);

                });





            }); 



            map.fitBounds(bounds);



            $("#listing-holder").append(listingContent);



            $(".more-info").unbind('click').click(function (e) {



                if ($(this).attr("href").indexOf("mailto:") == -1) {

                    var r = confirm(disclaimer);

                    if (r == false) {

                        e.preventDefault();

                    }

                }



                

            });



        } //END SUCCESS

    })//END AJAX



}









$(document).ready(function () {



    $("#loadMore").click(function (e) {

        loadMorePoints();

        e.preventDefault();

    });



    $(".checkbox-input").click(function (e) {

        var loadURL = "/disclaimer.aspx";

        $('#lightbox-asset').html('<iframe width="100%" height="99%" src="' + loadURL + '" frameborder="0" allowfullscreen mozallowfullscreen webkitallowfullscreen></iframe>');

        $("#lightbox").fadeIn();

        e.preventDefault();

    });



    $("#lightbox-close").click(function (e) {

        $("#lightbox").hide();

        $('#lightbox-asset').empty();

        e.preventDefault();

    });



    $("#terms-accept").click(function (e) {

        $("#lightbox").hide();

        $('#lightbox-asset').empty();

        $('.checkbox-input input').prop('checked', true);

        e.preventDefault();

    });



    $("#terms-decline").click(function (e) {

        $("#lightbox").hide();

        $('#lightbox-asset').empty();

        $('.checkbox-input input').prop('checked', false);

        e.preventDefault();

    });



});