var membermap = {
        map : null
        

    ,initialise : function(e){
        

        if(GBrowserIsCompatible()) {
            membermap.map = new GMap2(document.getElementById("map-canvas"));
            membermap.map.setCenter(new GLatLng(54.982639, -1.595530), 9);
            membermap.map.setUIToDefault();


        }
    }
}

var handlers = {
    toggleMap : function(e){
        if($('#map-canvas').is(":hidden")){
           this.showMap();
        }
        else{
            this.hideMap();
        }
    }

   ,showMap : function(e){
        $("#map-canvas").slideDown();
    }
   ,hideMap : function(e){
        $("#map-canvas").slideUp();
   }
}

$(function(e){
    membermap.initialise();

     $(document).ready(function(){
         var details = $('.gmap-data');
         $(details).each(
            function (e) {
                var lat        = $(this).children('.gmap-granular').children('.geo').children('.latitude').html();
                var lon        = $(this).children('.gmap-granular').children('.geo').children('.longitude').html();

                var latLon = new GLatLng(lat,lon);
                var memberLoc = new GMarker(latLon);
                $(this).children('.gmap-granular').children('.geo').hide();
               
                memberLoc.bindInfoWindowHtml($(this).html());
                membermap.map.addOverlay(memberLoc);
                

            })
            handlers.hideMap();
    });



    $('#show-map').click(function(e){
        handlers.toggleMap(e);
    });

    $('.show-member').click(function(e){
        e.preventDefault();
        
        var node = ($(this).parent('li').children('.gmap-data'));

        var lat = node.children('.gmap-granular').children('.geo').children('.latitude').html();

        var lon = node.children('.gmap-granular').children('.geo').children('.longitude').html();

        var latLon = new GLatLng(lat,lon);

        var memberLoc = new GMarker(latLon);


        memberLoc.bindInfoWindowHtml(node.html());

        membermap.map.addOverlay(memberLoc);

        memberLoc.openInfoWindowHtml(node.html());
        memberLoc.show();



        handlers.showMap();

        $.scrollTo("#map-canvas", 500);



    })

});