$(document).ready(function () {
    $('a.lightboxSingleImage').click(function () {

        //$('body').css('overflow-y', 'hidden');

        $('<div id="overlaySingleImage"></div>').css('top', $(document).scrollTop()).css('opacity', '0').animate({ 'opacity': '0.7' }, 'slow').appendTo('body');

        $('<div id="lightboxSingleImage"></div>').hide().appendTo('body');

        $('<img src="' + $(this).attr('href') + '" />').load(function () {
            positionLightboxImage();
        }).click(function () {
            removeLightbox();
        }).appendTo('#lightboxSingleImage');

        $('<p id="lightboxSingleImageClose" title="Close"><a href="#"><img src="/images/closelabel.gif" /></a></p>').appendTo('#lightboxSingleImage').click(function () {
            removeLightbox();
            return false;
        });
        return false;
    });
});

function displaySchoolZoneMap(myLat, myLong) {
    $('<div id="overlaySingleImage" class="cnr3px"></div>').css('top', $(document).scrollTop()).css('opacity', '0').animate({ 'opacity': '0.7' }, 'slow').appendTo('body');
    $('<div id="lightboxSingleImage" class="cnr3px" style="width:700px;height:500px;"><div id="googleMap" style="border:1px solid #CCCCCC;margin:10px 10px 0 10px;width:680px;height:460px;" class="cnr3px"></div></div>').hide().appendTo('body');
    $('<p id="lightboxSingleImageClose" title="Close"><a href="#"><img src="/images/closelabel.gif" /></a></p>').appendTo('#lightboxSingleImage').click(function () {
        removeLightbox();
        return false;
    });

    var myLatLng = new google.maps.LatLng(myLong,myLat);
    var myOptions = { zoom: 13, center: myLatLng, mapTypeId: google.maps.MapTypeId.ROADMAP };
    var schoolZone;
    var map = new google.maps.Map(document.getElementById("googleMap"), myOptions);
    // Construct the polygon
    var schoolZone = new google.maps.Polygon({ paths: schoolZoneCoords, strokeColor: "#4D944D", strokeOpacity: 0.8, strokeWeight: 2, fillColor: "#4D944D", fillOpacity: 0.35 });

    var markerImage = new google.maps.MarkerImage("http://www.yoyocms.co.nz/images/ico-googlemap-marker-sml.png", new google.maps.Size(19, 23), new google.maps.Point(0, 0));
    var marker = new google.maps.Marker({ position: myLatLng, map: map, icon: markerImage, title: "Ashgrove School" });

    schoolZone.setMap(map);

    positionLightboxImage();
    return false;

}

function positionLightboxImage() {

    var top = ($(window).height() - $('#lightboxSingleImage').height()) / 2;
    var left = ($(window).width() - $('#lightboxSingleImage').width()) / 2;
    $('#lightboxSingleImage').css({ 'top': top + $(document).scrollTop(), 'left': left }).show();
}

function removeLightbox() {
    $('#overlaySingleImage, #lightboxSingleImage').fadeOut('slow', function () {
        //$('body').css('overflow-y', 'auto');
        $(this).remove();
        return false;
    });
}

function loadContactMap(coyName, coyAddress, divID,lat,long,zoom) {

    var imgStoreMarker = "/images/ico-googlemap-marker-lge.png";
    
    $('div#' + divID).html("");

    var myLatlng = new google.maps.LatLng(lat, long);
    var myOptions = { zoom: zoom, center: myLatlng, mapTypeControl: true, mapTypeControlOptions: { style: google.maps.MapTypeControlStyle.DROPDOWN_MENU }, navigationControl: true, navigationControlOptions: { style: google.maps.NavigationControlStyle.SMALL }, mapTypeId: google.maps.MapTypeId.ROADMAP };

    var map = new google.maps.Map(document.getElementById(divID), myOptions);

    var companyLogo = new google.maps.MarkerImage(imgStoreMarker, new google.maps.Size(70, 36), new google.maps.Point(0, 0), new google.maps.Point(35, 36));
    //var companyShadow = new google.maps.MarkerImage(imgStoreMarkerShadow, new google.maps.Size(160, 50), new google.maps.Point(0, 0), new google.maps.Point(72, 47));
    var companyMarker = new google.maps.Marker({ position: myLatlng, map: map, icon: companyLogo, title: "View details of " + coyName });

    var contentString = '<div id="content">' + '<h2 id="firstHeading" class="firstHeading">' + coyName + '</h2>' + '<div id="bodyContent">' + '<p>' + coyAddress + '</p>' + '</div></div>';

    /*
    var infowindow = new google.maps.InfoWindow({ content: contentString });
    google.maps.event.addListener(companyMarker, 'mouseover', function () {
    infowindow.open(map, companyMarker);
    });
    */
}