// Version 0.0  Initial version

      function EStyle(stemImage, stemSize, boxClass, boxOffset, borderOffset) 
      {
        this.stemImage = stemImage;
        this.stemSize = stemSize;
        this.boxClass = boxClass;
        this.boxOffset = boxOffset;
      
        // Known fudge factors are:
        // Firefox (1.0.6 and 1.5)    5, -1
        // IE 6.0                     0, -1
        // Opera 8.54                 3, -1
        // Opera 9 prev               4, -1
        // Netscape (7.2, 8.0)        5, -1
        // Safari                     5, -1        
        
        var agent = navigator.userAgent.toLowerCase();
        
        var fudge = 5;  // assume Netscape if no match found
        if (agent.indexOf("opera") > -1)	fudge = -3;
  		if (agent.indexOf("firefox") > -1) 	fudge = -3;
        if (agent.indexOf("safari") > -1) 	fudge = -3;  
        if ((agent.indexOf("msie") > -1) && (agent.indexOf("opera") < 1))
        {
		    if(agent.substr(agent.indexOf('msie')+5,1) < "7")
		    	fudge = 0;
		    else
				fudge = 0;
        }
        
        this.fudge = fudge;
        this.borderOffset = borderOffset;
      }
      
      //
      // create an estyle object
      //
      var E_STYLE_1 = new EStyle(localVar.hostUrl+"/img/"+localVar.customer+"/"+localVar.flyoutStyle+"/stem.png",
      							 new GSize(localVar.stemSize[0],localVar.stemSize[1]),
      							 "estyle1",
      							 new GPoint(0,localVar.stemSize[1]),
      							 20);


	/**
	 * @class
	 * @constructor
	 * Ewindow class
	 */
	  function EWindow(map,estyle)
	  {
	    // parameters
		this.map		= map;
		this.estyle 	= estyle;
		this.visible 	= false;
		this.ie 		= false;
		var agent 		= navigator.userAgent.toLowerCase();
		
		if ((agent.indexOf("msie") > -1) && (agent.indexOf("opera") < 1))
			this.ie = true
		else 
			this.ie = false
	  } 
      
      // erbt von GOverlay
      EWindow.prototype = new GOverlay();

	/**
	 * Initialisiert ewindow auf dem Google Map. Erzeugt
	 * zwei divs und hängt sie an das Map.
	 * @param {GMap2}
	 * 		Google Map Objekt
	 */
      EWindow.prototype.initialize = function(map)
      {
        var div1 	= document.createElement("div");
        div1.id 	= "EWindowMain";
        div1.style.position = "absolute";
        map.getPane(G_MAP_FLOAT_PANE).appendChild(div1);
        
        var div2 	= document.createElement("div");
        div2.id 	= "EWindowSub";
        div2.style.position = "absolute";
        div2.style.width = this.estyle.stemSize.width+"px";
        map.getPane(G_MAP_FLOAT_SHADOW_PANE).appendChild(div2);
        
        this.div1 = div1;
        this.div2 = div2;
        
        //catch mouseevents in flyout
        addEventHandler(div1, "mousedown", stopPropagation);
		addEventHandler(div1, "mousemove", stopPropagation);
		addEventHandler(div1, "dblclick", stopPropagation);
      }

	/**
	 * Erzeugt das flyout
	 * @param {GPoint}
	 * 		Punkt an dem das flyout angefügt werden soll
	 * @param {string}
	 * 		HTML das im flyout erscheinen soll
	 * @param {GPoint}
	 * 		Angaben wie versetzt das flyout zum Punkt erscheinen soll
	 */
      EWindow.prototype.openOnMap = function(point, html, offset)
      {
        this.offset = offset||new GPoint(0,0);
        this.point 	= point;

        //Draw InfoWindow
        this.div1.innerHTML = 
        		'				<div id="infoWindowContainer" class="infoWindowContainer">' +
        		'					<div id="dataInfoWindow" class="'+ localVar.flyoutStyle +'">' + html + 
				'					</div>'+
				'				</div>';

		//draw Stem
        if (this.ie && this.estyle.stemImage.toLowerCase().indexOf(".png")>-1)
        {
          this.estyle.stemImage = localVar.hostUrl + "/img/"+localVar.customer+"/"+localVar.flyoutStyle+"/stem.png";
		  var loader 			= "filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='"+this.estyle.stemImage+"', sizingMethod='crop');";
          this.div2.innerHTML = '<div style="height:' +this.estyle.stemSize.height+ 'px; width:'+this.estyle.stemSize.width+'px; ' +loader+ '" ></div>';
        } 
        else
        {
          this.div2.innerHTML = '<img  src="' + localVar.hostUrl + '/img/'+ localVar.customer +'/'+localVar.flyoutStyle+'/stem.png" width="' + this.estyle.stemSize.width +'" height="' + this.estyle.stemSize.height +'">';
        }

		//Set Opacity to 0
		if(localVar.fade)
		{
			changeOpac(0,"EWindowMain","EWindowSub");
		}

		//correct Z-Index
        var z = GOverlay.getZIndex(this.point.lat());
        this.div1.style.zIndex = z;
        this.div2.style.zIndex = z+1;
        this.visible = true;
   		
        this.show();
        this.redraw(true);
        
        // ====================================
        // move down/left  if infobox is not 
        // completely visible
        // ====================================
		var mapBounds = localVar.mapGlobal.getBounds();
		var ne 		  = mapBounds.getNorthEast();

		var pixelTop 	= localVar.mapGlobal.fromLatLngToDivPixel(ne).y;
		var pixelRight	= localVar.mapGlobal.fromLatLngToDivPixel(ne).x;
		var pixelMarker = localVar.mapGlobal.fromLatLngToDivPixel(point);

		var distanceTop 	= Math.abs(pixelTop - pixelMarker.y);
		var distanceRight 	= Math.abs(pixelRight - pixelMarker.x);

		var mapcenter_lat_lng = localVar.mapGlobal.getCenter();
		var mapcenter_point   = localVar.mapGlobal.fromLatLngToDivPixel(mapcenter_lat_lng);
		
		var posY 	= mapcenter_point.y;
		var posX 	= mapcenter_point.x;

		var intFlyoutHeigt = document.getElementById('infoWindowContainer').clientHeight;
		var intFlyoutWidth = Math.round( document.getElementById('infoWindowContainer').clientWidth / 2 );
		var intStemHeight  = this.estyle.stemSize.height;
		var intBorder	   = this.estyle.borderOffset;
		
		var boolMove = false; // must i move the map to see the info
		
		// MOVE DOWN ?
		if ( distanceTop < (intFlyoutHeigt + intStemHeight + intBorder)) 
		{
			posY = mapcenter_point.y - ((intFlyoutHeigt + intStemHeight + intBorder)- distanceTop);
			boolMove = true;
		}

		// MOVE LEFT
		if ( distanceRight < (intFlyoutWidth+ intBorder))
		{
			var mapcenter_lat_lng = localVar.mapGlobal.getCenter();
			var mapcenter_point   = localVar.mapGlobal.fromLatLngToDivPixel(mapcenter_lat_lng);

			posX = mapcenter_point.x + ( (intFlyoutWidth + intBorder) - distanceRight )
			boolMove = true;
		}

		// IF WE MUST MOVE =
		if (boolMove)
		{
			var new_point  = new GPoint(posX, posY);
			var gp_center  = localVar.mapGlobal.fromDivPixelToLatLng(new_point);
			localVar.mapGlobal.panTo(gp_center);
		}
      }
      
      /**
       * This method opens the flyout
       * @param {GMarker}
       * 		clicked marker
       * @param {string}
       * 		HTML to be shown
       * @param {integer}
       * 		type selection for the flyout color
       */
      EWindow.prototype.openOnMarker = function(marker, html )
      {
        	var vx = marker.getIcon().iconAnchor.x - marker.getIcon().infoWindowAnchor.x;
        	var vy = marker.getIcon().iconAnchor.y - marker.getIcon().infoWindowAnchor.y;
        	this.openOnMap(marker.getPoint(), html, new GPoint(vx,vy) );
      }
      

      EWindow.prototype.redraw = function(force)
      {
        if (!this.visible) {return;}
        var p = this.map.fromLatLngToDivPixel(this.point);
        this.div2.style.left   = (p.x + this.offset.x) + "px";
        this.div2.style.bottom = (-p.y + this.offset.y -this.estyle.fudge) + "px";
        this.div1.style.left   = (p.x + this.offset.x + this.estyle.boxOffset.x) + "px";
        this.div1.style.bottom = (-p.y + this.offset.y + this.estyle.boxOffset.y) + "px";
      }

      EWindow.prototype.remove = function() {
        this.div1.parentNode.removeChild(this.div1);
        this.div2.parentNode.removeChild(this.div2);
        this.visible = false;
      }

      EWindow.prototype.copy = function() {
        return new EWindow(this.map, this.estyle);
      }

      EWindow.prototype.show = function() {
        if(localVar.fade){
        	opacity("EWindowMain","EWindowSub",0,99,600);
        }else{		
        	this.div1.style.display="";
        	this.div2.style.display="";
        }
        this.visible = true;
      }
      
      EWindow.prototype.hide = function() {
        if(localVar.fade){
	        opacity("EWindowMain","EWindowSub",99,0,300);
        }else{		        
	        hideFlyout("EWindowMain","EWindowSub");
        }
      }
      
	 function opacity(id1, id2, opacStart, opacEnd, millisec) {
	    //speed for each frame
	    var speed = Math.round(millisec / 100);
	    var timer = 0;
	
	    //determine the direction for the blending, if start and end are the same nothing happens
	    if(opacStart > opacEnd) {
	    	//timeouts are generated, but it isnt waited until one timer ends, ther will be created
	    	//more ones, each with a higher waiting time
	        for(i = opacStart; i >= opacEnd; i--) {
	            setTimeout("changeOpac(" + i + ",'" + id1 + "','" + id2 + "')",(timer * speed));
	            timer++;
	        }
	        //hide them also in DOM
			setTimeout("hideFlyout('" + id1 + "','" + id2 + "')",(timer * speed));
	    } else if(opacStart < opacEnd) {
	        for(i = opacStart; i <= opacEnd; i++)
	            {
	            setTimeout("changeOpac(" + i + ",'" + id1 + "','" + id2 + "')",(timer * speed));
	            timer++;

	        }
	        document.getElementById(id1).style.display="";
	    	document.getElementById(id2).style.display="";
	    }
	  } 
		
	  //change the opacity for different browsers
	  function changeOpac(opacity, id1,id2) {
	    var object1 = document.getElementById(id1).style;
	    var object2 = document.getElementById(id2).style;
	    
	    object1.opacity = (opacity / 100);
   	    object2.opacity = (opacity / 100);
   	    
	    object1.MozOpacity = (opacity / 100);
   	    object2.MozOpacity = (opacity / 100);
   	    
	    object1.KhtmlOpacity = (opacity / 100);
   	    object2.KhtmlOpacity = (opacity / 100);
   	    
	    object1.filter = "alpha(opacity=" + opacity + ")";
   	    object2.filter = "alpha(opacity=" + opacity + ")";
	  } 

	  function hideFlyout(id1,id2){
	  	document.getElementById(id1).style.display="none";
	    document.getElementById(id2).style.display="none";
        ew.visible = false;
        markerObj = null;
	  }