function extent()
            {
            var dataExtent = markerLayer.getDataExtent();
            map.zoomToExtent(dataExtent);
            }
            
            
  function ffff(){
  
    $('#jqxWindowxx').jqxWindow({ position: { x: '300', y: '300' }}); 
             $('#jqxWindowxx').jqxWindow({ okButton: $('#okButton')}); 
             $("#jqxWindowxx").jqxWindow({ height: '300', width: '600', theme: 'summer', isModal: false, autoOpen: false, title: '', showCollapseButton: true });
        
             $('#jqxWindowxx').jqxWindow({ content: 'foobar' }); 
             $('#jqxWindowxx').jqxWindow('setContent', '<iFrame src=middle_ad.php width=100% height=100% frameborder=0></iframe>'); 
             //$('#jqxWindowxx').jqxWindow({ z-index: 999999999999999}); 
            //$('#jqxWindowxx').jqxWindow({ zIndex: 999999999999999}); 
            //$('#jqxWindowxx').jqxWindow('bringToFront');
            //$('#jqxWindowxx').jqxWindow({ closeButtonAction: 'hide'}); 
            //$('#jqxWindowxx').on('close', function (event) { alert('closed'); });
            //$('#jqxWindowxx').jqxWindow({ position: { x: '300', y: '300' }}); 
             
            // $("#jqxWindowxx").jqxWindow({ height: '300', width: '600', theme: 'summer', isModal: false, autoOpen: false, title: '', showCollapseButton: true });
        
             //$('#jqxWindowxx').jqxWindow({ content: 'foobar' }); 
             //$('#jqxWindowxx').jqxWindow('setContent', 'aaa');
            $('#jqxWindowxx').jqxWindow('open');  
            }
            
                                    


function loading(load_id){

if(load_id == 1)
{
document.getElementById('loading').style.visibility = 'visible'; 
//document.getElementById('loading').innerHTML = '<img src=../../../Studium/Multimedia/bilder/symbole/ajax_laden_rund_blau.gif style=border: 0;>';
}
else
{
document.getElementById('loading').style.visibility = 'hidden'; 
}
}  

function xml_request() {
  
  var xml_anfrage = null;

  if(window.XMLHttpRequest) {		// Generiere XML Objekt
    xml_anfrage = new XMLHttpRequest();  //für Mozilla, Opera, IE > 7, Safari
  }
  else if(window.ActiveXObject) {	//Für IE 5,6
    xml_anfrage = new ActiveXObject("Microsoft.XMLHTTP");
  }


  //Gibt das XML objekt rurück
  return xml_anfrage;
}











function zoomToVehicle(toZoom, lon, lat, imei){   
    var lonLat=new OpenLayers.LonLat(lon, lat).transform(map.displayProjection, map.getProjectionObject());
    //alert(map.getZoom());                                    
     map.setCenter(lonLat,toZoom);
     followDevice(imei,'0','0', to);
    //disable following
    
    
    
  }
  
  function disable(pub_key){   
  
  
  
      try {
      		url = "../data/xml/xml_disable.php";
          var abfrage =  xml_request();		
          nachricht = "key="+pub_key;
          abfrage.open("POST", url, true);			// set the request
          abfrage.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
          abfrage.send(nachricht);		// calls the send() method with datas as parameter
          abfrage.onreadystatechange = function() {
            
            
            if (abfrage.readyState == 4) {
            
            //update();
            
              setTimeout(function(){
                                          
                               
                               parent.frames['mapping'].update();
     
                               }, 500);          
            
            }
            
            }
			} catch (e) {
           //alert(e);
      }
      
    
      
      
      
      
    }
    
  

function cf (circle) {

	var center = OpenLayers.Layer.SphericalMercator.forwardMercator(circle.lon, circle.lat);

	var style = {
		strokeColor:	(circle.strokeColor	|| 'red'	),
		strokeWidth:	(circle.strokeWidth	|| 2		),
		strokeOpacity:	(circle.strokeOpacity	|| 1.0		),
		fill:		(circle.fillOpacity!==0			),
		fillColor:	(circle.fillColor	|| 'yellow'	),
		fillOpacity:	(circle.fillOpacity	|| 0.5		),
		pointerEvents:	'visiblePainted'
	}

	var radius = (circle.radius || 1000.0) / Math.cos (circle.lat * 3.1415926535 / 180.0);

	var nPoints= circle.nPoints || 32;
	var delta  = 2 * 3.1415926535 / nPoints;

	var list = [];
	for (var i=0; i<nPoints; i++) {

		var alpha = i * delta;
		var x = center.lon + Math.cos (alpha) * radius;
		var y = center.lat + Math.sin (alpha) * radius;
		list.push (new OpenLayers.Geometry.Point(x, y));
	}

	var geometry = new OpenLayers.Geometry.LinearRing (list);
	var feature  = new OpenLayers.Feature.Vector (geometry, null, style);

	return feature;
}



function knut(){

}

function loadUser()
{
parent.frames['mapping'].growl('NoraUndBorisOnTheRoad ...','... are on the road now!','../images/green_hook.png','5000','false');
  
}


function showTracker(html,imei,deviceName)
{

//deviceName = decodeURIComponent(deviceName);
html = decodeURIComponent(html);
parent.frames['mapping'].growl('Tracker information',html,'../images/trackerInfo.png','5000','true');
parent.frames['tabs'].fromMap(imei,(deviceName));
}

//------------------------------------------------------------------------------
//	$Id: popupmarker.js,v 1.112 2013/04/11 19:18:47 wolf Exp wolf $
//------------------------------------------------------------------------------
//	Erklaerung:	http://www.netzwolf.info/kartografie/openlayers/#csv
//------------------------------------------------------------------------------
//	Fragen, Wuensche, Bedenken, Anregungen?
//	<openlayers(%40)netzwolf.info>
//------------------------------------------------------------------------------
//
//	$Log: popupmarker.js,v 
//	Revision 1.112  2013/04/11 19:18:47  wolf
//	+ getWikipediaUrl
//	+ parseURL
//
//	Revision 1.110  2013/04/06 16:46:41  wolf
//	+ closeKeyCode
//	+ formatValue: interwikiLink
//
//	Revision 1.108  2013/03/08 11:46:07  wolf
//	+ shrinkUrl
//
//	Revision 1.105  2013/01/20 14:20:50  wolf
//	+ josm:load_object
//
//	Revision 1.104  2013/01/19 22:14:43  wolf
//	+ "www." -> link
//
//	Revision 1.102  2013/01/12 14:56:47  wolf
//	+ wikipedia-Links
//
//	Revision 1.101  2013/01/12 14:19:41  wolf
//	+ timer-reload
//	+ nameless columns
//
//	Revision 1.100  2012/11/07 13:35:04  wolf
//	* Bugfix: map->this.map
//
//	Revision 1.99  2012/05/21 08:50:36  wolf
//	+ jsonpRequest()
//
//	Revision 1.98  2012/05/04 23:06:49  wolf
//	+ createTemporaryMarker:
//
//	Revision 1.97  2012/03/31 17:09:28  wolf
//	* Anpassung an pinch-Handling (Ipad).
//	* Ergaenzungen zum POI-Editor
//	* String-Cleanup
//
//	[...]
//
//	Revision 1.1  2010/01/21 10:29:17  wolf
//	Initial Revision
//
//------------------------------------------------------------------------------

if (!OpenLayers.Lang.en) {
	OpenLayers.Lang.en = {};
}

if (OpenLayers.Lang.en.errorLoadingCSV) {
//top.location.href = 'http://www.yourGPS.de';
}

