﻿function resize_end(obj){
    var element = document.getElementById('MapDiv');
	element.style.left = element.offsetLeft + 'px';
	element.style.top = element.offsetTop + 'px';
	element.style.height = (document.body.offsetHeight - element.offsetTop - 5)+'px';
	element.style.width = (document.body.offsetWidth - 306)+'px';
	element = document.getElementById('SideDiv');
	element.style.width = '294px';
	element.style.top = element.offsetTop + 'px';
	element.style.left = (document.body.offsetWidth - 297)+'px';
	element.style.height = (document.body.offsetHeight - element.offsetTop - (browser.type == 2 ? 3 : 5))+'px';
		
	if (map)
		map.viewSizeChanged();
}

resize_end();
var map = new MireoMap(document.getElementById("MapDiv"));
//map.setCenterAndZoom(new Point(15.987274646759033, 45.80988948217033 ), 1); //Zagreb Dzamija
map.setCenterAndZoom(new Point(15.996909141540527, 45.74619660411303), 1); //Mireo Headquarters

var geoAddressDrawer = new GeoAddressDrawer(64, 0, 255, 0, 15);
map.addOverMapDrawer(geoAddressDrawer);

var routeDrawer = new RouteDrawer(160, 0, 0, 255, 5, 0, 0, 255);
map.addOverMapDrawer(routeDrawer);

var search = new MireoSearch(document.getElementById("SearchDiv"), geoAddressDrawer);
var router = new MireoRouter(document.getElementById("RouterDiv"), geoAddressDrawer, routeDrawer, map.infoWindow);

var icon = new MapIcon("MireoMarker.png",new Size(35, 38),new Point(13,37),"MireoMarkerShadow.png",new Size(45,18), new Point(12,17));
//function MapIcon(image, imsize, imhotspot, shadow, shsize, shhotspot){
//var marker = new MapMarker(icon, new Point(15.9951603412628, 45.7475011968021), "Mireo");
var marker = new MapMarker(icon, new Point(15.996909141540527, 45.74619660411303), "Mireo"); // New Location
marker.id = 'MireoMarker';
map.addMapMarker(marker);


map.click = function(pt, marker){
	if (marker && marker.id && marker.id == 'MireoMarker') map.displayInfoWindowOnMarker(marker, "<iframe src='mireo_info.html' scroll='NO' frameborder='NO' style='width:280px;height:180px;' allowTransparency = 'TRUE'></iframe>");
	}

map.formatGeoAddress = function(ga){
	var dvcss = "font-family:Arial, Helvetica, Verdana; font-size:10pt;padding-top:2px;";
	var html = MireoSearch.ga2HTML(ga);
	var sz = measureHTML(html);
	dvcss += "position:absolute;"+"width:"+sz.width+"px;height:"+sz.height+"px;";
	var ddiv = '<DIV style="' + dvcss + '">' + html + '</DIV>';
	return ddiv;
}

map.ondisplayinfowindow = function(infowin){
    var routeCmd = ElementCreator.createChildDiv(infowin.routerPos.width, infowin.routerPos.height, 105, 15, infowin.color, "Arial", '12px'); 
	routeCmd.style.cssText += '; z-index:1;text-align:left;text-decoration:underline;color:blue;cursor:pointer';
	routeCmd.onclick = function(){router.addAddress(infowin.addr); map.closeInfoWindow();};
	routeCmd.innerHTML = "Add to router";
	infowin.appendChild(routeCmd);
}

map.dblclick = function(pt, marker){
	if (!marker){
		MapSearchWeb.FindClosestStreet(pt, FindClosestStreetCallback);
	}
	function FindClosestStreetCallback(ga){
		WebException.validate(ga);
		map.displayInfoWindow(pt, map.formatGeoAddress(ga), 0, ga);
	}
}

