var mdvMapsArr = new Array();
var tools  = new Array();
var clickpoi = false;
var set_zoom;

function onLoadMapHandler(form) {
	var active = '';
	for (var i=0; i < form.length; i++) {
		if (form[i].name.substring(0, 15) == 'itdLPxx_mdvMap_') {
			var name = form[i].name.substring(15, form[i].name.length);
			var value = form[i].value;

			if (mdvMapsArr[name] == null) {
				mdvMapsArr[name] = new VRNMapHelper(name, value);
			}
		}

		if (form[i].name == 'itdLPxx_mdvMap') {
			active = form[i].value;
		}
		if (form[i].name == 'itdLPxx_zoomLevel') {
			set_zoom = form[i].value;
		}
	}
	if (mdvMapsArr[active])
		mdvMapsArr[active].execute();
}

function VRNMapHelper(usage, value) {
	this.usage = usage;
	this.mdvMap = null;
	this.config = null;
	this.highlight = null;
	this.marker = null;
}

VRNMapHelper.prototype.execute = function () {
	this.config = mdvMapConfig.clone();

	this.config.add('xCenterReal', '3333527');
	this.config.add('yCenterReal', '646030');
	this.config.add('defaultScale', '3');
	this.config.add('serverURL', 'http://maps.vrn.de/');
	this.config.add('efaURL', 'XML_MAP_REQUEST');
	this.config.add('transparentImg', 'images/common/transparent.gif');
	this.config.add('imagePath', 'images/map/');
	this.config.add('block', '100');
	this.config.add('mapName', 'NBWT');
	this.config.add('zoomOnDoubleClick', 'true');
	this.config.add('useMagnifyGlass', 'true');
	this.config.add('toolTimeOut', '200');
	this.config.add('cursorMove', 'images/grabbing.cur');
	this.config.add('useBubbleForEFAInfo', 'false');
	this.config.add('info.stop.size.width', '300');
	this.config.add('info.stop.size.height', '350');
	this.config.add('info.poi.size.width', '130');
	this.config.add('info.poi.size.height', '65');

	this.mdvMap = new MDVMap(document.getElementById('vrnMap'));
				  new MDVMapControl(this.mdvMap);
				  new MDVMapEFAInfo(this.mdvMap);
				  new MDVMapNavigator(this.mdvMap);
				  new VRNMapAddOn(this.mdvMap);

	this.mdvMap.events.registerEvent(MDVEvent_OBJECT_CLICKED, this, this.onObjectClicked);
	this.mdvMap.events.registerEvent(MDVEvent_LAYER_UPDATED, this, this.highlightObj);
	this.mdvMap.events.registerEvent(MDVEvent_TOOLTIP, this, this.onToolTip);
	this.mdvMap.execute(this.config);

	var nameState = this.getNameState();
	var placeState = this.getPlaceState();

	if (nameState == 'list' || nameState == 'identified')
		this.doList(null);
	else if ((nameState == 'empty' || nameState == 'notidentified') && placeState != 'empty')
		this.doPlace(null);
};

VRNMapHelper.prototype.getNameState = function() {
	var state = document.getElementById('nameState_' + this.usage);
	if (state)
		return state.value;
	else
		return '';
};

VRNMapHelper.prototype.getPlaceState = function() {
	var state = document.getElementById('placeState_' + this.usage);
	if (state)
		return state.value;
	else
		return '';
};

VRNMapHelper.prototype.doList = function(select) {
	var index = 0;

	if (select)
		index = select;

	// Unterscheidung nach Typ des Listeneintrags

	if (odv[index])
	{
		switch (odv[index].anyType) {
			case 'address':
				this.doAddress(odv[index]);
			break;
			case 'singlehouse': 	
				this.doAddress(odv[index]);
			break;
			case 'street':
				this.doAddress(odv[index]);
			break;
			case 'stop':
				this.doStop(odv[index]);
			break;
			case 'poi':
				this.doPOI(odv[index]);
			break;
			case 'loc':
				this.doPlace(odv[index]);
			break;
			default:
				if (odv[index].x > 0 && odv[index].y > 0) {
					var centre = new MDVCoordinates('NBWT', odv[index].x, odv[index].y);
	
					this.highlight = odv[index];
	
					this.setCoordinates(centre, 7);
				}
			break;
		}
	}
};

VRNMapHelper.prototype.doStop = function(obj) {
	var params = { name_sf: obj.id, type_sf: 'stopID', itdLPxx_usage: this.usage, itdLPxx_zoomLevel: '7' };
	params = $H(params).toQueryString();

	this.highlight = obj;

	var _ajax = new Ajax.Request('XML_STOPFINDER_REQUEST', { method: 'post', parameters: params, onComplete: VRNMapHelper_AjaxCallback });
};

VRNMapHelper.prototype.doPOI = function(obj) {
	var params = { name_sf: obj.id, type_sf: 'poiID', place_sf: 'placeID:'+obj.omc+':'+obj.placeID, itdLPxx_usage: this.usage, itdLPxx_zoomLevel: '7' };
	params = $H(params).toQueryString();

	this.highlight = obj;

	var _ajax = new Ajax.Request('XML_STOPFINDER_REQUEST', { method: 'post', parameters: params, onComplete: VRNMapHelper_AjaxCallback });
};