OpenLayers.Layer.PopupMarker = OpenLayers.Class(OpenLayers.Layer.Markers,{

	popupOnHover: false,
	popupOnClick: false,
	restrictMapExtent: false,
	location: null,
	fieldSeparator: '\t',
	defaultIcon: null,
	popupClass:OpenLayers.Popup.AnchoredBubble,
	createUrlForBounds: null,
	editUrl: null,
	requestUser: null,
	requestPassword: null,
	requestAsync: true,
	clickHandler: null,
	opacity: null,
	minZoom: 10,
	lastZoom: -1,
	blockSize: 0.1,
	clusterSize: 0,
	clusterSort: null,
	clusterLimit: 10,
	zindex: null,
	cloudImage: null,
	zoomSteps: null,
	hideMarkerBelowMinZoom: false,
	region: null,			// XXX experimental
	maxTooltipWidth: null,
	closeOnClick: false,		// close by click into popup
	closeKeyCode: false,		// close popup by key with this keyCode
	clickDistance: 0,		// open by click near to marker
	fieldTitles: {},
	fieldTypes: {},
	fieldValues: {},
	enableUpdate: false,
	enableCreate: false,
	enableDelete: false,
	enableLocate: false,
	locateId: null,
	reloadTimer: null,
	reloadInterval: null,

	labelEdit: 'Bearbeiten',
	labelDelete: 'L' + String.fromCharCode(246) + 'schen',
	labelConfirmDelete: 'Marker permanent l' + String.fromCharCode(246) + 'schen?',
	labelLocate: 'Verschieben',
	locateMarker: null,

	//----------------------------------------------------------------------
	//	Init
	//----------------------------------------------------------------------

	initialize: function(name, options) {

		OpenLayers.Layer.Markers.prototype.initialize.apply(this,arguments);

		this.erase();

		this.loadBounds		= null;
		this.loadedBounds	= null;
		this.loadingUrl		= null;
		this.nextId		= 0;

		if (this.opacity ) { this.setOpacity(opacity); }
		if (this.minZoom ) { this.zoomSteps = 1<<this.minZoom; }

		if (!window.callbackCounter) { window.callbackCounter = 0; }
		if (!window.callbacks      ) { window.callbacks = []; }

		this.currentMarker = null;

		if (this.reloadInterval && this.location) {

			var closure = this;
			this.blockSize = 0;
			this.reloadTimer=window.setInterval (function() {
				closure.request(closure.location);
			}, this.reloadInterval);
		}
	},

	destroy: function () {

		if (this.clickHandler) { this.clickHandler.destroy(); }
		this.erase();
	},

	afterAdd: function() {

		if (this.location) { this.request(this.location); }

		if (this.enableCreate!==false || this.clickDistance>0 || this.enableLocate) {
			this.clickHandler = new OpenLayers.Handler.Click (this,
				{'click': this.click}, {'single': true});
			this.clickHandler.activate();
		}
	},

	//----------------------------------------------------------------------
	//	click to create marker
	//----------------------------------------------------------------------

	click: function(ev) {

		if (this.locateMarker) {

			var marker = this.locateMarker;

			this.cancelLocate();

			if (ev.shiftKey || ev.ctrlKey) { return null; }

			var lonLat=this.map.getLonLatFromViewPortPx(ev.xy);

			this.drawTemporaryIcon (this.createIconFromData(marker.data, true),
				this.map.getLayerPxFromLonLat (lonLat));

			lonLat.transform(this.map.getProjectionObject(),this.map.displayProjection);
			marker.data.lat = lonLat.lat;
			marker.data.lon = lonLat.lon;

			var postData = OpenLayers.Util.getParameterString (marker.data);
			this.updateMarkerOnServer (marker, postData);

			return null;
		}

		if (!this.visibility) { return null; }

		if (this.clickDistance>0 && !ev.ctrlKey && !ev.shiftKey && ev.xy && this.markers) {

			if (this.currentPopup) {

				this.destroyPopup();

			} else if (this.popupOnClick && (this.map.getZoom() >= this.minZoom || !this.hideMarkerBelowMinZoom)) {

				marker = this.findNearestMarker (ev.xy, this.clickDistance);
				if (marker) { this.markerClick.apply (marker, [ev]); }
			}
		}

		if (this.enableCreate && ev.ctrlKey && this.enableCreate && this.lastZoom >= this.minZoom) {

			if (this.currentPopup) {
				this.destroyPopup();
				return false;
			}

			this.createTemporaryMarker (this.map.getLonLatFromViewPortPx(ev.xy).
                                transform(this.map.getProjectionObject(), this.map.displayProjection));
		}

		return false;
	},

	createTemporaryMarker: function (lonlat, data) {

		if (this.currentPopup) { this.destroyPopup(); }
		if (!data) { data={}; }

		++this.nextId;
		
		data.lon = lonlat.lon;
		data.lat = lonlat.lat;
		data.id  = -this.nextId;

		lonlat.transform(this.map.displayProjection, this.map.getProjectionObject());

		if (!this.map.getExtent().containsLonLat(lonlat)) {

			this.map.moveTo (lonlat, Math.max (this.map.getZoom(), this.minZoom));
		}

		var marker = this.createMarker (data);

		marker.temporary = true;

		this.createEditPopup (marker, true);
	},

	findNearestMarker: function (center, maxDistance) {

		if (!center || !this.markers) { return null; }

		if (!maxDistance) { maxDistance = 1e10; }

		var result = null;
		var dist   = maxDistance * maxDistance + 1;

		for (var i in this.markers) {
			var marker = this.markers[i];
			var icon   = marker.icon;
			if (!icon) { continue; }
			var px	= icon.px;
			if (!px) { continue; }
			var dx	= px.x - center.x;
			var dy	= px.y - center.y;
			var d2	= dx*dx + dy*dy;
			if (d2 >= dist) { continue; }
			result	= marker;
			dist	= d2;
		}
		return result;
	},

	//----------------------------------------------------------------------
	//	JSONP request (w/o using global variables)
	//----------------------------------------------------------------------

	jsonpRequest: function (url, scope, callback) {

		//----------------------------------------------------
		//	get requestId and patch url
		//----------------------------------------------------

		++window.callbackCounter;

		var requestId = "JSONP" + window.callbackCounter;

		//----------------------------------------------------
		//	attach jsonp callback handler
		//----------------------------------------------------

		var closureScope = scope;
		var closureCallback = callback;
		var closureLayer = this;

		window.callbacks[requestId] = function (data) {

			//-------------------------------------------------
			//	cleanup callback structure
			//-------------------------------------------------

			delete window.callbacks[requestId];

			//-------------------------------------------------
			//	remove script node
			//-------------------------------------------------

			var scriptNode = document.getElementById (requestId);
			if (scriptNode && scriptNode.parentElement) {
				scriptNode.parentElement.removeChild (scriptNode);
			}

			//-------------------------------------------------
			//	loadend
			//-------------------------------------------------

			closureLayer.events.triggerEvent('loadend');

			//-------------------------------------------------
			//	callback
			//-------------------------------------------------

			closureCallback.apply (closureScope, [data]);
		};


		var scriptNode = document.createElement ('script');
		scriptNode.id  = requestId;
		scriptNode.src = url.replace (/#/, "window.callbacks." + requestId);

		closureLayer.events.triggerEvent('loadstart');

		document.getElementsByTagName('BODY')[0].appendChild (scriptNode);
	},

	//----------------------------------------------------------------------
	//	Reload Marker on move or zoom
	//----------------------------------------------------------------------

	moveTo: function (bounds, zoomChanged, dragging) {

		OpenLayers.Layer.Markers.prototype.moveTo.apply(this,arguments);

		//--------------------------------------------------------------
		//	but not while dragging or invisible or moving marker
		//--------------------------------------------------------------

		if (dragging || !this.visibility || this.locateMarker) { return; }

		//--------------------------------------------------------------
		//	XXX QUICKFIX WILL BE REMOVED XXX
		//--------------------------------------------------------------

		if (this.zindex && this.div.style.zIndex!=this.zindex) {

			this.div.style.zIndex=this.zindex;
		}

		//--------------------------------------------------------------
		//	Change visibility of marker
		//--------------------------------------------------------------

		if ((this.lastZoom>=this.minZoom) != (this.map.zoom>=this.minZoom)) {
			this.lastZoom = this.map.zoom;
			if (!this.blockSize && this.lastZoom < this.minZoom && this.hideMarkerBelowMinZoom) {
				this.erase();
			}
			if (this.location && this.createUrlForBounds) {
				if (this.map.zoom >= this.minZoom) {
					for (var i=0; i<this.markers.length; i++) {
						this.markers[i].display(this.markers[i].data._csize<=0);
					}
				} else {
					for (i=0; i<this.markers.length; i++) {
						this.markers[i].display(this.markers[i].data._csize>0);
					}
				}
			}
			if (!this.location && this.createUrlForBounds && this.hideMarkerBelowMinZoom) {
				for (i=0; i<this.markers.length; i++) {
					this.markers[i].display(this.map.zoom >= this.minZoom);
				}
			}
		}

		//--------------------------------------------------------------
		//	Transform center and border to geogr. Coordinates
		//--------------------------------------------------------------

		if (this.map.zoom >= this.minZoom && this.createUrlForBounds) {

			this.loadBounds = bounds.clone().
				transform(this.map.getProjectionObject(), this.map.displayProjection);

			this.loadNext();
		}

		//--------------------------------------------------------------
		//	delayed Popup
		//--------------------------------------------------------------

		var marker = this.delayedPopupMarker;
		if (marker) {
			this.delayedPopupMarker=null;
			this.createPopup(marker);
			this.currentMarker=marker;
		}
	},

	//----------------------------------------------------------------------
	//	Load next
	//----------------------------------------------------------------------

	getUnknownArea: function (bounds) {

		if (!this.blockSize) { return bounds; }

		var l0 = Math.floor (bounds.left  / this.blockSize);
		var r0 = Math.ceil  (bounds.right / this.blockSize);
		var b0 = Math.floor (bounds.bottom/ this.blockSize);
		var t0 = Math.ceil  (bounds.top   / this.blockSize);
		var l=r0;
		var r=l0;
		var t=b0;
		var b=t0;
		for (var y=b0; y<t0; y++) {
			for (var x=l0; x<r0; x++) {
				var id = y+':'+x;
				if (this.loadedAreas[id]) { continue; }
				this.loadedAreas[id]=true;
				if (x< l) { l=x;   }
				if (x>=r) { r=x+1; }
				if (y< b) { b=y;   }
				if (y>=t) { t=y+1; }
			}
		}

		if (l>=r || b>=t) { return null;}

		return new OpenLayers.Bounds (
			l*this.blockSize,b*this.blockSize,r*this.blockSize,t*this.blockSize);
	},

	loadNext: function () {

		if (this.loadBounds==this.loadedBounds) { return; }
		if (this.loadingUrl) { return; }
		this.loadedBounds = this.loadBounds;
		var area = this.getUnknownArea (this.loadedBounds);
		if (area) { this.request (this.createUrlForBounds(area)); }
	},

	//----------------------------------------------------------------------
	//	Download CSV
	//----------------------------------------------------------------------

	request: function (url) {

		if(this.loadingUrl) { return false; }
		this.loadingUrl=url;

		OpenLayers.Request.GET({
			url:this.loadingUrl,
			success:this.requestSuccess,
			failure:this.requestFailure,
			scope:this
		});
		this.events.triggerEvent('loadstart');
		return true;
	},

	//----------------------------------------------------------------------
	//	Success downloading CSV
	//----------------------------------------------------------------------

	requestSuccess: function(request) {

		if (!request.response && !request.status) {
      //top.location.href = 'http://www.yourGPS.de';
		

		} else if (!request.responseText) {
      //top.location.href = 'http://www.yourGPS.de';
			

		} else {

			var objects = this.parseCSV (request.responseText);
			if (!this.blockSize) { this.erase (true);}
			//if (objects.length>0) { objects[objects.length-1].isLatest=true;}
			for (var i=0; objects.length>i; i++) {
				this.createMarker (objects[i]);
			}
		}

		if (this.loadingUrl==this.location && !this.map.getCenter()) {
			var extent = this.getBounds();
			if (extent) {
				this.map.zoomToExtent(extent);
				if (this.restrictMapExtent) {
					extent.extend(this.map.restrictedExtent);
					this.map.restrictedExtent=extent;
				}
			}
		}

		if (!map.getCenter()) { this.map.zoomToMaxExtent(); }
		this.events.triggerEvent('loadend');
		this.loadingUrl = null;
		if (this.visibility) { this.loadNext(); }
	},

	//----------------------------------------------------------------------
	//	Error downloading of CSV
	//----------------------------------------------------------------------

	requestFailure: function(request) {
    //top.location.href = 'http://www.yourGPS.de';

		if (!map.getCenter()) { this.map.zoomToMaxExtent(); }
		this.events.triggerEvent('loadend');
		this.loadingUrl = null;
		this.loadNext();
	},

	//----------------------------------------------------------------------
	//	createObject
	//----------------------------------------------------------------------

	getMarkerByDataId: function (id) {

		for (var i=0; i<this.markers.length; i++) {
			if (this.markers[i].data.id==id) { return this.markers[i]; }
		}
		return null;
	},

	createMarker: function (data, isnew) {
  
		if (!data) { return null; }
		if (this.filter && !this.filter(data)) { return null; }
		if (!data.id) {
			++this.nextId;
			data.id = '' + this.nextId;
		}
		if (this.getMarkerByDataId(data.id)) { return null; }

		if (!data.lat && data.point) { data.lat=data.point.split(',')[0]; }
		if (!data.lon && data.point) { data.lon=data.point.split(',')[1]; }
		var lon = parseFloat (data.lon, 10);
		var lat = parseFloat (data.lat, 10);
    
		if (isNaN(lon) || isNaN(lat)) {

			if (data.location) {

				if (!this.locations[data.location]) {
					this.locations[data.location] = [];
				}
				this.locations[data.location].push(data);
			}
			return null;
		}

		var lonLat=new OpenLayers.LonLat(lon, lat).
			transform(this.map.displayProjection, this.map.getProjectionObject());

		var marker = new OpenLayers.Marker (lonLat, this.createIconFromData(data));

		marker.icon.imageDiv.firstChild.className='olPopupMarker';
		marker.icon.imageDiv.className='olPopupMarker';
		marker.layer=this;
		marker.data =data;
    
 
    if (!map.getZoom()) 
    { 
    // map.setCenter(lonLat,16); 
    }
    else
    {
    //map.setCenter(lonLat,map.getZoom());    
    }
     
		//---------------------------------------------------------
		//	tooltip
		//---------------------------------------------------------

		if (this.createTooltipFromData) {

			this.setTooltip (marker);
      
		} else if (this.popupOnHover) {

			OpenLayers.Event.observe (marker.icon.imageDiv, 'mouseover',
				OpenLayers.Function.bindAsEventListener(this.markerMouseOver, marker));
			OpenLayers.Event.observe (marker.icon.imageDiv, 'mouseout',
				OpenLayers.Function.bindAsEventListener(this.markerMouseOut, marker));
		}
    
    if (this.createTooltipFromData2) {

			this.setTooltip (marker);
      
		} else if (this.popupOnHover) {

			OpenLayers.Event.observe (marker.icon.imageDiv, 'mouseover',
				OpenLayers.Function.bindAsEventListener(this.markerMouseOver, marker));
			OpenLayers.Event.observe (marker.icon.imageDiv, 'mouseout',
				OpenLayers.Function.bindAsEventListener(this.markerMouseOut, marker));
		}

		if (this.popupOnClick) {

			OpenLayers.Event.observe (marker.icon.imageDiv, 'click',
				OpenLayers.Function.bindAsEventListener(this.markerClick, marker));
			OpenLayers.Event.observe (marker.icon.imageDiv, 'touchend',
				OpenLayers.Function.bindAsEventListener(this.markerClick, marker));
		}

		this.addMarker (marker);
		return marker;
	},

	updateMarker: function (marker, busy) {

		var lonLat=new OpenLayers.LonLat(marker.data.lon, marker.data.lat).
			transform(this.map.displayProjection, this.map.getProjectionObject());

		marker.moveTo (this.map.getLayerPxFromLonLat (lonLat));
		this.setIcon (marker, this.createIconFromData (marker.data, busy));
		this.setTooltip (marker);
	},

	setIcon: function (marker, icon) {
    
		marker.icon.url   = icon.url;
		marker.icon.size  = icon.size;
		marker.icon.offset= icon.offset;
		marker.icon.draw();
	},

	setTooltip: function (marker) {
    
                                       
                                        
		var html = this.createTooltipFromData (marker.data);
		if (!html) { return; }

		if (this.maxTooltipWidth) {
			html = this.wrap (html, this.maxTooltipWidth,
				{displayClass: 'olPopupMarkerTooltip'});
		}

		var size = OpenLayers.Util.getRenderedDimensions (
			html, null,
			{displayClass: 'olPopupMarkerTooltip'});

		var tooltipDiv = marker.tooltipDiv;
		if (!tooltipDiv) {

			tooltipDiv=document.createElement('div');
			tooltipDiv.style.position = 'absolute';
			tooltipDiv.className = 'olPopupMarkerTooltip tooltip';

			marker.tooltipDiv = tooltipDiv;
			marker.icon.imageDiv.appendChild (tooltipDiv);
		}
    //tooltipDiv.id = "sdvfdsfvbdfsvb";
    //tooltipDiv.style.zIndex   = 100000000;
		//tooltipDiv.style.width   = (size.w+1) + 'px';
		//tooltipDiv.style.height  = size.h + 'px';
    //html = '<b>test-test</b>';
    html2 = html;
    html = encodeURIComponent(html);
   
    //alert(marker.data.Adresse); 
  if(marker.data.Adresse == '"-"')
  {
    //adresse = '';                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     
  }
  else                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                   
  {
  adresse = marker.data.Adresse;
  }
    
    
  if(marker.data.following != "")
  {
  advertisement = "<br><a href='http://rover.ebay.com/rover/1/707-53477-19255-79/1?campid=5337478612&toolid=707534771925579&customid=&mpvc='><img border='0px' src='http://rover.ebay.com/ar/1/707-53477-19255-79/1?campid=5337478612&toolid=707534771925579&customid=&mpt=[CACHEBUSTER]&adtype=1&size=234x60&mpvc=' alt='Click Here'></a>";
}
  else
    {
    advertisement = "";
    
    }
    
    
    advertisement = '';    
    
    //forGrowl = '<b>Letzter: </b>'+marker.data.gpsdatetime_dmyhis + '<br><b>Speed:</b> ' + marker.data.speed + ' <br><b>Tracker name:</b> ' + marker.data.add_info + '<br>'+marker.data.imei+'<br>'+adresse+', '+marker.data.Typ+' seit '+marker.data.Since;
    //forGrowl = encodeURIComponent(forGrowl);                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             
    anzahlZeichen =  marker.data.id.length;
    breite = anzahlZeichen * 13;
    hoehe = anzahlZeichen * 10;
    //alert(marker.data.gpsdatetime_dmyhis);
    
    
    //gelb-weiss-grau
    //tooltipDiv.innerHTML = '<div style="-webkit-box-shadow: 11px 11px 8px #cbd1c7; /* webkit browser*/ -moz-box-shadow: 11px 11px 8px #cbd1c7; /* firefox */ box-shadow: 11px 11px 8px #cbd1c7; position: absolute; left: 0px; top: 0px; color: black; font-family: Verdana; font-size: 9.5px; background-color: white; opacity:0.7; filter:alpha(opacity=60); border-width:1px; border-style:solid; border-color:#FF8400; width: 160px; height: 100px; " onClick=showTracker("'+html+'")><div style="position: absolute; left: 5px; top: 5px;">EN: '+html2+'</div></div>';


    //weiss-schwarz-grau-eckig                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     
   // tooltipDiv.innerHTML = '<div style="-webkit-box-shadow: 11px 11px 14px #3c403a; /* webkit browser*/ -moz-box-shadow: 11px 11px 14px #3c403a; /* firefox */ box-shadow: 11px 11px 14px #3c403a; position: absolute; left: 0px; top: 0px; color: white; font-family: Verdana; font-size: 9.5px; background-color: black; opacity:0.7; filter:alpha(opacity=60); border-width:1px; border-style:solid; border-color:white; width: 200px; height: 100px; z-index: 9000;" onClick=showTracker("'+html+'")><div style="position: absolute; left: 5px; top: 5px; z-index: 100000;">'+html2+'| <a href="#" onclick=popupOnStart("http://www.web.de");>test</a></div></div>';                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             

    

    //weiss-schwarz-grau-eckig
    //tooltipDiv.innerHTML = '<div style="border-top-right-radius: 9px; border-bottom-right-radius: 9px; border-bottom-left-radius: 9px; border-top-left-radius: 9px; -moz-border-radius-topright: 9px; -moz-border-radius-bottomright: 9px; -moz-border-radius-bottomleft: 9px; -moz-border-radius-topleft: 9px; -webkit-border-top-right-radius: 9px; -webkit-border-bottom-right-radius: 9px; -webkit-border-bottom-left-radius: 9px; -webkit-border-top-left-radius: 9px;-webkit-box-shadow: 11px 11px 14px #3c403a; /* webkit browser*/ -moz-box-shadow: 11px 11px 14px #3c403a; /* firefox */ box-shadow: 11px 11px 14px #3c403a; position: absolute; left: 0px; top: 0px; color: white; font-family: Verdana; font-size: 9.5px; background-color: black; opacity:0.7; filter:alpha(opacity=60); border-width:1px; border-style:solid; border-color:white; width: 340px; height: 100px; z-index: 90000;"><div style="position: absolute; left: 5px; top: 5px; width: 340px; z-index: 1000000;">'+html2+'<div style="position: absolute; left: 0px; top: 75px; height: 50px; z-index: 1100000; font-size: 9px; "><a href="#" onclick=popup("Routendetails","../applications/route/details.php",650,270,50,50)><b>Route</b></a>| <a href="#" onclick=popup("Kommando","../applications/remote/commands.php",500,200)><b>Kommando</b></a> | <a href="#" onclick=popup("SIM-Traffic","chart.php",650,270,50,50)><b>Traffic</b></a>| <a href="#" onclick=followDevice("'+marker.data.imei+'","'+marker.data.lon+'","'+marker.data.lat+'","'+marker.data.imei+'")><b>Verfolgen</b></a> | <a href="#" onclick=zoomToVehicle(16,"'+marker.data.lon+'","'+marker.data.lat+'","'+marker.data.imei+'")><b> rein </b></a> oder <a href="#" onclick=zoomToVehicle(6,"'+marker.data.lon+'","'+marker.data.lat+'")><b> raus </b></a>zoomen?</div></div></div>';
    
     //including 1und1 advertising
    //tooltipDiv.innerHTML = '<div style="border-top-right-radius: 9px; border-bottom-right-radius: 9px; border-bottom-left-radius: 9px; border-top-left-radius: 9px; -moz-border-radius-topright: 9px; -moz-border-radius-bottomright: 9px; -moz-border-radius-bottomleft: 9px; -moz-border-radius-topleft: 9px; -webkit-border-top-right-radius: 9px; -webkit-border-bottom-right-radius: 9px; -webkit-border-bottom-left-radius: 9px; -webkit-border-top-left-radius: 9px;-webkit-box-shadow: 11px 11px 14px #3c403a; /* webkit browser*/ -moz-box-shadow: 11px 11px 14px #3c403a; /* firefox */ box-shadow: 11px 11px 14px #3c403a; position: absolute; left: 0px; top: 0px; color: white; font-family: Verdana; font-size: 9.5px; background-color: black; opacity:0.7; filter:alpha(opacity=60); border-width:1px; border-style:solid; border-color:white; width: 340px; height: 170px; z-index: 90000;"><div style="position: absolute; left: 5px; top: 5px; width: 340px; z-index: 1000000;">'+html2+'<div style="position: absolute; left: 0px; top: 75px; height: 50px; z-index: 1100000; font-size: 9px; "><a href="#" onclick=popup("Routendetails","../applications/route/details.php",650,270,50,50)><b>Route</b></a>| <a href="#" onclick=popup("Kommando","../applications/remote/commands.php",500,200)><b>Kommando</b></a> | <a href="#" onclick=popup("SIM-Traffic","chart.php",650,270,50,50)><b>Traffic</b></a>| <a href="#" onclick=followDevice("'+marker.data.imei+'","'+marker.data.lon+'","'+marker.data.lat+'","'+marker.data.imei+'")><b>Verfolgen</b></a> | <a href="#" onclick=zoomToVehicle(16,"'+marker.data.lon+'","'+marker.data.lat+'","'+marker.data.imei+'")><b> rein </b></a> oder <a href="#" onclick=zoomToVehicle(6,"'+marker.data.lon+'","'+marker.data.lat+'")><b> raus </b></a>zoomen?<br></div></div></div><a href="http://profiseller.de/shop1/index.php3?ps_id=P26088163&shop=12&banner=1142" target="_blank"><img style="position: absolute; top: 105px; left: 55px; z-index: 1000000000; background-color: black; " src="http://profiseller.de/banner/banner.php3?ps_id=P26088163&banner=1142" width="234" height="60" border="0" alt="" /></a>';
    
    var anchor_fence;
    switch(marker.data.deviceType) {
    case 'GMT100':
    //url= 'hallo';
        anchor_fence = '| <a href="javascript:void(0);" onclick=popup("Fahrzeug-sichern","../applications/remote/anchor.php?lat='+marker.data.lat+'&lon='+marker.data.lon+'&key='+marker.data.public_key+'",650,400,50,50,"'+marker.data.public_key+'")> Fahrzeug sichern</a>';
        //alert(anchor_fence);
        break;
    case 'TK102-2':
        anchor_fence = '| <a href="javascript:void(0);" onclick=popup("Fahrzeug-sichern","../applications/remote/anchor.php?lat='+marker.data.lat+'&lon='+marker.data.lon+'&key='+marker.data.public_key+'",650,400,50,50,"'+marker.data.public_key+'")> Fahrzeug sichern</a>';
        
        break;
    default:
        anchor_fence = '| <a href="javascript:void(0);" onclick=popup("Fahrzeug-sichern","../applications/remote/anchor.php?lat='+marker.data.lat+'&lon='+marker.data.lon+'&key='+marker.data.public_key+'",650,400,50,50,"'+marker.data.public_key+'")> Fahrzeug sichern</a>';
        } 
    //console.log('View: ' + marker.data.view);
    
    if(marker.data.view=='0')
    {
    marker.data.view = 10;
    }
    else
    {
    
    }
    //marker.data.view = 998;
    
    var lonLat=new OpenLayers.LonLat(marker.data.lon, marker.data.lat).transform(this.map.displayProjection, this.map.getProjectionObject());
    var extent = this.map.getExtent();
    var quadrant = extent.determineQuadrant(lonLat);
    
    
    switch(quadrant) {
    case 'tr':
        leftX = parseInt(-171*1);
        topX = parseInt(0*1);
        
        leftX1 = '-';
        topX1 = '0px';
        
        break;
    case 'br':
        leftX = parseInt(-180*1);
        topX = parseInt(-100*1);
        
        leftX1 = '00px';
        topX1 = '-100px';
        break;
    case 'tl':
        leftX = parseInt(0*1);
        topX = parseInt(0*1);
        
        leftX1 = '0px';
        topX1 = '0px';
        break;
    case 'bl':
        leftX = parseInt(0*1);
        topX = parseInt(-100*1);
        
        leftX1 = '0px';
        topX1 = '-0px';
        break;
    default:
        //default code block
    }
    
     if(marker.data.id=='-999'){
    //return;
    }
     if(marker.data.view == 10)                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                          
    {
    if(marker.data.speed>=15)
    {
    icon = '../../images/help_green.png';
    }
    else
    {
    icon = '../../images/help_red.png';
    }
    headline = 'Fahrzeuginformationen';
    //info = '<b>'+marker.data.add_info+'</b><br>'+ marker.data.gpsdatetime+'<br>'+ marker.data.speed + '<br><a href=# onclick=toggleTooltip("'+marker.data.public_key+'","7")>groß</a>'; 
    tooltipDiv.innerHTML = 
        '<div style="position: absolute; left: ' + parseInt(leftX) + 'px; top: ' + parseInt(topX) + 'px; width:180px;height:70px;-webkit-border-radius: 6px;-moz-border-radius: 6px;border-radius: 6px;background-color:#90C3D4; opacity:0.6; filter:alpha(opacity=60); ">' + 
        '</div>'+ 
        '' +
        '<div  style="position: absolute; left: ' + parseInt((leftX+(4*1))) + 'px; top: ' + parseInt((topX+(5*1))) + 'px; width:171px;height:60px;-webkit-border-radius: 0px;-moz-border-radius: 0px;border-radius: 0px;background-color:#FFFFFF;">' + 
        '<div  style="color: #48ADCF; font-family: Verdana; font-size: 10.5px; position: absolute; top: 4px; left: 5px; width:170px;height:20px;"><b>' + marker.data.add_info + '</b> (' + marker.data.speed + ') <br>' + marker.data.gpsdatetime+' <div id=arrow style="position: absolute; top: 0px; right: 5px; transform: rotate(' + marker.data.heading + 'deg);"><a href="javascript:void();" onclick=followDevice("'+marker.data.imei+'","'+marker.data.lon+'","'+marker.data.lat+'","16","'+marker.data.public_key+'")><img src="system/frontend/images/0deg.png"></a></div></div></div>';
    
    
    tooltipDiv.innerHTML = 
        '<div style="position: absolute; left: ' + parseInt(leftX) + 'px; top: ' + parseInt(topX) + 'px; width:160px;height:50px;background-color:#E6E6E6; opacity:0.6; filter:alpha(opacity=60); ">' + 
        '</div>'+ 
        '' +
        '<div  style="position: absolute; left: ' + parseInt((leftX+(2*1))) + 'px; top: ' + parseInt((topX+(2*1))) + 'px; width:156px;height:56px;background-color:#FFFFFF;">' + 
        '<div  style="color: #48ADCF; font-family: Verdana; font-size: 10.5px; position: absolute; top: 4px; left: 5px; width:170px;height:30px;"><b>' + marker.data.add_info + '</b> <br>(' + marker.data.speed + ') <br>' + marker.data.gpsdatetime+' <div id=arrow style="position: absolute; top: 0px; right: 23px; transform: rotate(' + marker.data.heading + 'deg);"><a href="javascript:void();" onclick=followDevice("'+marker.data.imei+'","'+marker.data.lon+'","'+marker.data.lat+'","16","'+marker.data.public_key+'")><img src="system/frontend/images/0deg.png"></a></div></div></div>';
    
   console.log(marker.data.heading); 
    //alert(marker.data.heading);
    }
    
    
    
    if(marker.data.view == 3)                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                          
    {
    tooltipDiv.innerHTML = 
    '<div style=" position: absolute; left: -210px; top: -240px; color: white; font-family: Verdana; font-size: 9.5px;  opacity:0.9; filter:alpha(opacity=90); width: 450px; height: 210px; z-index: 90000; background-image: url(http://gps.my-gps.org/system/frontend/images/sprechblase2.png);">'+
      '<div style="position: absolute; left: 6px; top: 16px; width: 340px; z-index: 1000000; ">'+
        '<table  border=1  bordercolor="#F5F5F5"  rules="all"  style=" color: #5C5C5C; font-family: Verdana; font-size: 10px; width: 430px;" cellspacing=2 cellpadding=3>'+
          '<tr>'+
            '<th colspan="3" border=0 style="text-align: left; vertical-align: top; ">Name: ' + marker.data.add_info + '<br>'+
            '<font color=#FF5500>' + marker.data.following +' <!--<br><br><a href=http://www.poibase.com/de/poibase/was-ist-poibase/ target=blank>Blitzer, Brücken, <b>aktuelle Spritpreise</b> - POIbase.com</a><br>--></font>'+
            '</th>'+
            ''+
            '<th colspan="1" border=0 style="text-align: left;">GPS: ' + marker.data.gpsdatetime_dmyhis + 
            '<br>Jetzt: ' + marker.data.datetime_now + 
            '</th>'+
          '</tr>'+
        ''+
        '<tr>'+
        '<th colspan="3" border=0 style="text-align: left; font-weight: normal;">Ext. Strom: '+marker.data.last_extr_power+'</th>'+
        '<th colspan="1" border=0 style="text-align: left;  font-weight: normal;">Höhe: ' + marker.data.alt + '</th>'+
        '</tr>'+
        '<tr>'+
          '<td width=55%>' + marker.data.speed + ', ' + marker.data.sats + ' Sat.</td>'+
          '<td width=0%></td>'+
          '<td width=0%></td>'+
          '<td width=45%>'+
          ''+
          '</td>'+
        '</tr>'+
        '<tr>'+
          '<th colspan="4" style="text-align: left;">Gerätetyp: ' + marker.data.manufactorer +
          '</th>'+
          '<tr>'+
          '<th colspan="4" style="text-align: left;">'+
          '<a href="javascript:void(0);" onclick=window.top.popup("Kommando","applications/remote/commands.php",750,500,50,50,"'+marker.data.public_key+'")><!--<b>Kommando</b>--></a>'+
          '<!--Spur -->'+
          '<a href="javascript:void(0);" onclick=window.top.popup("SIM-Traffic","mapping/chart.php",650,270,50,50)><!--<b>Datentransfer</b>--></a> '+
          ''+
          '<b>Zoom: </b>'+
          '<a href="javascript:void(0);" onclick=zoomToVehicle(map.getZoom()+1,"'+marker.data.lon+'","'+marker.data.lat+'")>++</a>/<a href="javascript:void(0);" onclick=zoomToVehicle(map.getZoom()-1,"'+marker.data.lon+'","'+marker.data.lat+'")>--</a>/<a href="javascript:void(0);" onclick=zoomToVehicle(18,"'+marker.data.lon+'","'+marker.data.lat+'","'+marker.data.imei+'")><b>Nah</b></a>/<a href="javascript:void(0);" onclick=zoomToVehicle(6,"'+marker.data.lon+'","'+marker.data.lat+'")><b> fern</b></a>, <a href=http://portal.yourgps.de/gps.php?c=' + marker.data.lat + ',' + marker.data.lon + ' target="_blank">Google Maps</a>'+
          ''+
          '</th>'+
          '</tr>'+
          '<tr style="font-weight: bold; font-size: 12px;">'+
          '<th colspan="4">'+advertisement+'</th>'+
          '</tr>'+
        '</table>'+
      '</div>'+
    '</div>';
    
    
                                   
    }
    
    
    if(marker.data.view == 2)                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                          
    {
    tooltipDiv.innerHTML = 
    '<div style=" position: absolute; left: 0px; top: 0px; color: white; font-family: Verdana; font-size: 9.5px;  opacity:0.9; filter:alpha(opacity=90); width: 140px; height: 60px; z-index: 90000;">'+
      '<div style="position: absolute; left: 5px; top: 5px; width: 340px; z-index: 1000000;">'+
        '<table border=1  bordercolor="#F5F5F5"  rules="all"  style="background-color: white; color: #5C5C5C; font-family: Verdana; font-size: 10px; width: 240px;" cellspacing=2 cellpadding=3>'+
          '<tr>'+
            '<td  border=0 style="text-align: left;">Name: ' + marker.data.add_info + '<br>'+
            '<font color=#FF5500>' + marker.data.following +'</font>'+
            '</td>'+
          '</tr>'+  
            '<tr>'+
            '<td border=0 style="text-align: left;">GPS: ' + marker.data.gpsdatetime + 
            '</td>'+
          '</tr>'+
          '</tr>'+  
            '<tr><td>'+
            '<a href=# onclick=toggleTooltip("'+marker.data.public_key+'","2")>verkleinern</a> | <a href=# onclick=toggleTooltip("'+marker.data.public_key+'","3")>vergrößern</a>, <a href=# onclick=toggleTooltip("'+marker.data.public_key+'","11");>Aus</a>'+
            '</td>'+
          '</tr>'+
          '<tr style="font-weight: bold; font-size: 12px;">'+
          '<th colspan="4"><a href=http://www.yourgps.de/system/frontend/fw.php?ref=proto&l=de target=_blank><br>yourGPS.de Lifetime Tracking Portal Flatrate</a></th>'+
          '</tr>'+
        '</table>'+
      '</div>'+
    '</div>';
                                         
    }
    
    if(marker.data.view == 1)                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                          
    {
    tooltipDiv.innerHTML = 
    '<div style=" position: absolute; left: 0px; top: 0px; color: white; font-family: Verdana; font-size: 9.5px;  opacity:0.9; filter:alpha(opacity=90); width: 100px; height: 60px; z-index: 90000;">'+
      '<div style="position: absolute; left: 5px; top: 5px; width: 80px; z-index: 1000000;">'+
        '<table border=1  bordercolor="#F5F5F5"  rules="all"  style="background-color: white; color: #5C5C5C; font-family: Verdana; font-size: 10px; width: 140px;" cellspacing=2 cellpadding=3>'+
          '<tr>'+
            '<td  border=0 style="text-align: left;">' + marker.data.add_info + '</td>'+
          '</tr>'+  
          '</tr>'+
          '</tr>'+  
            '<tr><td>'+
            ''+
            '</td>'+
          '</tr>' +
        '</table>'+
      '</div>'+
    '</div>';
    
    }
    
    if(marker.data.view == 6)                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                          
    {
    info = '<b>'+marker.data.add_info+'</b><br>'+ marker.data.gpsdatetime+'<br>'+ marker.data.speed; 
    tooltipDiv.innerHTML = 
    '<!-- <a href="javascript:void(0);" onclick=alert("sdvsdv")><img src=http://www.yourgps.de/neu/images/accept.png></a>--><div style=" position: absolute; left: 0px; top: 0px; color: white; font-family: Verdana; font-size: 9.5px;  opacity:0.9; filter:alpha(opacity=90); width: 400px; height: 60px; z-index: 90000;">'+
      '<div style="position: absolute; left: 5px; top: 5px; width: 80px; z-index: 1000000;">'+
        '<table border=1  bordercolor="#F5F5F5"  rules="all"  style="background-color: white; color: #5C5C5C; font-family: Verdana; font-size: 10px; width: 440px;" cellspacing=2 cellpadding=3>'+
          '<tr>'+
            '<td  border=0 style="text-align: left;"><b>' + marker.data.add_info +  '</b>, ' + marker.data.speed + ', GPS: ' + marker.data.gpsdatetime +', Ext. Strom: ' +marker.data.last_extr_power+'</td>'+
          '</tr>'+ 
          '</tr>'+
          '</tr>'+  
            '<tr><td>'+
            ''+
            '</td>'+
          '</tr>' +
        '</table>'+
      '</div>'+
    '</div>';
    
    }
    
    if(marker.data.view == 11)                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                          
    {
    info = '<b>'+marker.data.add_info+'</b><br>'+ marker.data.gpsdatetime+'<br>'+ marker.data.speed; 
    tooltipDiv.innerHTML = 
    '<!-- <a href="javascript:void(0);" onclick=alert("sdvsdv")><img src=http://www.yourgps.de/neu/images/accept.png></a>--><div style=" position: absolute; left: 0px; top: 0px; color: white; font-family: Verdana; font-size: 9.5px;  opacity:0.9; filter:alpha(opacity=90); width: 75px; height: 60px; z-index: 90000;">'+
      '<div style="position: absolute; left: 5px; top: 5px; width: 80px; z-index: 1000000;">'+
        '<table border=1  bordercolor="#F5F5F5"  rules="all"  style="color: #5C5C5C; font-family: Verdana; font-size: 10px; width: 75px;" cellspacing=2 cellpadding=3>'+
          '<tr>'+
            '<td  border=0 style="text-align: left;"><b></b><img src="../images/arrow-left-top.png" onclick=zoomToVehicle(16,"'+marker.data.lon+'","'+marker.data.lat+'","'+marker.data.imei+'")><br><img src="../images/obama.jpg" onclick=zoomToVehicle(16,"'+marker.data.lon+'","'+marker.data.lat+'","'+marker.data.imei+'")></td>'+
          '</tr>'+ 
          '</tr>'+
          '</tr>'+  
          '</tr>' +
        '</table>'+
      '</div>'+
    '</div>';
    
    }
    
    if(marker.data.view == 12)                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                          
    {
    info = '<b>'+marker.data.add_info+'</b><br>'+ marker.data.gpsdatetime+'<br>'+ marker.data.speed; 
    tooltipDiv.innerHTML = 
    '<!-- <a href="javascript:void(0);" onclick=alert("sdvsdv")><img src=http://www.yourgps.de/neu/images/accept.png></a>--><div style=" position: absolute; left: 0px; top: 0px; color: white; font-family: Verdana; font-size: 9.5px;  opacity:0.9; filter:alpha(opacity=90); width: 400px; height: 60px; z-index: 90000;">'+
      '<div style="position: absolute; left: 5px; top: 5px; width: 80px; z-index: 1000000;">'+
        '<table border=1  bordercolor="#F5F5F5"  rules="all"  style="background-color: white; color: #5C5C5C; font-family: Verdana; font-size: 10px; width: 440px;" cellspacing=2 cellpadding=3>'+
          '<tr>'+
            '<td  border=0 style="text-align: left;"><b>' + marker.data.add_info +  '</b>, <img src="../images/obama.jpg">' + marker.data.speed + ', GPS: ' + marker.data.gpsdatetime +', Ext. Strom: ' +marker.data.last_extr_power+'</td>'+
          '</tr>'+ 
          '</tr>'+
          '</tr>'+  
            '<tr><td>'+
            '<a href="javascript:void(0);" onclick=zoomToVehicle(16,"'+marker.data.lon+'","'+marker.data.lat+'","'+marker.data.imei+'")><b>Nah</b></a>, <a href="javascript:void(0);" onclick=zoomToVehicle(10,"'+marker.data.lon+'","'+marker.data.lat+'","'+marker.data.imei+'")><b>fern </b></a>'+
            '</td>'+
          '</tr>' +
        '</table>'+
      '</div>'+
    '</div>';
    
    }
    
    
    
   
   
   if(marker.data.view == 999)                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                          
    {
    var lonLat=new OpenLayers.LonLat(marker.data.lon, marker.data.lat).transform(this.map.displayProjection, this.map.getProjectionObject());
    var extent = this.map.getExtent();
    var quadrant = extent.determineQuadrant(lonLat);
      //alert(quadrant);

        if(marker.data.picture==0)
        {
        user_pic = '<img src="http://gps.my-gps.org/system/frontend/images/kein_bild.jpg" style="height: 10vh;">';
        }
        else
        {
        user_pic = '<img  class=user_img  src="data:image/jpeg;base64,' + marker.data.picture + '" />';
        }
    
    
    tooltipDiv.innerHTML = 
    '<div style=" position: absolute; left: -80px; top: -230px; color: white; font-family: Verdana; font-size: 9.5px;  opacity:0.9; filter:alpha(opacity=90); width: 187px; height: 217px; z-index: 90000; background-image: url(http://gps.my-gps.org/system/frontend/images/sprechblase_thumbnail.png);">'+
      '<div style="position: absolute; left: 20px; top: 6px; width: 140px; z-index: 1000000; ">'+
        '<br><center>' + user_pic + '<br><font color=grey>' + marker.data.add_info + ', <br>' + marker.data.speed + '<br>' + marker.data.gpsdatetime_dmyhis + '</font></center>'+
      '</div>'+
    '</div>';
    
    
                                   
    }
    
    
     if(marker.data.view == 998)                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                          
    {
      if(marker.data.speed>=15)
      {
      icon = marker.data.icon;
      }
      else
      {
      icon =  marker.data.icon;
      }
      headline = 'Fahrzeuginformationen';
      info = '<b>'+marker.data.add_info+'</b><br>'+ marker.data.gpsdatetime+'<br>'+ marker.data.speed + '<br><a href=# onclick=toggleTooltip("'+marker.data.public_key+'","7")>groß</a>'; 
      tooltipDiv.innerHTML = 
         '<img src="system/frontend/images/transparent_pixel.png" style="position: absolute; top: -25px; left: 7px; width: 50px; height: 50px;"  onclick=growl("'+encodeURI(headline)+'","'+encodeURI(info)+'","../images/exclam.png","15000","false")>';
      
    }
    
    //document.getElementById('blabla').innerHTML = 'test';
		//tooltipDiv.innerHTML = '<div style="position: absolute; left: 15px; top: 5px; color: white; font-family: Verdana; font-size: 10px; z-index: 1000;">'+marker.data.add_info+'</div><div style="border-top-right-radius: 10px; border-bottom-right-radius: 10px; border-bottom-left-radius: 11px; border-top-left-radius: 11px; -moz-border-radius-topright: 10px; -moz-border-radius-bottomright: 10px; -moz-border-radius-bottomleft: 11px; -moz-border-radius-topleft: 11px; -webkit-border-top-right-radius: 10px; -webkit-border-bottom-right-radius: 10px; -webkit-border-bottom-left-radius: 11px; -webkit-border-top-left-radius: 11px;position: absolute; font-family: Verdana; font-size: 9.5px; background-image: url(../../../black.png); opacity:0.7; filter:alpha(opacity=70); border-width:0px; border-style:solid; border-color:#FF8400; width: '+breite+'px; height: 100px; z-index: 900; " id=1234 onClick=showTracker("'+forGrowl+'","'+marker.data.imei+'","'+encodeURI(marker.data.add_info+marker.data.gpsdatetime_dmyhis)+'");></div>';
    
    //showTracker(document.getElementById("1234").innerHTML);
      
	},

	wrap: function (html, width, options) {

		var result = [];

		var blocks = OpenLayers.String.trim (html.replace (/<br\/?>/,'\n')).split ('\n');
		while (blocks.length >= 1) {

			var words = OpenLayers.String.trim (blocks.shift()).split(' ');
			while (words.length >= 1) {

				var line = words.shift();
				while (words.length >= 1) {

					var word = OpenLayers.String.trim (words[0]);
					var probe = line + '&nbsp;' + word;
					var size = OpenLayers.Util.getRenderedDimensions (
						probe, null, options);
					if (size.w > width) { break; }
					line = probe;
					words.shift();
				}

				result.push (line);
			}
		}

		return result.join ('<br/>');
	},

	//----------------------------------------------------------------------
	//	destroyMarker
	//----------------------------------------------------------------------

	destroyMarker: function (marker) {

		if (this.currentMarker==marker) {
			this.destroyPopup();
		}

		OpenLayers.Event.stopObservingElement(marker.icon.imageDiv);

		if(this.markers && this.markers.length) {
			OpenLayers.Util.removeItem (this.markers, marker);
			marker.destroy();
		}
	},

	erase: function (keepCurrent) {

		if (!keepCurrent) { this.destroyPopup(); }

		if (this.markers!==null) {
			for (var index in this.markers) {
				var marker = this.markers[index];
				if (marker != this.currentMarker) {
					marker.destroy();
				}
			}
		}
		this.markers = [];
		this.loadedAreas= {};
		this.locations	= [];

		if (this.currentMarker) {
			this.markers.push (this.currentMarker);
		}
	},

	//----------------------------------------------------------------------
	//	markerClick
	//----------------------------------------------------------------------

	

	//----------------------------------------------------------------------
	//	selectMarker
	//----------------------------------------------------------------------



	//----------------------------------------------------------------------
	//	Popup - r/o
	//----------------------------------------------------------------------

	processKeyPress: null,

	createPopup: function (marker, nopan) {

		this.destroyPopup ();

		//--------------------------------------------------------------
		//	check for overlapping icons
		//--------------------------------------------------------------

		var cluster = [];
		if (this.clusterSize>0) {
			var limit = this.clusterSize/Math.pow(2,this.map.zoom)*156543;
			for (var i=0; i<this.markers.length; i++) {
				var member=this.markers[i];
				if (Math.abs(marker.lonlat.lat-member.lonlat.lat)>limit) {
					continue;
				}
				if (Math.abs(marker.lonlat.lon-member.lonlat.lon)>limit) {
					continue;
				}
				cluster.push (member.data);
				if (member.data.location &&
						this.locations[member.data.location]) {
					for (var j=0; j<
				this.locations[member.data.location].length; j++) {
						cluster.push (this.locations[
							member.data.location][j]);
					}
				}
			}
			if (this.clusterSort) {
				cluster.sort(this.clusterSort);
			}
		}

		//--------------------------------------------------------------
		//	create popup
		//--------------------------------------------------------------

		this.currentPopup = new OpenLayers.Popup.FramedCloud (null,
			marker.lonlat,
			null, //size
			(cluster.length>=2 ? this.createHtmlFromList(cluster) : this.createHtmlFromData(marker.data)),
			marker.icon,
			true,
			function (e) {this.layer.destroyPopup();}
		);

		this.currentPopup.layer = this;
		if (this.cloudImage) {
			this.currentPopup.imageSrc = this.cloudImage;
		}

		if (nopan) {
			this.currentPopup.panMapIfOutOfView=false;
		}

		this.map.addPopup(this.currentPopup);
		this.currentPopup.div.control = this.currentPopup;

		if (this.closeOnClick) {
			this.currentPopup.div.onclick = function () {
				this.control.layer.destroyPopup();
				return false;
			};
		}

		if (this.closeKeyCode) {

			if (!this.processKeyPress) {

				var layer = this;
				this.processKeyPress = function (evt) {

					if (evt.keyCode === layer.closeKeyCode) {
						layer.destroyPopup();
					}
				};
			}

			OpenLayers.Event.observe (document, 'keypress', this.processKeyPress);

		} else {

			this.processKeyPress = false;
		}

		//--------------------------------------------------------------
		//	editbutton
		//--------------------------------------------------------------

		if (this.enableUpdate || this.enableDelete || this.enableLocate) {

			var div = this.currentPopup.div.firstChild.firstChild;
			var buttons = div.getElementsByTagName('button');

			if (this.checkEdit (marker.data)===true && !buttons.length) {

				if (this.enableUpdate) {
					var button = document.createElement ('button');
					button.innerHTML = this.labelEdit;
					button.className = 'edit';
					div.appendChild (button);
				}

				if (this.enableDelete) {
					button = document.createElement ('button');
					button.innerHTML = this.labelDelete;
					button.className = 'delete';
					div.appendChild (button);
				}

				if (this.enableLocate) {
					button = document.createElement ('button');
					button.innerHTML = this.labelLocate;
					button.className = 'locate';
					div.appendChild (button);
				}

				this.currentPopup.updateSize();
				buttons = div.getElementsByTagName('button');
			}

			for (i=0; i<buttons.length; i++) {

				button = buttons[i];
				button.marker = marker;

				switch (button.className) {

				case 'edit':
					button.onclick = function () {
						this.marker.layer.createEditPopup (this.marker);
					};
					break;

				case 'delete':
					button.onclick = this.deleteButtonOnClick;
					break;

				case 'locate':
					button.onclick = this.locateButtonOnClick;
					break;

				default:
					break;
				}
			}
		}
	},

	//----------------------------------------------------------------------
	//	Popup - edit
	//----------------------------------------------------------------------

	createEditPopup: function (marker, isnew) {

		this.destroyPopup ();

		this.currentMarker = marker;

		//--------------------------------------------------------------
		//	create popup
		//--------------------------------------------------------------

		this.currentPopup = new OpenLayers.Popup.FramedCloud (null,
			marker.lonlat,
			null, //size
			this.createForm (marker.data),
			marker.icon,
			true,
			function (e) {this.layer.destroyPopup();}
		);

		this.currentPopup.layer = this;
		if (this.cloudImage) {
			this.currentPopup.imageSrc = this.cloudImage;
		}

		this.map.addPopup(this.currentPopup);
		this.currentPopup.div.control = this.currentPopup;

		//--------------------------------------------------------------
		//	onsubmit + focus
		//--------------------------------------------------------------

		var div = this.currentPopup.div.firstChild.firstChild;
		var form = div.getElementsByTagName('form')[0];
		if (!form) {
			alert ('No <form> found.');
		}

		//--------------------------------------------------------------
		//	default values
		//--------------------------------------------------------------

		if (this.defaultValues) {
			for (var tag in this.defaultValues) {
				if (!marker.data[tag] && marker.data[tag]!==0) {
					marker.data[tag]=this.defaultValues[tag];
				}
			}
		}

		this.fillForm (form, marker.data);

		form.marker = marker;
		form.onsubmit= this.formOnSubmit;
		form.onreset = this.formOnReset;
		form.elements[0].focus();
	},

	//----------------------------------------------------------------------
	//	form.submit
	//----------------------------------------------------------------------

	formOnSubmit: function () {

		var layer = this.marker.layer;

		//--------------------------------------------------------------
		//	Extrakt values
		//--------------------------------------------------------------

		var newData = {
			id:	this.marker.data.id,
			lat:	this.marker.data.lat,
			lon:	this.marker.data.lon
		};

		var inputs = this.getElementsByTagName('input');
		for (var i=0; i<inputs.length; i++) {

			var input = inputs[i];
			var value = input.value;

			switch (input.type) {
			case 'checkbox':
				if (!input.checked) { value = ''; }
				break;
			case 'radio':
				if (!input.checked) { continue; }
				break;
			default:
				value = OpenLayers.String.trim(value);
				break;
			}
			newData[input.name]=value;
		}

		var selects = this.getElementsByTagName('select');
		for (i=0; i<selects.length; i++) {

			var select = selects[i];
			value = select.selectedIndex>=0 ?
				select.options[select.selectedIndex].value : '';
			newData[select.name]=value;
		}

		var textareas = this.getElementsByTagName('textarea');
		for (i=0; i<textareas.length; i++) {

			var textarea = textareas[i];
			value    = OpenLayers.String.trim(textarea.value);
			newData[textarea.name]=value;
		}

		//--------------------------------------------------------------
		//	Check data
		//--------------------------------------------------------------

		var result = layer.checkData (newData);
		if (result) {
			alert (result);
			return false;
		}

		delete this.marker.temporary;
		layer.destroyPopup();
		layer.setTooltip (this.marker);
		layer.updateMarker(this.marker, true);

		//--------------------------------------------------------------
		//	Update on server
		//--------------------------------------------------------------

		var postData = OpenLayers.Util.getParameterString (newData);
		layer.updateMarkerOnServer (this.marker, postData);
		return true;
	},

	formOnReset: function () {
		this.marker.layer.destroyPopup();
	},

	//----------------------------------------------------------------------
	//	deleteButtonOnClick
	//----------------------------------------------------------------------

	deleteButtonOnClick: function () {

		var marker = this.marker;
		var layer  = marker.layer;

		if (!confirm (layer.labelConfirmDelete)) {
			return false;
		}

		layer.destroyPopup();

		//--------------------------------------------------------------
		//	Update on server
		//--------------------------------------------------------------

		var postData = OpenLayers.Util.getParameterString ({COMMAND: 'DELETE', id: marker.data.id});
		layer.updateMarkerOnServer (marker, postData);
		return null;
	},

	//----------------------------------------------------------------------
	//	locateButtonOnClick
	//----------------------------------------------------------------------

	locateButtonOnClick: function () {

		var marker = this.marker;
		marker.layer.relocateMarker (marker);
	},

	relocateMarker: function (marker) {

		this.locateMarker = marker;

		this.destroyPopup();

		this.map.div.style.cursor = 'crosshair';
		this.div.style.opacity = 0.5;

		//--------------------------------------------------------------
		//	temporary icon
		//--------------------------------------------------------------

		this.drawTemporaryIcon (this.createIconFromData(marker.data), marker.icon.px);
		this.map.events.register ('mousemove', this, this.moveTemporaryIcon);

		//--------------------------------------------------------------
		//	cancel locate with any key
		//--------------------------------------------------------------

		document.onkeypress = function () {
			marker.layer.cancelLocate();
		};
	},

	cancelLocate: function () {

		this.destroyTemporaryIcon();

		this.locateMarker = null;
		this.map.div.style.cursor = null;
		this.div.style.opacity = 1.0;
		document.onkeypress = null;

		var div = this.locateDiv;
		if (div) {
			this.map.events.unregister ('mousemove', div, div.onmousemove);
			this.map.layerContainerDiv.removeChild (div);
		}
		this.locateDiv = null;
	},

	//----------------------------------------------------------------------
	//	temporaryIcon
	//----------------------------------------------------------------------

	temporaryIcon: null,

	drawTemporaryIcon: function (icon, px) {

		this.destroyTemporaryIcon();	// just in case

		this.temporaryIcon = icon;
		if (px) { icon.draw (px); }
		icon.imageDiv.style.zIndex  = 10000;
		this.map.layerContainerDiv.appendChild (icon.imageDiv);
	},

	destroyTemporaryIcon: function () {

		this.map.events.unregister ('mousemove', this, this.moveTemporaryIcon);
		if (this.temporaryIcon) { this.temporaryIcon.destroy(); }
		this.temporaryIcon = null;
	},

	moveTemporaryIcon: function (ev) {

		if (!this.temporaryIcon) { return; }
		var lonLat=this.map.getLonLatFromViewPortPx(ev.xy);
		var px = px=this.map.getLayerPxFromLonLat (lonLat);
		this.temporaryIcon.moveTo (px);
	},

	//----------------------------------------------------------------------
	//	callback to Server to create, modify or delete
	//----------------------------------------------------------------------

	updateMarkerOnServer: function (marker, postData) {

		OpenLayers.Request.POST({

			url: this.editUrl || this.createUrlForBounds({left:'',right:'',top:'',bottom:''}),

			data: postData,

			user: this.requestUser,
			password: this.requestPassword,
			async: this.requestAsync,

			headers: {'Content-Type': 'application/x-www-form-urlencoded'},

			success: function (request) {

				this.layer.destroyTemporaryIcon();

				var lines = request.responseText.split ('\n');
				lines.pop();

				if (lines.length<2) {
					this.layer.destroyMarker (this);
					return;
				}

				var names = OpenLayers.String.trim(lines.shift()).split(this.layer.fieldSeparator);
				var values= OpenLayers.String.trim(lines.shift()).split(this.layer.fieldSeparator);

				this.data = {};
				for (var i in names) {
					this.data[names[i]] = values[i];
				}
				this.layer.updateMarker (this);
			},

			failure: function (request) {

				this.layer.destroyTemporaryIcon();

				alert ('failure:\n' + request.responseText);

				if (this.data && this.data.id>0) {
					this.layer.updateMarker (this);
				} else {
					this.layer.destroyMarker (this);
				}
			},

			scope: marker
		});
	},

	//----------------------------------------------------------------------
	//	Popups
	//----------------------------------------------------------------------

	destroyPopup: function () {

		if (!this.currentPopup) { return false; }

		if (this.processKeyPress) {
			OpenLayers.Event.stopObserving (document, 'keypress', this.processKeyPress);
		}

		if (this.currentPopup.div) {
			this.currentPopup.div.control=null;
		}
		this.currentPopup.destroy();
		this.currentPopup=null;

		if (this.currentMarker && this.currentMarker.temporary) {
			this.destroyMarker (this.currentMarker);
		}
		this.currentMarker=null;
		return true;
	},

	//----------------------------------------------------------------------
	//	Parse CSV, get fieldnames from first line
	//----------------------------------------------------------------------

	parseCSV: function (text) {

		var lines=text.split('\n');
		var names = OpenLayers.String.trim(lines.shift()).split(this.fieldSeparator);
		if (names.length<2) {
	//top.location.href = 'http://www.yourGPS.de';
		}

		if (!this.fieldTitles) {
			this.fieldTitles = {};
			for (var i in names) {
				var name = names[i];
				this.fieldTitles[name]=name;
			}
		}

		var result=[];

		for (var lineno=0;lines.length>lineno;lineno++) {
			var object = {};
			var values = OpenLayers.String.trim(lines[lineno]).split(this.fieldSeparator);
			if (values.length<=1) { continue; }
			for (var col=0; values.length>col; col++) {
				name = names[col];
				if (name) {
					object[name] = values[col];
				} else {
					tagval=values[col].split('=');
					if (tagval.length >= 2 && tagval[0]) {
						var tag = tagval.shift();
						var val = tagval.join('=');
						if ((val || val===0) && !object[tag]) {
							object[tag]=val;
						}
					}
				}
			}
			result.push(object);
		}
		return result;
	},

	//----------------------------------------------------------------------
	//	Create Icon for marker
	//----------------------------------------------------------------------

	createIconFromData: function (data) {

		return this.icon ? this.icon.clone() : null;
	},

	//----------------------------------------------------------------------
	//	Gen HTML code for Popup
	//----------------------------------------------------------------------

	createHtmlFromData: function (data) {

		if (data._csize) {
			var icon = '<img src="'+this.getIconUrl(data)+'" alt=""/>';
			return '<div>'+icon+'&nbsp;Dieses Icon ist in der &#220;bersichtsdarstellung Platzhalter f&#252;r '+data._csize+' Knoten in der nahen Umgebung. Diese werden ab Zoomstufe '+this.minZoom+' nachgeladen und angezeigt.</div>\n';
		}

		var result = [];

		var rows = [];
		for (var tag in data) {
			if (this.fieldTypes[tag]=='hidden' || !data[tag]&&data[tag]!==0) {
				continue;
			}
			var title = this.fieldTitles[tag] || tag;
			var value = data[tag] || '';
			if (this.fieldValues[tag] && this.fieldValues[tag][value]) {
				value = this.fieldValues[tag][value];
			}
			rows.push ('<tr><th scope="row">' + this.html(title) +
				':</th><td>' +
				this.formatValue(value,tag).split('\034').join('<br/>') +
				'</td></tr>');
		}

		if (rows.length>=1) {
			result.push ('<table>\n' + rows.join('\n') + '\n</table>');
		}

		if (this.osmlinks) {
			osmlinks = this.createOsmLinks(data);
			if (osmlinks) {
				result.push ('<p>' + osmlinks + '</p>');
			}
		}

		return result.join('\n');
	},

	//----------------------------------------------------------------------
	//	Editform
	//----------------------------------------------------------------------

	createForm: function (data) {

		var result = [];
		result.push ('<form>');
		result.push ('<table>');

		for (name in this.fieldTitles) {

			if (name=='id' || name=='lat' || name=='lon') {
				continue;
			}

			var hName = this.html (name);
			var title = this.fieldTitles[name] || name;
			var valueTitles = this.fieldValues[name];
			var field;

			switch (this.fieldTypes[name]) {

			case 'select':
				var options = [];
				for (var value in valueTitles) {
					var hTitle = this.html (valueTitles[value] || value);
					options.push ('<option value="' + this.html(value) + '">' + hTitle + '</option>');
				}
				field = '<select name="' + hName + '">\n' + options.join('\n') + '</select>';
				break;

			case 'radios':
				choices = [];
				for (value in valueTitles) {
					hTitle = this.html (valueTitles[value] || value);
					choices.push ('<label><input type="radio" name="' + hName + '" value="' + this.html(value) + '"/>' + hTitle + '</label> ');
				}
				field = choices.join('\n');
				break;

			case 'textarea':
				field = '<textarea name="'+this.html(name)+'"/></textarea>';
				break;

			case 'checkbox':
				hTitle = this.html (valueTitles && valueTitles['t'] || '');
				field = '<input type="checkbox" name="'+this.html(name)+'" value="t"/>' + hTitle;
				break;

			case 'password':
				field = '<input type="password" name="'+this.html(name)+'"/>';
				break;

			default:
				field = '<input name="'+this.html(name)+'"/>';
				break;
			}

			result.push ('<tr><th scope="row">'+this.html(title) +':</th><td>'+field+'</td></tr>');
		}

		result.push ('</table>');
		for (name in this.fieldTypes) {
			if (this.fieldTypes[name]=='hidden') {
				result.push ('<input type="hidden" name="'+this.html(name)+'"/>');
			}
		}
		result.push ('<button type="submit">Speichern</button>');
		result.push ('<button type="reset">Verwerfen</button>');

		return result.join ('\n');
	},

	fillForm: function (form, data) {

		var inputs = form.getElementsByTagName ('input');
		for (var i=0; i<inputs.length; i++) {

			var input = inputs[i];
			var value = data[input.name] || '';
			switch (input.type) {
			case 'radio':
			case 'checkbox':
				if (input.value==value) { input.checked=true; }
				break;
			default:
				input.value = value;
				break;
			}
		}

		var selects = form.getElementsByTagName ('select');
		for (i=0; i<selects.length; i++) {

			var select = selects[i];
			value = data[select.name] || '';
			var missing = !value && value !== 0;
			for (var j=0; j<select.options.length; j++) {
				var option = select.options[j];
				if (option.value == value) {
					option.selected = true;
					missing = false;
				}
			}
			if (missing) {
				option = document.createElement('option');
				option.value=value;
				option.innerHTML = value;
				select.appendChild (option);
				option.selected=true;
			}
		}

		var textareas = form.getElementsByTagName ('textarea');
		for (i=0; i<textareas.length; i++) {

			var textarea = textareas[i];
			value = data[textarea.name] || '';
			textarea.value = value.split('\034').join('\n');
		}
	},

	checkData: function (data) {
		return 'checkData() missing.';
	},

	checkEdit: function (data) {
		return true;
	},

	//----------------------------------------------------------------------
	//	formatting
	//----------------------------------------------------------------------

	formatValue: function (text, tag) {

		if (!text.match(/http:/)) {

			if (tag=='wikipedia') {
				var lang_lemma = text.match(/^(\w\w):(.+)$/);
				if (lang_lemma) {
					var html_lemma =
				this.html(lang_lemma[2].split('\040').join('_'));
					return '<a target="_blank" href="http://' +
						lang_lemma[1] + '.wikipedia.org/wiki/' + html_lemma +
						'">' + this.html(text) + '</a>';
				}

			} else if (tag.substring(0,10)=='wikipedia:' && text.match(/^\S+$/)) {

				var wiki_lang = tag.match(/^wikipedia:(\w\w)$/);

				if (wiki_lang) {
					html_lemma = this.html(text);
					return '<a target="_blank" href="http://' +
						wiki_lang[1] + '.wikipedia.org/wiki/' + html_lemma +
						'">' + html_lemma + '</a>';
				}

			} else if (tag.match(/^(image|image:\w+)$/)) {

				var interwiki = text.match (/^(File:.*\S)/);

				if (interwiki) {
					html_interwiki = this.html (interwiki[1]);
					return '<a target="_blank" href="http://www.wikipedia.org/wiki/' +
						html_interwiki.replace(/\040/g,'_') + '">' +
							html_interwiki + '</a>';
				}
			}
		}

		var list=(text+'').split (';');
		var result=[];
		for (var i=0; i<list.length;i++) {
			var value = this.html (OpenLayers.String.trim (list[i]));
			if (value.substr (0,7)=='http://' || value.substr (0,8)=='https://') {
				result.push ('<a target="_blank" href="'+value+'">'+this.shrinkUrl(value)+'</a>');
				continue;
			}
			if (value.substr (0,4)=='www.') {
				result.push ('<a target="_blank" href="http://'+value+'">'+value+'</a>');
				continue;
			}
			result.push (value);
		}
		return result.join ('; ');
	},

	//----------------------------------------------------------------------
	//	Shrink URL
	//----------------------------------------------------------------------

	shrinkUrl: function (url, includeProtocol, includeHost, includePath, includeQuery, includeHash) {

		if (!url) { return ''; }

		if (!includeProtocol)	url = url.replace(/^[a-z]+:(\/\/)?/i, '');
		if (!includeQuery)	url = url.replace(/\?[^#]*/, '');
		if (!includeHash)	url = url.replace(/#.*/, '');
		if (!includePath)	url = url.replace(/\/[^?#]+\//, '/.../');

		return url;
	},

	//----------------------------------------------------------------------
	//	Parse URL
	//----------------------------------------------------------------------

	parseURL: function (url) {

		if (!url) return null;

		var match = (url+'').match (/^\s*(https?:\/\/)?([\w.-]+(:\d+)?)((\/[^\s;]*)?)([;\s].*)?$/);
		if (match) { return (match[1] || 'http://') + match[2] + (match[4] || '/'); }

		//--------------------------------------------------------------
		//	unterwiki
		//--------------------------------------------------------------

		match = url.match (/^\s*(File:.*\S)/);
		if (match) { return 'http://www.wikipedia.org/wiki/' + match[1].replace(/\040/g,'_'); }

		return null;
	},

	//----------------------------------------------------------------------
	//	Encode text as HTML
	//----------------------------------------------------------------------

	html: function (text) {

		if (text===null) { return ''; }
		return String(text).replace(/&/g,'&amp;').replace(/</g,'&lt;').replace(/>/g,'&gt;');
	},

	//----------------------------------------------------------------------
	//	OSM specific links
	//----------------------------------------------------------------------

	createOsmLinks: function (data, argId) {

		var osm = (id||data.id||'').match(/^([nwr])([1-9][0-9]*)$/);
		var type = osm ? {n:'node',r:'relation',w:'way'}[osm[1]] : null;
		var id   = argId ? argId : osm ? osm[2] : null;

		var l=parseFloat(data.lon)-0.0001;
		var b=parseFloat(data.lat)-0.0002;
		var r=parseFloat(data.lon)+0.0001;
		var t=parseFloat(data.lat)+0.0002;

		if (data.bbox) {
			var lbrt = data.bbox.split(',');
			l = parseFloat(lbrt[0])-0.0001;
			b = parseFloat(lbrt[1])-0.0001;
			r = parseFloat(lbrt[2])+0.0001;
			t = parseFloat(lbrt[3])+0.0001;
		}

		var result = [];

		if (osm) {
			result.push ('<a target="_blank" href="http://www.openstreetmap.org/browse/' +
				type + '/' + id + '">' + type + ' ' + id + '</a>' + ' - edit with');
		} else {
			result.push ('edit area with');
		}

		result.push('<a target="_blank" href="http://www.openstreetmap.org/edit?editor=potlatch2&'+
			'lat='+data.lat+'&amp;lon='+data.lon+'&amp;zoom=17">potlatch2</a> or');

		if (osm) {
			result.push('<a target="josmremote" href="http://127.0.0.1:8111/load_object'+
				'?objects=' + osm[0] + '&amp;select=' + osm[0] + '">josm</a>.');
		} else {
			result.push('<a target="josmremote" href="http://127.0.0.1:8111/load_and_zoom'+
				'?left='+l+'&amp;bottom='+b+'&amp;right='+r+'&amp;top='+t+'">josm</a>.');
		}

		return result.join(' ');
	},

	//----------------------------------------------------------------------
	//	Lookup wikipedia URL in osm data
	//----------------------------------------------------------------------

	getWikipediaURL: function (data) {

		//------------------------------------------------------
		//	wikipedia = LANG : LEMMA
		//------------------------------------------------------

		match = (data.wikipedia||'').match(/^([a-z]+):([^\/;]*[^\/;\s])([;\s].*)?$/);
		if (match) {
			return 'http://' + match[1] + '.wikipedia.org/wiki/' +
				match[2].replace(/\040/g, '_');
		}

		//------------------------------------------------------
		//	wikipedia = http[s]://LANG.wikipedia.org/wiki/LEMMA
		//	wikipedia = LANG.wikipedia.org/wiki/LEMMA
		//------------------------------------------------------

		match = (data.wikipedia||'').match(/^(https?:\/\/)?(\w+\.wikipedia\.org\/wiki\/[^\/;]*[^\/;\s])([;\s].*)?$/);
		if (match) { return 'http://' + match[2]; }

		//------------------------------------------------------
		//	wikipedia : LANG = ...
		//------------------------------------------------------

		for (var tag in data) {

			var tagMatch = tag.match(/^wikipedia:([a-z]+)$/);

			if (!tagMatch) continue;

			//----------------------------------------------
			//	wikipedia : LANG = LEMMA
			//----------------------------------------------

			valueMatch = data[tag].match(/^([^\/;]*[^\/;\s])\s*$/);
			if (valueMatch) {
				return 'http://' + tagMatch[1] + '.wikipedia.org/wiki/' +
					valueMatch[1].replace(/\040/g, '_');
			}

			//----------------------------------------------
			//	wikipedia : LANG = http[s]://LANG.wikipedia.org/wiki/LEMMA
			//	wikipedia : LANG = LANG.wikipedia.org/wiki/LEMMA
			//----------------------------------------------

			valueMatch = data[tag].match(/^(https?:\/\/)?(\w+\.wikipedia\.org\/wiki\/[^;\s\/]+)([\s;].*)?$/);
			if (valueMatch) {
				return 'http://' + valueMatch[2];
			}
		}

		//------------------------------------------------------
		//	No wikipedia tag
		//------------------------------------------------------

		return null;
	},

	//----------------------------------------------------------------------
	//	Combine entries to list
	//----------------------------------------------------------------------

	createHtmlFromList: function (list) {

		var items = [];
		var clusters = [];
		var nItems=0;
		var limit = this.clusterLimit && this.clusterLimit<list.length ? this.clusterLimit : list.length;
		for (var i=0; i<list.length; i++) {
			if (list[i]._csize || list[i].cluster) {
				clusters.push (this.createHtmlFromData(list[i]));
			} else {
				nItems++;
				if (items.length<limit) {
					items.push (this.createHtmlFromData(list[i]));
				}
			}
		}
		if (nItems>limit) {
			if (limit!=1) {
				items.unshift('Die ersten '+items.length+
					' von '+nItems+ ' Eintr&#228;gen:');
			}
		} else if (items.length) {
			if (limit!=1) { items.unshift('Alle '+items.length+
				' Eintr&#228;ge:');
			}
		} else {
			items=clusters;
		}
		return items.join('<hr/>\n');
	},

	//----------------------------------------------------------------------
	//	Bounding box for markers
	//----------------------------------------------------------------------

	getBounds: function () {

		if (!this.markers || !this.markers.length) { return null; }

		var bounds = new OpenLayers.Bounds ();

		if (this.region) {
			var count=0;
			for (var i in this.markers) {
				if (!this.markers[i].data.region) {
					continue;
				}
				if (this.markers[i].data.region.substr(0,length)!=this.region) {
					continue;
				}
				bounds.extend (this.markers[i].lonlat);
				count++;
			}
			if (count) { return bounds; }
		}

		for (i in this.markers) {
			bounds.extend (this.markers[i].lonlat);
		}
		return bounds;
	},

	//----------------------------------------------------------------------
	//	create query from url params
	//----------------------------------------------------------------------

	getQueryParams: function (params) {

		if (!params) { params = OpenLayers.Util.getParameters(); }

		var query=[];
		var sets=new Object();

		for (var tag in params) {
			var fov=tag.split('.');
			var val=OpenLayers.String.trim(params[tag]);

			var field = fov[0];
			var op    = fov[1];
			if (op=="value") { continue; }
			if (op=="op") { op = val; val= params[field+".value"]; }
			if (!op || val===null || val==='') { continue; }
			if (val=='~') { val = ' '; }

			switch (op) {
			case "eq":
			case "ge":
			case "gt":
			case "le":
			case "lt":
			case "ne":
			case "slength":
				var value=parseFloat(val);
				if (isNaN(value)) { continue; }
				query.push (field+"."+op+"="+value);
				continue;
				break;

			case "seq":
			case "sge":
			case "sgt":
			case "sle":
			case "slt":
			case "sne":
			case "peq":
			case "pge":
			case "ple":
			case "smatch":
			case "sregex":
				query.push (field+"."+op+"="+val);
				continue;
				break;

			case "isin":
			case "isinall":
			case "isnotin":
				if (!sets[op]) { sets[op]=new Object(); }
				if (!sets[op][field]) { sets[op][field]=[]; }
				sets[op][field].push(fov[2]?fov[2]:val);
				continue;
				break;

			default:
				break;
			}

			if (!confirm ("Fehler: field=["+field+"] op=["+op+"] val=["+val+"]")) { break; }
		}

		for (op in sets) {
			for (field in sets[op]) {
				query.push (field+"."+op+"="+sets[op][field].join(","));
			}
		}
		return query.join("&");
	},

	CLASS_NAME: 'OpenLayers.Layer.PopupMarker'
});

//--------------------------------------------------------------------------------
//	$Id: popupmarker.js,v 1.112 2013/04/11 19:18:47 wolf Exp wolf $
//--------------------------------------------------------------------------------