var markersize = [30,40,50,60];
/*
map api versions
Current (v=2): 2.95
Latest (v=2.x): 2.96
Stable (v=2.s): 2.73

http://groups.google.com/group/Google-Maps-API/web/api-version-changes 
*/

/* create Map Marker */
function createMarker(point, url, img, name) {	
	var randomnumber=Math.floor(Math.random()* 4);
	var randomX = 4 + Math.floor(Math.random()* 4);
	var randomY = 16 + Math.floor(Math.random()* 8);
	var randomsize = markersize[randomnumber];
	var icon = new GIcon(); 
	icon.image = img;
	icon.iconSize = new GSize(randomsize, randomsize);
	icon.iconAnchor = new GPoint(randomX, randomY);
	//icon.infoWindowAnchor = new GPoint(5, 1);
    icon.shadow = LIVE_SITE + '/components/com_picaweb/img/shadow'+ randomsize + '.png';
	icon.shadowSize = new GSize(randomsize + 10,randomsize + 10);
			
	var marker = new GMarker(point, icon);
			
	GEvent.addListener(marker, 'click', function() {
		//marker.openInfoWindowHtml("<p style='color:black;'>  hier komt de foto</p>");
		document.location.href = url;
	});
	
	
	
	marker.name = name;
	
  	return marker;
}

function createToolTip(marker){
	var tooltip = new Tooltip(marker,marker.name,4); 
	marker.tooltip = tooltip;
	//map.addOverlay(tooltip); 
	GEvent.addListener(marker,'mouseover',function(){ this.tooltip.show(); }); 
	GEvent.addListener(marker,'mouseout',function(){ this.tooltip.hide(); });
	return tooltip;
}

		   
/* load map */
function load_maps(view_mode, markers, centerPoint, zoomLevel){  	    	    
//		wr('<div id="map" style="width: 400px; height:400px">&nbsp;</div>');
//		
		var map = new GMap2(document.getElementById("map"));
		map.setCenter(centerPoint, zoomLevel);
		map.enableDragging();
        map.enableScrollWheelZoom();
		//map.addControl(new GSmallMapControl());
		map.addControl(new GLargeMapControl ());
		map.addControl(new GMapTypeControl());
		map.addControl(new GOverviewMapControl 	());
		
		
				
		//the view mode
		if (view_mode==1) {
		 	map.setMapType(G_SATELLITE_MAP);
		}else if(view_mode==2){
			map.setMapType(G_HYBRID_MAP);
		}else{
			map.setMapType(G_NORMAL_MAP);
		}
		
		for (p=0; p < markers.length; p++){
			map.addOverlay(markers[p]);
			tooltip = createToolTip(markers[p]);
			map.addOverlay(tooltip);
		}			   
	
}