var typeIcons = new Array();


createMarker = function(point, project) {
    var marker = new GMarker(point, { icon: getTypeIcon(project["type"]) });

    if (project["detail"]) {
        var sMarkerHtml = "<div style='width: 350px;'>" +
        "Project: <a href=\"" + project["linkArticle"] + "\"><strong>" + project["name"] + "</strong></a><br />"+
        "Homepage: <a href=\"" + project["link"] + "\" target=\"_blank\">" + project["link"] + "</a></div><br />"+
        "<p><br /><img src=\"" + project["bild"] + "\" border=1 /></p><br />";
        map.openInfoWindowHtml(point, sMarkerHtml);
        GEvent.addListener(marker, "click", function() { marker.openInfoWindowHtml(sMarkerHtml); });
    }
    else {
        var sMarkerHtml = "<div style='width: 300px;'>" +
        "Project: <a href=\"" + project["linkArticle"] + "\"><strong>" + project["name"] + "</strong></a><br />"+
        "Homepage: <a href=\"" + project["link"] + "\" target=\"_blank\">" + project["link"] + "</a></div><br />"+
        "<p><img src=\"" + project["bild"] + "\" style=\"border:1px;width:240px; height:160px; display:block\" /></p>";
        GEvent.addListener(marker, "click", function() { marker.openInfoWindowHtml(sMarkerHtml); });
    }
    return marker;
}

getTypeIcon = function(type) {
if (!typeIcons[type]) {
        baseIcon = new GIcon();
        baseIcon.shadow = baseIconShadow;
        baseIcon.iconSize = new GSize(20, 20);
        baseIcon.iconAnchor = new GPoint(2, 19);
        baseIcon.shadowSize = new GSize(24, 24);
        baseIcon.infoWindowAnchor = new GPoint(2, 19);

        var typeIcon = new GIcon(baseIcon);
        typeIcon.image = typeIconImages[type];
        typeIcons[type] = typeIcon;
    }
    return typeIcons[type];
}