// Version 0.0  Initial version
	var picPath = "neukoelln_ewindow/";

		
      function EStyle(stemImage, stemSize, boxClass, boxOffset) {
        this.stemImage = stemImage;
        this.stemSize = stemSize;
        this.boxClass = boxClass;
        this.boxOffset = boxOffset;
        //this.border = border;
        
        // 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 = 5;
        }   
        if (agent.indexOf("safari") > -1) {
          fudge = 5;
        }   
        if ((agent.indexOf("msie") > -1) && (agent.indexOf("opera") < 1)){
          fudge = 0;
        }
        this.fudge = fudge;
      }
      
      var E_STYLE_1 = new EStyle(picPath + "Stem1.png", new GSize(81,87), "estyle1", new GPoint(-30,87-3));
      var E_STYLE_2 = new EStyle(picPath + "Stem2.png", new GSize(81,87), "estyle2", new GPoint(-30,87-1));
      var E_STYLE_3 = new EStyle(picPath + "Stem3.png", new GSize(81,87), "estyle3", new GPoint(-30,87-10));
      var E_STYLE_4 = new EStyle(picPath + "Stem3.png", new GSize(81,87), "estyle4", new GPoint(-30,87-10));
      var E_STYLE_5 = new EStyle(picPath + "Stem1.png", new GSize(81,87), "estyle5", new GPoint(-30,87-3));
      var E_STYLE_6 = new EStyle(picPath + "Stem6.png", new GSize(100,50), "estyle6", new GPoint(100-2,20));
      
      var L_STYLE_1 = new EStyle(picPath + "lu01.png", new GSize(81,87), "lstyle1", new GPoint(0,89-3));


      function EWindow(map,estyle) {
        // parameters
        this.map=map;
        this.estyle=estyle;
        // internal variables
        this.visible = false;
        // browser - specific variables
        this.ie = false;
        var agent = navigator.userAgent.toLowerCase();
        if ((agent.indexOf("msie") > -1) && (agent.indexOf("opera") < 1)){ this.ie = true} else {this.ie = false}
      } 
      
      EWindow.prototype = new GOverlay();

      EWindow.prototype.initialize = function(map) {
        var div1 = document.createElement("div");
        div1.style.position = "absolute";
        map.getPane(G_MAP_FLOAT_SHADOW_PANE).appendChild(div1);
        var div2 = document.createElement("div");
        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;
      }

      EWindow.prototype.openOnMap = function(point, html, offset, image,kind) {
        this.offset = offset||new GPoint(0,0);
        this.point = point;
        var strg = '<div class="' + this.estyle.boxClass + '">';  
        strg += '<table><tr><td><nobr>' + html + '</nobr></td>';
        
        strg += '<td id="rightcell" ><img class="but" src="neukoelln_ewindow/forward.png" onclick="ewindowExpand(\''+this.mid+'\')" /></td>';
        strg += '<td id="rightcell" ><img class="but" src="neukoelln_ewindow/close.png" onclick="ewindowHide(\''+this.mid+'\')" /></td>';
        strg += '</tr></table></div>';
                
        strg += '<div class="' + this.estyle.boxClass + '_img">';
        switch(kind) {
        	case 'pic':
        		strg += '<img src="'+image+'"  />';
        		break;
        	case 'swf':				
				strg += swfCode(image, 129, 86);        	
				//alert(swfCode(image, 129, 86));        	
        		break;
        }
        strg += '</div">';
        
        this.div1.innerHTML = strg;
        
        if (this.ie && this.estyle.stemImage.toLowerCase().indexOf(".png")>-1) {
        	//alert(1);
          var loader = "filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='"+this.estyle.stemImage+"', sizingMethod='scale');";
          this.div2.innerHTML = '<div style="height:' +this.estyle.stemSize.height+ 'px; width:'+this.estyle.stemSize.width+'px; ' +loader+ '" ></div>';
        } else {        
        	//alert(2);
          this.div2.innerHTML = '<img src="' + this.estyle.stemImage + '" width="' + this.estyle.stemSize.width +'" height="' + this.estyle.stemSize.height +'">';          
        }
        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);
//        for(var i in this) {
//        	msg(i+": "+this[i]);
//        }
      }
      
      EWindow.prototype.openOnMarker = function(marker,html,image,kind) {
        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),image,kind);
      }
      
      EWindow.prototype.openInfoOnMap = function(point, html) {        
        this.offset = new GPoint(0,-50);
        this.point = point;
        var strg = '<div class="rollOverInfo"><nobr>' + html + '</nobr></div>';          
        this.div1.innerHTML = strg;
        this.div2.innerHTML = "&nbsp;";        
        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);

      }
            
      EWindow.prototype.openInfoOnMarker = function(marker,html) {
        this.openInfoOnMap(marker.getPoint(), html);      
      }            
      

      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() {
        this.div1.style.display="";
        this.div2.style.display="";
        this.visible = true;
      }
      
      EWindow.prototype.hide = function() {
        this.div1.style.display="none";
        this.div2.style.display="none";
        this.visible = false;
      }