/* ---------------------------------------------------------

---------------------------------------------------------- */


/* maps */

function Map(mapElementId) {

	// public
	this.mapObj = new GMap2(document.getElementById(mapElementId)); // google map object
	this.geocoder; 
	this.markerManager;
	
	// private
	var that = this;
	
	// create & configure map
	geocoder = new GClientGeocoder();
	this.mapObj.addControl(new GLargeMapControl());
	this.mapObj.addControl(new GMapTypeControl());
	
	this.showAddress = function(address, zoom, text) {
		geocoder.getLatLng(
			address, 
			function(point) {
				if (!point) {
					alert('Adres nie został znaleziony');
				} else {
					that.mapObj.setCenter(point);
					that.mapObj.setZoom(zoom);
					if (text) {
						var marker = new GMarker(point);
						that.mapObj.addOverlay(marker);
						marker.openInfoWindowHtml(text);
					}
				}
			}
		)
	}
}

/* address picker */

addLoadEvent(initAddressPicker);

function addPickerAction(invoker) {
    
        invoker.onmouseover = function() { addClass(this, 'hove'); }
        invoker.onmouseout = function() { remClass(this, 'hove'); }
        invoker.onclick = function() { 
            var rel = this.getElementsByTagName('a')[0].getAttribute('rel');
            map.showAddress(rel, 15, this.innerHTML);
        }
        invoker.onmouseover = function() { 
            addClass(this,'hove');
        }
        invoker.onmouseout = function() { 
            remClass(this,'hove');
        }
}

function initAddressPicker() {
    if (GBrowserIsCompatible()) {
		map = new Map('gMap'); // GLOBAL :/
		map.showAddress('Polska', 6);
 
		var picker = document.getElementById('picker');
        if (picker) {
            var lis = picker.getElementsByTagName('li');
            for (var i=0; i<lis.length; i++) {
                addPickerAction(lis[i]);
            }
        }
	}
}

/* net - AJAX content loader */

var net = new Object();

net.READY_STATE_UNINITIALIZED= 0;
net.READY_STATE_LOADING      = 1;
net.READY_STATE_LOADED       = 2;
net.READY_STATE_INTERACTIVE  = 3;
net.READY_STATE_COMPLETE     = 4;

net.ContentLoader = function( component, url, method, requestParams ) {
   this.component     = component;
   this.url           = url;
   this.requestParams = requestParams;
   this.method        = method;
}

net.ContentLoader.prototype = {

   getTransport: function() {
      var transport;
      if ( window.XMLHttpRequest )
         transport = new XMLHttpRequest();
      else if ( window.ActiveXObject ) {
         try {
            transport = new ActiveXObject('Msxml2.XMLHTTP');
         }
         catch(err) {
            transport = new ActiveXObject('Microsoft.XMLHTTP');
         }
      }
      return transport;
   },

   sendRequest: function() {

      //if ( window.netscape && window.netscape.security.PrivilegeManager.enablePrivilege)
      //   netscape.security.PrivilegeManager.enablePrivilege('UniversalBrowserRead');

      var requestParams = []
      for ( var i = 0 ; i < arguments.length ;  i++ )
         requestParams.push(arguments[i]);

      var oThis = this;
      var request = this.getTransport();
      request.open( this.method, this.url, true );
      request.setRequestHeader( 'Content-Type', 'application/x-www-form-urlencoded');
      request.onreadystatechange = function() { oThis.handleAjaxResponse(request) };
      request.send( this.queryString(requestParams) );
  },

  queryString: function(args) {

     var requestParams = [];
     for ( var i = 0 ; i < this.requestParams.length ; i++ )
        requestParams.push(this.requestParams[i]);
     for ( var j = 0 ; j < args.length ; j++ )
        requestParams.push(args[j]);

     var queryString = "";
     if ( requestParams && requestParams.length > 0 ) {
        for ( var i = 0 ; i < requestParams.length ; i++ )
           queryString += requestParams[i] + '&';
        queryString = queryString.substring(0, queryString.length-1);
     }
     return queryString;
  },

  handleAjaxResponse: function(request) {
     if ( request.readyState == net.READY_STATE_COMPLETE ) {
        if ( this.isSuccess(request) )
           this.component.ajaxUpdate(request);
        else
           this.component.handleError(request);
     }
  },

  isSuccess: function(request) {
    return  request.status == 0 
        || (request.status >= 200 && request.status < 300);
  }

};

/* combo component */

addLoadEvent(initCombo);


function initCombo() {
    new Combo('region', 'picker');
}

function Address( data, coord, imgSrc ) {
    this.data = data;
    this.coord = coord;
    this.imgSrc = imgSrc;
}

function Combo(masterId, slaveId) {
   this.slave = null;
   this.slaveId = slaveId;
   this.master     = document.getElementById(masterId);
   this.ajaxHelper = new net.ContentLoader(this, 'gmaps/dolnoslaskie.xml', 'GET', []);
   this.initializeBehavior();
}

Combo.prototype = {

   initializeBehavior: function() {
      var oThis = this;
      oThis.masterComboChanged();
      this.master.onclick = function() { oThis.masterComboChanged(); };
   },

   masterComboChanged: function() {
      this.ajaxHelper.url = 'scripts/gmaps/' + this.master.options[this.master.selectedIndex].value + '.xml';
      this.ajaxHelper.sendRequest();
   },

   ajaxUpdate:  function(request) {
      var slaveOptions = this.createOptions(request.responseXML.documentElement);
      
      this.slave = document.getElementById(this.slaveId);
      if (!this.slave) {
          var div = document.getElementById('gAddress');
          var picker = document.createElement('ul');
          picker.setAttribute('id','picker');
          div.appendChild(picker);
          this.slave = document.getElementById(this.slaveId);
      }
      
      // remove old content
      var ul = this.slave;
      if (ul && ul.hasChildNodes && ul.removeChild) {
        while (ul.hasChildNodes()) {
            ul.removeChild(ul.firstChild);
        }
      } 
      
      // create new content
      for ( var i = 0 ; i < slaveOptions.length ; i++ ) {
          var li = document.createElement('li');
          var img = document.createElement('img');
          img.setAttribute('src', slaveOptions[i].imgSrc);
          var a = document.createElement('a');
          a.setAttribute('rel', slaveOptions[i].coord);
          var txt = document.createTextNode(slaveOptions[i].data);
          a.innerHTML = slaveOptions[i].data;
          li.appendChild(a);
          li.appendChild(img);
          ul.appendChild(li);
          addPickerAction(li);
      }
   },
   
   createOptions: function(ajaxResponse) {
      var newOptions = [];
      var entries = ajaxResponse.getElementsByTagName('entry');
      for ( var i = 0 ; i < entries.length ; i++ ) {
         var text  = this.getElementContent(entries[i],'optionText');
         var value = this.getElementContent(entries[i],'optionValue');
         var imgSrc = this.getElementContent(entries[i],'imgSrc');
         newOptions.push( new Address(text, value, imgSrc) );
      }
      return newOptions;
   },

   getElementContent: function(element,tagName) {
      var childElement = element.getElementsByTagName(tagName)[0];
      return childElement.text != undefined ? childElement.text : childElement.textContent;
   },
   
   handleError: function(request) {
      // do nothing
   }

};