// Create a base icon for all of our markers that specifies the
// shadow, icon dimensions, etc.
var baseIcon = new GIcon();
var markers = [];
//baseIcon.shadow = "/images/mapfiles/shadow50.png";
//baseIcon.iconSize = new GSize(20, 34);
//baseIcon.shadowSize = new GSize(37, 34);
//baseIcon.iconAnchor = new GPoint(9, 34);
//baseIcon.infoWindowAnchor = new GPoint(9, 2);
//baseIcon.infoShadowAnchor = new GPoint(18, 25);


//baseIcon.shadow = "/images/mapfiles/shadow50.png";
baseIcon.iconSize = new GSize(20, 25);
//baseIcon.shadowSize = new GSize(37, 34);
baseIcon.iconAnchor = new GPoint(20, 25);
baseIcon.infoWindowAnchor = new GPoint(20, 25);
//baseIcon.infoShadowAnchor = new GPoint(18, 25);

function createBaseMarker(point, infohtml) {
	var icon = new GIcon(baseIcon);
	icon.image = "/images/mapfiles/mr_burasi.png";
	var marker = new GMarker(point, icon);
	marker.tooltip = '<div class="gmaptooltip">'+ infohtml +'</div>';

	GEvent.addListener(marker, "mouseover", function() {
		showTooltip(marker);
	});        
	GEvent.addListener(marker,"mouseout", function() {
		tooltip.style.visibility="hidden"
	});
	return marker;
}

function createIPhoneMarker(point) {
	var icon = new GIcon(baseIcon);
	icon.image = "/images/mapfiles/mr_burasi.png";
	var marker = new GMarker(point, icon);

	return marker;
}

function createMarker(point, index, infohtml) {
	var icon = new GIcon(baseIcon);
	//icon.image = "/images/mapfiles/mr" + index + ".png";
	icon.image = "/images/mapfiles/mr" + index + ".png";
	var marker = new GMarker(point, icon);
	marker.tooltip = '<div class="gmaptooltip">'+ infohtml +'</div>';

	//GEvent.addListener(marker, "mouseover", function() {
		//marker.openInfoWindowHtml(infohtml);
	//});

	GEvent.addListener(marker,"mouseover", function() {
		showTooltip(marker);
	});        
	GEvent.addListener(marker,"mouseout", function() {
		tooltip.style.visibility="hidden"
	});
	markers[index] = marker;
	return marker;
}

function showTooltip(marker) {
	tooltip.innerHTML = marker.tooltip;
	var point=map.getCurrentMapType().getProjection().fromLatLngToPixel(map.getBounds().getSouthWest(),map.getZoom());
	var offset=map.getCurrentMapType().getProjection().fromLatLngToPixel(marker.getPoint(),map.getZoom());
	var anchor=marker.getIcon().iconAnchor;
	var width=marker.getIcon().iconSize.width;
	var pos = new GControlPosition(G_ANCHOR_BOTTOM_LEFT, new GSize(offset.x - point.x - anchor.x + width,- offset.y + point.y +anchor.y)); 
	pos.apply(tooltip);
	tooltip.style.visibility="visible";
}

function gtooltipmouseover(i) {
	if (markers[i]!=null) showTooltip(markers[i]);
}

function gtooltipmouseout() {
	tooltip.style.visibility="hidden";
}

//function myclick(i) {
//	markers[i].openInfoWindowHtml(htmls[i]);
//}