function Tooltip(a) {
    this.setValues(a);
    var c = this.div_ = document.createElement("div");
    c.style.position = "absolute";
    c.style.zIndex = "999";
    c.className = "tooltip"
}

Tooltip.prototype = {
    draw: function () {},
        
    visible_changed: function () {
        var a = this.get("visible");
        this.div_.style.visibility = a ? "visible" : "hidden"
    },
        
    getPos: function () {
        var a = this.getProjection();
        var c = a.fromLatLngToDivPixel(this.get("position"));
        var b = this.div_;
        var d = 12;
        c.x += d;
        var f = b.offsetWidth;
        var g = map.getBounds().getNorthEast();
        g.x = a.fromLatLngToDivPixel(g).x;
        if ((f + c.x > g.x) && (f < 340)) {
            c.x -= f + (d * 2)
        }
        b.style.left = c.x + "px";
        b.style.top = c.y - 32 + "px"
    },
        
    add_: function () {
        this.div_.innerHTML = this.get("text").toString();
        this.getPanes().floatPane.appendChild(this.div_);
        this.getPos()
    },
        
    rem_: function () {
        var a = this.div_.parentNode;
        if (a) a.removeChild(this.div_)
    }
};

function inherit(a, c){
    var b = c.prototype;
    var d = a.prototype;
        
    for (var f in b) {
        if (typeof d[f] == "undefined") d[f] = b[f]
    }
}

inherit(Tooltip, google.maps.OverlayView);

function createMarker(point, name, url){
    var IconImage = new google.maps.MarkerImage('http://www.marmaris.nl/images/marker.png', new google.maps.Size(20, 34), new google.maps.Point(0, 0), new google.maps.Point(9, 34));
    var IconImage2 = new google.maps.MarkerImage('http://www.marmaris.nl/images/marker2.png', new google.maps.Size(20, 34), new google.maps.Point(0, 0), new google.maps.Point(9, 34));
        
    var marker = new google.maps.Marker({
        position: point,
        map: map,
        clickable: true,
        icon: IconImage,
        tooltip: name
    });
        
    var tooltip = new Tooltip({map: map}, marker);
        
    tooltip.bindTo("position", marker, "position");
    tooltip.bindTo("text", marker, "tooltip");
        
    google.maps.event.addListener(marker, "mouseover", function(){
        tooltip.add_();
        marker.setIcon(IconImage2);
    });
        
    google.maps.event.addListener(marker, "mouseout", function(){
        tooltip.rem_();
        marker.setIcon(IconImage);
    });
        
    google.maps.event.addListener(marker, "click", function (){
        window.location = url;
    });
        
    return marker;
}

function initialize(){
    map = new google.maps.Map(document.getElementById("map_canvas"), {
        zoom: 13,
        center: new google.maps.LatLng(36.851191810400394, 28.2623291015625),
        mapTypeId: google.maps.MapTypeId.ROADMAP,
        scrollwheel: false
    });
        
    $.get('http://www.marmaris.nl/js/json.php', function(json){
        var json = JSON.parse(json);
                        
        for(var i = 0; i < json.length; i += 1){
            var point = new google.maps.LatLng(json[i].latitude, json[i].longitude);
                            
            var marker = createMarker(point, '<b>'+json[i].naam+'</b><br />'+json[i].verzorging+'<br />Vanaf &euro; '+json[i].prijs+',-', json[i].url);                                                
        }; 
    });
}
    
google.maps.event.addDomListener(window, 'load', initialize);