var layers=new Array();
var layersVisibility=new Array();
var gMap;     

function showHideLayer(name) {
  if (layersVisibility[name]) {
    hideLayer(name);
    return 'off';
  } else {
    showLayer(name);
    return 'on';
  }
}

function showLayer(name) {
    if (layers[name]==undefined) return;
    layersVisibility[name]=true;                   
    for (i=0;i<layers[name].length;i++) {
        //alert(i+":"+layers[name][i]);
        gMap.addOverlay(layers[name][i]);
    }
    elem=document.getElementById("vrstvy_"+name);
    if (elem) {
        elem.className="layer_on";
    }
}
        
function hideLayer(name) {
    if (layers[name]==undefined) return;
    layersVisibility[name]=false;
    for (i=0;i<layers[name].length;i++) {
        gMap.removeOverlay(layers[name][i]);
    }
    elem=document.getElementById("vrstvy_"+name);
    if (elem) {
        elem.className="layer_off";
    }
}


function addLayer(name,objekty) {
    //alert(name+objekty.toString());
    layersVisibility[name]=false;
    layers[name]=objekty;
}

function addIntoLayer(name,objekt) {
    if (name.length == 0) name="default";
    if (layers[name]==undefined) {
        addLayer(name,new Array());
    }
    layers[name].push(objekt);
}

function switchLayer(name) {
    if (layers[name]==undefined) return;
    if (layersVisibility[name]) 
        hideLayer(name);
    else
        showLayer(name);
}
        
function isLayerVisible(name) {
    return layersVisibility[name]
}

//N50.4902305556 E15.1351055556
  


    /*  
    stare nastaveni
   
        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);
    
     */

// --------------------------------------------------------------
// Icon for the red square displayed with the mouse wheel zoom
        var baseIcon = new GIcon();
        baseIcon.shadow = "http://www.romantickepobyty.cz/skin/romantickepobyty/img/gmaps/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);
        
        var base2Icon = new GIcon();
        base2Icon.iconSize = new GSize(10, 9);
        base2Icon.iconAnchor = new GPoint(10, 9);
        base2Icon.infoWindowAnchor = new GPoint(5, 3);
        
var rectIcon = new GIcon(baseIcon, "/images/rect.png", null);

// Global variables used with the mouse wheel zoom
var mouseLatLng;
var zoomRect;
// --------------------------------------------------------------

var container;
var opacity = 0.4;


var NormalLayer = G_NORMAL_MAP.getTileLayers()[0]
var SatelliteLayer = G_SATELLITE_MAP.getTileLayers()[0]
var satProj = G_SATELLITE_MAP.getProjection();	
var normalProj = G_NORMAL_MAP.getProjection();	


//var cRight = new GCopyrightCollection('Marcelo');
//var copyright = new GCopyright(1, new GLatLngBounds(new GLatLng(-90, -180), new GLatLng(90, 180)), 0, "Marcelo©2006");
//cRight.addCopyright(copyright);


// Defaults --------------------------------------------
var zoom = 15;
var centerPoint = new GLatLng(50.4902305556,15.1351055556);
var wheelZooming = false;


function load() {
	doLoad();
	container = document.getElementById("map_canvas");
}