VRNMapHelper.prototype.doAddress = function(obj) {
	if (!obj)
		return;

	this.highlight = obj;

	var params = { type_sf: 'address', name_sf: 'streetID:' + obj.id + ':' + obj.buildingNumber + ':' + obj.omc, itdLPxx_usage: this.usage, itdLPxx_zoomLevel: '7' };
	params = $H(params).toQueryString();

	var _ajax = new Ajax.Request('XML_STOPFINDER_REQUEST', { method: 'post', parameters: params, onComplete: VRNMapHelper_AjaxCallback });
};

VRNMapHelper.prototype.doPlace = function(select) {	
	var index = 0;

	if (select)
		index = select;

	this.highlight = null;

//	if (odv[index])
	if(index)
	{
//		var params = { omc: odv[index].omc, placeID: odv[index].placeID, itdLPxx_usage: this.usage, createImage: 0, pinTypeStop: 0, pinTypePOI: 0, itdLPxx_zoomLevel: '3' };
		if (set_zoom)
			var params = { omc: index.omc, placeID: index.placeID, itdLPxx_usage: this.usage, createImage: 0, pinTypeStop: 0, pinTypePOI: 0, itdLPxx_zoomLevel: set_zoom };
		else	
			var params = { omc: index.omc, placeID: index.placeID, itdLPxx_usage: this.usage, createImage: 0, pinTypeStop: 0, pinTypePOI: 0, itdLPxx_zoomLevel: '5' };
		params = $H(params).toQueryString();
	
		var _ajax = new Ajax.Request('XML_MAP_REQUEST', { method: 'post', parameters: params, onComplete: VRNMapHelper_AjaxCallback });
	}
};

VRNMapHelper.prototype.setCoordinates = function(centre, zl, plMarker) {
	if (!centre)
		return;

	var vrnx = centre.x;
	var vrny = centre.y;

	var isOK = this.mdvMap.setCentre(centre);
	
	// Wenn isOK == false --> DIV ausblenden + return, da Koordinaten ungültig.oder nicht im VRN
	if (!isOK || !((((vrnx >= 3372180) && (vrnx <= 3586050)) && ((vrny >= 610000) && (vrny <= 750223))) || (((vrnx >= 3293340) && (vrnx <= 3372180)) && ((vrny >= 573073) && (vrny <= 670000)))))
	{
		divstate = document.getElementById('vrnMap');
		divstate.style.display = "none";
		return;
	} else {
		divstate = document.getElementById('vrnMap');
		divstate.style.display = "block";
	}
	
	if (zl >= 0)
		this.mdvMap.setZoomLevel(zl);

//	if (!plMarker)
	this.setMarker();
	this.mdvMap.update();
};

VRNMapHelper.prototype.highlightObj = function (id, msg, obj) {
	if (!this.highlight)
		return false;
	if (this.highlight.anyType == 'stop' && obj.name == 'efa_stops')
		layer = obj;
	else if (this.highlight.anyType == 'poi' && obj.name == 'efa_poi')
		layer = obj;
	else if (clickpoi)
		layer = obj;
	else
		return;

	var markers = layer.getMarkers();

	for (var m = 0; m < markers.length; m++) {
		var marker = markers[m];
		var object = marker.getObjectId();

		if (object.id == this.highlight.id) {
			var img = object.marker.getImage();
			if (img)
				img.style.border = '2px dashed #ff0000';
		}
	}
};

VRNMapHelper.prototype.setMarker = function () {
	var layer = this.mdvMap.getLayer('mdvMarkers');
	layer.zIndex = 100;

	if (this.marker)
		this.mdvMap.removeMarker(this.marker);

//	if (this.highlight.anyType == 'stop' || this.highlight.anyType == 'poi')
	if (this.highlight)
		if (this.highlight.anyType == 'stop' || this.highlight.anyType == 'poi')
			return;

	var srcPath = this.usage == 'origin' ? 'images/map/origin.gif' : 'images/map/destination.gif';

	this.marker = this.mdvMap.createMarker(this.mdvMap.getCentre().clone(), new MDVPoint(0, 1), srcPath);
	this.mdvMap.addMarker(this.marker);
};

function VRNMapHelper_AjaxCallback(request) {
	var usage = request.responseXML.getElementsByTagName('itdLayoutParam');
	var u = '';
	for (var i=0; i < usage.length; i++) {
		if (usage[i].getAttribute('name') == 'usage')
			u = usage[i].getAttribute('value');
	}
	var targetZl = -1;
	var centre = null;

	var zoomlevel = request.responseXML.getElementsByTagName('itdLayoutParam');

	for (var i=0; i < zoomlevel.length; i++) {
		if (zoomlevel[i].getAttribute('name') == 'zoomLevel') {
			targetZl = zoomlevel[i].getAttribute('value');
			break;
		}
	}

	var place = request.responseXML.getElementsByTagName('itdMapRequest');
	var placemarker = null;
	
	// itdMapRequest

	if (place && place.length > 0) {
		place = request.responseXML.getElementsByTagName('odvNameElem');

		if (!place || place.length != 1){
			centre = new MDVCoordinates('NBWT', 0, 0);
			placemarker = true;
		} else {
			centre = new MDVCoordinates('NBWT', place[0].getAttribute('x'), place[0].getAttribute('y'));
			placemarker = true;
		}
	} else {
		/* itdStopFinderRequest */
		var name = request.responseXML.getElementsByTagName('odvNameElem');

		if (name && name.length > 0){
			centre = new MDVCoordinates('NBWT', name[0].getAttribute('x'), name[0].getAttribute('y'));
			placemarker = false;
		} else {
			centre = new MDVCoordinates('NBWT', 0, 0);
			placemarker = false;
		}
	}
	
	if (mdvMapsArr[u])
		mdvMapsArr[u].setCoordinates(centre, targetZl, placemarker);
};

