function googlemap(){
	setStyleById("gm-vid","display","block");
	BOFvideoPlayer.playVideo("Spica_obala_en.flv");
		if (GBrowserIsCompatible()) {
			/**
			* hoverControls method to hide/show GControls by 'mouseout'/'mouseover'
			* @author Esa 2006, 2008
			*/
			GMap2.prototype.hoverControls = function(opt_noCloseIw){
				var theMap = this;
				theMap.hideControls();
				GEvent.addListener(theMap, "mouseover", function(){
					theMap.showControls();
				});
				GEvent.addListener(theMap, "mouseout", function(){
					theMap.hideControls();
				});
				theMap.libraryCard = 19162;
			}
			GMap.prototype.hoverControls = GMap2.prototype.hoverControls;
			/**
			 * 
			 */
			//var centerPt = new GLatLng(43.8186748554532, 15.875244140625);
			//var centerPt = new GLatLng(44.115198, 16.116943);
			var centerPt = new GLatLng(43.100, 16.626);
			var zoomp = 6;
			//var zoomp = 7;
			
			var poly;
			var p = [];
			var t = [];
			var distanceT = 0;

			var map = new GMap2(document.getElementById("map"));
			new GKeyboardHandler(map);
			map.addControl(new GMapTypeControl());
			map.addControl(new GLargeMapControl());
			map.enableScrollWheelZoom();
			map.addMapType(G_PHYSICAL_MAP)
			map.setCenter(centerPt, zoomp, G_PHYSICAL_MAP);
			sateliteProj = G_SATELLITE_MAP.getProjection();
			map.hoverControls();

/*  Baciti oko na ovo 
			GEvent.addListener(map, "zoomend", function(oldLevel, newLevel) {
				if(oldLevel < 10 && newLevel > 9){
					BOFparseXMLs.parseXMLs(map, map);
				} else if(newLevel < 10 && oldLevel > 9){
					map.clearOverlays();
				}
			 }); */
/* //////////////////////////////////////////////// */
			cMap = function(lat,lng,path){
				var c = new GLatLng(lat,lng);
				map.setCenter(c,14);
				getMarkerPt("getMarkerPt",map,path);
			}

			function animate(d){
				if (d == p.length - 1) {
					//stopVideo();
				}
				else {
					if (d == 0) {
						map.addOverlay(cursorM);
						playVideo("preluk-opatija16x9");
					}
					else {
						cursorM.setPoint(p[d]);
					}
					d++;
					calcDistance(d);
					setTimeout("animate(" + d + ")", step);
					distanceT = (p[d].distanceFrom(p[d - 1]) * 0.000539956803) + distanceT;
				}
			}
			
			function calcDistance(d){
				var oStatusDiv = document.getElementById("statusDiv");
				oStatusDiv.innerHTML = '';
				oStatusDiv.innerHTML += '<table width="100%" border="1"><tr><td width="60%">Udaljenost od starta: </td><td>' + distanceT.toFixed(2) + 'nm</td></tr></table>';
				oStatusDiv.innerHTML += '<table width="100%" border="1"><tr><td width="60%">Udaljenost od predhodne točke: </td><td>' + (p[d].distanceFrom(p[d - 1]) * 0.000539956803).toFixed(2) + 'nm</td></tr></table>';
				oStatusDiv.innerHTML += '<table width="100%" border="1"><tr><td width="60%">Preostalo od kraja: </td><td>' + ((poly.getLength() - p[d].distanceFrom(p[0])) * 0.000539956803).toFixed(2) + 'nm (' + ((poly.getLength() - p[d].distanceFrom(p[0])) / poly.getLength() * 100).toFixed(2) + '%)</td></tr></table>';
				oStatusDiv.innerHTML += '<table width="100%" border="1"><tr><td width="60%">Node: </td><td>' + d + '</td></tr></table>';
			}
			
			//parseXMLs(map);
			getXML('getXml', map);
			
			defineMarkersPt = function(pts, map, GPXname) {
				for (var i = 0; i < pts.length; i++) {
					p.push(new GLatLng(pts[i]));
				}
				alert(p);
			}


//PRIMJER BALONA (Milenij)	/* ==================================================================== */		
			function createTabbedMarker(point,html1,html2,html3,html4,label1,label2,label3,label4) {
				var marker = new GMarker(point);
				GEvent.addListener(marker, "click", function() {
					marker.openInfoWindowTabsHtml([new GInfoWindowTab(label1,html1), new GInfoWindowTab(label2,html2), new GInfoWindowTab(label3,html3), new GInfoWindowTab(label4,html4)]);
				});
				return marker;
			}
			
			var htmlInfo = "<br /><table width='150' height='120' border='0'><tr><td rowspan='2' valign='bottom'><img src='/images/clients/milenij.png'></td><td><span style='font-size:105%;'><b>Hotel MILENIJ - Opatija</b></span><span style='font-size:75%;color:blue;text-decoration: underline;'> (www.ugohoteli.hr/milenij)</span></td><tr><td><span style='font-size:75%'>Hotel <b>Milenij</b> smješten je u središtu mondene Opatije, na obali mora, okružen najljepšim parkom u Hrvatskoj, parkom «Sv. Jakov» i obalnim šetalištem poznatijim kao «Lungo mare»<br />Opatijska rivijera atraktivna je turistička destinacija zanimljive, bogate i slavne prošlosti a njome dominira Opatija, grad s najdužom tradicijom turizma u Hrvatskoj.</span></td><tr></table>";
			
			var point = new GLatLng(45.334016994037945,14.305883646011353);
			var marker = createTabbedMarker(point, htmlInfo, "", "", "", "Info", "Ponuda", "Galerija", "Kontakti");
			//map.addOverlay(marker);
//Kraj primjera /* ==================================================================== */

			var dupinIco = new GIcon();
			dupinIco.iconSize=new GSize(32,32);
			dupinIco.shadowSize=new GSize(32,32);
			dupinIco.iconAnchor=new GPoint(5,31);
			dupinIco.infoWindowAnchor=new GPoint(5,31);
			var dupinIcon = new GIcon(dupinIco, "images/gmap/Dolphin-32x32.png", null);
			
			var dupPt = new GLatLng(44.902577996288876,14.48822021484375);
			dupMarker = new GMarker(dupPt, dupinIcon);
			map.addOverlay(dupMarker);
			
			GEvent.addListener(dupMarker, "click", function(){ 
				map.openInfoWindow(dupMarker.getLatLng(), dupInfoHtml());
			});

			var cursorIcon = new GIcon();
			cursorIcon.image = "img/gmap/ptLineR.png";
			cursorIcon.iconAnchor = new GPoint(5, 5);
			cursorIcon.iconSize = new GSize(10, 10);
			var cursorOptionsM = {
				icon: cursorIcon
			};
			var pointStartM = new GLatLng(p[0]);
			var cursorM = new GMarker(new GLatLng(p[0]), cursorOptionsM);
			
			dupInfoHtml = function(){ //BOFvideoPlayer.playVideo("delfini.flv"); 
				var html = '<table width=160 border=0 cellspacing=0 cellpadding=0><tr>';
				html += '<td><img src=/images/misc/delfin.jpg onclick=BOFvideoPlayer.playVideo("delfini.flv"); style=cursor:pointer; /></td>';
				html += '<td><img src=/images/misc/dupin.jpg onclick=BOFvideoPlayer.playVideo("dupini.flv"); style=cursor:pointer; /></td>';
				html += '</tr></table>';
				return html;
			}
			
			checkSize = function(){
				map.checkResize();
			}
		}
	}