function initialize() {
	if (GBrowserIsCompatible()) {
		container = document.getElementById("map_canvas");
		resizeMap();
		gMap = new GMap2(container, {draggableCursor:"crosshair"});

		//container.firstChild.nextSibling.firstChild.nextSibling.target = '_blank';		
		
		gMap.setCenter(centerPoint, zoom);
		gMap.setCenter(centerPoint, zoom);

		gMap.addControl(new GScaleControl());
		gMap.addControl(new GLargeMapControl());
		//map.addControl(new GMapTypeControl());

		GEvent.addListener(gMap, 'mousemove', mouseMove);
		GEvent.addListener(gMap, "moveend", moveEnd);
		GEvent.addListener(gMap, "zoomend", zoomEnd);

		var ovcontrol = new GOverviewMapControl(new GSize(80,80));
		gMap.addControl(ovcontrol);
		var ov_map = ovcontrol.getOverviewMap();
		GEvent.addListener(gMap, 'maptypechanged', function(){
			ov_map.setMapType(G_NORMAL_MAP);
		});


        function createMarker(point, index, caption, url, img) {
          // Create a lettered icon for this point using our icon class
          var letter = String.fromCharCode("A".charCodeAt(0) + index);
          if (img.match("B.png")) {
            var letteredIcon = new GIcon(base2Icon);
          } else {
            var letteredIcon = new GIcon(baseIcon);
          }
          letteredIcon.image = "http://www.romantickepobyty.cz/skin/romantickepobyty/img/gmaps/"+img;

          // Set up our GMarkerOptions object
          markerOptions = { icon:letteredIcon };
          var marker = new GMarker(point, markerOptions);

          GEvent.addListener(marker, "click", function() {
          var html = "";
          //"+url.replace(/^http:\/\//g,'')+"
          if (url.length > 0) html = html + "<a href=\""+url+"\"><h2>" + caption + "</h2></a>";
          else  "<h2>" + caption + "</h2>"
          //html += "<br/>" + point;
            marker.openInfoWindowHtml(html);
          });
          return marker;
        }

        GEvent.addListener(gMap, "click", function(overlay, point) {
           if (overlay){             //marker clicked!     
        } else document.getElementById('coordinates').value = point.x + ',' + point.y;
        }); 


        
addIntoLayer('default', createMarker(new GLatLng(50.4902305556,15.1351055556), 0, 'HRAD KOST','katalog/hrad-kost/','markerA.png'));
showLayer('default');



		updateStatusBar();

// Mouse wheel zoom - Attach event handlers -----
		gMap.enableDoubleClickZoom(); 
		gMap.enableContinuousZoom();
		GEvent.addDomListener(container, "DOMMouseScroll", wheelZoom);
		GEvent.addDomListener(container, "mousewheel", wheelZoom); 
// ----------------------------------------------
	
	
	
	}
}



// Mouse wheel zoom - Event handler -----
function wheelZoom(event) {
	if (wheelZooming) {
		return;
	}

	wheelZooming = true;

	// zoomRect and rectIcon are global variables!!!

	zoomRect = new GMarker(mouseLatLng,{icon:rectIcon});
	gMap.addOverlay(zoomRect);

	if (event.cancelable) {
		event.preventDefault();
	}
	gMap.closeInfoWindow(); 
	if((event.detail || -event.wheelDelta) < 0) {
		window.setTimeout(function(){
			gMap.removeOverlay(zoomRect);
			gMap.zoomIn(mouseLatLng,true,true);
			wheelZooming = false;
		},200);
	} 
	else {
		window.setTimeout(function(){
			gMap.removeOverlay(zoomRect);
			gMap.zoomOut(mouseLatLng,true);
			wheelZooming = false;
		},200);
	}
	return false; 
}
// End event handler -----



// Nothing related to mouse wheel zoom below this line ---------------------------


function moveEnd() {
	updateStatusBar();
}

function zoomEnd(oldZ,zoom) {
	updateStatusBar();
}


function updateStatusBar() {
	var center = gMap.getCenter();
	var zoom = gMap.getZoom();

	var bounds = gMap.getBounds();
	var SW = bounds.getSouthWest();
	var NE = bounds.getNorthEast();

	var oCoords = document.getElementById("coords");
	//oCoords.innerHTML = 'Map center: (' + center.y.toFixed(6) + ',' + center.x.toFixed(6) + ') - zoom: ' + zoom;
	//oCoords.innerHTML += '<br> ';
	//oCoords.innerHTML += 'SW: ' + SW.y.toFixed(6) + ', ' + SW.x.toFixed(6);
	//oCoords.innerHTML += '<br> ';
	//oCoords.innerHTML += 'NE: ' + NE.y.toFixed(6) + ', ' + NE.x.toFixed(6);

}



function resizeMap() {
	//container.style.width = document.body.clientWidth - 180 + 'px';
	//container.style.height = document.body.clientHeight - 100 + 'px';
	if (gMap) {
		gMap.checkResize();
	}
}

function mouseMove(mousePt) {
	mouseLatLng = mousePt;
	var zoom = gMap.getZoom();
	var oStatusDiv = document.getElementById("mouseTrack")	
	var mousePx = normalProj.fromLatLngToPixel(mousePt, zoom);
	//oStatusDiv.innerHTML = 'Mouse LatLng: ' + mousePt.y.toFixed(6) + ', ' + mousePt.x.toFixed(6) ;
	//oStatusDiv.innerHTML += '<br> ';
	//oStatusDiv.innerHTML += 'Mouse Px: ' + mousePx.x + ', ' + mousePx.y;
	//oStatusDiv.innerHTML += '<br>';
	//oStatusDiv.innerHTML += 'Tile: ' + Math.floor(mousePx.x / 256) + ', ' + Math.floor(mousePx.y / 256);
}

window.addEvent('load', function() {
  initialize();
});
window.addEvent('unload', function() {
  GUnload();
});