VRNMapHelper.prototype.onObjectClicked = function(id, msg, obj) {
//debugger;
	switch (this.usage){
		case 'origin':
			var name = document.eingabe.nameInfo_origin;
			var place = document.eingabe.placeInfo_origin;
			var placeState = document.eingabe.placeState_origin;
			var type = document.eingabe.typeInfo_origin;
			break;
		case 'destination':
			var name = document.eingabe.nameInfo_destination;
			var place = document.eingabe.placeInfo_destination;
			var placeState = document.eingabe.placeState_destination;
			var type = document.eingabe.typeInfo_destination;
			break;
		case 'via':
			var name = document.eingabe.nameInfo_via;
			var place = document.eingabe.placeInfo_via;
			var placeState = document.eingabe.placeState_via;
			var type = document.eingabe.typeInfo_via;
			break;
		case 'stt':
			var name = document.eingabe.nameInfo_stt;
			var place = document.eingabe.placeInfo_stt;
			var placeState = document.eingabe.placeState_stt;
			var type = document.eingabe.typeInfo_stt;
			break;
		case 'ttb':
			var name = document.eingabe.nameInfo_ttb;
			var place = document.eingabe.placeInfo_ttb;
			var placeState = document.eingabe.placeState_ttb;
			var type = document.eingabe.typeInfo_ttb;
			break;
		case 'rop':
			var name = document.eingabe.nameInfo_rop;
			var place = document.eingabe.placeInfo_rop;
			var placeState = document.eingabe.placeState_rop;
			var type = document.eingabe.typeInfo_rop;
			break;
		case 'dm':
			var name = document.eingabe.nameInfo_dm;
			var place = document.eingabe.placeInfo_dm;
			var placeState = document.eingabe.placeState_dm;
			var type = document.eingabe.typeInfo_dm;
			break;
		case 'ss':
			var name = document.eingabe.nameInfo_ss;
			var place = document.eingabe.placeInfo_ss;
			var placeState = document.eingabe.placeState_ss;
			var type = document.eingabe.typeInfo_ss;
			break;
	}
	var execInst = document.eingabe.execInst;
	var mapusage = document.eingabe.itdLPxx_mapusage.value;
		
	if(this.usage == 'dm') {
		if(document.getElementById('itdLPxx_mdvMap_stt'))
			document.getElementById('itdLPxx_mdvMap_stt').value='';
		if(document.getElementsByName('sessionID')[0])
			document.getElementsByName('sessionID')[0].value='0';
		if(document.getElementsByName('requestID')[0])
			document.getElementsByName('requestID')[0].value='0';
	}

//debugger;

	switch (obj.type) {
		case 'stop':
			name.value = obj.id;
			type.value = 'stopID';
			placeState.value = 'empty';
			place.value = '';
			if (this.marker)
				this.mdvMap.removeMarker(this.marker);
			if(this.usage != 'dm')
				execInst.value = 'verifyOnly';
			this.mdvMap.mapper.style.cursor = 'wait';
			if (mapusage == 'ps_Trip')
			check_value_2();
			else
			check_value();
			document.forms[0].submit();
			break;
		case 'poi':
			place.value = obj.omc + ':-1';
			name.value = obj.id;
			type.value = 'poiID';
			if (this.marker)
				this.mdvMap.removeMarker(this.marker);
			if(this.usage != 'dm')
				execInst.value = 'verifyOnly';
			this.mdvMap.mapper.style.cursor = 'wait';
			if (mapusage == 'ps_Trip')
			check_value_2();
			else
			check_value();
			document.forms[0].submit();
			break;
		case 'coord':
			if (obj.id)
				return;
			name.value = obj.x + ':' + obj.y + ':' + obj.mapName + ':' + obj.name;
			type.value = 'coord';
			placeState.value = 'empty';
			place.value = '';
			if(this.usage != 'dm')
				execInst.value = 'verifyOnly';
			this.mdvMap.mapper.style.cursor = 'wait';
			this.input.value = '';
			document.forms[0].submit();
			break;
	}
};

