/**
  Create an overlay on the map from a projected image...
  Author. John D. Coryat 01/2008
  USNaviguide LLC - http://www.usnaviguide.com
  Thanks go to Mile Williams EInsert: http://econym.googlepages.com/einsert.js, Google's GOverlay Example and Bratliff's suggestion...
  Opacity code from TPhoto: http://gmaps.tommangan.us/addtphoto.html
  ***** Harry changed the opacity code on 06/2009

  Parameters: 
    imageUrl: URL of the image
    bounds: Bounds object of image destination
    addZoom: Added Zoom factor as a parameter to the imageUrl (include complete parameter, including separater like '?zoom='

  Licensed under the Apache License, Version 2.0;
  http://www.apache.org/licenses/LICENSE-2.0
*/

function ProjectedOverlay(imageUrl, bounds, addZoom)
{
 this.url_ = imageUrl ;
 this.bounds_ = bounds ;
 this.opacity = 40;
 this.addZ_ = addZoom ;                         // Add the zoom to the image as a parameter


 // Is this IE, if so we need to use AlphaImageLoader

 var agent = navigator.userAgent.toLowerCase();
 if ((agent.indexOf("msie") > -1) && (agent.indexOf("opera") < 1))
 {
  this.ie = true ;
 } else
 {
  this.ie = false ;
 }
}



ProjectedOverlay.prototype = new GOverlay();

ProjectedOverlay.prototype.initialize = function(map)
{
 var div = document.createElement("div") ;
 div.style.position = "absolute" ;
 div.setAttribute('id',this.id) ;
 map.getPane(G_MAP_MAP_PANE).appendChild(div) ;
 this.map_ = map ;
 this.div_ = div ;
 if( this.percentOpacity )
 {
  this.setOpacity(this.percentOpacity) ;
 }
}




// Remove the main DIV from the map pane

ProjectedOverlay.prototype.remove = function()
{
 this.div_.parentNode.removeChild(this.div_);
 delete(this.map) ;
 delete(this.div) ;
}




// Copy our data to a new ProjectedOverlay...

ProjectedOverlay.prototype.copy = function()
{
 return new ProjectedOverlay(this.url_, this.bounds_, this.addZ_);
}




// Redraw based on the current projection and zoom level...

ProjectedOverlay.prototype.redraw = function(force)
{
 // We only need to redraw if the coordinate system has changed
 if (!force)
 {
  return ;
 }

 var c1 = this.map_.fromLatLngToDivPixel(this.bounds_.getSouthWest());
 var c2 = this.map_.fromLatLngToDivPixel(this.bounds_.getNorthEast());

 // Now position our DIV based on the DIV coordinates of our bounds

 this.div_.style.width = Math.abs(c2.x - c1.x) + "px";
 this.div_.style.height = Math.abs(c2.y - c1.y) + "px";
 this.div_.style.left = Math.min(c2.x, c1.x) + "px";
 this.div_.style.top = Math.min(c2.y, c1.y) + "px";
 
 var url = this.url_ ;

 if ( this.addZ_ )
 {
  url += this.addZ_ + this.map_.getZoom() ;
 }

 if (this.ie)
 {
//  var loader = "filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + url + "', sizingMethod='scale');" ;
//  this.div_.innerHTML = '<div style="height:' + this.div_.style.height + 'px; width:' + this.div_.style.width + 'px; ' + loader + '" ></div>' ;
  this.div_.innerHTML = '<img src="' + url + '"  width=' + this.div_.style.width + ' height=' + this.div_.style.height + ' style="filter:alpha(opacity=' + this.opacity + ' )">' ;
 } else
 {
  this.div_.innerHTML = '<img src="' + url + '"  width=' + this.div_.style.width + ' height=' + this.div_.style.height + ' >' ;
 }
}



ProjectedOverlay.prototype.setOpacity=function(opacity)
{
 if (opacity < 0)
 {
  this.opacity = 0 ;
 }
 if(opacity > 100)
 {
  this.opacity = 100 ;
 }
 this.opacity = opacity;
 var c = this.opacity/100 ;
 var d = document.getElementById( this.id ) ;

 if (typeof(d.style.filter) =='string')
 {
  d.style.filter = 'alpha(opacity:' + opacity + ')' ;  // seems not work for IE
 }
 if (typeof(d.style.KHTMLOpacity) == 'string' )
 {
  d.style.KHTMLOpacity = c ;
 }
 if (typeof(d.style.MozOpacity) == 'string')
 {
  d.style.MozOpacity = c ;
 }
 if (typeof(d.style.opacity) == 'string')
 {
  d.style.opacity = c ;
 }
 this.redraw(true);
}



ProjectedOverlay.prototype.moveX = function(x)
{
  var sw = this.bounds_.getSouthWest();
  var ne = this.bounds_.getNorthEast();
  var new_sw = new google.maps.LatLng(sw.lat(), sw.lng()+x);
  var new_ne = new google.maps.LatLng(ne.lat(), ne.lng()+x);
  this.bounds_ = new google.maps.LatLngBounds(new_sw, new_ne);
  this.redraw(true);
}

ProjectedOverlay.prototype.moveY = function(y)
{
  var sw = this.bounds_.getSouthWest();
  var ne = this.bounds_.getNorthEast();
  var new_sw = new google.maps.LatLng(sw.lat()+y, sw.lng());
  var new_ne = new google.maps.LatLng(ne.lat()+y, ne.lng());
  this.bounds_ = new google.maps.LatLngBounds(new_sw, new_ne);
  this.redraw(true);
}

ProjectedOverlay.prototype.zoomX = function(x)
{
  var sw = this.bounds_.getSouthWest();
  var ne = this.bounds_.getNorthEast();
  var new_sw = new google.maps.LatLng(sw.lat(), sw.lng()-x);
  var new_ne = new google.maps.LatLng(ne.lat(), ne.lng()+x);
  this.bounds_ = new google.maps.LatLngBounds(new_sw, new_ne);
  this.redraw(true);
}

ProjectedOverlay.prototype.zoomY = function(y)
{
  var sw = this.bounds_.getSouthWest();
  var ne = this.bounds_.getNorthEast();
  var new_sw = new google.maps.LatLng(sw.lat()-y, sw.lng());
  var new_ne = new google.maps.LatLng(ne.lat()+y, ne.lng());
  this.bounds_ = new google.maps.LatLngBounds(new_sw, new_ne);
  this.redraw(true);
}