var $gmaps = {
    iterator: 0,
    info: new Array(),
    markers: new Array(),
    map: null,
    center: null,
        init: function(){
            if ($('#gmap').length){
                $gmaps.load();
            }
        },
        /** init googlemaps **/
        load: function () {
            $gmaps.center = new google.maps.LatLng(52.277015,6.776718);
            $gmaps.map = new google.maps.Map(document.getElementById('gmap'), {
                zoom                : 12,
                center              : $gmaps.center,
                mapTypeId           : google.maps.MapTypeId.ROADMAP,
                navigationControl   : true,
                mapTypeControl      : false,
                scaleControl        : false
            });

            /** add marker **/
            infowindow = new google.maps.InfoWindow({
                content     : $('#maps_info_window').html(),
                maxWidth    : '500px'
            });
            $gmaps.addMarker(
                new google.maps.LatLng(52.277015,6.776718),
                'http://www.bedrijfshal.nl/img/maps.marker.png',
                infowindow
            );
        },
        /** toevoegen van markers **/
        addMarker: function (latlng, image, infowindow) {
            marker = new google.maps.Marker({
                position    : latlng,
                map         : $gmaps.map,
                icon        : image
            });
            $gmaps.markers[$gmaps.iterator] = marker;
                if(infowindow){
                    $gmaps.addInfoWindow($gmaps.markers[$gmaps.iterator], infowindow);
                }
            $gmaps.iterator++;
        },
        /** toevoegen van info-window **/
        addInfoWindow: function(marker, infowindow){
            google.maps.event.addListener(marker, 'click', function() {
                infowindow.open($gmaps.map,marker);
            });
        }

}
$(document).ready($gmaps.init());