VRNMapHelper.prototype.onToolTip = function(id, msg, obj) {
	var text = obj.getInnerHTML();
	var div = document.createElement('div');
	var stopid = obj.getParent().objectId.id;
	if (text.substring(0, 9) == 'Landmark:')
		text = text.substring(text.indexOf(":")+2,text.length);
	
	if (obj && obj.getParent().objectId && obj.getParent().objectId.type=='stop') {
		div.className = 'MDVToolTip';
		innerHTML = '<div class="header">... bitte warten ...</div>';
		obj.setInnerHTML(innerHTML);
		obj.status = true;	
		if (stopid.length == 7)
		 stopid = '0' + stopid;
		var _params = { name_dm: stopid, type_dm: 'stopID', mode: 'direct', itdLPxx_id: stopid, limit: '5' };
			_params = $H(_params);
			_params = _params.toQueryString();
		var ajax = new Ajax.Request('../dm/XSLT_DM_REQUEST', { method: 'post', parameters: _params, onComplete: MDVEFADepartureMonitor_onAjaxComplete });		
		obj.update();
		tools[obj.getParent().objectId.id] = obj;
	} else if (obj && obj.getParent().objectId.type=='poi') {
		innerHTML = '<div style="font-family: Arial, Helvetica, sans-seif; font-size: 12px; font-weight: bold; color: #000000; background-color: #FFFFFF;">'+text+'</div>';
		obj.setInnerHTML(innerHTML);
		obj.status = true;	
	}
};

function MDVEFADepartureMonitor_onAjaxComplete(request) {
	if (request) {
		MDVEFADepartureMonitor_populateTable(request);
	}
}

function MDVEFADepartureMonitor_populateTable(request) {
	if (request.responseText.length > 0) {
		var id = request.responseText.substr(request.responseText.indexOf('id="')+4, 8);
		if (id.substring(0,1) == 0)
		 id = id.substring(1,8);
		if (tools && tools[id]) {
			var obj = tools[id];
			innerHTML = request.responseText;
			obj.setInnerHTML(innerHTML);
			obj.update();
		}
	}
}




function VRNMapAddOn(mdvMap) {
 	if (!mdvMap)
 		return;

 	this.name = 'MapControl';
 	this.mdvMap = mdvMap;

	this.origin = null;
 	this.zoomLevel = null;

 	this.images = new Array();
 	this.images['top_normal'] = new Image();
 	this.images['top_hover'] = new Image();
 	this.images['left_normal'] = new Image();
 	this.images['left_hover'] = new Image();
 	this.images['centre_normal'] = new Image();
 	this.images['centre_hover'] = new Image();
 	this.images['right_normal'] = new Image();
 	this.images['right_hover'] = new Image();
 	this.images['bottom_normal'] = new Image();
 	this.images['bottom_hover'] = new Image();
 	this.images['zoomIn_normal'] = new Image();
 	this.images['zoomIn_hover'] = new Image();
 	this.images['zoomOut_normal'] = new Image();
 	this.images['zoomOut_hover'] = new Image();
 	this.images['zoomLevel_normal'] = new Image();
 	this.images['zoomLevel_hover'] = new Image();
 	this.images['zoomLevel_active'] = new Image();
 	this.images['skala'] = new Image();
 	this.images['transparent'] = new Image();
 	this.images['spacer'] = new Image();

 	this.mapControl = null;

 	this.arrowContainer = null;
 	this.zoomContainer = null;

 	this.mdvMap.registerGadget(this);

    for (var method in MDVGadgetBase.prototype) {

        if (!VRNMapAddOn.prototype[method])
            VRNMapAddOn.prototype[method] = MDVGadgetBase.prototype[method];

    }

    this.mdvMap.events.registerEvent(MDVEvent_INITIALISED, this, this.execute);
    this.mdvMap.events.registerEvent(MDVEvent_ZOOM_CHANGED, this, this.update);
  }

  VRNMapAddOn.prototype.preloadImgs = function () {

  	var imgPath = 'images/map/MDVMapControl/';

 	this.images['top_normal'].src 			= imgPath + 'topNormal.gif';
 	this.images['top_normal'].alt			= "Norden";
 	this.images['top_normal'].title			= this.images['top_normal'].alt;

 	this.images['top_hover'].src 			= imgPath + 'topHover.gif';
 	this.images['top_hover'].alt 			= this.images['top_normal'].alt;
 	this.images['top_hover'].title 			= this.images['top_normal'].alt;

 	this.images['left_normal'].src 			= imgPath + 'leftNormal.gif';
 	this.images['left_normal'].alt			= "Westen";
  	this.images['left_normal'].title		= this.images['left_normal'].alt;

 	this.images['left_hover'].src 			= imgPath + 'leftHover.gif';
 	this.images['left_hover'].alt			= this.images['left_normal'].alt;
 	this.images['left_hover'].title			= this.images['left_normal'].alt;

 	this.images['centre_normal'].src 		= imgPath + 'center.gif';
 	this.images['centre_normal'].alt		= "center";
 	this.images['centre_normal'].title		= this.images['centre_normal'].alt;

 	this.images['centre_hover'].src 		= imgPath + 'centreHover.gif';
 	this.images['centre_hover'].alt			= this.images['centre_normal'].alt;
 	this.images['centre_hover'].title		= this.images['centre_normal'].alt;

 	this.images['right_normal'].src 		= imgPath + 'rightNormal.gif';
 	this.images['right_normal'].alt			= "Osten";
 	this.images['right_normal'].title		= this.images['right_normal'].alt;

 	this.images['right_hover'].src 			= imgPath + 'rightHover.gif';
	this.images['right_hover'].alt			= this.images['right_normal'].alt;
	this.images['right_hover'].title		= this.images['right_normal'].alt;

 	this.images['bottom_normal'].src 		= imgPath + 'bottomNormal.gif';
 	this.images['bottom_normal'].alt 		= "Sueden";
 	this.images['bottom_normal'].title		= this.images['bottom_normal'].alt;

 	this.images['bottom_hover'].src 		= imgPath + 'bottomHover.gif';
 	this.images['bottom_hover'].alt			= this.images['bottom_normal'].alt;
 	this.images['bottom_hover'].title		= this.images['bottom_normal'].alt;

 	this.images['zoomIn_normal'].src 		= imgPath + 'zoominnormal.gif';
  this.images['zoomIn_normal'].alt		= "einzoomen";
  this.images['zoomIn_normal'].title		= this.images['zoomIn_normal'].alt;

 	this.images['zoomIn_hover'].src 		= imgPath + 'zoominhover.gif';
 	this.images['zoomIn_hover'].alt			= this.images['zoomIn_normal'].alt;
 	this.images['zoomIn_hover'].title		= this.images['zoomIn_normal'].alt;

 	this.images['zoomOut_normal'].src 		= imgPath + 'zoomOutNormal.gif';
  	this.images['zoomOut_normal'].alt		= "auszoomen";
  	this.images['zoomOut_normal'].title		= this.images['zoomOut_normal'].alt;

 	this.images['zoomOut_hover'].src 		= imgPath + 'zoomOutHover.gif';
  	this.images['zoomOut_hover'].alt		= this.images['zoomOut_normal'].alt;
  	this.images['zoomOut_hover'].title		= this.images['zoomOut_normal'].alt;

 	this.images['zoomLevel_normal'].src 	= imgPath + 'zoomlevelnormal.gif';

 	this.images['zoomLevel_active'].src 	= imgPath + 'zoomlevelactive.gif';

 	this.images['zoomLevel_hover'].src 		= imgPath + 'zoomlevelhover.gif';

  	this.images['skala'].src 			= imgPath + 'skala.gif';

  	this.images['transparent'].src 			= imgPath + 'transparent.gif';

  	this.images['spacer'].src 				= imgPath + 'spacer.gif';
  };

  VRNMapAddOn.prototype.createDiv = function () {
  	var newDiv = document.createElement('div');
  	return newDiv;
  };

  VRNMapAddOn.prototype.execute = function () {
  	this.preloadImgs();

	this.origin = new MDVCoordinates(this.mdvMap.config.get('mapName'),
  	parseInt(this.mdvMap.config.get('xCenterReal')),
  	parseInt(this.mdvMap.config.get('yCenterReal')));

  	this.zoomLevel = this.mdvMap.config.get('defaultScale');

  	this.mapControl = this.createDiv();
  	this.mapControl.className = 'MDVMapControl';
  	this.mdvMap.viewport.appendChild(this.mapControl);

  	this.arrowContainer = this.createDiv();
  	this.arrowContainer.className = 'MDVMapControl2';
  	this.arrowContainer.id = 'test2';
  	this.mdvMap.viewport.appendChild(this.arrowContainer);

  	this.zoomContainer = this.createDiv();
		this.zoomContainer.className = 'MDVMapControl_Arrow3';
		
  	this.zoomLevels = new Array();

//  	this.mapControl.appendChild(this.arrowContainer);
  	this.arrowContainer.appendChild(this.zoomContainer);

  	this.populateContainers();
  	this.update();

	var panel = document.getElementById('test2');
	Drag.init(panel);
	panel.style.top = "20px";
	panel.style.left = "650px";
  };

  VRNMapAddOn.prototype.setZoomLevel = function(zoomLevel) {
  	if (this.mdvMap.config.getZoomLevel(zoomLevel)) {
	  	this.zoomLevel = zoomLevel;
	  	return true;
  	}
  	return false;
  };

  VRNMapAddOn.prototype.setOriginCoords = function(coord) {
  	if (coord && coord.x && coord.y && coord.mapName) {
  		this.origin = coord;
  		return true;
  	}
  	return false;
  };

  VRNMapAddOn.prototype.populateContainers = function () {
  	if (!this.arrowContainer || !this.zoomContainer)
  		return false;

  	var firstRow 	= this.createDiv();
  	var secondRow 	= this.createDiv();
  	var thirdRow	= this.createDiv();
  	var zoomInRow	= this.createDiv();
  	var skalaRow	= this.createDiv();
  	var zoomOutRow	= this.createDiv();

  	this.arrowContainer.appendChild(firstRow);
  	this.arrowContainer.appendChild(secondRow);
  	this.arrowContainer.appendChild(thirdRow);
  	this.arrowContainer.appendChild(zoomInRow);
  	this.arrowContainer.appendChild(skalaRow);
		this.arrowContainer.appendChild(zoomOutRow);

	var arrow_2_1 = this.createDiv();
		arrow_2_1.className = 'MDVMapControl_Arrow';
		arrowImg_2_1 = this.createImage();
		arrowImg_2_1.hover = this.images['top_hover'];
		arrowImg_2_1.normal = this.images['top_normal'];
		arrowImg_2_1.alt = this.images['top_normal'].alt;
		arrowImg_2_1.title = this.images['top_normal'].title;
		arrowImg_2_1.onclick = this.goNorth;
		arrowImg_2_1.src = this.images['top_normal'].src;
		arrowImg_2_1.style.position = "absolute";
		arrowImg_2_1.style.top = "0px";
		arrowImg_2_1.style.left = "27px";
		arrow_2_1.appendChild(arrowImg_2_1);
	firstRow.appendChild(arrow_2_1);

	var arrow_1_2 = this.createDiv();
		arrow_1_2.className = 'MDVMapControl_Arrow';
		arrowImg_1_2 = this.createImage();
		arrowImg_1_2.hover = this.images['left_hover'];
		arrowImg_1_2.normal = this.images['left_normal'];
		arrowImg_1_2.alt = this.images['left_normal'].alt;
		arrowImg_1_2.title = this.images['left_normal'].title;
		arrowImg_1_2.onclick = this.goEast;
		arrowImg_1_2.src = this.images['left_normal'].src;
		arrowImg_1_2.style.position = "absolute";
		arrowImg_1_2.style.top = "23px";
		arrowImg_1_2.style.left = "4px";
		arrow_1_2.appendChild(arrowImg_1_2);
 	secondRow.appendChild(arrow_1_2);

	var arrow_2_2 = this.createDiv();
		arrow_2_2.className = 'MDVMapControl_Arrow';
		arrowImg_2_2 = this.createImage();
		arrowImg_2_2.hover = this.images['centre_hover'];
		arrowImg_2_2.normal = this.images['centre_normal'];
		arrowImg_2_2.alt = this.images['centre_normal'].alt;
		arrowImg_2_2.title = this.images['centre_normal'].title;
		arrowImg_2_2.onclick = this.zoomIn;
		arrowImg_2_2.src = this.images['centre_normal'].src;
		arrowImg_2_2.style.position = "absolute";
		arrowImg_2_2.style.top = "23px";
		arrowImg_2_2.style.left = "27px";
		arrow_2_2.appendChild(arrowImg_2_2);
 	secondRow.appendChild(arrow_2_2);

	var arrow_3_2 = this.createDiv();
		arrow_3_2.className = 'MDVMapControl_Arrow';
		arrowImg_3_2 = this.createImage();
		arrowImg_3_2.hover = this.images['right_hover'];
		arrowImg_3_2.normal = this.images['right_normal'];
		arrowImg_3_2.alt = this.images['right_normal'].alt;
		arrowImg_3_2.title = this.images['right_normal'].title;
		arrowImg_3_2.onclick = this.goWest;
		arrowImg_3_2.src = this.images['right_normal'].src;
		arrowImg_3_2.style.position = "absolute";
		arrowImg_3_2.style.top = "23px";
		arrowImg_3_2.style.left = "50px";
		arrow_3_2.appendChild(arrowImg_3_2);
 	secondRow.appendChild(arrow_3_2);

 	var arrow_2_3 = this.createDiv();
		arrow_2_3.className = 'MDVMapControl_Arrow';
  	arrowImg_2_3 = this.createImage();
  	arrowImg_2_3.hover = this.images['bottom_hover'];
  	arrowImg_2_3.normal = this.images['bottom_normal'];
  	arrowImg_2_3.alt = this.images['bottom_normal'].alt;
  	arrowImg_2_3.title = this.images['bottom_normal'].title;
  	arrowImg_2_3.onclick = this.goSouth;
  	arrowImg_2_3.src = this.images['bottom_normal'].src;
		arrowImg_2_3.style.position = "absolute";
		arrowImg_2_3.style.top = "46px";
		arrowImg_2_3.style.left = "27px";
  	arrow_2_3.appendChild(arrowImg_2_3);
  thirdRow.appendChild(arrow_2_3);

 	var zoomIn = this.createDiv();
		zoomIn.className = 'MDVMapControl_Arrow';
 		zoomInImg = this.createImage();
 		zoomInImg.hover = this.images['zoomIn_hover'];
 		zoomInImg.normal = this.images['zoomIn_normal'];
 		zoomInImg.alt = this.images['zoomIn_normal'].alt;
 		zoomInImg.title = this.images['zoomIn_normal'].title;
 		zoomInImg.src = this.images['zoomIn_normal'].src;
		zoomInImg.style.position = "absolute";
		zoomInImg.style.top = "79px";
		zoomInImg.style.left = "27px";
 		zoomInImg.onclick = this.zoomIn;
 		zoomIn.appendChild(zoomInImg);
	zoomInRow.appendChild(zoomIn);

 	var skala = this.createDiv();
		skala.className = 'MDVMapControl_Arrow3';
 		skalaImg = this.createImage();
 		skalaImg.normal = this.images['skala'];
 		skalaImg.src = this.images['skala'].src;
		skalaImg.style.position = "absolute";
		skalaImg.style.top = "105px";
		skalaImg.style.left = "27px";
 		skalaImg.onclick = this.zoomIn;
 		skala.appendChild(skalaImg);
		this.zoomContainer.appendChild(skala);

  	var zoomLevels = 0;
  	var zoomLevelArr = this.mdvMap.config.getZoomLevels();
  	if (zoomLevelArr)
  		zoomLevels = zoomLevelArr.length;

  	for (var z = 0; z < zoomLevels; z++) {
  		var level = zoomLevelArr[zoomLevels - z - 1];
  		var topimg = 108;
			if (level) {
	  		var tmpZL = this.createDiv();
//	  			tmpZL.className = 'MDVMapControl_Arrow4';
	  			tmpZLImg = this.createImage();
	  			tmpZLImg.level = level.level;
	  			tmpZLImg.hover = this.images['zoomLevel_hover'];
	  			tmpZLImg.normal = this.images['zoomLevel_normal'];
	  			tmpZLImg.src = this.images['zoomLevel_normal'].src;
	  			tmpZLImg.style.position = "absolute";
	  			if (z == 0)
	  			{
						tmpZLImg.style.top = topimg + "px";
				  	var trans_zoom = this.createDiv();
				  			trans_zoom.className = 'MDVMapControl_Arrow';
					  		trans_zoomImg = this.createImage();
					 			trans_zoomImg.normal = this.images['transparent'];
					  		trans_zoomImg.src = this.images['transparent'].src;
					  		trans_zoomImg.style.height = "108px";
					  		trans_zoom.appendChild(trans_zoomImg);
			  		this.zoomContainer.appendChild(trans_zoom);
	  			}
					tmpZLImg.style.left = "27px";
	  			tmpZLImg.alt = "1:" + level.getScale();
	  			tmpZLImg.title = tmpZLImg.alt;
	  			tmpZLImg.onclick = MDVMapControl_onclick;
	  			tmpZL.appendChild(tmpZLImg);
	  			this.zoomContainer.appendChild(tmpZL);
	  			this.zoomLevels.push(tmpZLImg);
			}
	  	var trans_zoom = this.createDiv();
	  			trans_zoom.className = 'MDVMapControl_Arrow';
		  		trans_zoomImg = this.createImage();
		 			trans_zoomImg.normal = this.images['transparent'];
		  		trans_zoomImg.src = this.images['transparent'].src;
		  		trans_zoomImg.style.height = "19px";
		  		trans_zoom.appendChild(trans_zoomImg);
  		this.zoomContainer.appendChild(trans_zoom);
   	}

  	var zoomOut = this.createDiv();
//			zoomOut.className = 'MDVMapControl_Arrow';
  		zoomOutImg = this.createImage();
  		zoomOutImg.hover = this.images['zoomOut_hover'];
  		zoomOutImg.normal = this.images['zoomOut_normal'];
  		zoomOutImg.alt = this.images['zoomOut_normal'].alt;
  		zoomOutImg.title = this.images['zoomOut_normal'].title;
  		zoomOutImg.src = this.images['zoomOut_normal'].src;
			zoomOutImg.style.position = "absolute";
			zoomOutImg.style.top = "282px";
			zoomOutImg.style.left = "27px";
  		zoomOutImg.onclick = this.zoomOut;
  		zoomOut.appendChild(zoomOutImg);
		zoomOutRow.appendChild(zoomOut);

  	return true;
  };

  VRNMapAddOn.prototype.createImage = function() {
  	var newImage = new Image();
  		newImage.mdvMap = this.mdvMap;
  		newImage.hover 	= null;
  		newImage.normal = null;
  		newImage.onmouseover = MDVMapControl_onmouseover;
  		newImage.onmouseout  = MDVMapControl_onmouseout;
  		newImage.onclick 	 = MDVMapControl_onclick;
  		newImage.ondragstart = new Function([], 'var e=e?e:event;e.cancelBubble=true;e.returnValue=false;return false;');
  	return newImage;
  };

  VRNMapAddOn.prototype.update = function() {
  	if (!this.zoomLevels)
  		return false;

  	var currentZoomLevel = this.mdvMap.config.getZoomLevelIndex();

  	var len = this.zoomLevels.length;

  	for (var i=0; i < len; i++) {
  		if (this.zoomLevels[i].level == currentZoomLevel) {
  			this.zoomLevels[i].src = this.images['zoomLevel_active'].src;
  			this.zoomLevels[i].hover = this.images['zoomLevel_active'];
  			this.zoomLevels[i].normal = this.images['zoomLevel_active'];
  		} else {
  			this.zoomLevels[i].src = this.images['zoomLevel_normal'].src;
  			this.zoomLevels[i].hover = this.images['zoomLevel_hover'];
  			this.zoomLevels[i].normal = this.images['zoomLevel_normal'];
  		}
  	}

  	return true;
  };

  VRNMapAddOn.prototype.zoomIn = function() {
	var zoomLevel = this.mdvMap.config.getZoomLevel(parseInt(this.mdvMap.config.getZoomLevelIndex())+1);
	if (zoomLevel != null) {
  		this.mdvMap.setZoomLevel(parseInt(this.mdvMap.config.getZoomLevelIndex())+1);
  		this.mdvMap.update();
	}
  	return true;
  };

  VRNMapAddOn.prototype.zoomOut = function() {
	var zoomLevel = this.mdvMap.config.getZoomLevel(parseInt(this.mdvMap.config.getZoomLevelIndex())-1);
	if (zoomLevel != null) {
  		this.mdvMap.setZoomLevel(parseInt(this.mdvMap.config.getZoomLevelIndex())-1);
  		this.mdvMap.update();
	}
  	return true;
  };

  VRNMapAddOn.prototype.goEast = function() {
  	var realWidth = this.mdvMap.viewportRealWidth * 0.6;

  	var newCoords = new MDVCoordinates(this.mdvMap.getCentre().mapName,
  		this.mdvMap.getCentre().x,
  		this.mdvMap.getCentre().y);

  	newCoords.x = newCoords.x - Math.floor(realWidth + 0.5);

  	this.mdvMap.setCentre(newCoords);
  	this.mdvMap.update();

  	return true;
  };

  VRNMapAddOn.prototype.goWest = function() {
  	var realWidth = this.mdvMap.viewportRealWidth * 0.6;

  	var newCoords = new MDVCoordinates(this.mdvMap.getCentre().mapName,
  		this.mdvMap.getCentre().x,
  		this.mdvMap.getCentre().y);

  	newCoords.x = newCoords.x + Math.floor(realWidth + 0.5);

  	this.mdvMap.setCentre(newCoords);
  	this.mdvMap.update();

  	return true;
  };

  VRNMapAddOn.prototype.goNorth = function() {
  	var realHeight = this.mdvMap.viewportRealHeight * 0.6;

  	var newCoords = new MDVCoordinates(this.mdvMap.getCentre().mapName,
  		this.mdvMap.getCentre().x,
  		this.mdvMap.getCentre().y);

  	newCoords.y = newCoords.y - Math.floor(realHeight + 0.5);

  	this.mdvMap.setCentre(newCoords);
  	this.mdvMap.update();

  	return true;
  };

  VRNMapAddOn.prototype.goSouth = function() {
  	var realHeight = this.mdvMap.viewportRealHeight * 0.6;

  	var newCoords = new MDVCoordinates(this.mdvMap.getCentre().mapName,
  		this.mdvMap.getCentre().x,
  		this.mdvMap.getCentre().y);

  	newCoords.y = newCoords.y + Math.floor(realHeight + 0.5);

  	this.mdvMap.setCentre(newCoords);
  	this.mdvMap.update();

  	return true;
  };

  VRNMapAddOn.prototype.goBack = function() {
	this.mdvMap.setZoomLevel(this.mapControl.zoomLevel);
	this.mdvMap.setCentre(this.mapControl.origin);
	this.mdvMap.update();
  };

  function MDVMapControl_onmouseover(e) {
	if (this.hover && this.hover.src) {
	  	this.src = this.hover.src;
	  	this.style.cursor = 'pointer';
	}
  	return true;
  }

  function MDVMapControl_onmouseout(e) {
  	if (this.normal && this.normal.src) {
  		this.src = this.normal.src;
	  	this.style.cursor = 'auto';
  	}
  	return true;
  }

  function MDVMapControl_onclick(e) {
  	if (this.level) {
		var zoomLevel = this.mdvMap.config.getZoomLevel(this.level);
		if (zoomLevel != null) {
	  		this.mdvMap.setZoomLevel(this.level);
	  		this.mdvMap.update();
		}
  	}
  	return true;
  }










function wmsOverlay(x, y) {
	var zoomLevel = this.mdvMap.config.getZoomLevelIndex();
	var src  	  = this.getSrcPath();
	
	// map config
	var mapWidth = parseInt(this.mdvMap.config.zoomLevels[zoomLevel].params.realWidth);
	var mapHeight = parseInt(this.mdvMap.config.zoomLevels[zoomLevel].params.realHeight);
	var realOffsetX = parseInt(this.mdvMap.config.zoomLevels[zoomLevel].params.realOffsetX);
	var realOffsetY = parseInt(this.mdvMap.config.zoomLevels[zoomLevel].params.realOffsetY);
	
	// bounding box of  map
	var mapX1 = realOffsetX;
	var mapX2 = realOffsetX + mapWidth;
	var mapY1 = realOffsetY;
	var mapY2 = realOffsetY + mapHeight;
	
	// map tile number
	var mapTileNoX = this.mdvMap.startTileWidth + x;
	var mapTileNoY = this.mdvMap.startTileHeight + y;
	
	// tile size (in coordinates) 
	var tileWidthCoord = mapWidth / parseInt(this.mdvMap.config.zoomLevels[zoomLevel].params.numberOfTilesX);
	var tileHeightCoord = mapHeight / parseInt(this.mdvMap.config.zoomLevels[zoomLevel].params.numberOfTilesY);
	
	// bounding box of current wms tile
	var wmsTileX1 = mapX1 + mapTileNoX * tileWidthCoord;
	var wmsTileX2 = mapX1 + (mapTileNoX + 1) * tileWidthCoord;
	var wmsTileY1 = mapY1 + mapTileNoY * tileHeightCoord;	
	var wmsTileY2 = mapY1 + (mapTileNoY + 1) * tileHeightCoord;
	
	// transform coordinates from mdv coord system to wms coord system and compute bounding box
	var temp = offset - wmsTileY2;
	wmsTileY2 = offset - wmsTileY1;
	wmsTileY1 = temp;
	var tileBoundingBox = wmsTileX1 + ',' + wmsTileY1 + ',' + wmsTileX2 + ',' + wmsTileY2;
	
	// tile size
	var tileSizeX = parseInt(this.mdvMap.config.zoomLevels[zoomLevel].params.tileSizeX);
	var tileSizeY = parseInt(this.mdvMap.config.zoomLevels[zoomLevel].params.tileSizeY);
	
	// variable parts of wms url
	src += '&' + 'width=' + tileSizeX;
	src += '&' + 'height=' + tileSizeY;
	src += '&' + 'bbox=' + tileBoundingBox;

	return src;
}