MAP_ID = 1;
DEV_ENV = false;

/*
WebMix.js
"Façade" que implementa as funções externas do WebMix
Copyright 2008 - Inspira Tecnologia e Marketing
*/

// PATH será definido pelo apilocal/Default.aspx

function WebMix() {}

if (typeof(PRODUCTION_ENVIRONMENT) == "undefined") {
    WebMix.PATH = './';
    WebMix.MapID = 1; // so pra poder testar
} else {
    WebMix.PATH = "http://app.inspira.com.br/WebMixRealty/";
    WebMix.MapID = MAP_ID; // variavel MAP_ID eh definida no /api/Default.aspx (apenas em producao)
}


WebMix.IsIE6 = false /*@cc_on || @_jscript_version < 5.7 @*/;

WebMix.Initialize = function() {
    if (typeof(PRODUCTION_ENVIRONMENT) == "undefined") {
        // soh carrega js pra testes locais. em producao usa o api/Default.js
	    include('js/WebMixDataStore.js');
	    include('js/WebMixMap.js');
	    include('js/WebMixReport.js');
	    include('js/WebMixSearchJSON.js');
	    include('js/WebMixUIMenu.js');
	    include('js/WebMixUIDOM.js');
	    include('js/WebMixUI.js');
	}
	includeCss('css/WebMix.css');
	includeCss('css/Menu.css');
	var browserName=navigator.appName;
	var browserVer=parseInt(navigator.appVersion);

	if (browserName=="Microsoft Internet Explorer" && browserVer<7) {
		includeCss('css/WebMixIE6.css');
	} else {
		includeCss('css/WebMixNotIE6.css');
	}
}
WebMix.Initialize();

WebMix.Load = function() {
	this.webMixDataStore= new WebMixDataStore();
	this.webMixReport = new WebMixReport();

	// Pre-carrega objetos de interface com o usuário
	this.webMixUI = new WebMixUI(WebMixUI.POPUP);
	this.webMixUI.Load();

	// Cria objeto único representando o mapa
	this.webMixMap = new WebMixMap(this.webMixUI.GetMapDiv());

	// registra mapa carregado
	this.webMixReport.Register(WebMixReport.MAP_LOADED);

	WebMix.SetLoadingStatus(false);
}

// Mostra o popup com o mapa
WebMix.Show = function() {
	// Exibe objetos (DIVs) de interface
	this.webMixUI.ShowPopupLayer();

	WebMix.SetLoadingStatus(true);

	// registra exibição de mapa
	this.webMixReport.Register(WebMixReport.MAP_OPENED);

	WebMix.SetLoadingStatus(false);
}

// Mostra o popup com o mapa, dentro de um DIV
WebMix.ShowOnDiv = function(divID) {
    //alert("mostrando: " + divID);
	// Exibe objetos (DIVs) de interface
	this.webMixUI.ShowOnDiv(divID);

	WebMix.SetLoadingStatus(true);

	// registra exibição de mapa
	this.webMixReport.Register(WebMixReport.MAP_OPENED);

	WebMix.SetLoadingStatus(false);
}

WebMix.PositionMap = function(addr) {
    WebMix.SetLoadingStatus(true);
	this.webMixMap.PositionMap(addr);
	WebMix.SetLoadingStatus(false);
}

WebMix.GetMarkerCount = function(parameters, callback) {
	WebMixSearchJSON.GetMarkerCount(parameters, 1, callback);
}

WebMix.ApplyFilter = function(parameters, callback) {
    var str = '';
    for (var p in parameters) {
        str += p + ': ' + parameters[p] + '\n';
    }
    //alert(str);
    WebMix.SetLoadingStatus(true);
	WebMix.DoSearchInternal(parameters, function(x) {
		WebMix.ReloadMap(x);
		if (callback) callback();
	});
	WebMix.SetLoadingStatus(false);
}

WebMix.DoSearch = function(parameters) {
	// Call the search function (AJAX-based)
	WebMix.DoSearchInternal(parameters, this.webMixUI.EndSearch);
}

/*
Do the actual search (asynchronous call)
*/
WebMix.DoSearchInternal = function(parameters, callback) {
	// Call the search function (AJAX-based)
	WebMixSearchJSON.SearchMarkers(parameters, WebMix.MapID, callback);

	// registra busca realizada no mapa
	this.webMixReport.Register(WebMixReport.MAP_MARKER_SEARCH, parameters);
}

WebMix.LoadMap = function() {
	// Carrega mapa
	this.webMixMap.LoadMap();
}

/*
Essa função é executada quando uma busca é finalizada
O objetivo é exibir a nova lista de pontos no mapa
*/
WebMix.ReloadMap = function(_markerList) {
    if (_markerList.length == 0) {
        WebMix.Alert('Não há imóveis para o seu critério de busca. Por favor, faça uma busca menos detalhada.');

        var position = WebMixUIDOM.GetRegion(document.getElementById('City3').selectedIndex + 1)[0];
        this.webMixMap.PositionMap(position);
    } else {
        WebMix.SetLoadingStatus(true);
	    this.webMixMap.ClearMarkers();
	    this.webMixMap.DisplayMarkerList(_markerList);
    
        var myRegion = WebMixUIDOM.GetRegion(WebMixUIDOM.SelRegion.selectedIndex)[1];
        var mySuitedFor = WebMixUIDOM.GetSuitedForList()[WebMixUIDOM.SelSuitedFor.selectedIndex][1];
        var strImoveis = (_markerList.length == 1) ? "imóvel" : "imóveis";
    	WebMixUIDOM.ShowMessageBox('Busca de imóveis', '<h3>Resultado da busca</h3><p>Localizamos <b>' + _markerList.length + '</b> ' + strImoveis + ' do tipo <b>' + mySuitedFor + '</b> em <b>' + myRegion + '</b>.</p><p>Navegue pelo mapa para localizar os empreendimentos. Clique no empreendimento desejado para acessar as informações e opções de cada produto.</p><p>Utilize o menu superior para mudar a visualização do mapa e alterar ou refinar a sua busca.</p><a href="javascript:void(0)" onclick="WebMixUIDOM.HideMessageBox()">Clique para fechar este box</a>');

	    WebMix.SetLoadingStatus(false);
	}
}

WebMix.SearchComplete = function(searcher) {
	// registra evento
	//this.webMixReport.Register(WebMixReport.MAP_CONTEXT_SEARCH, {});

}

WebMix.ShowWizardStep = function(step) {
	this.webMixUI.ShowWizardStep(step);
	WebMixUIResize();
}

WebMix.QueryServices = function(id) {
    //WebMix.SetLoadingStatus(true);
	this.webMixMap.QueryServices(id);
	//WebMix.SetLoadingStatus(false);
	WebMixUIResize();
}

WebMix.ShowServices = function(id) {
	this.webMixUI.ShowServices();
	WebMixUIResize();
}

WebMix.HideDirections = function() {
	this.webMixUI.HideDirections();
	WebMixUIResize();
}

WebMix.HideWindow = function() {
	this.webMixUI.HidePopupLayer();
	WebMixUIDOM.HideMessageBox();
}

WebMix.MinimizeWindow = function() {
	this.webMixUI.MinimizePopupLayer();
}

WebMix.AddFavorite = function(marker) {
	this.webMixDataStore.AddFavorite(marker);
	this.webMixUI.UpdateFavoriteList();
	this.webMixUI.ShowFavorites();
	WebMixUIResize();
}

WebMix.GetFavoriteList = function() {
	return this.webMixDataStore.GetFavoriteList();
}

WebMix.GetMarkerList = function() {
	return this.webMixDataStore.GetMarkerList();
}

WebMix.SetMarkerList = function(list) {
	return this.webMixDataStore.SetMarkerList(list);
}

WebMix.RemoveFavorite = function(id) {
	this.webMixDataStore.RemoveFavorite(id);
	this.webMixUI.UpdateFavoriteList();
}

WebMix.GetDirections = function(markerID) {
    WebMix.SetLoadingStatus(true);
	var markerInfo = this.webMixDataStore.GetMarkerByID(markerID);
	var fromDir = this.webMixUI.GetDirectionsFrom();
	if (fromDir !=null) {
	    var from = fromDir + "," + markerInfo.city; // TODO: ler cidade da janela de endereco de origem
	    var to = markerInfo.getGeocodeAddress();
	    this.webMixMap.ShowDirections(from, to);
	    this.webMixUI.ShowDirections(true);
	    WebMixUIResize();
	}
	WebMix.SetLoadingStatus(false);
}

WebMix.ZoomUp= function() {
    WebMix.SetLoadingStatus(true);
	this.webMixMap.ZoomUp();
	this.webMixUI.ShowZoomLevel();
	WebMix.SetLoadingStatus(false);
}

WebMix.ZoomDown= function() {
    WebMix.SetLoadingStatus(true);
	this.webMixMap.ZoomDown();
	this.webMixUI.ShowZoomLevel();
	WebMix.SetLoadingStatus(false);
}

WebMix.GetZoomLevel = function() {
	return this.webMixMap.GetZoomLevel();
}

WebMix.Unload = function() {
}

addEvent(window, 'load', function() {
    WebMix.Load();
    if (typeof(WebMix_Load) != "undefined") {
        WebMix_Load();
    }
});
addEvent(window, 'unload',  function() { WebMix.Unload(); });

WebMix.CheckResize = function() {
	this.webMixMap.CheckResize();
}

WebMix.SetLoadingStatus = function(st) {
    if (document.getElementById('divLoading') != null) {
        document.getElementById('divLoading').style['display'] = st ? 'block' : 'none';
    }
}

WebMix.Alert = function(msg) {
    WebMixUIDOM.ShowMessageBox('Alerta', msg);
}

function include(file) {
	var newFile = document.createElement('script');
	newFile.setAttribute('type', 'text/javascript');
	if (file.indexOf('http://') > -1) {
	    newFile.setAttribute('src', file);
	} else {
	    newFile.setAttribute('src', WebMix.PATH + file);
	}
	document.getElementsByTagName('head')[0].appendChild(newFile);
}

function includeCss(file) {
	var newFile = document.createElement('link');
	newFile.setAttribute('rel', 'Stylesheet');
	newFile.setAttribute('href', WebMix.PATH  + file);
	document.getElementsByTagName('head')[0].appendChild(newFile);
}

function addEvent( obj, type, fn ) {
  if ( obj.attachEvent ) {
    obj["e"+type+fn] = fn;
    obj[type+fn] = function() { obj["e"+type+fn]( window.event ) };
    obj.attachEvent( "on"+type, obj[type+fn] );
  }
  else{
    obj.addEventListener( type, fn, false );
  }
}

function getElementsByClassName(strClass, strTag, objContElm) {
  strTag = strTag || "*";
  objContElm = objContElm || document;
  var objColl = objContElm.getElementsByTagName(strTag);
  if (!objColl.length &&  strTag == "*" &&  objContElm.all) objColl = objContElm.all;
  var arr = new Array();
  var delim = strClass.indexOf('|') != -1  ? '|' : ' ';
  var arrClass = strClass.split(delim);
  for (var i = 0, j = objColl.length; i < j; i++) {
    var arrObjClass = objColl[i].className.split(' ');
    if (delim == ' ' && arrClass.length > arrObjClass.length) continue;
    var c = 0;
    comparisonLoop:
    for (var k = 0, l = arrObjClass.length; k < l; k++) {
      for (var m = 0, n = arrClass.length; m < n; m++) {
        if (arrClass[m] == arrObjClass[k]) c++;
        if (( delim == '|' && c == 1) || (delim == ' ' && c == arrClass.length)) {
          arr.push(objColl[i]);
          break comparisonLoop;
        }
      }
    }
  }
  return arr;
}

MAP_ID=1;PRODUCTION_ENVIRONMENT=1;function WebMix(){}if(typeof (PRODUCTION_ENVIRONMENT)=="undefined"){WebMix.PATH="./";WebMix.MapID=1;}else{WebMix.PATH="http://app.inspira.com.br/WebMixRealty/";WebMix.MapID=MAP_ID;}WebMix.IsIE6=false
/*@cc_on || @_jscript_version < 5.7 @*/
;WebMix.Initialize=function(){includeCss("css/WebMix.css");includeCss("css/Menu.css");var B=navigator.appName;var A=parseInt(navigator.appVersion);if(B=="Microsoft Internet Explorer"&&A<7){includeCss("css/WebMixIE6.css");}else{includeCss("css/WebMixNotIE6.css");}};WebMix.Initialize();WebMix.Load=function(){this.webMixDataStore=new WebMixDataStore();this.webMixReport=new WebMixReport();this.webMixUI=new WebMixUI(WebMixUI.POPUP);this.webMixUI.Load();this.webMixMap=new WebMixMap(this.webMixUI.GetMapDiv());this.webMixReport.Register(WebMixReport.MAP_LOADED);WebMix.SetLoadingStatus(false);};WebMix.Show=function(){this.webMixUI.ShowPopupLayer();WebMix.SetLoadingStatus(true);this.webMixReport.Register(WebMixReport.MAP_OPENED);WebMix.SetLoadingStatus(false);};WebMix.ShowOnDiv=function(A){this.webMixUI.ShowOnDiv(A);WebMix.SetLoadingStatus(true);this.webMixReport.Register(WebMixReport.MAP_OPENED);WebMix.SetLoadingStatus(false);};WebMix.PositionMap=function(A){WebMix.SetLoadingStatus(true);this.webMixMap.PositionMap(A);WebMix.SetLoadingStatus(false);};WebMix.GetMarkerCount=function(A,B){WebMixSearchJSON.GetMarkerCount(A,1,B);};WebMix.ApplyFilter=function(A,D){var C="";for(var B in A){C+=B+": "+A[B]+"\n";}WebMix.SetLoadingStatus(true);WebMix.DoSearchInternal(A,function(E){WebMix.ReloadMap(E);if(D){D();}});WebMix.SetLoadingStatus(false);};WebMix.DoSearch=function(A){WebMix.DoSearchInternal(A,this.webMixUI.EndSearch);};WebMix.DoSearchInternal=function(A,B){WebMixSearchJSON.SearchMarkers(A,WebMix.MapID,B);this.webMixReport.Register(WebMixReport.MAP_MARKER_SEARCH,A);};WebMix.LoadMap=function(){this.webMixMap.LoadMap();};WebMix.ReloadMap=function(B){if(B.length==0){WebMix.Alert("Não há imóveis para o seu critério de busca. Por favor, faça uma busca menos detalhada.");var A=WebMixUIDOM.GetRegion(document.getElementById("City3").selectedIndex+1)[0];this.webMixMap.PositionMap(A);}else{WebMix.SetLoadingStatus(true);this.webMixMap.ClearMarkers();this.webMixMap.DisplayMarkerList(B);var E=WebMixUIDOM.GetRegion(WebMixUIDOM.SelRegion.selectedIndex)[1];var C=WebMixUIDOM.GetSuitedForList()[WebMixUIDOM.SelSuitedFor.selectedIndex][1];var D=(B.length==1)?"imóvel":"imóveis";WebMixUIDOM.ShowMessageBox("Busca de imóveis","<h3>Resultado da busca</h3><p>Localizamos <b>"+B.length+"</b> "+D+" do tipo <b>"+C+"</b> em <b>"+E+'</b>.</p><p>Navegue pelo mapa para localizar os empreendimentos. Clique no empreendimento desejado para acessar as informações e opções de cada produto.</p><p>Utilize o menu superior para mudar a visualização do mapa e alterar ou refinar a sua busca.</p><a href="javascript:void(0)" onclick="WebMixUIDOM.HideMessageBox()">Clique para fechar este box</a>');WebMix.SetLoadingStatus(false);}};WebMix.SearchComplete=function(A){};WebMix.ShowWizardStep=function(A){this.webMixUI.ShowWizardStep(A);WebMixUIResize();};WebMix.QueryServices=function(A){this.webMixMap.QueryServices(A);WebMixUIResize();};WebMix.ShowServices=function(A){this.webMixUI.ShowServices();WebMixUIResize();};WebMix.HideDirections=function(){this.webMixUI.HideDirections();WebMixUIResize();};WebMix.HideWindow=function(){this.webMixUI.HidePopupLayer();WebMixUIDOM.HideMessageBox();};WebMix.MinimizeWindow=function(){this.webMixUI.MinimizePopupLayer();};WebMix.AddFavorite=function(A){this.webMixDataStore.AddFavorite(A);this.webMixUI.UpdateFavoriteList();this.webMixUI.ShowFavorites();WebMixUIResize();};WebMix.GetFavoriteList=function(){return this.webMixDataStore.GetFavoriteList();};WebMix.GetMarkerList=function(){return this.webMixDataStore.GetMarkerList();};WebMix.SetMarkerList=function(A){return this.webMixDataStore.SetMarkerList(A);};WebMix.RemoveFavorite=function(A){this.webMixDataStore.RemoveFavorite(A);this.webMixUI.UpdateFavoriteList();};WebMix.GetDirections=function(B){WebMix.SetLoadingStatus(true);var A=this.webMixDataStore.GetMarkerByID(B);var C=this.webMixUI.GetDirectionsFrom();if(C!=null){var E=C+","+A.city;var D=A.getGeocodeAddress();this.webMixMap.ShowDirections(E,D);this.webMixUI.ShowDirections(true);WebMixUIResize();}WebMix.SetLoadingStatus(false);};WebMix.ZoomUp=function(){WebMix.SetLoadingStatus(true);this.webMixMap.ZoomUp();this.webMixUI.ShowZoomLevel();WebMix.SetLoadingStatus(false);};WebMix.ZoomDown=function(){WebMix.SetLoadingStatus(true);this.webMixMap.ZoomDown();this.webMixUI.ShowZoomLevel();WebMix.SetLoadingStatus(false);};WebMix.GetZoomLevel=function(){return this.webMixMap.GetZoomLevel();};WebMix.Unload=function(){};addEvent(window,"load",function(){WebMix.Load();if(typeof (WebMix_Load)!="undefined"){WebMix_Load();}});addEvent(window,"unload",function(){WebMix.Unload();});WebMix.CheckResize=function(){this.webMixMap.CheckResize();};WebMix.SetLoadingStatus=function(A){if(document.getElementById("divLoading")!=null){document.getElementById("divLoading").style["display"]=A?"block":"none";}};WebMix.Alert=function(A){WebMixUIDOM.ShowMessageBox("Alerta",A);};function include(B){var A=document.createElement("script");A.setAttribute("type","text/javascript");if(B.indexOf("http://")>-1){A.setAttribute("src",B);}else{A.setAttribute("src",WebMix.PATH+B);}document.getElementsByTagName("head")[0].appendChild(A);}function includeCss(B){var A=document.createElement("link");A.setAttribute("rel","Stylesheet");A.setAttribute("href",WebMix.PATH+B);document.getElementsByTagName("head")[0].appendChild(A);}function addEvent(C,B,A){if(C.attachEvent){C["e"+B+A]=A;C[B+A]=function(){C["e"+B+A](window.event);};C.attachEvent("on"+B,C[B+A]);}else{C.addEventListener(B,A,false);}}function getElementsByClassName(E,K,C){K=K||"*";C=C||document;var M=C.getElementsByTagName(K);if(!M.length&&K=="*"&&C.all){M=C.all;}var L=new Array();var A=E.indexOf("|")!=-1?"|":" ";var N=E.split(A);for(var J=0,I=M.length;J<I;J++){var H=M[J].className.split(" ");if(A==" "&&N.length>H.length){continue;}var O=0;comparisonLoop:for(var G=0,F=H.length;G<F;G++){for(var D=0,B=N.length;D<B;D++){if(N[D]==H[G]){O++;}if((A=="|"&&O==1)||(A==" "&&O==N.length)){L.push(M[J]);break comparisonLoop;}}}}return L;}function WebMixDataStore(){var B=this;var C=[];var A=[];this.AddFavorite=function(D){if(B.GetFavorite(D)==null){C.push(D);}};this.GetFavoriteList=function(){var F=[];for(var E=0;E<C.length;E++){var D=B.GetMarkerByID(C[E]);F.push(D);}return F;};this.GetFavorite=function(F){for(var D=0;D<C.length;D++){var E=C[D];if(E==F){return B.GetMarkerByID(E);}}return null;};this.RemoveFavorite=function(F){for(var D=0;D<C.length;D++){var E=C[D];if(E==F){C.splice(D,1);return ;}}};this.SetMarkerList=function(D){A=D;};this.GetMarkerList=function(){return A;};this.GetMarkerByID=function(F){for(var E=0;E<A.length;E++){var D=A[E];if(D.id==F){return D;}}return null;};}function WebMixMap(B){var A=this;this.mapDiv=B;this.LoadMap=function(){if(!this.isLoaded){google.load("maps","2.x",{"callback":A.initialize});isLoaded=true;}};this.UnloadMap=function(){GUnload();};this.initialize=function(){if(GBrowserIsCompatible()){var D={listingTypes:"blended",onMarkersSetCallback:function(K){var I=WebMixUIDOM.GetImagePath("img/"+WebMixMap.CurrentService+".jpg");for(var H=0;H<K.length;H++){var G=K[H].marker;var J=G.getIcon();J.iconSize=new GSize(32,32);J.iconAnchor=new GPoint(8,28);J.infoWindowAnchor=new GPoint(8,0);J.transparent=WebMixUIDOM.GetImagePath("img/trans.gif");G.setImage(I);}},searchFormHint:"Ex: natação",showOnLoad:true};var F=new google.maps.Map2(document.getElementById("divMap"),{googleBarOptions:D});F.enableGoogleBar();
F.addMapType(G_SATELLITE_3D_MAP);
F.setCenter(new GLatLng(-23.55,-46.64),WebMixMap.DEFAULT_ZOOM_LEVEL);F.addControl(new GMapTypeControl());A.GMap=F;var C=new GDirections(F,document.getElementById("divMapDirectionsContainer"));GEvent.addListener(C,"error",A.handleErrors);A.GDir=C;var E=new GClientGeocoder();E.setBaseCountryCode("br");A.GGeocoder=E;}};this.ZoomUp=function(){if(A.GMap){A.GMap.zoomOut();}};this.ZoomDown=function(){if(A.GMap){A.GMap.zoomIn();}};this.GetZoomLevel=function(){if(typeof (A.GMap)!="undefined"){return A.GMap.getZoom();}else{return WebMixMap.DEFAULT_ZOOM_LEVEL;}};this.ClearMarkers=function(){if(A.GMap!=null){A.GMap.clearOverlays();}};this.FitMap=function(D){var E=new GLatLngBounds();for(var C=0;C<D.length;C++){E.extend(D[C]);}var F=A.GMap;F.setZoom(F.getBoundsZoomLevel(E));F.setCenter(E.getCenter());};this.DisplayMarkerList=function(F){if(A.GMap==null){return ;}WebMix.SetMarkerList(F);var E=[];var I=[];for(i=0;i<F.length;i++){var M=F[i];var K=new GIcon(G_DEFAULT_ICON,M.iconUrl);K.iconSize=new GSize(M.iconWidth,M.iconHeight);K.shadowSize=new GSize(M.iconWidth,M.iconHeight);K.imageMap=[0,0,M.iconWidth,0,M.iconWidth,M.iconHeight,0,M.iconHeight];var H=new GLatLng(M.latitude,M.longitude);I.push(H);var J=new GMarker(H,{title:M.name,icon:K});if(M.infoWindowTabs.length==1){var G=M.infoWindowTabs[0];var D="";if(M.siteUrl!=null&&M.siteUrl.length>0){D='&nbsp; <a href="'+M.siteUrl+'" target="_blank">[ver site]</a>';}J.bindInfoWindowHtml('<img alt="'+G.title+'" src="'+WebMix.PATH+"img/markers/map"+M.map.id+"/"+M.id+'.jpg" /><div class="divMarkerText"><h4>'+G.title+"</h4>"+G.description+'</div><div class="divMarkerLinks"><a href="javascript:void(0)" onclick="WebMix.AddFavorite('+M.id+')">[+ favoritos]</a> &nbsp; <a href="javascript:void(0)" onclick="WebMix.GetDirections('+M.id+')">[como chegar]</a> &nbsp; <a href="javascript:void(0)" onclick="WebMix.ShowServices()">[serviços]</a>'+D+"</div> ");}else{if(M.infoWindowTabs.length>1){var C=new Array(M.infoWindowTabs.count);for(j=0;j<M.infoWindowTabs.length;j++){var L=M.infoWindowTabs[j];C[j]=new GInfoWindowTab(L.title,L.description);}J.bindInfoWindowTabsHtml(C);}}A.GMap.addOverlay(J);E.push(J);}this.gMarkerList=E;this.FitMap(I);};this.QueryServices=function(C){WebMixMap.CurrentService=C;var D=getElementsByClassName("gsc-input","input");D[0].value=C;D[0].parentNode.parentNode.childNodes[1].firstChild.onclick();};this.PositionMap=function(C){var D=A.GGeocoder;if(D){D.getLatLng(C,function(E){if(E){A.GMap.setCenter(E,WebMixMap.DEFAULT_ZOOM_LEVEL);}});}};this.ShowDirections=function(E,D){var C="from: "+E+" to: "+D;A.GDir.load(C,{"locale":"pt_BR"});};this.handleErrors=function(){if(A.GDir.getStatus().code==G_GEO_UNKNOWN_ADDRESS){WebMix.Alert("Endereço não encontrado. Por favor tente novamente.");}else{WebMix.Alert("Um erro não esperado ocorreu.");}WebMix.HideDirections();WebMixUIResize();};this.CheckResize=function(){if(A.GMap){A.GMap.checkResize();}};}WebMixMap.DEFAULT_ZOOM_LEVEL=13;function WebMixReport(A){this.Register=function(D,C){if(typeof (A)=="undefined"){return ;}var F="";var B=0;for(var E in C){if(B>0){F+=",";}F+=C[E].name+":"+C[E].value;B++;}switch(D){case WebMixReport.MAP_LOADED:A._trackPageview("MAP_LOADED");break;case WebMixReport.MAP_OPENED:A._trackPageview("MAP_OPENED");break;case WebMixReport.MAP_MARKER_SEARCH:A._trackPageview("MAP_MARKER_SEARCH("+F+")");break;case WebMixReport.MAP_CONTEXT_SEARCH:A._trackPageview("MAP_CONTEXT_SEARCH("+C+")");break;case WebMixReport.MAP_ROUTE_VIEW:A._trackPageview("MAP_ROUTE_VIEW("+F+")");break;case WebMixReport.MAP_ROUTE_PRINT:A._trackPageview("MAP_ROUTE_PRINT("+F+")");break;case WebMixReport.MAP_MARKER_CLICK:A._trackPageview("MAP_MARKER_CLICK("+C+")");break;case WebMixReport.MAP_INFOWINDOW_VIEW:A._trackPageview("MAP_MARKER_CLICK("+F+")");break;case WebMixReport.MAP_GOOGLEEARTH:A._trackPageview("MAP_GOOGLEEARTH");break;case WebMixReport.MAP_CLOSED:A._trackPageview("MAP_CLOSED");break;}};}WebMixReport.MAP_LOADED=1;WebMixReport.MAP_OPENED=2;WebMixReport.MAP_MARKER_SEARCH=3;WebMixReport.MAP_CONTEXT_SEARCH=4;WebMixReport.MAP_ROUTE_VIEW=5;WebMixReport.MAP_ROUTE_PRINT=6;WebMixReport.MAP_MARKER_CLICK=7;WebMixReport.MAP_INFOWINDOW_VIEW=8;WebMixReport.MAP_GOOGLEEARTH=9;WebMixReport.MAP_CLOSED=10;function WebMixInfoWindowTab(B,A){this.title=B;this.description=A;}function WebMixMarker(A,B){this.id=A;this.name=B;this.map=new WebMixMap();this.toString=function(){var C="";for(var D in this){C+=D+":"+this[D]+"\n";}return C;};this.infoWindowTabs=[];this.addInfoWindowTab=function(D,C){this.infoWindowTabs.push(new WebMixInfoWindowTab(D,C));};this.getGeocodeAddress=function(){var D;if(this.geocodeStreet==null||this.geocodeStreet.length==0){var C="";if(typeof (this.number)!="undefined"){C=this.number+",";}D=this.street+","+C+this.city+","+this.state+","+this.country;}else{D=this.geocodeStreet+","+this.city+","+this.state+","+this.country;}return D;};}function WebMixSearchJSON(){}WebMixSearchJSON.GetMarkerCount=function(E,A,G){WebMixSearchJSON.JSONCallback=G;var F="";if(typeof (E)!="undefined"){for(p in E){var B=p;var D=E[p];if(B=="city"){continue;}F+="&"+B+"="+D;}}var C="http://app.inspira.com.br/WebMixRealty/DataSources/MarkerJSON.aspx?action=GetCount&Map.ID="+A+"&rnd="+Math.random()+F;include(C);};WebMixSearchJSON.GetMarkerCountCallback=function(A){WebMixSearchJSON.JSONCallback(A.MarkerCount);};WebMixSearchJSON.SearchMarkers=function(E,A,G){WebMixSearchJSON.JSONGetListCallback=G;var F="";if(typeof (E)!="undefined"){for(p in E){var B=p;var D=E[p];if(B=="city"){continue;}F+="&"+B+"="+D;}}var C="http://app.inspira.com.br/WebMixRealty/DataSources/MarkerJSON.aspx?action=List&Map.ID="+A+"&rnd="+Math.random()+F;include(C);};WebMixSearchJSON.GetListCallback=function(C){var D=[];if(C!=null){if(typeof (C.Markers.Marker.length)=="undefined"){D.push(getMarker(C.Markers.Marker));}for(var B=0;B<C.Markers.Marker.length;B++){var A=C.Markers.Marker[B];D.push(getMarker(A));}}WebMixSearchJSON.JSONGetListCallback(D);};function getMarker(B){var A=new WebMixMarker();A.id=B["ID"];A.map.id=B["Map.ID"];A.name=B["Name"];A.latitude=B["Latitude"];A.longitude=B["Longitude"];A.street=B["Street"];A.geocodeStreet=B["GeocodeStreet"];if(B["Number"]!=null){A.number=B["Number"];}if(B["Complement"]!=null){A.complement=B["Complement"];}A.city=B["City"];if(B["State"]!=null){A.state=B["State"];}A.country=B["Country"];if(B["IconUrl"]!=null){A.iconUrl=B["IconUrl"];}A.iconWidth=B["IconWidth"];A.iconHeight=B["IconHeight"];A.price=B["Price"];if(B["Dorms"]!=null){A.dorms=B["Dorms"];}A.garages=B["Garages"];A.area=B["Area"];A.type=B["Type"];A.stage=B["Stage"];A.siteUrl=B["SiteUrl"];A.suitedFor=B["SuitedFor"];var D=B["InfoWindowTabs"];if(typeof (D.length)=="undefined"){A.addInfoWindowTab(D["Title"],D["Description"]);}for(var C=0;C<D.length;C++){A.addInfoWindowTab(D[C]["Title"],D[C]["Description"]);}return A;}function WebMixSearchParameters(B){var A=this;}function WebMixUI(B){var A=this;this.Load=function(){A.IsLoaded=false;};this.ShowPopupLayer=function(){this.ShowGeneric();};this.ShowOnDiv=function(C){this.ShowGeneric(C);};this.ShowGeneric=function(C){if(A.IsLoaded==false){WebMixUIDOM.LoadDom(A,C);A.IsLoaded=true;document.getElementById("divOverflow").style["display"]="block";document.getElementById("divMapOverlay").style["display"]="block";document.getElementById("divMapBox").style["display"]="block";document.getElementById("divMapInfo").style["display"]="none";document.body.style["overflow"]="hidden";this.HideFavorites();this.HideServices();this.HideDirections();document.getElementById("icoFavorites").style["display"]="none";document.getElementById("icoServices").style["display"]="none";document.getElementById("icoDirections").style["display"]="none";if(document.style!=null){document.style["overflow"]="hidden";}A.ShowWizard();if(document.all){addEvent(window,"resize",WebMixUIResize);}else{window.onresize=WebMixUIResize;}}else{document.getElementById("divOverflow").style["display"]="block";document.getElementById("divMapBox").style["display"]="block";WebMixUIResize();}};this.ShowWizard=function(){var C=document.getElementById("divMapWizard");C.style["display"]="inline";document.getElementById("City1").selectedIndex=0;this.ShowWizardStep(1);};this.HidePopupLayer=function(){document.getElementById("divMapInfo").style.display="none";document.getElementById("divMapFavorites").style.display="none";document.getElementById("divMapServices").style.display="none";document.getElementById("divMapDirections").style.display="none";document.getElementById("divOverflow").style.display="none";document.getElementById("divMapBox").style.display="none";document.body.style.overflow="auto";};this.MinimizePopupLayer=function(){document.getElementById("divOverflow").style.display="none";document.getElementById("divMapBox").style.display="none";document.body.style.overflow="auto";};this.GetMapDiv=function(){return document.getElementById("divMap");};this.ShowWizardStep=function(F){var H=F+1;var C=F-1;var G=document.getElementById("divMapWizardStep"+C);var I=document.getElementById("divMapWizardStep"+H);if(G!=null){G.style["display"]="none";}if(I!=null){I.style["display"]="none";}var D=document.getElementById("divMapWizardStep"+F);if(typeof (D)!="undefined"&&D!=null){D.style["display"]="inline";var E=document.getElementById("btnMapWizard"+F+"_Next");var K=document.getElementById("btnMapWizard"+F+"_Prev");var J=document.getElementById("btnMapWizardFinish");if(E!=null){E.onclick=function(){A.ShowWizardStep(H);};}if(K!=null){K.onclick=function(){A.ShowWizardStep(C);};}if(J!=null){J.onclick=function(){alert(D);D.style["display"]="none";WebMix.DoSearchInternal(A.GetMapParameters(),A.EndSearch);};}}};this.GetMapParameters=function(){var D=document.getElementById("divMapWizard");var C=[];A.FindMapParameters(D,C);return C;};this.EndSearch=function(C){document.getElementById("divMapWizard").style["display"]="none";document.getElementById("divMapOverlay").style["display"]="none";document.getElementById("divMapInfo").style["display"]="block";document.getElementById("icoFavorites").style["display"]="block";document.getElementById("icoServices").style["display"]="block";document.getElementById("icoDirections").style["display"]="block";WebMix.ReloadMap(C);A.ShowZoomLevel();WebMixUI.Loading(false,"search");WebMixUIResize();};this.FindMapParameters=function(F,C){for(var E=0;E<F.childNodes.length;E++){var D=F.childNodes[E];if(D.type!=null&&D.type!="button"&&D.type!="submit"){C.push({name:D.id,value:D.value});}else{A.FindMapParameters(D,C);}}};this.UpdateFavoriteList=function(){var F=document.getElementById("divMapFavoritesContainer");F.innerHTML="";var G=WebMix.GetFavoriteList();document.getElementById("divMapFavoritesText").style["display"]=(G.length>0)?"none":"block";document.getElementById("divMapFavoritesContainer").style["display"]=(G.length>0)?"block":"none";for(var E=0;E<G.length;E++){var D=G[E];var H=document.createElement("div");H.className="divMapFavoritesItem";var C=document.createElement("span");C.className="spnMapFavoritesItem";C.appendChild(document.createTextNode(D.name));H.appendChild(C);H.appendChild(document.createElement("br"));H.appendChild(document.createTextNode(D.dorms+" dormitórios"));H.appendChild(document.createElement("br"));H.appendChild(document.createTextNode(D.city));H.appendChild(document.createElement("br"));if(D.siteUrl!=null&&D.siteUrl.length>0){lnkMaisDetalhes=document.createElement("a");lnkMaisDetalhes.className="lnkMaisDetalhes";lnkMaisDetalhes.href=D.siteUrl;lnkMaisDetalhes.target="_blank";lnkMaisDetalhes.appendChild(document.createTextNode("Mais detalhes"));H.appendChild(lnkMaisDetalhes);H.appendChild(document.createTextNode("     "));}lnkApagar=document.createElement("a");lnkApagar.className="lnkApagar";lnkApagar.href="javascript: WebMix.RemoveFavorite("+D.id+"); void(0);";lnkApagar.appendChild(document.createTextNode("Apagar"));H.appendChild(lnkApagar);F.appendChild(H);}};this.GetDirectionsFrom=function(){var C=prompt("Digite o endereço de origem","Av. Paulista, 1000");return C;};this.SetVisibility=function(G,D){var F=document.getElementById("divMap"+G);var E=document.getElementById("ico"+G);var C=document.getElementById("ico"+G+"On");F.style["display"]=D?"block":"none";E.style["display"]=D?"none":"block";C.style["display"]=D?"block":"none";};this.ShowFavorites=function(){A.SetVisibility("Favorites",true);A.SetVisibility("Services",false);A.SetVisibility("Directions",false);};this.ShowServices=function(){A.SetVisibility("Favorites",false);A.SetVisibility("Services",true);A.SetVisibility("Directions",false);};this.ShowDirections=function(C){document.getElementById("divMapDirectionsText").style["display"]=C?"none":"block";document.getElementById("divMapDirectionsContainer").style["display"]=C?"block":"none";A.SetVisibility("Favorites",false);A.SetVisibility("Services",false);A.SetVisibility("Directions",true);};this.HideFavorites=function(){A.SetVisibility("Favorites",false);};this.HideServices=function(){A.SetVisibility("Services",false);};this.HideDirections=function(){A.SetVisibility("Directions",false);};this.ShowZoomLevel=function(){var C=WebMix.GetZoomLevel();document.getElementById("divZoomLevelText").innerHTML="Zoom";};this.SetDefaultState=function(){};}WebMixUI.POPUP=1;WebMixUI.NumLoadingElements=0;WebMixUI.Loading=function(A,E){printHash(E);enxalog(">>> START");if(A){enxalog("one more to load");WebMixUI.NumLoadingElements++;enxalog("added: "+WebMixUI.NumLoadingElements+" total");if(WebMixUI.NumLoadingElements==1){enxalog("Enabling loading canvas...");if(document.getElementById("divLoading")!=null){enxalog("...really enabling it");document.getElementById("divLoading").style["display"]="block";var C=document.getElementsByTagName("select");for(var B=0;B<C.length;B++){var D=C[B];D.style.display="none";}}}}else{enxalog("one less to load");if(WebMixUI.NumLoadingElements>0){WebMixUI.NumLoadingElements--;}enxalog("removed: "+WebMixUI.NumLoadingElements+" total");if(WebMixUI.NumLoadingElements==0){enxalog("Disabling loading canvas...");if(document.getElementById("divLoading")!=null){enxalog("...really disabling it");document.getElementById("divLoading").style["display"]="none";var C=document.getElementsByTagName("select");for(var B=0;B<C.length;B++){var D=C[B];D.style.display="block";}}}}enxalog("<<< END");};loadlogdiv=false;function enxalog(D){return ;if(loadlogdiv){loadlogdiv=false;var C=document.createElement("div");C.id="divlog";document.body.appendChild(C);}var C=document.getElementById("divlog");var B=document.createElement("span");B.appendChild(document.createTextNode(D));C.appendChild(B);var A=document.createElement("br");C.appendChild(A);}WebMixUI.Hash=new Object();function printHash(B){if(WebMixUI.Hash[B]!=1){WebMixUI.Hash[B]=1;}else{WebMixUI.Hash[B]=0;}for(var A in WebMixUI.Hash){enxalog(" *** WebMixUI.Hash['"+A+"'] is "+WebMixUI.Hash[A]);}}function WebMixUIResize(){var I=document.body.offsetWidth-40;if(I<705){I=705;}var E=document.body.offsetHeight-40;if(E<350){E=350;}var H=document.getElementById("divMapBox");H.style.width=I+"px";H.style.height=E+"px";var K=document.getElementById("divMapOverlay");K.style.width=I-20+"px";K.style.height=E-20+"px";var G=document.getElementById("divMapInfo");G.style.width=I-20+"px";var B=document.getElementById("divMapFavorites");B.style.height=E-20+"px";var C=document.getElementById("divMapFavoritesContainer");C.style.height=E-140+"px";var J=document.getElementById("divMapServices");J.style.width=I-20+"px";var D=document.getElementById("divMapDirections");D.style.height=E-20+"px";var A=document.getElementById("imgInspiraLogoLink");if(D.style.display=="block"){A.style.right="287px";}else{A.style.right="12px";}if(J.style.display=="block"){A.style.bottom="112px";}else{A.style.bottom="25px";}var M=document.getElementById("divMap");var L=I-20;if(B.style.display=="block"){M.style.left="160px";M.style.width=L-150+"px";}else{if(D.style.display=="block"){M.style.left="10px";M.style.width=L-275+"px";}else{M.style.left="10px";M.style.width=L+"px";}}var F=E-20;if(G.style.display=="block"){if(J.style.display=="block"){M.style.height=F-47-87+"px";}else{M.style.height=F-47+"px";}M.style.top="57px";}else{M.style.height=F+"px";M.style.top="10px";}WebMix.CheckResize();}function WebMixUIDOM(){}WebMixUIDOM.GetRegion=function(A){return WebMixUIDOM.GetRegionList()[A];};WebMixUIDOM.GetRegionList=function(){var A=[["","Escolha uma região"],["Praça da Sé, São Paulo - SP","São Paulo - Centro","CENTRO"],["Penha, São Paulo - SP","São Paulo - Zona Leste","LESTE"],["Tucuruvi, São Paulo - SP","São Paulo - Zona Norte","NORTE"],["Jaguaré, São Paulo - SP ","São Paulo - Zona Oeste","OESTE"],["Jabaquara, São Paulo - SP","São Paulo - Zona Sul","SUL"],["Cotia, SP, Brasil","Cotia","COTIA"],["Guarulhos, SP, Brasil","Guarulhos","GUARULHOS"],["Jundiaí, SP, Brasil","Jundiaí","JUNDIAI"],["Cajamar, SP, Brasil","Cajamar","CAJAMAR"]];return A;};WebMixUIDOM.GetTypeList=function(B){var A=[];A.push(["","Todos os subtipos",""]);if(!B||B=="R"){A.push(["A","Apartamento","R"]);A.push(["R","Casa (Condomínio)","R"]);A.push(["L","Casa (Avulsa)","R"]);}if(!B||B=="C"){A.push(["C","Conjunto comercial","C"]);}return A;};WebMixUIDOM.GetSuitedForList=function(){var A=[["","Todos os tipos"],["R","Residencial"],["C","Comercial"]];return A;};WebMixUIDOM.GetAreaList=function(){var A=[["","Todas as áreas"],["30,45","de 30 a 45 m²"],["45,60","de 45 a 60 m²"],["60,90","de 60 a 90 m²"],["90,120","de 90 a 120 m²"],["120,200","de 120 a 200 m²"],["200","200 m² ou mais"]];return A;};WebMixUIDOM.GetDormsList=function(){var A=[["","Dormitórios"],["1,2","1 ou 2 dormitórios"],["2,3","2 ou 3 dormitórios"],["3,4","3 ou mais dormitórios"]];return A;};WebMixUIDOM.LoadDom=function(s,b){var o=document.body.offsetWidth-40;if(o<705){o=705;}var v=document.body.offsetHeight-40;if(v<350){v=350;}var J=document.createElement("div");J.id="divMapBox";J.style.width=o+"px";J.style.height=v+"px";if(typeof (b)!="undefined"){document.getElementById(b).appendChild(J);}else{document.body.appendChild(J);}var D=document.createElement("div");D.id="divOverflow";document.body.appendChild(D);var e=document.createElement("div");e.id="divLoading";J.appendChild(e);var c=document.createElement("div");c.id="divMap";c.style.width=o-20+"px";c.style.height=v-20+"px";var G=document.createElement("div");G.id="divMapOverlay";G.style.width=o-20+"px";G.style.height=v-20+"px";var L=document.createElement("img");L.id="imgWebMixLogo";WebMixUI.Loading(true,"imgWebMixLogo");L.onload=function(){WebMixUI.Loading(false,"imgWebMixLogo");};L.src=WebMixUIDOM.GetImagePath("img/imgWebMixLogo.png");var H=document.createElement("img");WebMixUI.Loading(true,"imgTrans");H.onload=function(){WebMixUI.Loading(false,"imgTrans");};H.src=WebMixUIDOM.GetImagePath("img/trans.gif");var f=document.createElement("a");f.href="http://www.inspira.com.br/";f.id="imgInspiraLogoLink";f.target="_blank";f.style.bottom="25px";f.style.right="12px";var F=document.createElement("img");F.id="imgInspiraLogo";F.src=WebMixUIDOM.GetImagePath("img/inspira.png");var q=document.createElement("img");WebMixUI.Loading(true,"imgHelp");q.onload=function(){WebMixUI.Loading(false,"imgHelp");};q.src=WebMixUIDOM.GetImagePath("img/imgHelp.gif");q.id="imgHelp";q.onclick=function(){WebMixUIDOM.ShowHelpBox();};var I=document.createElement("div");I.id="divMapInfo";I.appendChild(L);var E=document.createElement("div");E.id="divMapZoom";I.appendChild(E);var O=document.createElement("img");O.id="imgZoomDown";O.src=WebMixUIDOM.GetImagePath("img/imgZoomDown.gif");O.onclick=function(){WebMix.ZoomUp();};E.appendChild(O);var y=document.createElement("div");y.id="divZoomLevelText";y.appendChild(document.createTextNode("..."));E.appendChild(y);var k=document.createElement("img");k.id="imgZoomDown";k.src=WebMixUIDOM.GetImagePath("img/imgZoomUp.gif");k.onclick=function(){WebMix.ZoomDown();};E.appendChild(k);var n=new WebMixUIMenu("selType");var S=new WebMixUIMenu("selArea");var z=new WebMixUIMenu("selDorms");var A=new WebMixUIMenu("selSuitedFor");var d=new WebMixUIMenu("selRegion");WebMixUIDOM.SelType=n;WebMixUIDOM.SelArea=S;WebMixUIDOM.SelDorms=z;WebMixUIDOM.SelSuitedFor=A;WebMixUIDOM.SelRegion=d;d.DataSource=WebMixUIDOM.GetRegionList();d.Show(I);d.OnChange=WebMixUIDOM.UpdateMarkers;A.DataSource=WebMixUIDOM.GetSuitedForList();A.Show(I);A.OnChange=WebMixUIDOM.UpdateMarkers;n.DataSource=WebMixUIDOM.GetTypeList();n.Show(I);n.OnChange=WebMixUIDOM.UpdateMarkers;S.DataSource=WebMixUIDOM.GetAreaList();S.Show(I);S.OnChange=WebMixUIDOM.UpdateMarkers;z.DataSource=WebMixUIDOM.GetDormsList();z.Show(I);z.OnChange=WebMixUIDOM.UpdateMarkers;if(typeof (b)=="undefined"){var U=document.createElement("img");WebMixUI.Loading(true,"imgMinimize");U.onload=function(){WebMixUI.Loading(false,"imgMinimize");};U.src=WebMixUIDOM.GetImagePath("img/imgMinimize.gif");U.id="imgMinimize";U.title="Minimizar o mapa e voltar ao site";U.alt=U.title;U.onclick=function(){WebMix.MinimizeWindow();};I.appendChild(U);}I.appendChild(q);I.style.width=o-20+"px";var u=document.createElement("div");u.id="divMapFavorites";u.style.height=v-20+"px";var r=document.createElement("div");r.id="divMapFavoritesText";r.innerHTML='Não há nenhum imóvel selecionado.<br />Para adicionar um favorito, escolha um imóvel no mapa e clique na opção "[+ favoritos]"';var X=document.createElement("div");X.id="divMapFavoritesContainer";var t=document.createElement("img");t.id="imgFavorites";t.alternateText="Aqui você reserva os imóveis que vocë mais gostou, para consultá-los quando quiser";WebMixUI.Loading(true,"imgFavorites");t.onload=function(){WebMixUI.Loading(false,"imgFavorites");};t.src=WebMixUIDOM.GetImagePath("img/favoritos.png");var K=document.createElement("img");K.id="icoFavorites";K.alternateText="Aqui você reserva os imóveis que vocë mais gostou, para consultá-los quando quiser";WebMixUI.Loading(true,"icoFavorites");K.onload=function(){WebMixUI.Loading(false,"icoFavorites");};K.src=WebMixUIDOM.GetImagePath("img/iconefavoritos.png");K.onclick=function(){s.ShowFavorites();s.UpdateFavoriteList();WebMixUIResize();};var V=document.createElement("img");V.id="icoFavoritesOn";WebMixUI.Loading(true,"icoFavoritesOn");V.onload=function(){WebMixUI.Loading(false,"icoFavoritesOn");};V.src=WebMixUIDOM.GetImagePath("img/icoFavoritesOn.png");V.onclick=function(){s.HideFavorites();WebMixUIResize();};var T=document.createElement("div");T.id="divMapServices";T.style.width=o-20+"px";var m=document.createElement("div");m.id="divAllServices";T.appendChild(m);var P=H.cloneNode(true);P.id="imgHospitals";P.onclick=function(){WebMix.QueryServices("hospital");};var Q=H.cloneNode(true);Q.id="imgSupermarkets";Q.onclick=function(){WebMix.QueryServices("supermercado");};var B=H.cloneNode(true);B.id="imgShoppings";B.onclick=function(){WebMix.QueryServices("shopping");};var Z=H.cloneNode(true);Z.id="imgTransport";Z.onclick=function(){WebMix.QueryServices("transporte");};var a=H.cloneNode(true);a.id="imgBanks";a.onclick=function(){WebMix.QueryServices("banco");};m.appendChild(P);m.appendChild(Q);m.appendChild(Z);m.appendChild(a);m.appendChild(B);var Y=document.createElement("img");Y.id="icoServices";Y.alternateText="Aqui você reserva os serviços e atrativos de cada bairro, direto no mapa";WebMixUI.Loading(true,"icoServices");Y.onload=function(){WebMixUI.Loading(false,"icoServices");};Y.src=WebMixUIDOM.GetImagePath("img/iconeservicos.png");Y.onclick=function(){s.ShowServices();WebMixUIResize();};var N=document.createElement("img");N.id="icoServicesOn";WebMixUI.Loading(true,"icoServicesOn");N.onload=function(){WebMixUI.Loading(false,"icoServicesOn");};N.src=WebMixUIDOM.GetImagePath("img/icoServicesOn.png");N.onclick=function(){s.HideServices();WebMixUIResize();};var C=document.createElement("div");C.id="divMapDirections";C.style.height=v-20+"px";var W=document.createElement("div");W.id="divMapDirectionsText";W.innerHTML='Para traçar rotas para algum imóvel, escolha-o no mapa e utilize a opção "como chegar".<br />Você precisará informar apenas o endereço de origem.';C.appendChild(W);var R=document.createElement("div");R.id="divMapDirectionsContainer";C.appendChild(R);var x=document.createElement("img");x.id="icoDirections";x.alternateText="Trace rotas para onde você quiser, facilitando a vida";WebMixUI.Loading(true,"icoDirections");x.onload=function(){WebMixUI.Loading(false,"icoDirections");};x.src=WebMixUIDOM.GetImagePath("img/iconerotas.png");x.onclick=function(){s.ShowDirections();WebMixUIResize();};var M=document.createElement("img");M.id="icoDirectionsOn";WebMixUI.Loading(true,"icoDirectionsOn");M.onload=function(){WebMixUI.Loading(false,"icoDirectionsOn");};M.src=WebMixUIDOM.GetImagePath("img/icoDirectionsOn.png");M.onclick=function(){s.HideDirections();WebMixUIResize();};var g=document.createElement("div");g.id="divMapContainer";J.appendChild(f);f.appendChild(F);J.appendChild(c);J.appendChild(G);J.appendChild(WebMixUIDOM.GetMapWizard(s));J.appendChild(I);if(!b){var l=document.createElement("div");l.id="divCloseWindow";l.onclick=function(){WebMix.HideWindow();};l.appendChild(document.createTextNode("X"));J.appendChild(l);}u.appendChild(t);u.appendChild(r);u.appendChild(X);J.appendChild(K);J.appendChild(V);J.appendChild(u);J.appendChild(Y);J.appendChild(N);J.appendChild(T);J.appendChild(x);J.appendChild(M);J.appendChild(C);J.appendChild(G);};WebMixUIDOM.GetMapWizard=function(L){var k=document.createElement("img");WebMixUI.Loading(true,"imgTrans");k.onload=function(){WebMixUI.Loading(false,"imgTrans");};k.src=WebMixUIDOM.GetImagePath("img/trans.gif");var J=document.createElement("div");J.id="divMapWizard";J.style["display"]="none";var R=document.createElement("div");R.id="divMapWizardStep1";R.className="clsMapWizardStep";J.appendChild(R);var c=document.createElement("span");c.id="alImg1";R.appendChild(c);var Q=document.createElement("img");Q.id="imgMapWizardStep1";WebMixUI.Loading(true,"imgMapWizardStep1");Q.onload=function(){WebMixUI.Loading(false,"imgMapWizardStep1");};Q.src=WebMixUIDOM.GetImagePath("img/wizard1_24.png");Q.alt="Encontre seu imóvel ideal com o WebMix";c.appendChild(Q);var K=document.createElement("select");K.id="City1";K.onchange=function(){document.getElementById("City2").selectedIndex=document.getElementById("City1").selectedIndex-1;var a=WebMixUIDOM.GetRegionList()[document.getElementById("City1").selectedIndex][2];WebMix.GetMarkerCount({region:a,suitedFor:"R"},function(l){D.innerHTML=l;});WebMix.ShowWizardStep(2);WebMix.LoadMap();};R.appendChild(K);var A=WebMixUIDOM.GetRegionList();var Z=WebMixUIDOM.GetSuitedForList();var I=WebMixUIDOM.GetAreaList();for(var d=0;d<A.length;d++){var W=A[d];var X=document.createElement("option");X.value=W[0];X.appendChild(document.createTextNode(W[1]));K.appendChild(X);}var P=document.createElement("div");P.id="divMapWizardStep2";P.className="clsMapWizardStep";J.appendChild(P);var b=document.createElement("span");b.id="alImg2";P.appendChild(b);var O=document.createElement("img");O.id="imgMapWizardStep2";WebMixUI.Loading(true,"imgMapWizardStep2");O.onload=function(){WebMixUI.Loading(false,"imgMapWizardStep2");};O.src=WebMixUIDOM.GetImagePath("img/wizard2_24.png");O.alt="Encontre seu imóvel ideal com o WebMix";b.appendChild(O);var H=document.createElement("select");H.id="City2";H.onchange=function(){var a=WebMixUIDOM.GetRegionList()[document.getElementById("City2").selectedIndex+1][2];WebMix.GetMarkerCount({region:a,suitedFor:E.value},function(l){D.innerHTML=l.toString();});WebMix.PositionMap(this.value);};P.appendChild(H);for(var d=1;d<A.length;d++){var W=A[d];var X=document.createElement("option");X.value=W[0];X.appendChild(document.createTextNode(W[1]));H.appendChild(X);}var E=document.createElement("select");E.id="Type2";E.onchange=function(){var a=WebMixUIDOM.GetRegionList()[document.getElementById("City2").selectedIndex+1][2];WebMix.GetMarkerCount({region:a,suitedFor:E.value},function(l){D.innerHTML=l.toString();});};P.appendChild(E);for(var d=1;d<Z.length;d++){var T=Z[d];var X=document.createElement("option");X.value=T[0];X.appendChild(document.createTextNode(T[1]));E.appendChild(X);}var D=document.createElement("span");D.id="SearchResult2";P.appendChild(D);var F=k.cloneNode(true);F.id="imgGotoStep3";F.alt="Continuar";F.width="150";F.height="180";F.onclick=function(){document.getElementById("City3").selectedIndex=document.getElementById("City2").selectedIndex;document.getElementById("Type3").selectedIndex=document.getElementById("Type2").selectedIndex;g(E.value);var a=WebMixUIDOM.GetRegionList()[document.getElementById("City2").selectedIndex+1][2];WebMix.GetMarkerCount({region:a,suitedFor:E.value},function(l){C.innerHTML=l.toString();});WebMix.ShowWizardStep(3);};P.appendChild(F);var N=document.createElement("div");N.id="divMapWizardStep3";N.className="clsMapWizardStep";J.appendChild(N);var C=document.createElement("span");C.id="SearchResult3";var Y=document.createElement("span");Y.id="alImg3";N.appendChild(Y);var M=document.createElement("img");M.id="imgMapWizardStep3";WebMixUI.Loading(true,"imgMapWizardStep3");M.onload=function(){WebMixUI.Loading(false,"imgMapWizardStep3");};M.src=WebMixUIDOM.GetImagePath("img/wizard3_24.png");M.alt="Encontre seu imóvel ideal com o WebMix";Y.appendChild(M);var G=document.createElement("select");G.id="City3";G.onchange=function(){var a=WebMixUIDOM.GetRegionList()[document.getElementById("City3").selectedIndex+1][2];WebMix.GetMarkerCount({region:a,suitedFor:B.value,area:e.value,dorms:S.value},function(l){C.innerHTML=l.toString();});WebMix.PositionMap(this.value);};N.appendChild(G);for(var d=1;d<A.length;d++){var W=A[d];var X=document.createElement("option");X.value=W[0];X.appendChild(document.createTextNode(W[1]));G.appendChild(X);}var g=function(a){if(a=="R"){Y.id="alImg3";M.id="imgMapWizardStep3";M.src=WebMixUIDOM.GetImagePath("img/wizard3_24.png");if(hasChild(N,e)){N.removeChild(e);}if(!hasChild(N,S)){N.appendChild(S);}}else{Y.id="alImg3b";M.src=WebMixUIDOM.GetImagePath("img/wizard3b_24.png");if(hasChild(N,S)){N.removeChild(S);}if(!hasChild(N,e)){N.appendChild(e);}}};var B=document.createElement("select");B.id="Type3";B.onchange=function(){g(this.value);var a=WebMixUIDOM.GetRegionList()[document.getElementById("City3").selectedIndex+1][2];if(B.value=="R"){WebMix.GetMarkerCount({region:a,suitedFor:B.value,dorms:S.value},function(l){C.innerHTML=l.toString();});}else{WebMix.GetMarkerCount({region:a,suitedFor:B.value,area:e.value},function(l){C.innerHTML=l.toString();});}};N.appendChild(B);for(var d=1;d<Z.length;d++){var T=Z[d];var X=document.createElement("option");X.value=T[0];X.appendChild(document.createTextNode(T[1]));B.appendChild(X);}var S=document.createElement("select");S.id="Dorms3";S.onchange=function(){var a=WebMixUIDOM.GetRegionList()[document.getElementById("City3").selectedIndex+1][2];WebMix.GetMarkerCount({region:a,suitedFor:B.value,dorms:S.value},function(l){C.innerHTML=l.toString();});};var V=WebMixUIDOM.GetDormsList();for(var d=0;d<V.length;d++){var X=document.createElement("option");X.value=V[d][0];var U;if(d==0){U="Indiferente";}else{U=V[d][1];}X.appendChild(document.createTextNode(U));S.appendChild(X);}N.appendChild(S);var e=document.createElement("select");e.id="Area3";e.onchange=function(){var a=WebMixUIDOM.GetRegionList()[document.getElementById("City3").selectedIndex+1][2];WebMix.GetMarkerCount({region:a,suitedFor:B.value,area:e.value},function(l){C.innerHTML=l.toString();});};for(var d=0;d<I.length;d++){var f=I[d];var X=document.createElement("option");X.value=f[0];var U;if(d==0){U="Indiferente";}else{U=f[1];}X.appendChild(document.createTextNode(U));e.appendChild(X);}N.appendChild(e);N.appendChild(C);var h=k.cloneNode(true);h.id="imgWizardFinish";h.alt="Finalizar";h.width="150";h.height="180";h.onclick=function(){WebMixUI.Loading(true,"search");WebMixUIDOM.SelRegion.setSelectedIndex(G.selectedIndex+1);WebMixUIDOM.SelSuitedFor.setSelectedIndex(B.selectedIndex+1);WebMixUIDOM.SelArea.setSelectedIndex(e.selectedIndex+1);WebMixUIDOM.SelDorms.setSelectedIndex(S.selectedIndex);var l=WebMixUIDOM.GetRegionList()[document.getElementById("City3").selectedIndex+1][2];var a=B.value;if(a=="R"){WebMix.DoSearch({region:l,suitedFor:B.value,dorms:S.value});}else{WebMix.DoSearch({region:l,suitedFor:B.value,area:e.value});}document.getElementById("divMapWizardStep3").style["display"]="none";if(WebMixUIDOM.SelSuitedFor.value=="R"){document.getElementById("selDorms").style["display"]="block";}};N.appendChild(h);return J;};WebMixUIDOM.LoadHelpBox=true;WebMixUIDOM.ShowHelpBox=function(){WebMixUIDOM.ShowMessageBox("Ajuda","<h3>Como fa&#231;o para achar meu im&#243;vel ideal atrav&#233;s do mapa?</h3><p>Voc&#234; escolhe as caracter&#237;sticas desejadas e aparecer&#227;o todos os im&#243;veis que se enquadram no seu perfil.</p><h3>Como fa&#231;o para iniciar uma nova busca?</h3><p>&#201; s&#243; utilizar a aba de filtros e fazer uma nova pesquisa. A partir da&#237; o mapa identificar&#225; todos os im&#243;veis que atendam os crit&#233;rios selecionados.</p><h3>Como fa&#231;o para conhecer mais sobre a regi&#227;o?</h3><p>Clique na aba servi&#231;os localizada no centro-inferior do mapa. L&#225; voc&#234; conhecer&#225; as proximidades de shoppings, hospitais, escolas entre outros.</p><h3>Como fa&#231;o para adicionar aos meus favoritos?</h3><p>Para adicionar um favorito, escolha um im&#243;vel no mapa e clique na op&#231;&#227;o &quot;[+ favoritos]&quot;</p><h3>Como fa&#231;o para chegar at&#233; o im&#243;vel desejado?</h3><p>Escolha o im&#243;vel que deseja conhecer e clique na op&#231;&#227;o [como chegar]. Em seguida digite o endere&#231;o de origem e aguarde.</p>");};WebMixUIDOM.ShowMessageBox=function(F,D){if(WebMixUIDOM.LoadHelpBox){var G=document.createElement("div");G.id="divHelpBox";var B=document.getElementById("divMapBox");B.appendChild(G);var A=document.createElement("span");A.id="SpanHelpCloseButton";G.appendChild(A);A.innerHTML="X";A.onclick=WebMixUIDOM.HideMessageBox;var C=document.createElement("h2");C.id="h2HelpTitle";G.appendChild(C);C.appendChild(document.createTextNode(F));var E=document.createElement("span");E.id="SpanHelpText";G.appendChild(E);E.innerHTML=D;WebMixUIDOM.LoadHelpBox=false;}else{document.getElementById("SpanHelpText").innerHTML=D;document.getElementById("h2HelpTitle").innerHTML=F;document.getElementById("divHelpBox").style["display"]="block";}};WebMixUIDOM.HideMessageBox=function(){var A=document.getElementById("divHelpBox");if(A){A.style["display"]="none";}};WebMixUIDOM.UpdateMarkers=function(){var E=WebMixUIDOM.SelRegion;var D=WebMixUIDOM.SelType;var C=WebMixUIDOM.SelSuitedFor;var A=WebMixUIDOM.SelDorms;var F=WebMixUIDOM.GetRegion(E.selectedIndex)[2];var B="";B+="Region: "+F;B+="\nType: "+D.value;B+="\nSuited For: "+C.value;B+="\nDorms: "+A.value;if(C.value=="R"){document.getElementById("selDorms").style["display"]="inline";D.DataSource=WebMixUIDOM.GetTypeList("R");B+="\nApplying filter: (Region:"+F+", Suited For:"+C.value+", Dorms: "+A.value+")";WebMix.ApplyFilter({region:F,suitedFor:C.value,dorms:A.value});}else{if(C.value=="C"){document.getElementById("selDorms").style["display"]="none";D.DataSource=WebMixUIDOM.GetTypeList("C");var F=WebMixUIDOM.GetRegion(E.selectedIndex)[2];B+="\nApplying filter: (Region:"+F+", Suited For:"+C.value+")";WebMix.ApplyFilter({region:F,suitedFor:C.value});}else{document.getElementById("selDorms").style["display"]="none";D.DataSource=WebMixUIDOM.GetTypeList();var F=WebMixUIDOM.GetRegion(E.selectedIndex)[2];B+="\nApplying filter: (Region:"+F+")";WebMix.ApplyFilter({region:F});}}D.Show();};WebMixUIDOM.ImageIndex=1;WebMixUIDOM.GetImagePath=function(B){var A;switch(WebMixUIDOM.ImageIndex){case 1:A="http://inspira.com.br/app/WebMixRealty/";break;case 2:A="http://www.inspira.com.br/app/WebMixRealty/";break;case 3:A="http://app.inspira.com.br/app/WebMixRealty/";break;}if(WebMixUIDOM.ImageIndex==3){WebMixUIDOM.ImageIndex=1;}else{WebMixUIDOM.ImageIndex++;}return A+B;};WebMixImageManager=function(){};function hasChild(A,B){for(node in A.ChildNodes){if(node==B){return true;}}return false;}function WebMixUIMenu(C,B){var A=this;A._id=C;A._onchangeCallback=B;this.DataSource=[];this.selectedIndex=-1;this.value="";A.IsLoaded=false;this.setSelectedIndex=function(D){A.selectedIndex=D;A.value=A.DataSource[D][0];A.text=A.DataSource[D][1];if(A.LiMenuItemDisabled){A.LiMenuItemDisabled.innerHTML=A.DataSource[D][1];}};this.Load=function(H){var F=document.createElement("div");H.appendChild(F);F.id=C;F.className="clsMenu";var I=document.createElement("div");F.appendChild(I);I.className="clsMenuDisabled";I.onclick=function(){var M=this;for(var L=0;L<M.parentNode.childNodes.length;L++){var K=M.parentNode.childNodes[L];if(K.className=="clsMenuEnabled"){K.style["display"]="block";}}};var J=document.createElement("ul");I.appendChild(J);J.className="clsMenuListDisabled";var E=null;if(A.DataSource.length>0){E=document.createElement("li");J.appendChild(E);E.appendChild(document.createTextNode(A.DataSource[0][1]));A.LiMenuItemDisabled=E;}var D=document.createElement("div");F.appendChild(D);D.className="clsMenuEnabled";A.DivMenuEnabled=D;var G=document.createElement("ul");D.appendChild(G);G.className="clsMenuListEnabled";A.UlMenuListEnabled=G;};this.Show=function(G){if(!A.IsLoaded){A.Load(G);A.IsLoaded=true;}A.UlMenuListEnabled.innerHTML="";var H=A.DataSource;for(var F=0;F<H.length;F++){var E=H[F];var D=document.createElement("li");A.UlMenuListEnabled.appendChild(D);D._value=E[0];D._text=E[1];D._selectedIndex=F;D.appendChild(document.createTextNode(E[1]));D.onclick=function(){A.selectedIndex=this._selectedIndex;A.value=this._value;A.text=this._text;if(A.LiMenuItemDisabled){A.LiMenuItemDisabled.innerHTML=this._text;}if(typeof (A.OnChange)=="function"){A.OnChange();}A.DivMenuEnabled.style["display"]="none";};}};}


// PATH será definido pelo apilocal/Default.aspx

function WebMix() {}

if (DEV_ENV) {
    WebMix.PATH = './';
    WebMix.MapID = 1; // so pra poder testar
} else {
    WebMix.PATH = "http://app.inspira.com.br/WebMixRealty/";
    WebMix.MapID = MAP_ID; // variavel MAP_ID eh definida no /api/Default.aspx (apenas em producao)
}


WebMix.IsIE6 = false /*@cc_on || @_jscript_version < 5.7 @*/;

WebMix.Initialize = function() {
	includeCss('css/WebMix.css');
	includeCss('css/Menu.css');
	var browserName=navigator.appName;
	var browserVer=parseInt(navigator.appVersion);

	if (browserName=="Microsoft Internet Explorer" && browserVer<7) {
		includeCss('css/WebMixIE6.css');
	} else {
		includeCss('css/WebMixNotIE6.css');
	}
}
WebMix.Initialize();

WebMix.Load = function() {
	this.webMixDataStore= new WebMixDataStore();
	this.webMixReport = new WebMixReport();

	// Pre-carrega objetos de interface com o usuário
	this.webMixUI = new WebMixUI(WebMixUI.POPUP);
	this.webMixUI.Load();

	// Cria objeto único representando o mapa
	this.webMixMap = new WebMixMap(this.webMixUI.GetMapDiv());

	// registra mapa carregado
	this.webMixReport.Register(WebMixReport.MAP_LOADED);

	WebMix.SetLoadingStatus(false);
}

// Mostra o popup com o mapa
WebMix.Show = function() {
	// Exibe objetos (DIVs) de interface
	this.webMixUI.ShowPopupLayer();

	WebMix.SetLoadingStatus(true);

	// registra exibição de mapa
	this.webMixReport.Register(WebMixReport.MAP_OPENED);

	WebMix.SetLoadingStatus(false);
}

// Mostra o popup com o mapa, dentro de um DIV
WebMix.ShowOnDiv = function(divID) {
    //alert("mostrando: " + divID);
	// Exibe objetos (DIVs) de interface
	this.webMixUI.ShowOnDiv(divID);

	WebMix.SetLoadingStatus(true);

	// registra exibição de mapa
	this.webMixReport.Register(WebMixReport.MAP_OPENED);

	WebMix.SetLoadingStatus(false);
}

WebMix.PositionMap = function(addr) {
    WebMix.SetLoadingStatus(true);
	this.webMixMap.PositionMap(addr);
	WebMix.SetLoadingStatus(false);
}

WebMix.GetMarkerCount = function(parameters, callback) {
	WebMixSearchJSON.GetMarkerCount(parameters, 1, callback);
}

WebMix.ApplyFilter = function(parameters, callback) {
    var str = '';
    for (var p in parameters) {
        str += p + ': ' + parameters[p] + '\n';
    }
    //alert(str);
    WebMix.SetLoadingStatus(true);
	WebMix.DoSearchInternal(parameters, function(x) {
		WebMix.ReloadMap(x);
		if (callback) callback();
	});
	WebMix.SetLoadingStatus(false);
}

WebMix.DoSearch = function(parameters) {
	// Call the search function (AJAX-based)
	WebMix.DoSearchInternal(parameters, this.webMixUI.EndSearch);
}

/*
Do the actual search (asynchronous call)
*/
WebMix.DoSearchInternal = function(parameters, callback) {
	// Call the search function (AJAX-based)
	WebMixSearchJSON.SearchMarkers(parameters, WebMix.MapID, callback);

	// registra busca realizada no mapa
	this.webMixReport.Register(WebMixReport.MAP_MARKER_SEARCH, parameters);
}

WebMix.LoadMap = function() {
	// Carrega mapa
	this.webMixMap.LoadMap();
}

/*
Essa função é executada quando uma busca é finalizada
O objetivo é exibir a nova lista de pontos no mapa
*/
WebMix.ReloadMap = function(_markerList) {
    if (_markerList.length == 0) {
        WebMix.Alert('Não há imóveis para o seu critério de busca. Por favor, faça uma busca menos detalhada.');

        var position = WebMixUIDOM.GetRegion(document.getElementById('City3').selectedIndex + 1)[0];
        this.webMixMap.PositionMap(position);
    } else {
        WebMix.SetLoadingStatus(true);
	    this.webMixMap.ClearMarkers();
	    this.webMixMap.DisplayMarkerList(_markerList);

        var myRegion = WebMixUIDOM.GetRegion(WebMixUIDOM.SelRegion.selectedIndex)[1];
        var mySuitedFor = WebMixUIDOM.GetSuitedForList()[WebMixUIDOM.SelSuitedFor.selectedIndex][1];
        var strImoveis = (_markerList.length == 1) ? "imóvel" : "imóveis";
    	WebMixUIDOM.ShowMessageBox('Busca de imóveis', '<h3>Resultado da busca</h3><p>Localizamos <b>' + _markerList.length + '</b> ' + strImoveis + ' do tipo <b>' + mySuitedFor + '</b> em <b>' + myRegion + '</b>.</p><p>Navegue pelo mapa para localizar os empreendimentos. Clique no empreendimento desejado para acessar as informações e opções de cada produto.</p><p>Utilize o menu superior para mudar a visualização do mapa e alterar ou refinar a sua busca.</p><a href="javascript:void(0)" onclick="WebMixUIDOM.HideMessageBox()">Clique para fechar este box</a>');

	    WebMix.SetLoadingStatus(false);
	}
}

WebMix.SearchComplete = function(searcher) {
	// registra evento
	//this.webMixReport.Register(WebMixReport.MAP_CONTEXT_SEARCH, {});

}

WebMix.ShowWizardStep = function(step) {
	this.webMixUI.ShowWizardStep(step);
	WebMixUIResize();
}

WebMix.QueryServices = function(id) {
    //WebMix.SetLoadingStatus(true);
	this.webMixMap.QueryServices(id);
	//WebMix.SetLoadingStatus(false);
	WebMixUIResize();
}

WebMix.ShowServices = function(id) {
	this.webMixUI.ShowServices();
	WebMixUIResize();
}

WebMix.HideDirections = function() {
	this.webMixUI.HideDirections();
	WebMixUIResize();
}

WebMix.HideWindow = function() {
	this.webMixUI.HidePopupLayer();
	WebMixUIDOM.HideMessageBox();
}

WebMix.MinimizeWindow = function() {
	this.webMixUI.MinimizePopupLayer();
}

WebMix.AddFavorite = function(marker) {
	this.webMixDataStore.AddFavorite(marker);
	this.webMixUI.UpdateFavoriteList();
	this.webMixUI.ShowFavorites();
	WebMixUIResize();
}

WebMix.GetFavoriteList = function() {
	return this.webMixDataStore.GetFavoriteList();
}

WebMix.GetMarkerList = function() {
	return this.webMixDataStore.GetMarkerList();
}

WebMix.SetMarkerList = function(list) {
	return this.webMixDataStore.SetMarkerList(list);
}

WebMix.RemoveFavorite = function(id) {
	this.webMixDataStore.RemoveFavorite(id);
	this.webMixUI.UpdateFavoriteList();
}

WebMix.GetDirections = function(markerID) {
    WebMix.SetLoadingStatus(true);
	var markerInfo = this.webMixDataStore.GetMarkerByID(markerID);
	var fromDir = this.webMixUI.GetDirectionsFrom();
	if (fromDir !=null) {
	    var from = fromDir;
	    var to = markerInfo.getGeocodeAddress();
	    this.webMixMap.ShowDirections(from, to, markerID);
	}
	WebMix.SetLoadingStatus(false);
}

WebMix.ZoomUp= function() {
    WebMix.SetLoadingStatus(true);
	this.webMixMap.ZoomUp();
	this.webMixUI.ShowZoomLevel();
	WebMix.SetLoadingStatus(false);
}

WebMix.ZoomDown= function() {
    WebMix.SetLoadingStatus(true);
	this.webMixMap.ZoomDown();
	this.webMixUI.ShowZoomLevel();
	WebMix.SetLoadingStatus(false);
}

WebMix.GetZoomLevel = function() {
	return this.webMixMap.GetZoomLevel();
}

WebMix.Unload = function() {
}

addEvent(window, 'load', function() {
    WebMix.Load();
    if (typeof(WebMix_Load) != "undefined") {
        WebMix_Load();
    }
});
addEvent(window, 'unload',  function() { WebMix.Unload(); });

WebMix.CheckResize = function() {
	this.webMixMap.CheckResize();
}

WebMix.SetLoadingStatus = function(st) {
    if (document.getElementById('divLoading') != null) {
        document.getElementById('divLoading').style['display'] = st ? 'block' : 'none';
    }
}

WebMix.Alert = function(msg) {
    WebMixUIDOM.ShowMessageBox('Alerta', msg);
}

function include(file) {
	var newFile = document.createElement('script');
	newFile.setAttribute('type', 'text/javascript');
	if (file.indexOf('http://') > -1) {
	    newFile.setAttribute('src', file);
	} else {
	    newFile.setAttribute('src', WebMix.PATH + file);
	}
	document.getElementsByTagName('head')[0].appendChild(newFile);
}

function includeCss(file) {
	var newFile = document.createElement('link');
	newFile.setAttribute('rel', 'Stylesheet');
	newFile.setAttribute('href', WebMix.PATH  + file);
	document.getElementsByTagName('head')[0].appendChild(newFile);
}

function addEvent( obj, type, fn ) {
  if ( obj.attachEvent ) {
    obj["e"+type+fn] = fn;
    obj[type+fn] = function() { obj["e"+type+fn]( window.event ) };
    obj.attachEvent( "on"+type, obj[type+fn] );
  }
  else{
    obj.addEventListener( type, fn, false );
  }
}

function getElementsByClassName(strClass, strTag, objContElm) {
  strTag = strTag || "*";
  objContElm = objContElm || document;
  var objColl = objContElm.getElementsByTagName(strTag);
  if (!objColl.length &&  strTag == "*" &&  objContElm.all) objColl = objContElm.all;
  var arr = new Array();
  var delim = strClass.indexOf('|') != -1  ? '|' : ' ';
  var arrClass = strClass.split(delim);
  for (var i = 0, j = objColl.length; i < j; i++) {
    var arrObjClass = objColl[i].className.split(' ');
    if (delim == ' ' && arrClass.length > arrObjClass.length) continue;
    var c = 0;
    comparisonLoop:
    for (var k = 0, l = arrObjClass.length; k < l; k++) {
      for (var m = 0, n = arrClass.length; m < n; m++) {
        if (arrClass[m] == arrObjClass[k]) c++;
        if (( delim == '|' && c == 1) || (delim == ' ' && c == arrClass.length)) {
          arr.push(objColl[i]);
          break comparisonLoop;
        }
      }
    }
  }
  return arr;
}


function WebMixDataStore() {
	var self = this;

	var _favoriteList = [];
	var _markerList = [];

	this.AddFavorite = function(mkrID) {
		if (self.GetFavorite(mkrID) == null) {
			_favoriteList.push(mkrID);
		}
	}
	
	this.GetFavoriteList = function() {
		var tmpList = [];
		for (var i = 0;i < _favoriteList.length; i++) {
			var mkr = self.GetMarkerByID(_favoriteList[i]);
			tmpList.push(mkr);
		}
		return tmpList;
	}
	
	this.GetFavorite = function(mkrID) {
		for (var i = 0; i < _favoriteList.length; i++) {
			var favoriteID = _favoriteList[i];
			if (favoriteID == mkrID) {
				return self.GetMarkerByID(favoriteID);
			}
		}
		return null;
	}
	
	this.RemoveFavorite = function(id){
		for (var i = 0;i < _favoriteList.length; i++) {
			var f = _favoriteList[i];
			if (f == id) {
				_favoriteList.splice(i, 1);
				return;
			}
		}
	}

	this.SetMarkerList = function(list) {
		_markerList = list;
	}
	
	this.GetMarkerList = function() {
		return _markerList;
	}
	
	this.GetMarkerByID = function(id){
		for (var i = 0; i < _markerList.length; i++) {
			var mkr = _markerList[i];
			if (mkr.id == id) return mkr;
		}
		return null;
	}
}

/*
WebMixMap.js
Contém funções internas relacionadas com mapa
Copyright 2008 - Inspira Tecnologia e Marketing
*/
function WebMixMap(_mapDiv) {
    var self = this;
	this.mapDiv = _mapDiv;

	this.LoadMap = function() {
		if (!this.isLoaded) {
			google.load("maps", "2.x", {"callback" : self.initialize });
			isLoaded = true;
		}
	}

	this.UnloadMap = function() {
		GUnload();
	}

	this.initialize = function() {
		if (GBrowserIsCompatible()) {

		    var options = {
                listingTypes : "blended",
                suppressInitialResultSelection: true,
                onMarkersSetCallback : function(markers) {
                    var iconUrl = WebMixUIDOM.GetImagePath('img/' + WebMixMap.CurrentService + '.jpg');
                    for (var i = 0; i < markers.length; i++) {
                        var marker = markers[i].marker;
                        var barnIcon = marker.getIcon();
                        barnIcon.iconSize = new GSize(32, 32);
                        barnIcon.iconAnchor = new GPoint(8, 28);
                        barnIcon.infoWindowAnchor = new GPoint(8, 0);
                        barnIcon.transparent = WebMixUIDOM.GetImagePath("img/trans.gif");
                        marker.setImage(iconUrl);
                    }
                },
                searchFormHint : "Ex: natação",
                showOnLoad : true
            };

			var map = new google.maps.Map2(document.getElementById("divMap"), {googleBarOptions:options});
			map.addMapType(G_SATELLITE_3D_MAP);
			map.enableGoogleBar();
			map.setCenter(new GLatLng(-23.55, -46.64), WebMixMap.DEFAULT_ZOOM_LEVEL);
			map.addControl(new GMapTypeControl());

			self.GMap = map;

			var gdir = new GDirections(map, document.getElementById("divMapDirectionsSteps"));
			GEvent.addListener(gdir, "error", self.handleErrors);
			self.GDir = gdir;

			var geocoder = new GClientGeocoder();
			geocoder.setBaseCountryCode("br");
			self.GGeocoder = geocoder;
		}
	}

	this.ZoomUp = function() {
		if (self.GMap) self.GMap.zoomOut();
	}

	this.ZoomDown = function() {
		if (self.GMap) self.GMap.zoomIn();
	}

	this.GetZoomLevel = function() {
		if (typeof(self.GMap) != "undefined") {
			return self.GMap.getZoom();
		} else {
			return WebMixMap.DEFAULT_ZOOM_LEVEL;
		}
	}

	this.ClearMarkers = function() {
		if (self.GMap != null) {
			self.GMap.clearOverlays();
			// remove rota do painel e esconde painel de rotas
			this.ClearDirectionsDiv();
			WebMix.webMixUI.HideDirections();
			WebMix.webMixUI.ShowDirectionsHelp();
			WebMixUIResize();
		}
	}

	this.FitMap = function(points) {
        var bounds = new GLatLngBounds();
        for (var i=0; i< points.length; i++) {
            bounds.extend(points[i]);
        }
        var map = self.GMap;
        map.setZoom(map.getBoundsZoomLevel(bounds));
        map.setCenter(bounds.getCenter());
    }

	this.DisplayMarkerList = function(markerList) {
		if (self.GMap == null) return;

	    WebMix.SetMarkerList(markerList);

	    // lista de todos os marcadores no mapa
	    var gMarkerList = [];
	    var gLatLngList = [];
	    for (i = 0; i < markerList.length; i++) {
		    var markerInfo = markerList[i];
		    var icon = new GIcon(G_DEFAULT_ICON, markerInfo.iconUrl);

		    icon.iconSize = new GSize(markerInfo.iconWidth, markerInfo.iconHeight);
		    icon.shadowSize = new GSize(markerInfo.iconWidth, markerInfo.iconHeight);
		    icon.imageMap = [0,0, markerInfo.iconWidth,0, markerInfo.iconWidth,markerInfo.iconHeight, 0,markerInfo.iconHeight];
		    var myLatLng = new GLatLng(markerInfo.latitude, markerInfo.longitude);
		    gLatLngList.push(myLatLng);
		    var marker = new GMarker(myLatLng, { title: markerInfo.name, icon: icon });
		    // gambiarra pq tem o menu superior preto por cima do mapa :(
		    //GEvent.addListener(marker, "click", function() { window.setTimeout(function(){self.GMap.panBy(new GSize(0,60))},1000) });

		    if (markerInfo.infoWindowTabs.length == 1) {
			    // has only one tab... using tabless window
			    var iwt = markerInfo.infoWindowTabs[0];
			    var moreInfo = "";
			    if (markerInfo.siteUrl != null && markerInfo.siteUrl.length > 0) {
					moreInfo = '&nbsp; <a href="' + markerInfo.siteUrl + '" target="_blank">[ver site]</a>';
			    }
			    marker.bindInfoWindowHtml('<img alt="' + iwt.title + '" src="' + WebMix.PATH + 'img/markers/map' + markerInfo.map.id + '/'+ markerInfo.id + '.jpg" /><div class="divMarkerText"><h4>'+iwt.title +'</h4>'+iwt.description + '</div><div class="divMarkerLinks"><a href="javascript:void(0)" onclick="WebMix.AddFavorite(' + markerInfo.id +')">[+ favoritos]</a> &nbsp; <a href="javascript:void(0)" onclick="WebMix.GetDirections(' + markerInfo.id + ')">[como chegar]</a> &nbsp; <a href="javascript:void(0)" onclick="WebMix.ShowServices()">[serviços]</a>' + moreInfo +  '</div> ');
		    } else if (markerInfo.infoWindowTabs.length > 1) {
			    var tabArray = new Array(markerInfo.infoWindowTabs.count);

			    for (j = 0; j < markerInfo.infoWindowTabs.length; j++) {
				    var t = markerInfo.infoWindowTabs[j];
				    tabArray[j] = new GInfoWindowTab(t.title, t.description);
			    }
			    marker.bindInfoWindowTabsHtml(tabArray);
		    }
		    self.GMap.addOverlay(marker);
		    gMarkerList.push(marker);
	    }
	    this.gMarkerList = gMarkerList;
	    this.FitMap(gLatLngList);
	}

	this.QueryServices = function(service) {
	    WebMixMap.CurrentService = service;
	    var inputSearch = getElementsByClassName('gsc-input', 'input');
        inputSearch[0].value = service;
        inputSearch[0].parentNode.parentNode.childNodes[1].firstChild.onclick();
	}

	this.PositionMap = function(address) {
		var geocoder = self.GGeocoder;

		if (geocoder) {
			geocoder.getLatLng(
				address,
				function(point) {
					if (point) {
						self.GMap.setCenter(point, WebMixMap.DEFAULT_ZOOM_LEVEL);
					}
				}
			);
		}
	}

	this.ShowDirections = function(from, to, markerID) {
		WebMix.SetLoadingStatus(true);
		var query = "from: " + from + " to: " + to;

		var divMapDirectionsSteps = document.getElementById("divMapDirectionsSteps");

		// procura pelo endereco
		self.GGeocoder.getLocations(from, function(response) {
			if (!response || response.Status.code != 200) {
				WebMix.Alert("Endereço não encontrado. Por favor tente novamente.");
				WebMix.SetLoadingStatus(false);
			} else {
				// mostra guia só se há resultados
				WebMix.webMixUI.ShowDirections();
				WebMix.webMixUI.HideDirectionsHelp();
				WebMixUIResize();

				// acidiona info do empreendimento na aba
				var child;
				var divMapDirectionsSource = document.getElementById('divMapDirectionsSource');
				while(child=divMapDirectionsSource.firstChild)
					divMapDirectionsSource.removeChild(child);
				var markerInfo = WebMix.webMixDataStore.GetMarkerByID(markerID);
				var iwt = markerInfo.infoWindowTabs[0];
				var h1 = document.createElement('h1');
				h1.appendChild(document.createTextNode(iwt.title));
				divMapDirectionsSource.appendChild(h1);
				var img = document.createElement('img');
				img.src = WebMix.PATH + 'img/markers/map' + markerInfo.map.id + '/'+ markerInfo.id + '.jpg';
				divMapDirectionsSource.appendChild(img);
				var divdesc = document.createElement('div');
				divMapDirectionsSource.appendChild(divdesc);
				divdesc.innerHTML = iwt.description + '<br>';
				if (markerInfo.siteUrl != null && markerInfo.siteUrl.length > 0) {
					var a = document.createElement('a');
					a.href = markerInfo.siteUrl;
					a.target = '_blank';
					a.appendChild(document.createTextNode('Mais detalhes'));
					divdesc.appendChild(a);
				}

				// limpa divMapDirectionsSteps
				var child;
				while(child=divMapDirectionsSteps.firstChild)
					divMapDirectionsSteps.removeChild(child);

				// apenas um endereco encontrado, tracar rota
				if(response.Placemark.length==1) {
					self.GDir.load(query ,{ "locale": "pt_BR" });
					WebMix.SetLoadingStatus(false);
				// varios enderecos encontrados, coloca pontos no mapa e avisa usuario
				} else {
					divMapDirectionsSteps.appendChild(document.createTextNode("Mais de um endereço foi encontrado:"));
					var ul = document.createElement('ul');
					divMapDirectionsSteps.appendChild(ul);

					for(var i=0; i < response.Placemark.length; i++) {
						// adiciona lugar
						li = document.createElement('li');
						a = document.createElement('a');
						a.href = "javascript:void(0)";
						a._from = response.Placemark[i].address;
						a._to = to;
						a._markerID = markerID;
						a.onclick = function() {
							WebMix.webMixMap.ShowDirections(this._from, this._to, this._markerID);
						}
						a.appendChild(document.createTextNode(response.Placemark[i].address));
						li.appendChild(a);
						ul.appendChild(li);
					}
					WebMix.SetLoadingStatus(false);
				}
			}
		});
	}

	this.ClearDirectionsDiv = function() {
		document.getElementById('divMapDirectionsText').style['display'] = 'block';
		document.getElementById('divMapDirectionsContainer').style['display'] = 'none';
	}
	this.handleErrors = function(){
	   if (self.GDir.getStatus().code == G_GEO_UNKNOWN_ADDRESS)
	        WebMix.Alert("Endereço não encontrado. Por favor tente novamente.");
	   else if(self.GDir.getStatus().code == G_GEO_UNAVAILABLE_ADDRESS)
		WebMix.Alert("G_GEO_UNAVAILABLE_ADDRESS");
	   else if(self.GDir.getStatus().code == G_GEO_UNKNOWN_DIRECTIONS )
		WebMix.Alert("Impossível traçar rota partindo da origem especificada. Por favor tente novamente.");
	   else
	        WebMix.Alert("Um erro não esperado ocorreu.");

	        WebMix.HideDirections();
	        WebMixUIResize();
	}

	this.CheckResize = function() {
		if (self.GMap) self.GMap.checkResize();
	}

    this.GetGoogleMapsPrintUrl = function(from, to) {
        return "http://maps.google.com.br/maps?hl=pt-BR&saddr={0}&daddr={1}&z=10&pw=2".replace("{0}",from).replace("{1}",to);
    }
}

WebMixMap.DEFAULT_ZOOM_LEVEL = 13;


/*
WebMixReport.js
Armazena informações no Google Analytics
Copyright 2008 - Inspira Tecnologia e Marketing
*/

function WebMixReport(_pageTracker) {
	this.Register = function(msg, info) {
		if (typeof(_pageTracker) == "undefined") return;

		var strInfo = '';
		var i = 0;
		for (var c in info) {
			if (i > 0) strInfo += ',';
			strInfo += info[c].name + ':' + info[c].value;
			i++;
		}

		switch (msg) {
			case WebMixReport.MAP_LOADED:
				_pageTracker._trackPageview("MAP_LOADED");
				break;
			case WebMixReport.MAP_OPENED:
				_pageTracker._trackPageview("MAP_OPENED");
				break;
			case WebMixReport.MAP_MARKER_SEARCH:
				_pageTracker._trackPageview("MAP_MARKER_SEARCH(" + strInfo + ")");
				break;
			case WebMixReport.MAP_CONTEXT_SEARCH:
				_pageTracker._trackPageview("MAP_CONTEXT_SEARCH(" + info + ")");
				break;
			case WebMixReport.MAP_ROUTE_VIEW:
				_pageTracker._trackPageview("MAP_ROUTE_VIEW(" + strInfo + ")");
				break;
			case WebMixReport.MAP_ROUTE_PRINT:
				_pageTracker._trackPageview("MAP_ROUTE_PRINT(" + strInfo + ")");
				break;
			case WebMixReport.MAP_MARKER_CLICK:
				_pageTracker._trackPageview("MAP_MARKER_CLICK(" + info + ")");
				break;
			case WebMixReport.MAP_INFOWINDOW_VIEW:
				_pageTracker._trackPageview("MAP_MARKER_CLICK(" + strInfo + ")");
				break;
			case WebMixReport.MAP_GOOGLEEARTH:
				_pageTracker._trackPageview("MAP_GOOGLEEARTH");
				break;
			case WebMixReport.MAP_CLOSED:
				_pageTracker._trackPageview("MAP_CLOSED");
				break;
		}
	}
}

WebMixReport.MAP_LOADED = 1;
WebMixReport.MAP_OPENED = 2;
WebMixReport.MAP_MARKER_SEARCH = 3;
WebMixReport.MAP_CONTEXT_SEARCH = 4;
WebMixReport.MAP_ROUTE_VIEW = 5;
WebMixReport.MAP_ROUTE_PRINT = 6;
WebMixReport.MAP_MARKER_CLICK = 7;
WebMixReport.MAP_INFOWINDOW_VIEW = 8;
WebMixReport.MAP_GOOGLEEARTH = 9;
WebMixReport.MAP_CLOSED = 10;

/*
WebMixSearchJSON.js
Chama os webservices que fazem a usca de imóveis no banco de dados
Usando JSON no lugar de XML
Copyright 2008 - Inspira Tecnologia e Marketing
*/

function WebMixInfoWindowTab(title, description) {
	this.title = title;
	this.description = description;
}

function WebMixMarker(i, n) {
	this.id = i;
	this.name = n;
	this.map = new WebMixMap();

	this.toString = function() {
		var x = '';
		for (var i in this) {
			x += i + ':' + this[i] + '\n';
		}
		return x;
	}

	this.infoWindowTabs = [];
	this.addInfoWindowTab = function(title, description) {
		this.infoWindowTabs.push(new WebMixInfoWindowTab(title, description));
	}
		
	this.getGeocodeAddress = function() {
	    var addr;
	    if (this.geocodeStreet == null || this.geocodeStreet.length == 0) {
		    var strNumber = "";
		    if (typeof(this.number) != "undefined") {
			    strNumber = this.number + ",";
		    }
		    addr = this.street + "," + strNumber + this.city + "," + this.state + "," + this.country;
		} else {
		    addr = this.geocodeStreet + "," + this.city + "," + this.state + "," + this.country;
		}
		return addr;
	}
}

function WebMixSearchJSON() {
}

WebMixSearchJSON.GetMarkerCount = function(searchParameters, mapID, callback) {
    WebMixSearchJSON.JSONCallback = callback;
	var extraParams = "";

	if (typeof(searchParameters) != "undefined") {
		for (p in searchParameters) {
			var key = p;
			var value = searchParameters[p];
			if (key == 'city') continue;
			extraParams += "&" + key + "=" + value;
		}
	}
	
	var requestUrl = "http://app.inspira.com.br/WebMixRealty/DataSources/MarkerJSON.aspx?action=GetCount&Map.ID="+mapID + "&rnd=" + Math.random() + extraParams;
	//prompt(requestUrl, requestUrl);
    include(requestUrl);
}

WebMixSearchJSON.GetMarkerCountCallback = function(count) {
//    alert("Chamando count callback:" + count.MarkerCount);
    WebMixSearchJSON.JSONCallback(count.MarkerCount);
}

WebMixSearchJSON.SearchMarkers = function(searchParameters, mapID, callback) {
    WebMixSearchJSON.JSONGetListCallback = callback;
	var extraParams = "";

	if (typeof(searchParameters) != "undefined") {
		for (p in searchParameters) {
			var key = p;
			var value = searchParameters[p];
			if (key == 'city') continue;
			extraParams += "&" + key + "=" + value;
		}
	}
	
	var requestUrl = "http://app.inspira.com.br/WebMixRealty/DataSources/MarkerJSON.aspx?action=List&Map.ID="+mapID + "&rnd=" + Math.random() + extraParams;
//	prompt(requestUrl, extraParams);
    include(requestUrl);
}

WebMixSearchJSON.GetListCallback = function(list) {
	var mapList = [];

    if (list != null) {
        if (typeof(list.Markers.Marker.length) == "undefined") {
            mapList.push(getMarker(list.Markers.Marker));
        }

	    for (var i = 0; i < list.Markers.Marker.length; i++) {
	        var jsonMarker = list.Markers.Marker[i];
		    mapList.push(getMarker(jsonMarker));
	    }
	}
    WebMixSearchJSON.JSONGetListCallback(mapList);
}

function getMarker(jsonMarker) {
	var marker = new WebMixMarker();
	marker.id = jsonMarker["ID"];   
	marker.map.id = jsonMarker["Map.ID"];
	marker.name = jsonMarker["Name"];
	marker.latitude = jsonMarker["Latitude"];
	marker.longitude = jsonMarker["Longitude"];
	marker.street = jsonMarker["Street"];
	marker.geocodeStreet = jsonMarker["GeocodeStreet"];
	if (jsonMarker["Number"] != null)
		marker.number = jsonMarker["Number"];
	if (jsonMarker["Complement"] != null)
		marker.complement = jsonMarker["Complement"];
	marker.city = jsonMarker["City"];
	if (jsonMarker["State"] != null)
		marker.state = jsonMarker["State"];
	marker.country = jsonMarker["Country"];
	if (jsonMarker["IconUrl"] != null)
		marker.iconUrl = jsonMarker["IconUrl"];
	marker.iconWidth = jsonMarker["IconWidth"];
	marker.iconHeight = jsonMarker["IconHeight"];
	marker.price = jsonMarker["Price"];
	if (jsonMarker["Dorms"] != null)
		marker.dorms = jsonMarker["Dorms"];
	marker.garages = jsonMarker["Garages"];
	marker.area = jsonMarker["Area"];
	marker.type = jsonMarker["Type"];
	marker.stage = jsonMarker["Stage"];
	marker.siteUrl = jsonMarker["SiteUrl"];
	marker.suitedFor = jsonMarker["SuitedFor"];

    var xmlInfoWindowTabList = jsonMarker["InfoWindowTabs"];

    if (typeof(xmlInfoWindowTabList) != "undefined") {
        if (typeof(xmlInfoWindowTabList.length) == "undefined") {
            marker.addInfoWindowTab(
		        xmlInfoWindowTabList["Title"],
		        xmlInfoWindowTabList["Description"]
	        );
        }
        for (var j = 0; j < xmlInfoWindowTabList.length; j++) {
	        marker.addInfoWindowTab(
		        xmlInfoWindowTabList[j]["Title"],
		        xmlInfoWindowTabList[j]["Description"]
	        );
        }
    }
	return marker;
}

/*
WebMixSearchParameters.js
Entidade que armazena os parâmetros de busca, passando da interface com o usuário até a função de busca
Copyright 2008 - Inspira Tecnologia e Marketing
*/
function WebMixSearchParameters(type) {
    var self = this;
}



/*
WebMixUI.js
Funções relacionadas a interface com o usuário
Copyright 2008 - Inspira Tecnologia e Marketing
*/
function WebMixUI(type) {
	var self = this;

	this.Load = function() {
		self.IsLoaded = false;
	}

    this.ShowPopupLayer = function() {
        this.ShowGeneric();
    }

    this.ShowOnDiv = function(divID) {
        this.ShowGeneric(divID);
    }

	/*
	Display UI elements
	*/
	this.ShowGeneric = function(divID) {
		if (self.IsLoaded == false) {
			WebMixUIDOM.LoadDom(self, divID);
			self.IsLoaded = true;

		    document.getElementById('divMapOverlay').style['display'] = 'block';
		    document.getElementById('divMapBox').style['display'] = 'block';
		    document.getElementById('divMapInfo').style['display'] = 'none';
		    document.body.style['overflow'] = 'hidden';

		    this.HideFavorites();
		    this.HideServices();
		    this.HideDirections();

		    document.getElementById('icoFavorites').style['display'] = 'none';
		    document.getElementById('icoServices').style['display'] = 'none';
		    document.getElementById('icoDirections').style['display'] = 'none';

		    if (document.style != null) {
			    document.style['overflow'] = 'hidden';
		    }

	        // Mostra wizard no centro da tela
	        self.ShowWizard();

		    if (document.all) {
		        addEvent(window, "resize", WebMixUIResize);
		    } else {
		        window.onresize = WebMixUIResize;
		    }
		} else {
		    document.getElementById('divMapBox').style['display'] = 'block';

            WebMixUIResize();
		}


	}

	this.ShowWizard = function() {
        // divMapWizard: contém os elementos de busca do mapa (beta 1)
        var divMapWizard = document.getElementById("divMapWizard");
/*        var divMapWizardClone = divMapWizard.cloneNode(true);
        divMapWizard.parentNode.removeChild(divMapWizard);*/

        divMapWizard.style['display'] = 'inline';
        // padrão:
        document.getElementById('City1').selectedIndex = 0;
/*
        // adiciona wizard no mapa
		document.getElementById('divMapBox').appendChild(divMapWizardClone);*/

		// mostra passo 1 do wizard
	    this.ShowWizardStep(1);
	}

	/*
	Hide UI elements
	*/
	this.HidePopupLayer = function() {
		document.getElementById('divMapInfo').style.display = 'none';
		document.getElementById('divMapFavorites').style.display = 'none';
		document.getElementById('divMapServices').style.display = 'none';
		document.getElementById('divMapDirections').style.display = 'none';
		document.getElementById('divMapBox').style.display = 'none';
		document.body.style.overflow='auto';

		//window.onresize = self.oldOnResize;
	}
	/*
	Hide UI elements
	*/
	this.MinimizePopupLayer = function() {
		document.getElementById('divMapBox').style.display = 'none';
		document.body.style.overflow='auto';
	}

	/*
	Expose the map div container in order to insert the GMap2 object into it (WebMixMap.js)
	*/
	this.GetMapDiv = function() {
		return document.getElementById('divMap');
	}

    /*
    Controls the wizard steps flow
    */
    this.ShowWizardStep = function(step) {
        var nextStep = step + 1;
        var prevStep = step - 1;

        var divWizardPrev = document.getElementById("divMapWizardStep" + prevStep);
        var divWizardNext = document.getElementById("divMapWizardStep" + nextStep);
        if (divWizardPrev != null) divWizardPrev.style['display'] = 'none';
        if (divWizardNext != null) divWizardNext.style['display'] = 'none';

        var divWizardStep = document.getElementById("divMapWizardStep" + step);
        if (typeof(divWizardStep) != "undefined" && divWizardStep != null) {
            divWizardStep.style['display'] = 'inline';

            var btnWizardNext = document.getElementById("btnMapWizard" + step + "_Next");
            var btnWizardPrev = document.getElementById("btnMapWizard" + step + "_Prev");
            var btnWizardFinish = document.getElementById("btnMapWizardFinish");

            if (btnWizardNext != null) {
                btnWizardNext.onclick = function() { self.ShowWizardStep(nextStep); }
            }

            if (btnWizardPrev != null) {
                btnWizardPrev.onclick = function() { self.ShowWizardStep(prevStep); }
            }

            if (btnWizardFinish != null) {
                btnWizardFinish.onclick = function() {
					alert(divWizardStep);
					divWizardStep.style['display'] = 'none';
					WebMix.DoSearchInternal(self.GetMapParameters(), self.EndSearch);
				}
            }
        }
    }

    this.GetMapParameters = function() {
        // Get search parameters
        var divMapWizard = document.getElementById('divMapWizard');
        var mapParameters = [];
        self.FindMapParameters(divMapWizard, mapParameters);
		return mapParameters;
    }

    /*
    Get the marker list and pass it to the map
    */
    this.EndSearch = function(_markerList) {
        // Search has ended. Now the map can be shown
        document.getElementById('divMapWizard').style['display'] = 'none';
        document.getElementById('divMapOverlay').style['display'] = 'none';
	    document.getElementById('divMapInfo').style['display'] = 'block';

	    document.getElementById('icoFavorites').style['display'] = 'block';
	    document.getElementById('icoServices').style['display'] = 'block';
	    document.getElementById('icoDirections').style['display'] = 'block';

        WebMix.ReloadMap(_markerList);
        self.ShowZoomLevel();

		WebMixUI.Loading(false, 'search');
		WebMixUIResize();
    }

    this.FindMapParameters = function(domElement, mapParameters) {
        for (var i = 0; i < domElement.childNodes.length; i++) {
            var childNode = domElement.childNodes[i];
            if (childNode.type != null && childNode.type != 'button' && childNode.type != 'submit') {
                mapParameters.push( { name: childNode.id, value: childNode.value } );
            } else {
                self.FindMapParameters(childNode, mapParameters);
            }
        }
    }

    this.UpdateFavoriteList = function() {
		var divMapFavorites = document.getElementById('divMapFavoritesContainer');
		divMapFavorites.innerHTML = '';
		var favoriteList = WebMix.GetFavoriteList();

		document.getElementById('divMapFavoritesText').style['display'] = (favoriteList.length > 0) ? 'none' : 'block';
		document.getElementById('divMapFavoritesContainer').style['display'] = (favoriteList.length > 0) ? 'block' : 'none';

		for (var i = 0; i < favoriteList.length; i++) {
			var mkr = favoriteList[i];

			var divMapFavoritesItem = document.createElement('div');
			divMapFavoritesItem.className = 'divMapFavoritesItem';
			var spnMapFavoritesItem = document.createElement('span');
			spnMapFavoritesItem.className = 'spnMapFavoritesItem';

			// adiciona imagem
			var img = document.createElement('img');
			img.src = WebMix.PATH + 'img/markers/map' + mkr.map.id + '/'+ mkr.id + '.jpg';

			spnMapFavoritesItem.appendChild(document.createTextNode(mkr.name));
			divMapFavoritesItem.appendChild(spnMapFavoritesItem);
			divMapFavoritesItem.appendChild(document.createElement('br'));
			divMapFavoritesItem.appendChild(img);
			divMapFavoritesItem.appendChild(document.createElement('br'));
			divMapFavoritesItem.appendChild(document.createTextNode(mkr.dorms + ' dormitórios'));
			divMapFavoritesItem.appendChild(document.createElement('br'));
			divMapFavoritesItem.appendChild(document.createTextNode(mkr.city));
			divMapFavoritesItem.appendChild(document.createElement('br'));

			if (mkr.siteUrl != null && mkr.siteUrl.length > 0) {
				lnkMaisDetalhes = document.createElement('a');
				lnkMaisDetalhes.className = 'lnkMaisDetalhes';
				lnkMaisDetalhes.href = mkr.siteUrl;
				lnkMaisDetalhes.target = '_blank';
				lnkMaisDetalhes.appendChild(document.createTextNode('Mais detalhes'));
				divMapFavoritesItem.appendChild(lnkMaisDetalhes);

				divMapFavoritesItem.appendChild(document.createTextNode('     '));
			}

			lnkApagar = document.createElement('a');
			lnkApagar.className = 'lnkApagar';
			lnkApagar.href = 'javascript: WebMix.RemoveFavorite(' + mkr.id + '); void(0);';

			lnkApagar.appendChild(document.createTextNode('Apagar'));
			divMapFavoritesItem.appendChild(lnkApagar);

			divMapFavorites.appendChild(divMapFavoritesItem);
		}
	}

	this.GetDirectionsFrom = function() {
		var end = prompt('Digite o endereço de origem:', '');
		return end;
	}

	this.SetVisibility = function(id, disp) {
		var div = document.getElementById('divMap' + id);
		var ico = document.getElementById('ico' + id);
		var icoOn = document.getElementById('ico' + id + 'On');

		div.style['display'] = disp ? 'block' : 'none';
		ico.style['display'] = disp ? 'none' : 'block';
		icoOn.style['display'] = disp ? 'block' : 'none';
	}

	this.ShowFavorites = function() {
		self.SetVisibility('Favorites', true);
		self.SetVisibility('Services', false);
		self.SetVisibility('Directions',false);
	}

	this.ShowServices = function() {
		self.SetVisibility('Favorites', false);
		self.SetVisibility('Services', true);
		self.SetVisibility('Directions',false);
	}

	this.ShowDirections = function() {
		self.SetVisibility('Favorites', false);
		self.SetVisibility('Services', false);
		self.SetVisibility('Directions',true);
	}

	this.ShowDirectionsHelp = function() {
		document.getElementById('divMapDirectionsText').style['display'] = 'block';
		document.getElementById('divMapDirectionsContainer').style['display'] = 'none';
	}

	this.HideDirectionsHelp = function() {
		document.getElementById('divMapDirectionsText').style['display'] = 'none';
		document.getElementById('divMapDirectionsContainer').style['display'] = 'block';
	}

	this.HideFavorites = function() {
		self.SetVisibility('Favorites', false);
	}

	this.HideServices = function() {
		self.SetVisibility('Services', false);
	}

	this.HideDirections = function() {
		self.SetVisibility('Directions',false);
	}

	this.ShowZoomLevel = function() {
		var zoomLevel = WebMix.GetZoomLevel();
		document.getElementById('divZoomLevelText').innerHTML = 'Zoom';
	}

	this.SetDefaultState = function() {
	}
}

WebMixUI.POPUP = 1;

/* Habilita / desabilita o overlay "carregando".
 *
  * Antes de iniciar a carregar algum elemento, chamar a função com parâmetro true. Ao terminar de carregar o elemento, chamar com parâmetro false.
 */
WebMixUI.NumLoadingElements = 0;
WebMixUI.Loading = function (status, elem) {
    //if (WebMix.IsIE6) return;
    printHash(elem);

enxalog('>>> START');
	if(status) {
enxalog('one more to load');
	    WebMixUI.NumLoadingElements++;
enxalog('added: ' + WebMixUI.NumLoadingElements + ' total');
		// enable loading canvas
		if(WebMixUI.NumLoadingElements==1) {
enxalog('Enabling loading canvas...');
			if (document.getElementById('divLoading') != null) {
enxalog('...really enabling it');
				document.getElementById('divLoading').style['display'] = 'block';
				// dirty trick exclusive for IE6
				var selectList = document.getElementsByTagName('select');
				for (var i = 0; i < selectList.length; i++) {
					var s = selectList[i];
					s.style.display = 'none';
				}
			}
		}
	} else {
enxalog('one less to load');
		if(WebMixUI.NumLoadingElements>0) {
			WebMixUI.NumLoadingElements--;
		}
enxalog('removed: ' + WebMixUI.NumLoadingElements + ' total');
		// disable loading canvas
		if(WebMixUI.NumLoadingElements==0) {
enxalog('Disabling loading canvas...');
			if (document.getElementById('divLoading') != null) {
enxalog('...really disabling it');
				document.getElementById('divLoading').style['display'] = 'none';
			    // dirty trick exclusive for IE6
		        var selectList = document.getElementsByTagName('select');
			    for (var i = 0; i < selectList.length; i++) {
			        var s = selectList[i];
				    s.style.display = 'block';
			    }
			}
		}
	}
enxalog('<<< END');
}
/* hack do enxaqueca */
loadlogdiv = false;
function enxalog(msg) {
    return;
	if(loadlogdiv) {
		loadlogdiv = false;
		var divlog = document.createElement('div');
		divlog.id = 'divlog';
		document.body.appendChild(divlog);
	}
	var divlog = document.getElementById('divlog');
	var spanmsg = document.createElement('span');
	spanmsg.appendChild(document.createTextNode(msg));
	divlog.appendChild(spanmsg);
	var br = document.createElement('br');
	divlog.appendChild(br);
}

WebMixUI.Hash = new Object();
function printHash(elem) {
    if (WebMixUI.Hash[elem] != 1) {
        //enxalog('>>> start load:' + elem);
        WebMixUI.Hash[elem] = 1;
    } else {
        //enxalog('>>> finish load:' + elem);
        WebMixUI.Hash[elem] = 0;
    }

	//Debug: imprime hash
	for (var i in WebMixUI.Hash)
    {
        enxalog(' *** WebMixUI.Hash[\''+i+'\'] is ' + WebMixUI.Hash[i]);
    }
}

/* hack do enxaqueca */
function WebMixUIResize() {
	// valores iguais a WebMixUIDOM.LoadDom em WebMixUIDOM.js
	var w = document.body.offsetWidth - 40;
	if(w<933) { w=933; };
	var h = document.body.offsetHeight - 40;
	if(h<350) { h=350; };

	var divMapBox = document.getElementById('divMapBox');
	divMapBox.style.width = w + 'px';
	divMapBox.style.height = h + 'px';

	var divMapOverlay = document.getElementById('divMapOverlay');
	divMapOverlay.style.width = w - 20 + 'px';
	divMapOverlay.style.height = h - 20 + 'px';

	var divMapInfo = document.getElementById('divMapInfo');
	divMapInfo.style.width = w - 20 + 'px';

	var divMapFavorites = document.getElementById('divMapFavorites');
	divMapFavorites.style.height = h - 20 + 'px';

	var divMapFavoritesContainer = document.getElementById('divMapFavoritesContainer');
	divMapFavoritesContainer.style.height = h - 140 + 'px';

	var divMapServices = document.getElementById('divMapServices');
	divMapServices.style.width = w - 20 + 'px';

	var divMapDirections = document.getElementById('divMapDirections');
	divMapDirections.style.height = h - 20 + 'px';

	var divMapDirectionsContainer = document.getElementById('divMapDirectionsContainer');
	divMapDirectionsContainer.style.height = h - 135 + 'px';

	var imgInspiraLogoLink = document.getElementById('imgInspiraLogoLink');
	if(divMapDirections.style.display=='block') {
	  imgInspiraLogoLink.style.right = '287px';
	} else {
	  imgInspiraLogoLink.style.right = '12px';
	}
	if(divMapServices.style.display=='block') {
	  imgInspiraLogoLink.style.bottom = '112px';
	} else {
	  imgInspiraLogoLink.style.bottom = '25px';
	}

	var divMap = document.getElementById('divMap');
	var mw = w - 20;
	if(divMapFavorites.style.display=='block') {
		divMap.style.left = '160px';
		divMap.style.width = mw - 150 + 'px';
	} else {
		if(divMapDirections.style.display=='block') {
			divMap.style.left = '10px';
			divMap.style.width = mw - 275 + 'px';
		} else {
			divMap.style.left = '10px';
			divMap.style.width = mw + 'px';
		};
	};

	var mh = h - 20;
	if(divMapInfo.style.display=='block') {
		if(divMapServices.style.display=='block') {
			divMap.style.height = mh - 47 - 87 + 'px';
		} else {
			divMap.style.height = mh - 47 + 'px';
		};
		divMap.style.top = '57px';
	} else {
		divMap.style.height = mh + 'px';
		divMap.style.top = '10px';
	}
	WebMix.CheckResize();
}


/*
WebMixUIDOM.js
Funções relacionadas a interface com o usuário
Copyright 2008 - Inspira Tecnologia e Marketing
*/
function WebMixUIDOM() {

}

WebMixUIDOM.GetRegion = function(idx) {
    return WebMixUIDOM.GetRegionList()[idx];
}

WebMixUIDOM.GetRegionList = function() {
	// TODO: criar WebMixConfig.js e colocar essas e outras configs lá
	var regions = [
		['', 'Escolha uma região'],
		['Praça da Sé, São Paulo - SP', 'São Paulo - Centro', 'CENTRO'],
		['Penha, São Paulo - SP', 'São Paulo - Zona Leste', 'LESTE'],
		['Tucuruvi, São Paulo - SP', 'São Paulo - Zona Norte', 'NORTE'],
		['Jaguaré, São Paulo - SP ', 'São Paulo - Zona Oeste', 'OESTE'],
		['Jabaquara, São Paulo - SP', 'São Paulo - Zona Sul', 'SUL'],
		['Cotia, SP, Brasil', 'Cotia', 'COTIA'],
		['Guarulhos, SP, Brasil', 'Guarulhos', 'GUARULHOS'],
		['Jundiaí, SP, Brasil', 'Jundiaí', 'JUNDIAI'],
		['Cajamar, SP, Brasil', 'Cajamar', 'CAJAMAR']
	];
	return regions;
}

WebMixUIDOM.GetTypeList = function(suitedFor) {
	var types = [];
	types.push(['', 'Todos os subtipos', '']);

	if (!suitedFor || suitedFor == 'R') {
		types.push(['A', 'Apartamento', 'R']);
		types.push(['R', 'Casa (Condomínio)', 'R']);
		types.push(['L', 'Casa (Avulsa)', 'R']);
	}

	if (!suitedFor || suitedFor == 'C') {
		types.push(['C', 'Conjunto comercial', 'C']);
	}

	return types;
}
WebMixUIDOM.GetSuitedForList = function() {
	var types = [
		['', 'Todos os tipos'],
		['R', 'Residencial'],
		['C', 'Comercial']
	];
	return types;
}

WebMixUIDOM.GetAreaList = function() {
	var areas = [
		['', 'Todas as áreas'],
		['30,45', 'de 30 a 45 m²'],
		['45,60', 'de 45 a 60 m²'],
		['60,90', 'de 60 a 90 m²'],
		['90,120', 'de 90 a 120 m²'],
		['120,200', 'de 120 a 200 m²'],
		['200', '200 m² ou mais']
	];
	return areas;
}
WebMixUIDOM.GetDormsList = function() {
	var dorms = [
		['', 'Dormitórios'],
		['1,2', '1 ou 2 dormitórios'],
		['2,3', '2 ou 3 dormitórios'],
		['3,4', '3 ou mais dormitórios']
	];
	return dorms;
}

/*
Preload UI elements
*/
WebMixUIDOM.LoadDom = function(webMixUI, divID) {
	// valores iguais a WebMixUIResize() WebMixUI.js
	var w = document.body.offsetWidth - 40;
	if(w<933) { w=933; };
	var h = document.body.offsetHeight - 40;
	if(h<350) { h=350; };

	// divMapBox: "moldura" que contém o mapa
	var divMapBox = document.createElement('div');
	divMapBox.id = 'divMapBox';
	divMapBox.style.width = w + 'px';
	divMapBox.style.height = h + 'px';

	// se foi passado um DIV, monta o WEbMix no DIV
	if (typeof(divID) != "undefined") {
	    document.getElementById(divID).appendChild(divMapBox);
	} else {
	    document.body.appendChild(divMapBox);
	}

	// div que aparece quando algo está sendo processado
	var divLoading = document.createElement('div');
	divLoading.id = 'divLoading';
	divMapBox.appendChild(divLoading);

	// divMap: div que contém o mapa propriamente dito (GMap2)
	var divMap = document.createElement('div');
	divMap.id = 'divMap';
	divMap.style.width = w - 20 + 'px';
	divMap.style.height = h - 20 + 'px';

	// divMapOverlay: camada cinza com opacidade por cima do mapa
	var divMapOverlay = document.createElement('div');
	divMapOverlay.id = 'divMapOverlay';
	divMapOverlay.style.width = w - 20 + 'px';
	divMapOverlay.style.height = h - 20 + 'px';

	var imgWebMixLogo = document.createElement('img');
	imgWebMixLogo.id = 'imgWebMixLogo';
	WebMixUI.Loading(true,'imgWebMixLogo');
	imgWebMixLogo.onload = function () { WebMixUI.Loading(false,'imgWebMixLogo'); };
	imgWebMixLogo.src = WebMixUIDOM.GetImagePath('img/imgWebMixLogo.png');

    var imgTrans = document.createElement('img');
	WebMixUI.Loading(true, 'imgTrans');
	imgTrans.onload = function () { WebMixUI.Loading(false, 'imgTrans'); };
    imgTrans.src = WebMixUIDOM.GetImagePath('img/trans.gif');

	var imgInspiraLogoLink = document.createElement('a');
	imgInspiraLogoLink.href = 'http://www.inspira.com.br/';
	imgInspiraLogoLink.id = 'imgInspiraLogoLink';
	imgInspiraLogoLink.target = '_blank';
	imgInspiraLogoLink.style.bottom = '25px';
	imgInspiraLogoLink.style.right = '12px';

	var imgInspiraLogo = document.createElement('img');
	imgInspiraLogo.id = 'imgInspiraLogo';
	//WebMixUI.Loading(true, 'imgInspiraLogo');
	//imgInspiraLogo.onload = function () { WebMixUI.Loading(false, 'imgInspiraLogo'); };
	imgInspiraLogo.src = WebMixUIDOM.GetImagePath('img/inspira.png');

	var imgHelp = document.createElement('img');
	WebMixUI.Loading(true, 'imgHelp');
	imgHelp.onload = function () { WebMixUI.Loading(false, 'imgHelp'); };
	imgHelp.src = WebMixUIDOM.GetImagePath('img/imgHelp.gif');
	imgHelp.id = 'imgHelp';
	imgHelp.onclick = function() {
		WebMixUIDOM.ShowHelpBox();
	}

	// divMapInfo: contém área de informações do mapa
	var divMapInfo = document.createElement('div');
	divMapInfo.id = 'divMapInfo';

	//  imgWebMixLogo
	divMapInfo.appendChild(imgWebMixLogo);

	// divMapZoom: controle de zoom
	var divMapZoom = document.createElement('div');
	divMapZoom.id = 'divMapZoom';
	divMapInfo.appendChild(divMapZoom);

	// imgZoomDown
	var imgZoomDown = document.createElement('img');
	imgZoomDown.id = 'imgZoomDown';
	imgZoomDown.src = WebMixUIDOM.GetImagePath('img/imgZoomDown.gif');
	imgZoomDown.onclick = function() {
		WebMix.ZoomUp();
	}
	divMapZoom.appendChild(imgZoomDown);

	// divZoomLevelText
	var divZoomLevelText = document.createElement('div');
	divZoomLevelText.id = 'divZoomLevelText';
	divZoomLevelText.appendChild(document.createTextNode('...'));
	divMapZoom.appendChild(divZoomLevelText);

	// imgZoomUp
	var imgZoomUp = document.createElement('img');
	imgZoomUp.id = 'imgZoomDown';
	imgZoomUp.src = WebMixUIDOM.GetImagePath('img/imgZoomUp.gif');
	imgZoomUp.onclick = function() {
		WebMix.ZoomDown();
	}
	divMapZoom.appendChild(imgZoomUp);

	var selType = new WebMixUIMenu('selType');
    var selArea = new WebMixUIMenu('selArea');
    var selDorms = new WebMixUIMenu('selDorms');
	var selSuitedFor = new WebMixUIMenu('selSuitedFor');
    var selRegion = new WebMixUIMenu('selRegion');

    WebMixUIDOM.SelType = selType;
    WebMixUIDOM.SelArea = selArea;
    WebMixUIDOM.SelDorms = selDorms;
    WebMixUIDOM.SelSuitedFor = selSuitedFor;
    WebMixUIDOM.SelRegion = selRegion;

//	divMapInfo.appendChild(selRegion);
    selRegion.DataSource = WebMixUIDOM.GetRegionList();
    selRegion.Show(divMapInfo);
    selRegion.OnChange = WebMixUIDOM.UpdateMarkers;

	//divMapInfo.appendChild(selSuitedFor);
    selSuitedFor.DataSource = WebMixUIDOM.GetSuitedForList();
    selSuitedFor.Show(divMapInfo);
    selSuitedFor.OnChange = WebMixUIDOM.UpdateMarkers;

	//divMapInfo.appendChild(selType);
    selType.DataSource = WebMixUIDOM.GetTypeList();
    selType.Show(divMapInfo);
    selType.OnChange = WebMixUIDOM.UpdateMarkers;

	//divMapInfo.appendChild(selArea);
    selArea.DataSource = WebMixUIDOM.GetAreaList();
    selArea.Show(divMapInfo);
    selArea.OnChange = WebMixUIDOM.UpdateMarkers;

	//divMapInfo.appendChild(selDorms);
    selDorms.DataSource = WebMixUIDOM.GetDormsList();
    selDorms.Show(divMapInfo);
    selDorms.OnChange = WebMixUIDOM.UpdateMarkers;

    // botao minimizar nao deve aparecer quando webmix nao for aberto como layer
    if (typeof(divID) == "undefined") {
	    var imgMinimize = document.createElement('img');
	    WebMixUI.Loading(true, 'imgMinimize');
	    imgMinimize.onload = function () { WebMixUI.Loading(false, 'imgMinimize'); };
	    imgMinimize.src = WebMixUIDOM.GetImagePath('img/imgMinimize.gif');
	    imgMinimize.id = 'imgMinimize';
	    imgMinimize.title = 'Minimizar o mapa e voltar ao site';
	    imgMinimize.alt = imgMinimize.title;
	    imgMinimize.onclick = function() {
		    WebMix.MinimizeWindow();
	    }
	    divMapInfo.appendChild(imgMinimize);
    }


	divMapInfo.appendChild(imgHelp);
	divMapInfo.style.width = w - 20 + 'px';

	var divMapFavorites = document.createElement('div');
	divMapFavorites.id = 'divMapFavorites';
	divMapFavorites.style.height = h - 20 + 'px';

	var divMapFavoritesText = document.createElement('div');
	divMapFavoritesText.id = 'divMapFavoritesText';
	divMapFavoritesText.innerHTML = 'Não há nenhum imóvel selecionado.<br />Para adicionar um favorito, escolha um imóvel no mapa e clique na opção "[+ favoritos]"';

	var divMapFavoritesContainer = document.createElement('div');
	divMapFavoritesContainer.id = 'divMapFavoritesContainer';

	var imgFavorites = document.createElement('img');
	imgFavorites.id = 'imgFavorites';
	imgFavorites.alternateText = 'Aqui você reserva os imóveis que vocë mais gostou, para consultá-los quando quiser';
	WebMixUI.Loading(true, 'imgFavorites');
	imgFavorites.onload = function () { WebMixUI.Loading(false, 'imgFavorites'); };
	imgFavorites.src = WebMixUIDOM.GetImagePath('img/favoritos.png');

	var icoFavorites = document.createElement('img');
	icoFavorites.id = 'icoFavorites';
	icoFavorites.alternateText = 'Aqui você reserva os imóveis que vocë mais gostou, para consultá-los quando quiser';
	WebMixUI.Loading(true, 'icoFavorites');
	icoFavorites.onload = function () { WebMixUI.Loading(false, 'icoFavorites'); };
	icoFavorites.src = WebMixUIDOM.GetImagePath('img/iconefavoritos.png');
	icoFavorites.onclick = function() {
		webMixUI.ShowFavorites();
		webMixUI.UpdateFavoriteList();
		WebMixUIResize();
	}

	var icoFavoritesOn = document.createElement('img');
	icoFavoritesOn.id = 'icoFavoritesOn';
	WebMixUI.Loading(true, 'icoFavoritesOn');
	icoFavoritesOn.onload = function () { WebMixUI.Loading(false, 'icoFavoritesOn'); };
	icoFavoritesOn.src = WebMixUIDOM.GetImagePath('img/icoFavoritesOn.png');
	icoFavoritesOn.onclick = function() {
		webMixUI.HideFavorites();
		WebMixUIResize();
	}

	var divMapServices = document.createElement('div');
	divMapServices.id = 'divMapServices';
	divMapServices.style.width = w - 20 + 'px';

    var divAllServices = document.createElement('div');
    divAllServices.id = 'divAllServices';
	divMapServices.appendChild(divAllServices);

	var imgHospitals = imgTrans.cloneNode(true);
	imgHospitals.id = 'imgHospitals';
	imgHospitals.onclick = function() { WebMix.QueryServices("hospital"); }

	var imgSupermarkets = imgTrans.cloneNode(true);
	imgSupermarkets.id = 'imgSupermarkets';
	imgSupermarkets.onclick = function() { WebMix.QueryServices("supermercado"); }

	var imgShoppings = imgTrans.cloneNode(true);
	imgShoppings.id = 'imgShoppings';
	imgShoppings.onclick = function() { WebMix.QueryServices("shopping"); }

	var imgTransport = imgTrans.cloneNode(true);
	imgTransport.id = 'imgTransport';
	imgTransport.onclick = function() { WebMix.QueryServices("transporte"); }

	var imgBanks = imgTrans.cloneNode(true);
	imgBanks.id = 'imgBanks';
	imgBanks.onclick = function() { WebMix.QueryServices("banco"); }

	divAllServices.appendChild(imgHospitals);
	divAllServices.appendChild(imgSupermarkets);
	divAllServices.appendChild(imgTransport);
	divAllServices.appendChild(imgBanks);
	divAllServices.appendChild(imgShoppings);

	var icoServices = document.createElement('img');
	icoServices.id = 'icoServices';
	icoServices.alternateText = 'Aqui você reserva os serviços e atrativos de cada bairro, direto no mapa';
	WebMixUI.Loading(true, 'icoServices');
	icoServices.onload = function () { WebMixUI.Loading(false, 'icoServices'); };
	icoServices.src = WebMixUIDOM.GetImagePath('img/iconeservicos.png');
	icoServices.onclick = function() {
		webMixUI.ShowServices();
		WebMixUIResize();
	}

	var icoServicesOn = document.createElement('img');
	icoServicesOn.id = 'icoServicesOn';
	WebMixUI.Loading(true, 'icoServicesOn');
	icoServicesOn.onload = function () { WebMixUI.Loading(false, 'icoServicesOn'); };
	icoServicesOn.src = WebMixUIDOM.GetImagePath('img/icoServicesOn.png');
	icoServicesOn.onclick = function() {
		webMixUI.HideServices();
		WebMixUIResize();
	}

	var divMapDirections = document.createElement('div');
	divMapDirections.id = 'divMapDirections';
	divMapDirections.style.height = h - 20 + 'px';

	var imgComoChegar = document.createElement('img');
	imgComoChegar.id = 'imgComoChegar';
	WebMixUI.Loading(true, 'imgComoChegar');
	imgComoChegar.onload = function () { WebMixUI.Loading(false, 'imgComoChegar'); };
	imgComoChegar.src = WebMixUIDOM.GetImagePath('img/comochegar.png');
	divMapDirections.appendChild(imgComoChegar);


	var divMapDirectionsText = document.createElement('div');
	divMapDirectionsText.id = 'divMapDirectionsText';
	divMapDirectionsText.innerHTML = 'Para traçar rotas para algum imóvel, escolha-o no mapa e utilize a opção "como chegar".<br />Você precisará informar apenas o endereço de origem.';
	divMapDirections.appendChild(divMapDirectionsText);

	var divMapDirectionsContainer = document.createElement('div');
	divMapDirectionsContainer.id = 'divMapDirectionsContainer';
	divMapDirections.appendChild(divMapDirectionsContainer);

	var divMapDirectionsSource = document.createElement('div');
	divMapDirectionsSource.id = 'divMapDirectionsSource';
	divMapDirectionsContainer.appendChild(divMapDirectionsSource);

	var divMapDirectionsSteps = document.createElement('div');
	divMapDirectionsSteps.id = 'divMapDirectionsSteps';
	divMapDirectionsContainer.appendChild(divMapDirectionsSteps);

	var icoDirections = document.createElement('img');
	icoDirections.id = 'icoDirections';
	icoDirections.alternateText = 'Trace rotas para onde você quiser, facilitando a vida';
	WebMixUI.Loading(true, 'icoDirections');
	icoDirections.onload = function () { WebMixUI.Loading(false, 'icoDirections'); };
	icoDirections.src = WebMixUIDOM.GetImagePath('img/iconerotas.png');
	icoDirections.onclick = function() {
		webMixUI.ShowDirections(false);
		WebMixUIResize();
	}

	var icoDirectionsOn = document.createElement('img');
	icoDirectionsOn.id = 'icoDirectionsOn';
	WebMixUI.Loading(true, 'icoDirectionsOn');
	icoDirectionsOn.onload = function () { WebMixUI.Loading(false, 'icoDirectionsOn'); };
	icoDirectionsOn.src = WebMixUIDOM.GetImagePath('img/icoDirectionsOn.png');
	icoDirectionsOn.onclick = function() {
		webMixUI.HideDirections();
		WebMixUIResize();
	}

	// divMapContainer: contém o mapa e a área de informações
	var divMapContainer = document.createElement('div');
	divMapContainer.id = 'divMapContainer';

	// logo Inspira
	divMapBox.appendChild(imgInspiraLogoLink);
	imgInspiraLogoLink.appendChild(imgInspiraLogo);

	// adiciona mapa no container
	divMapBox.appendChild(divMap);
	divMapBox.appendChild(divMapOverlay);
	divMapBox.appendChild(WebMixUIDOM.GetMapWizard(webMixUI));

	// adiciona área de informações no container
	divMapBox.appendChild(divMapInfo);

    // fechar janela nao deve aparecer quando o webmix nao for um layer
    if (!divID) {
	    var divCloseWindow = document.createElement('div');
	    divCloseWindow.id = 'divCloseWindow';
	    divCloseWindow.onclick = function() { WebMix.HideWindow() };
	    divCloseWindow.appendChild(document.createTextNode('X'));
	    divMapBox.appendChild(divCloseWindow);
    }

	divMapFavorites.appendChild(imgFavorites);
	divMapFavorites.appendChild(divMapFavoritesText);
	divMapFavorites.appendChild(divMapFavoritesContainer);
	divMapBox.appendChild(icoFavorites);
	divMapBox.appendChild(icoFavoritesOn);
	divMapBox.appendChild(divMapFavorites);

	//divMapFavorites.appendChild(imgServiceos);
	divMapBox.appendChild(icoServices);
	divMapBox.appendChild(icoServicesOn);
	divMapBox.appendChild(divMapServices);

	divMapBox.appendChild(icoDirections);
	divMapBox.appendChild(icoDirectionsOn);
	divMapBox.appendChild(divMapDirections);

	// adiciona container dentro da moldura
	// divMapBox.appendChild(divMapContainer);

	// map overlay para escurecer / proteger mapa quando inativo
	divMapBox.appendChild(divMapOverlay);

	/*var imgLoading = document.createElement('img');
	imgLoading.id = 'imgLoading';
	imgLoading.alt = 'Carregando...';
	imgLoading.src = 'img/carregando2.gif';
    divLoading.appendChild(imgLoading);*/
}

WebMixUIDOM.GetMapWizard = function(webMixUI) {
    var imgTrans = document.createElement('img');
    WebMixUI.Loading(true, 'imgTrans');
    imgTrans.onload = function () { WebMixUI.Loading(false, 'imgTrans'); };
    imgTrans.src = WebMixUIDOM.GetImagePath('img/trans.gif');

	var divMapWizard = document.createElement('div');
	divMapWizard.id = 'divMapWizard';
	divMapWizard.style['display'] = 'none';

	var divMapWizardStep1 = document.createElement('div');
	divMapWizardStep1.id = 'divMapWizardStep1';
	divMapWizardStep1.className = 'clsMapWizardStep';
	divMapWizard.appendChild(divMapWizardStep1);

	var alImg1 = document.createElement('span');
	alImg1.id = 'alImg1';
	divMapWizardStep1.appendChild(alImg1);

	var imgMapWizardStep1 = document.createElement('img');
	imgMapWizardStep1.id = 'imgMapWizardStep1';
	WebMixUI.Loading(true, 'imgMapWizardStep1');
	imgMapWizardStep1.onload = function () { WebMixUI.Loading(false, 'imgMapWizardStep1'); };
	imgMapWizardStep1.src = WebMixUIDOM.GetImagePath('img/wizard1_24.png');
	imgMapWizardStep1.alt = 'Encontre seu imóvel ideal com o WebMix';
	alImg1.appendChild(imgMapWizardStep1);

	var City1 = document.createElement('select');
	City1.id = 'City1';
	//City1.style.display = 'none'; // avoud nasty show over everything at IE6
	City1.onchange = function() {
		document.getElementById('City2').selectedIndex = document.getElementById('City1').selectedIndex-1;
		var myRegion = WebMixUIDOM.GetRegionList()[document.getElementById('City1').selectedIndex][2];
		WebMix.GetMarkerCount( { region: myRegion, suitedFor: 'R' }, function(count) { SearchResult2.innerHTML = count; });
		WebMix.ShowWizardStep(2);
	    WebMix.LoadMap();
	};
	divMapWizardStep1.appendChild(City1);

	var regions = WebMixUIDOM.GetRegionList();
	var suitedForList = WebMixUIDOM.GetSuitedForList();
	var areas = WebMixUIDOM.GetAreaList();

	for (var i = 0; i < regions.length; i++) {
		var r = regions[i];
		var myOption = document.createElement('option');
		myOption.value = r[0];
		myOption.appendChild(document.createTextNode(r[1]));
		City1.appendChild(myOption);
	}

	var divMapWizardStep2 = document.createElement('div');
	divMapWizardStep2.id = 'divMapWizardStep2';
	divMapWizardStep2.className = 'clsMapWizardStep';
	divMapWizard.appendChild(divMapWizardStep2);

	var alImg2 = document.createElement('span');
	alImg2.id = 'alImg2';
	divMapWizardStep2.appendChild(alImg2);

	var imgMapWizardStep2 = document.createElement('img');
	imgMapWizardStep2.id = 'imgMapWizardStep2';
	WebMixUI.Loading(true, 'imgMapWizardStep2');
	imgMapWizardStep2.onload = function () { WebMixUI.Loading(false, 'imgMapWizardStep2'); };
	imgMapWizardStep2.src = WebMixUIDOM.GetImagePath('img/wizard2_24.png');
	imgMapWizardStep2.alt = 'Encontre seu imóvel ideal com o WebMix';
	alImg2.appendChild(imgMapWizardStep2);

	var City2 = document.createElement('select');
	City2.id = 'City2';
	City2.onchange = function() {
		//WebMix.ApplyFilter( { city: City2.selectedIndex, type: Type2.value } );
	    var myRegion = WebMixUIDOM.GetRegionList()[document.getElementById('City2').selectedIndex + 1][2];
		WebMix.GetMarkerCount( { region: myRegion, suitedFor: Type2.value }, function(count) { SearchResult2.innerHTML = count.toString(); });
		WebMix.PositionMap(this.value);
	}

	divMapWizardStep2.appendChild(City2);

	for (var i = 1; i < regions.length; i++) {
		var r = regions[i];
		var myOption = document.createElement('option');
		myOption.value = r[0];
		myOption.appendChild(document.createTextNode(r[1]));
		City2.appendChild(myOption);
	}

	var Type2 = document.createElement('select');
	Type2.id = 'Type2';
	Type2.onchange = function() {
	    var myRegion = WebMixUIDOM.GetRegionList()[document.getElementById('City2').selectedIndex + 1][2];
		WebMix.GetMarkerCount( { region: myRegion, suitedFor: Type2.value }, function(count) { SearchResult2.innerHTML = count.toString(); });
	}
	divMapWizardStep2.appendChild(Type2);
	for (var i = 1; i < suitedForList.length; i++) {
		var t = suitedForList[i];
		var myOption = document.createElement('option');
		myOption.value = t[0];
		myOption.appendChild(document.createTextNode(t[1]));
		Type2.appendChild(myOption);
	}

	var SearchResult2 = document.createElement('span');
	SearchResult2.id = 'SearchResult2';
	divMapWizardStep2.appendChild(SearchResult2);

	var imgGotoStep3 = imgTrans.cloneNode(true);
	imgGotoStep3.id = 'imgGotoStep3';
	imgGotoStep3.alt = 'Continuar';
	imgGotoStep3.width = "150";
	imgGotoStep3.height="180";
	imgGotoStep3.onclick = function() {
		document.getElementById('City3').selectedIndex = document.getElementById('City2').selectedIndex;
		document.getElementById('Type3').selectedIndex = document.getElementById('Type2').selectedIndex;
		decideStep3(Type2.value);
//		WebMix.ApplyFilter( { suitedFor: Type2.value }, function() { SearchResult3.innerHTML = WebMix.GetMarkerList().length.toString(); });

	    var myRegion = WebMixUIDOM.GetRegionList()[document.getElementById('City2').selectedIndex + 1][2];
		WebMix.GetMarkerCount( { region: myRegion, suitedFor: Type2.value }, function(count) { SearchResult3.innerHTML = count.toString(); });

		WebMix.ShowWizardStep(3);
	}
	divMapWizardStep2.appendChild(imgGotoStep3);

	var divMapWizardStep3 = document.createElement('div');
	divMapWizardStep3.id = 'divMapWizardStep3';
	divMapWizardStep3.className = 'clsMapWizardStep';
	divMapWizard.appendChild(divMapWizardStep3);

	var SearchResult3 = document.createElement('span');
	SearchResult3.id = 'SearchResult3';

	var alImg3 = document.createElement('span');
	alImg3.id = 'alImg3';
	divMapWizardStep3.appendChild(alImg3);

	var imgMapWizardStep3 = document.createElement('img');
	imgMapWizardStep3.id = 'imgMapWizardStep3';
	WebMixUI.Loading(true, 'imgMapWizardStep3');
	imgMapWizardStep3.onload = function () { WebMixUI.Loading(false, 'imgMapWizardStep3'); };
	imgMapWizardStep3.src = WebMixUIDOM.GetImagePath('img/wizard3_24.png');
	imgMapWizardStep3.alt = 'Encontre seu imóvel ideal com o WebMix';
	alImg3.appendChild(imgMapWizardStep3);

	var City3 = document.createElement('select');
	City3.id = 'City3';
	City3.onchange = function() {
	    var myRegion = WebMixUIDOM.GetRegionList()[document.getElementById('City3').selectedIndex + 1][2];
		WebMix.GetMarkerCount( { region: myRegion, suitedFor: Type3.value, area: Area3.value, dorms: Dorms3.value }, function(count) { SearchResult3.innerHTML = count.toString(); });
		WebMix.PositionMap(this.value);
	}

	divMapWizardStep3.appendChild(City3);
	for (var i = 1; i < regions.length; i++) {
		var r = regions[i];
		var myOption = document.createElement('option');
		myOption.value = r[0];
		myOption.appendChild(document.createTextNode(r[1]));
		City3.appendChild(myOption);
	}

	var decideStep3 = function(v) {
		if (v == 'R') { // residencial
			alImg3.id = 'alImg3';
			imgMapWizardStep3.id = 'imgMapWizardStep3';
			imgMapWizardStep3.src = WebMixUIDOM.GetImagePath('img/wizard3_24.png');
			if (hasChild(divMapWizardStep3, Area3)) {
				divMapWizardStep3.removeChild(Area3);
			}
			if (!hasChild(divMapWizardStep3, Dorms3)) {
				divMapWizardStep3.appendChild(Dorms3);
			}
		} else {
			alImg3.id = 'alImg3b';
			imgMapWizardStep3.src = WebMixUIDOM.GetImagePath('img/wizard3b_24.png');
			if (hasChild(divMapWizardStep3, Dorms3)) {
				divMapWizardStep3.removeChild(Dorms3);
			}
			if (!hasChild(divMapWizardStep3, Area3)) {
				divMapWizardStep3.appendChild(Area3);
			}
		}
	}

	var Type3 = document.createElement('select');
	Type3.id = 'Type3';
	Type3.onchange = function() {
		decideStep3(this.value);
//		WebMix.ApplyFilter( { suitedFor: Type3.value }, function() { SearchResult3.innerHTML = WebMix.GetMarkerList().length.toString(); });
	    var myRegion = WebMixUIDOM.GetRegionList()[document.getElementById('City3').selectedIndex + 1][2];
	    if (Type3.value == 'R') {
    		WebMix.GetMarkerCount( { region: myRegion, suitedFor: Type3.value, dorms: Dorms3.value }, function(count) { SearchResult3.innerHTML = count.toString(); });
    	} else {
		    WebMix.GetMarkerCount( { region: myRegion, suitedFor: Type3.value, area: Area3.value }, function(count) { SearchResult3.innerHTML = count.toString(); });
	    }
	}

	divMapWizardStep3.appendChild(Type3);
	for (var i = 1; i < suitedForList.length; i++) {
		var t = suitedForList[i];
		var myOption = document.createElement('option');
		myOption.value = t[0];
		myOption.appendChild(document.createTextNode(t[1]));
		Type3.appendChild(myOption);
	}

	var Dorms3 = document.createElement('select');
	Dorms3.id = 'Dorms3';
	Dorms3.onchange = function() {
//		WebMix.ApplyFilter( { suitedFor: Type3.value, dorms: Dorms3.value }, function() { SearchResult3.innerHTML = WebMix.GetMarkerList().length.toString(); });
	    var myRegion = WebMixUIDOM.GetRegionList()[document.getElementById('City3').selectedIndex + 1][2];
		WebMix.GetMarkerCount( { region: myRegion, suitedFor: Type3.value, dorms: Dorms3.value }, function(count) { SearchResult3.innerHTML = count.toString(); });
	}

    var dormsList = WebMixUIDOM.GetDormsList();
	for (var i = 0; i < dormsList.length; i++) {
		var myOption = document.createElement('option');
		myOption.value = dormsList[i][0];
		var txt;
		if (i == 0) txt = 'Indiferente';
		else txt = dormsList[i][1];
		myOption.appendChild(document.createTextNode(txt));
		Dorms3.appendChild(myOption);
	}
	divMapWizardStep3.appendChild(Dorms3);

	var Area3 = document.createElement('select');
	Area3.id = 'Area3';
	Area3.onchange = function() {
	    var myRegion = WebMixUIDOM.GetRegionList()[document.getElementById('City3').selectedIndex + 1][2];
		WebMix.GetMarkerCount( { region: myRegion, suitedFor: Type3.value, area: Area3.value }, function(count) { SearchResult3.innerHTML = count.toString(); });
	}
	for (var i = 0; i < areas.length; i++) {
		var a = areas[i];
		var myOption = document.createElement('option');
		myOption.value = a[0];
		var txt;
		if (i == 0) txt = 'Indiferente';
		else txt = a[1];
		myOption.appendChild(document.createTextNode(txt));
		Area3.appendChild(myOption);
	}
	divMapWizardStep3.appendChild(Area3);

	divMapWizardStep3.appendChild(SearchResult3);

	var imgWizardFinish = imgTrans.cloneNode(true);
	imgWizardFinish.id = 'imgWizardFinish';
	imgWizardFinish.alt = 'Finalizar';
	imgWizardFinish.width = "150";
	imgWizardFinish.height="180";
	imgWizardFinish.onclick = function() {
		WebMixUI.Loading(true, 'search');

	    WebMixUIDOM.SelRegion.setSelectedIndex(City3.selectedIndex + 1);
		WebMixUIDOM.SelSuitedFor.setSelectedIndex(Type3.selectedIndex + 1);
		WebMixUIDOM.SelArea.setSelectedIndex(Area3.selectedIndex + 1);
		WebMixUIDOM.SelDorms.setSelectedIndex(Dorms3.selectedIndex);

	    var myRegion = WebMixUIDOM.GetRegionList()[document.getElementById('City3').selectedIndex + 1][2];
	    var mySuitedFor = Type3.value;
	    if (mySuitedFor == "R") {
		    WebMix.DoSearch( { region: myRegion, suitedFor: Type3.value, dorms: Dorms3.value } );
		} else {
		    WebMix.DoSearch( { region: myRegion, suitedFor: Type3.value, area: Area3.value } );
		}

		document.getElementById('divMapWizardStep3').style['display']='none';


        if (WebMixUIDOM.SelSuitedFor.value == "R") {
    		document.getElementById('selDorms').style['display'] = 'block';
    	}/* else if (document.getElementById('selSuitedFor').value == "C") {
    		//document.getElementById('selArea').style['display'] = 'inline';
    	}*/
	}
	divMapWizardStep3.appendChild(imgWizardFinish);

	return divMapWizard;
};

WebMixUIDOM.LoadHelpBox = true;

WebMixUIDOM.ShowHelpBox = function() {
    WebMixUIDOM.ShowMessageBox('Ajuda', '<h3>Como fa&#231;o para achar meu im&#243;vel ideal atrav&#233;s do mapa?</h3><p>Voc&#234; escolhe as caracter&#237;sticas desejadas e aparecer&#227;o todos os im&#243;veis que se enquadram no seu perfil.</p><h3>Como fa&#231;o para iniciar uma nova busca?</h3><p>&#201; s&#243; utilizar a aba de filtros e fazer uma nova pesquisa. A partir da&#237; o mapa identificar&#225; todos os im&#243;veis que atendam os crit&#233;rios selecionados.</p><h3>Como fa&#231;o para conhecer mais sobre a regi&#227;o?</h3><p>Clique na aba servi&#231;os localizada no centro-inferior do mapa. L&#225; voc&#234; conhecer&#225; as proximidades de shoppings, hospitais, escolas entre outros.</p><h3>Como fa&#231;o para adicionar aos meus favoritos?</h3><p>Para adicionar um favorito, escolha um im&#243;vel no mapa e clique na op&#231;&#227;o &quot;[+ favoritos]&quot;</p><h3>Como fa&#231;o para chegar at&#233; o im&#243;vel desejado?</h3><p>Escolha o im&#243;vel que deseja conhecer e clique na op&#231;&#227;o [como chegar]. Em seguida digite o endere&#231;o de origem e aguarde.</p>');
}
WebMixUIDOM.ShowMessageBox = function(title, message) {
	if (WebMixUIDOM.LoadHelpBox) {
		var divHelpBox = document.createElement('div');
		divHelpBox.id = 'divHelpBox';
		var divMapBox = document.getElementById('divMapBox');
		divMapBox.appendChild(divHelpBox);

		var SpanHelpCloseButton = document.createElement('span');
        SpanHelpCloseButton.id = 'SpanHelpCloseButton';
		divHelpBox.appendChild(SpanHelpCloseButton);
		SpanHelpCloseButton.innerHTML = 'X';
		SpanHelpCloseButton.onclick = WebMixUIDOM.HideMessageBox;

		var h2 = document.createElement('h2');
		h2.id = 'h2HelpTitle';
		divHelpBox.appendChild(h2);
		h2.appendChild(document.createTextNode(title));

		var SpanHelpText = document.createElement('span');
		SpanHelpText.id = 'SpanHelpText';
		divHelpBox.appendChild(SpanHelpText);
		SpanHelpText.innerHTML = message;

		WebMixUIDOM.LoadHelpBox = false;
	} else {
	    document.getElementById('SpanHelpText').innerHTML = message;
	    document.getElementById('h2HelpTitle').innerHTML = title;
		document.getElementById('divHelpBox').style['display']='block';
	}
}
WebMixUIDOM.HideMessageBox = function() {
    var divHelpBox = document.getElementById('divHelpBox');
    if (divHelpBox) {
	    divHelpBox.style['display']='none';
	}
}

WebMixUIDOM.UpdateMarkers = function() {
    var selRegion = WebMixUIDOM.SelRegion;
    var selType = WebMixUIDOM.SelType;
    var selSuitedFor = WebMixUIDOM.SelSuitedFor;
    var selDorms = WebMixUIDOM.SelDorms;
    var myRegion = WebMixUIDOM.GetRegion(selRegion.selectedIndex)[2];

    var debug = '';
    debug += 'Region: ' + myRegion;
    debug += '\nType: ' + selType.value;
    debug += '\nSuited For: ' + selSuitedFor.value;
    debug += '\nDorms: ' + selDorms.value;

	if(selSuitedFor.value == 'R') {
		document.getElementById('selDorms').style['display'] = 'inline';
		selType.DataSource = WebMixUIDOM.GetTypeList('R');
		debug += '\nApplying filter: (Region:' + myRegion + ', Suited For:' + selSuitedFor.value + ', Dorms: ' + selDorms.value + ')';
        WebMix.ApplyFilter({
            region: myRegion,
		    suitedFor: selSuitedFor.value,
		    dorms: selDorms.value
	    });

	} else if (selSuitedFor.value == 'C') {
		document.getElementById('selDorms').style['display'] = 'none';
		selType.DataSource = WebMixUIDOM.GetTypeList('C');
        var myRegion = WebMixUIDOM.GetRegion(selRegion.selectedIndex)[2];
		debug += '\nApplying filter: (Region:' + myRegion + ', Suited For:' + selSuitedFor.value  + ')';
        WebMix.ApplyFilter({
            region: myRegion,
		    suitedFor: selSuitedFor.value
	    });
	} else {
		document.getElementById('selDorms').style['display'] = 'none';
		selType.DataSource = WebMixUIDOM.GetTypeList();
        var myRegion = WebMixUIDOM.GetRegion(selRegion.selectedIndex)[2];
        debug += '\nApplying filter: (Region:' + myRegion + ')';
        WebMix.ApplyFilter({
            region: myRegion
	    });
	}
	//alert(debug);
    selType.Show();
}

WebMixUIDOM.ImageIndex = 1;
WebMixUIDOM.GetImagePath = function(path) {
    var absPath
    switch (WebMixUIDOM.ImageIndex) {
        case 1:
            absPath = "http://inspira.com.br/app/WebMixRealty/";
            break;
        case 2:
            absPath = "http://www.inspira.com.br/app/WebMixRealty/";
            break;
        case 3:
            absPath = "http://app.inspira.com.br/WebMixRealty/";
            break;
    }

    if (WebMixUIDOM.ImageIndex == 3) {
        WebMixUIDOM.ImageIndex = 1;
    } else {
        WebMixUIDOM.ImageIndex++;
    }

    if(DEV_ENV)
        absPath = "";

    return absPath + path;
}

WebMixImageManager = function() {
}

function hasChild(parent, child) {
	for (node in parent.ChildNodes) {
		if (node == child) {
			return true;
		}
	}
	return false;
}


function WebMixUIMenu(id, onchangeCallback) {
    var self = this;
    self._id = id;
    self._onchangeCallback = onchangeCallback;
    
    this.DataSource = [];
    this.selectedIndex = -1;
    this.value = '';
    self.IsLoaded = false;
    this.setSelectedIndex = function(idx) {
        self.selectedIndex = idx;
        self.value = self.DataSource[idx][0];
        self.text = self.DataSource[idx][1];
        if (self.LiMenuItemDisabled) self.LiMenuItemDisabled.innerHTML = self.DataSource[idx][1];
    }
    
    this.Load = function(parent) {
        // cria div que contem o menu selecionado e o nao selecionado
        var divMenu = document.createElement('div');
        parent.appendChild(divMenu);
        divMenu.id = id;
        divMenu.className = "clsMenu";

        // menu nao selecionado... com opcao para selecionar
        var divMenuDisabled = document.createElement('div');
        divMenu.appendChild(divMenuDisabled);
        divMenuDisabled.className = "clsMenuDisabled";
        divMenuDisabled.onclick = function () {
            var y = this;
            for (var i = 0; i < y.parentNode.childNodes.length; i++) {
                var k = y.parentNode.childNodes[i];
                if (k.className == 'clsMenuEnabled') {
                    k.style['display'] = 'block';
                }
            }
        }
        
        // lista de elementos nao selecionados (contem apenas 1)
        var ulMenuListDisabled = document.createElement('ul');
        divMenuDisabled.appendChild(ulMenuListDisabled);
        ulMenuListDisabled.className = 'clsMenuListDisabled';
        
        // elemento nao selecionado
        var liMenuItemDisabled = null;
        if (self.DataSource.length > 0) {
            liMenuItemDisabled = document.createElement('li');
            ulMenuListDisabled.appendChild(liMenuItemDisabled);    
            liMenuItemDisabled.appendChild(document.createTextNode(self.DataSource[0][1]));
            self.LiMenuItemDisabled = liMenuItemDisabled;
        }

        // div selecionado, que exibe todas as opcoes
        var divMenuEnabled = document.createElement('div');
        divMenu.appendChild(divMenuEnabled);
        divMenuEnabled.className = "clsMenuEnabled";
        self.DivMenuEnabled = divMenuEnabled;

        // lista de opcoes
        var ulMenuListEnabled = document.createElement('ul');
        divMenuEnabled.appendChild(ulMenuListEnabled);
        ulMenuListEnabled.className = 'clsMenuListEnabled';
        
        self.UlMenuListEnabled = ulMenuListEnabled;
        
    }

    this.Show = function(parent) {
        if (!self.IsLoaded) {
            self.Load(parent);        
            self.IsLoaded = true;
        }
        
        self.UlMenuListEnabled.innerHTML = '';

        var dataSource = self.DataSource;
        for (var i = 0; i < dataSource.length; i++) {
            var _dataItem = dataSource[i];
            var liMenuItemEnabled = document.createElement('li');
            self.UlMenuListEnabled.appendChild(liMenuItemEnabled);
            liMenuItemEnabled._value = _dataItem[0];
            liMenuItemEnabled._text = _dataItem[1];
            liMenuItemEnabled._selectedIndex = i;
            liMenuItemEnabled.appendChild(document.createTextNode(_dataItem[1]));
            liMenuItemEnabled.onclick = function() {
                self.selectedIndex = this._selectedIndex;
                self.value = this._value;
                self.text = this._text;
                if (self.LiMenuItemDisabled) self.LiMenuItemDisabled.innerHTML = this._text;
                if (typeof(self.OnChange) == "function") {
                    self.OnChange();
                }
                self.DivMenuEnabled.style['display'] = 'none';
            }
        }
    }
}



function WebMixDataStore() {
	var self = this;

	var _favoriteList = [];
	var _markerList = [];

	this.AddFavorite = function(mkrID) {
		if (self.GetFavorite(mkrID) == null) {
			_favoriteList.push(mkrID);
		}
	}
	
	this.GetFavoriteList = function() {
		var tmpList = [];
		for (var i = 0;i < _favoriteList.length; i++) {
			var mkr = self.GetMarkerByID(_favoriteList[i]);
			tmpList.push(mkr);
		}
		return tmpList;
	}
	
	this.GetFavorite = function(mkrID) {
		for (var i = 0; i < _favoriteList.length; i++) {
			var favoriteID = _favoriteList[i];
			if (favoriteID == mkrID) {
				return self.GetMarkerByID(favoriteID);
			}
		}
		return null;
	}
	
	this.RemoveFavorite = function(id){
		for (var i = 0;i < _favoriteList.length; i++) {
			var f = _favoriteList[i];
			if (f == id) {
				_favoriteList.splice(i, 1);
				return;
			}
		}
	}

	this.SetMarkerList = function(list) {
		_markerList = list;
	}
	
	this.GetMarkerList = function() {
		return _markerList;
	}
	
	this.GetMarkerByID = function(id){
		for (var i = 0; i < _markerList.length; i++) {
			var mkr = _markerList[i];
			if (mkr.id == id) return mkr;
		}
		return null;
	}
}

/*
WebMixMap.js
Contém funções internas relacionadas com mapa
Copyright 2008 - Inspira Tecnologia e Marketing
*/
function WebMixMap(_mapDiv) {
    var self = this;
	this.mapDiv = _mapDiv;

	this.LoadMap = function() {
		if (!this.isLoaded) {
			google.load("maps", "2.x", {"callback" : self.initialize });
			isLoaded = true;
		}
	}

	this.UnloadMap = function() {
		GUnload();
	}

	this.initialize = function() {   
		if (GBrowserIsCompatible()) {
		
		    var options = {
                listingTypes : "blended",
                onMarkersSetCallback : function(markers) {
                    var iconUrl = WebMixUIDOM.GetImagePath('img/' + WebMixMap.CurrentService + '.jpg');
                    for (var i = 0; i < markers.length; i++) {
                        var marker = markers[i].marker;
                        var barnIcon = marker.getIcon();
                        barnIcon.iconSize = new GSize(32, 32);
                        barnIcon.iconAnchor = new GPoint(8, 28);
                        barnIcon.infoWindowAnchor = new GPoint(8, 0);
                        barnIcon.transparent = WebMixUIDOM.GetImagePath("img/trans.gif");
                        marker.setImage(iconUrl);
                    }
                },
                searchFormHint : "Ex: natação",
                showOnLoad : true
            };
		
			var map = new google.maps.Map2(document.getElementById("divMap"), {googleBarOptions:options});
			map.enableGoogleBar();
			map.setCenter(new GLatLng(-23.55, -46.64), WebMixMap.DEFAULT_ZOOM_LEVEL);
			map.addControl(new GMapTypeControl());
			
			self.GMap = map;

			var gdir = new GDirections(map, document.getElementById("divMapDirectionsContainer"));
			GEvent.addListener(gdir, "error", self.handleErrors);
			self.GDir = gdir;
			
			var geocoder = new GClientGeocoder();
			geocoder.setBaseCountryCode("br");
			self.GGeocoder = geocoder;
		}
	}

	this.ZoomUp = function() {
		if (self.GMap) self.GMap.zoomOut();
	}

	this.ZoomDown = function() {
		if (self.GMap) self.GMap.zoomIn();
	}

	this.GetZoomLevel = function() {
		if (typeof(self.GMap) != "undefined") {
			return self.GMap.getZoom();
		} else {
			return WebMixMap.DEFAULT_ZOOM_LEVEL;
		}
	}

	this.ClearMarkers = function() {
		if (self.GMap != null) {
			self.GMap.clearOverlays();
		}
	}

	this.FitMap = function(points) {
        var bounds = new GLatLngBounds();
        for (var i=0; i< points.length; i++) {
            bounds.extend(points[i]);
        }
        var map = self.GMap;
        map.setZoom(map.getBoundsZoomLevel(bounds));
        map.setCenter(bounds.getCenter());
    }
	
	this.DisplayMarkerList = function(markerList) {
		if (self.GMap == null) return;

	    WebMix.SetMarkerList(markerList);

	    // lista de todos os marcadores no mapa
	    var gMarkerList = [];
	    var gLatLngList = [];
	    for (i = 0; i < markerList.length; i++) {
		    var markerInfo = markerList[i];
		    var icon = new GIcon(G_DEFAULT_ICON, markerInfo.iconUrl);

		    icon.iconSize = new GSize(markerInfo.iconWidth, markerInfo.iconHeight);
		    icon.shadowSize = new GSize(markerInfo.iconWidth, markerInfo.iconHeight);
		    icon.imageMap = [0,0, markerInfo.iconWidth,0, markerInfo.iconWidth,markerInfo.iconHeight, 0,markerInfo.iconHeight];
		    var myLatLng = new GLatLng(markerInfo.latitude, markerInfo.longitude);
		    gLatLngList.push(myLatLng);
		    var marker = new GMarker(myLatLng, { title: markerInfo.name, icon: icon });
		    // gambiarra pq tem o menu superior preto por cima do mapa :(
		    //GEvent.addListener(marker, "click", function() { window.setTimeout(function(){self.GMap.panBy(new GSize(0,60))},1000) });

		    if (markerInfo.infoWindowTabs.length == 1) {
			    // has only one tab... using tabless window
			    var iwt = markerInfo.infoWindowTabs[0];
			    var moreInfo = "";
			    if (markerInfo.siteUrl != null && markerInfo.siteUrl.length > 0) {
					moreInfo = '&nbsp; <a href="' + markerInfo.siteUrl + '" target="_blank">[ver site]</a>';
			    }
			    marker.bindInfoWindowHtml('<img alt="' + iwt.title + '" src="' + WebMix.PATH + 'img/markers/map' + markerInfo.map.id + '/'+ markerInfo.id + '.jpg" /><div class="divMarkerText"><h4>'+iwt.title +'</h4>'+iwt.description + '</div><div class="divMarkerLinks"><a href="javascript:void(0)" onclick="WebMix.AddFavorite(' + markerInfo.id +')">[+ favoritos]</a> &nbsp; <a href="javascript:void(0)" onclick="WebMix.GetDirections(' + markerInfo.id + ')">[como chegar]</a> &nbsp; <a href="javascript:void(0)" onclick="WebMix.ShowServices()">[serviços]</a>' + moreInfo +  '</div> ');
		    } else if (markerInfo.infoWindowTabs.length > 1) {
			    var tabArray = new Array(markerInfo.infoWindowTabs.count);

			    for (j = 0; j < markerInfo.infoWindowTabs.length; j++) {
				    var t = markerInfo.infoWindowTabs[j];
				    tabArray[j] = new GInfoWindowTab(t.title, t.description);
			    }
			    marker.bindInfoWindowTabsHtml(tabArray);
		    }
		    self.GMap.addOverlay(marker);
		    gMarkerList.push(marker);
	    }
	    this.gMarkerList = gMarkerList;
	    this.FitMap(gLatLngList);
	}

	this.QueryServices = function(service) {
	    WebMixMap.CurrentService = service;
	    var inputSearch = getElementsByClassName('gsc-input', 'input');
        inputSearch[0].value = service;
        inputSearch[0].parentNode.parentNode.childNodes[1].firstChild.onclick();
	}

	this.PositionMap = function(address) {
		var geocoder = self.GGeocoder;

		if (geocoder) {
			geocoder.getLatLng(
				address,
				function(point) {
					if (point) {
						self.GMap.setCenter(point, WebMixMap.DEFAULT_ZOOM_LEVEL);
					}
				}
			);
		}
	}

	this.ShowDirections = function(from, to) {
		var query = "from: " + from + " to: " + to;
		//prompt(query, query);
		self.GDir.load(query ,{ "locale": "pt_BR" });
	}
	
	this.handleErrors = function(){
	   if (self.GDir.getStatus().code == G_GEO_UNKNOWN_ADDRESS)
		 WebMix.Alert("Erro", "Endereço não encontrado. Por favor tente novamente.");
	   else
	     WebMix.Alert("Erro", "Um erro não esperado ocorreu.");
	   
			WebMix.HideDirections();
		WebMixUIResize();
	}

	this.CheckResize = function() {
		if (self.GMap) self.GMap.checkResize();
	}
}

WebMixMap.DEFAULT_ZOOM_LEVEL = 13;

/*
WebMixReport.js
Armazena informações no Google Analytics
Copyright 2008 - Inspira Tecnologia e Marketing
*/

function WebMixReport(_pageTracker) {
	this.Register = function(msg, info) {
		if (typeof(_pageTracker) == "undefined") return;

		var strInfo = '';
		var i = 0;
		for (var c in info) {
			if (i > 0) strInfo += ',';
			strInfo += info[c].name + ':' + info[c].value;
			i++;
		}

		switch (msg) {
			case WebMixReport.MAP_LOADED:
				_pageTracker._trackPageview("MAP_LOADED");
				break;
			case WebMixReport.MAP_OPENED:
				_pageTracker._trackPageview("MAP_OPENED");
				break;
			case WebMixReport.MAP_MARKER_SEARCH:
				_pageTracker._trackPageview("MAP_MARKER_SEARCH(" + strInfo + ")");
				break;
			case WebMixReport.MAP_CONTEXT_SEARCH:
				_pageTracker._trackPageview("MAP_CONTEXT_SEARCH(" + info + ")");
				break;
			case WebMixReport.MAP_ROUTE_VIEW:
				_pageTracker._trackPageview("MAP_ROUTE_VIEW(" + strInfo + ")");
				break;
			case WebMixReport.MAP_ROUTE_PRINT:
				_pageTracker._trackPageview("MAP_ROUTE_PRINT(" + strInfo + ")");
				break;
			case WebMixReport.MAP_MARKER_CLICK:
				_pageTracker._trackPageview("MAP_MARKER_CLICK(" + info + ")");
				break;
			case WebMixReport.MAP_INFOWINDOW_VIEW:
				_pageTracker._trackPageview("MAP_MARKER_CLICK(" + strInfo + ")");
				break;
			case WebMixReport.MAP_GOOGLEEARTH:
				_pageTracker._trackPageview("MAP_GOOGLEEARTH");
				break;
			case WebMixReport.MAP_CLOSED:
				_pageTracker._trackPageview("MAP_CLOSED");
				break;
		}
	}
}

WebMixReport.MAP_LOADED = 1;
WebMixReport.MAP_OPENED = 2;
WebMixReport.MAP_MARKER_SEARCH = 3;
WebMixReport.MAP_CONTEXT_SEARCH = 4;
WebMixReport.MAP_ROUTE_VIEW = 5;
WebMixReport.MAP_ROUTE_PRINT = 6;
WebMixReport.MAP_MARKER_CLICK = 7;
WebMixReport.MAP_INFOWINDOW_VIEW = 8;
WebMixReport.MAP_GOOGLEEARTH = 9;
WebMixReport.MAP_CLOSED = 10;

/*
WebMixSearchJSON.js
Chama os webservices que fazem a usca de imóveis no banco de dados
Usando JSON no lugar de XML
Copyright 2008 - Inspira Tecnologia e Marketing
*/

function WebMixInfoWindowTab(title, description) {
	this.title = title;
	this.description = description;
}

function WebMixMarker(i, n) {
	this.id = i;
	this.name = n;
	this.map = new WebMixMap();

	this.toString = function() {
		var x = '';
		for (var i in this) {
			x += i + ':' + this[i] + '\n';
		}
		return x;
	}

	this.infoWindowTabs = [];
	this.addInfoWindowTab = function(title, description) {
		this.infoWindowTabs.push(new WebMixInfoWindowTab(title, description));
	}
		
	this.getGeocodeAddress = function() {
	    var addr;
	    if (this.geocodeStreet == null || this.geocodeStreet.length == 0) {
		    var strNumber = "";
		    if (typeof(this.number) != "undefined") {
			    strNumber = this.number + ",";
		    }
		    addr = this.street + "," + strNumber + this.city + "," + this.state + "," + this.country;
		} else {
		    addr = this.geocodeStreet + "," + this.city + "," + this.state + "," + this.country;
		}
		return addr;
	}
}

function WebMixSearchJSON() {
}

WebMixSearchJSON.GetMarkerCount = function(searchParameters, mapID, callback) {
    WebMixSearchJSON.JSONCallback = callback;
	var extraParams = "";

	if (typeof(searchParameters) != "undefined") {
		for (p in searchParameters) {
			var key = p;
			var value = searchParameters[p];
			if (key == 'city') continue;
			extraParams += "&" + key + "=" + value;
		}
	}
	
	var requestUrl = "http://app.inspira.com.br/WebMixRealty/DataSources/MarkerJSON.aspx?action=GetCount&Map.ID="+mapID + "&rnd=" + Math.random() + extraParams;
	//prompt(requestUrl, requestUrl);
    include(requestUrl);
}

WebMixSearchJSON.GetMarkerCountCallback = function(count) {
//    alert("Chamando count callback:" + count.MarkerCount);
    WebMixSearchJSON.JSONCallback(count.MarkerCount);
}

WebMixSearchJSON.SearchMarkers = function(searchParameters, mapID, callback) {
    WebMixSearchJSON.JSONGetListCallback = callback;
	var extraParams = "";

	if (typeof(searchParameters) != "undefined") {
		for (p in searchParameters) {
			var key = p;
			var value = searchParameters[p];
			if (key == 'city') continue;
			extraParams += "&" + key + "=" + value;
		}
	}
	
	var requestUrl = "http://app.inspira.com.br/WebMixRealty/DataSources/MarkerJSON.aspx?action=List&Map.ID="+mapID + "&rnd=" + Math.random() + extraParams;
//	prompt(requestUrl, extraParams);
    include(requestUrl);
}

WebMixSearchJSON.GetListCallback = function(list) {
	var mapList = [];

    if (list != null) {
        if (typeof(list.Markers.Marker.length) == "undefined") {
            mapList.push(getMarker(list.Markers.Marker));
        }

	    for (var i = 0; i < list.Markers.Marker.length; i++) {
	        var jsonMarker = list.Markers.Marker[i];
		    mapList.push(getMarker(jsonMarker));
	    }
	}
    WebMixSearchJSON.JSONGetListCallback(mapList);
}

function getMarker(jsonMarker) {
	var marker = new WebMixMarker();
	marker.id = jsonMarker["ID"];   
	marker.map.id = jsonMarker["Map.ID"];
	marker.name = jsonMarker["Name"];
	marker.latitude = jsonMarker["Latitude"];
	marker.longitude = jsonMarker["Longitude"];
	marker.street = jsonMarker["Street"];
	marker.geocodeStreet = jsonMarker["GeocodeStreet"];
	if (jsonMarker["Number"] != null)
		marker.number = jsonMarker["Number"];
	if (jsonMarker["Complement"] != null)
		marker.complement = jsonMarker["Complement"];
	marker.city = jsonMarker["City"];
	if (jsonMarker["State"] != null)
		marker.state = jsonMarker["State"];
	marker.country = jsonMarker["Country"];
	if (jsonMarker["IconUrl"] != null)
		marker.iconUrl = jsonMarker["IconUrl"];
	marker.iconWidth = jsonMarker["IconWidth"];
	marker.iconHeight = jsonMarker["IconHeight"];
	marker.price = jsonMarker["Price"];
	if (jsonMarker["Dorms"] != null)
		marker.dorms = jsonMarker["Dorms"];
	marker.garages = jsonMarker["Garages"];
	marker.area = jsonMarker["Area"];
	marker.type = jsonMarker["Type"];
	marker.stage = jsonMarker["Stage"];
	marker.siteUrl = jsonMarker["SiteUrl"];
	marker.suitedFor = jsonMarker["SuitedFor"];

	var xmlInfoWindowTabList = jsonMarker["InfoWindowTabs"];

	if (typeof(xmlInfoWindowTabList.length) == "undefined") {
	    marker.addInfoWindowTab(
			xmlInfoWindowTabList["Title"],
			xmlInfoWindowTabList["Description"]
		);
	}
	for (var j = 0; j < xmlInfoWindowTabList.length; j++) {
		marker.addInfoWindowTab(
			xmlInfoWindowTabList[j]["Title"],
			xmlInfoWindowTabList[j]["Description"]
		);
	}
	return marker;
}

/*
WebMixSearchParameters.js
Entidade que armazena os parâmetros de busca, passando da interface com o usuário até a função de busca
Copyright 2008 - Inspira Tecnologia e Marketing
*/
function WebMixSearchParameters(type) {
    var self = this;
}



/*
WebMixUI.js
Funções relacionadas a interface com o usuário
Copyright 2008 - Inspira Tecnologia e Marketing
*/
function WebMixUI(type) {
	var self = this;

	this.Load = function() {
		self.IsLoaded = false;
	}

    this.ShowPopupLayer = function() {
        this.ShowGeneric();
    }

    this.ShowOnDiv = function(divID) {
        this.ShowGeneric(divID);
    }

	/*
	Display UI elements
	*/
	this.ShowGeneric = function(divID) {
		if (self.IsLoaded == false) {
			WebMixUIDOM.LoadDom(self, divID);
			self.IsLoaded = true;

		    document.getElementById('divOverflow').style['display'] = 'block';
		    document.getElementById('divMapOverlay').style['display'] = 'block';
		    document.getElementById('divMapBox').style['display'] = 'block';
		    document.getElementById('divMapInfo').style['display'] = 'none';
		    document.body.style['overflow'] = 'hidden';

		    this.HideFavorites();
		    this.HideServices();
		    this.HideDirections();

		    document.getElementById('icoFavorites').style['display'] = 'none';
		    document.getElementById('icoServices').style['display'] = 'none';
		    document.getElementById('icoDirections').style['display'] = 'none';

		    if (document.style != null) {
			    document.style['overflow'] = 'hidden';
		    }

	        // Mostra wizard no centro da tela
	        self.ShowWizard();

		    if (document.all) {
		        addEvent(window, "resize", WebMixUIResize);
		    } else {
		        window.onresize = WebMixUIResize;
		    }
		} else {
		    document.getElementById('divOverflow').style['display'] = 'block';
		    document.getElementById('divMapBox').style['display'] = 'block';

            WebMixUIResize();
		}


	}

	this.ShowWizard = function() {
        // divMapWizard: contém os elementos de busca do mapa (beta 1)
        var divMapWizard = document.getElementById("divMapWizard");
/*        var divMapWizardClone = divMapWizard.cloneNode(true);
        divMapWizard.parentNode.removeChild(divMapWizard);*/

        divMapWizard.style['display'] = 'inline';
        // padrão:
        document.getElementById('City1').selectedIndex = 0;
/*
        // adiciona wizard no mapa
		document.getElementById('divMapBox').appendChild(divMapWizardClone);*/

		// mostra passo 1 do wizard
	    this.ShowWizardStep(1);
	}

	/*
	Hide UI elements
	*/
	this.HidePopupLayer = function() {
		document.getElementById('divMapInfo').style.display = 'none';
		document.getElementById('divMapFavorites').style.display = 'none';
		document.getElementById('divMapServices').style.display = 'none';
		document.getElementById('divMapDirections').style.display = 'none';
		document.getElementById('divOverflow').style.display = 'none';
		document.getElementById('divMapBox').style.display = 'none';
		document.body.style.overflow='auto';

		//window.onresize = self.oldOnResize;
	}
	/*
	Hide UI elements
	*/
	this.MinimizePopupLayer = function() {
		document.getElementById('divOverflow').style.display = 'none';
		document.getElementById('divMapBox').style.display = 'none';
		document.body.style.overflow='auto';
	}

	/*
	Expose the map div container in order to insert the GMap2 object into it (WebMixMap.js)
	*/
	this.GetMapDiv = function() {
		return document.getElementById('divMap');
	}

    /*
    Controls the wizard steps flow
    */
    this.ShowWizardStep = function(step) {
        var nextStep = step + 1;
        var prevStep = step - 1;

        var divWizardPrev = document.getElementById("divMapWizardStep" + prevStep);
        var divWizardNext = document.getElementById("divMapWizardStep" + nextStep);
        if (divWizardPrev != null) divWizardPrev.style['display'] = 'none';
        if (divWizardNext != null) divWizardNext.style['display'] = 'none';

        var divWizardStep = document.getElementById("divMapWizardStep" + step);
        if (typeof(divWizardStep) != "undefined" && divWizardStep != null) {
            divWizardStep.style['display'] = 'inline';

            var btnWizardNext = document.getElementById("btnMapWizard" + step + "_Next");
            var btnWizardPrev = document.getElementById("btnMapWizard" + step + "_Prev");
            var btnWizardFinish = document.getElementById("btnMapWizardFinish");

            if (btnWizardNext != null) {
                btnWizardNext.onclick = function() { self.ShowWizardStep(nextStep); }
            }

            if (btnWizardPrev != null) {
                btnWizardPrev.onclick = function() { self.ShowWizardStep(prevStep); }
            }

            if (btnWizardFinish != null) {
                btnWizardFinish.onclick = function() {
					alert(divWizardStep);
					divWizardStep.style['display'] = 'none';
					WebMix.DoSearchInternal(self.GetMapParameters(), self.EndSearch);
				}
            }
        }
    }

    this.GetMapParameters = function() {
        // Get search parameters
        var divMapWizard = document.getElementById('divMapWizard');
        var mapParameters = [];
        self.FindMapParameters(divMapWizard, mapParameters);
		return mapParameters;
    }

    /*
    Get the marker list and pass it to the map
    */
    this.EndSearch = function(_markerList) {
        // Search has ended. Now the map can be shown
        document.getElementById('divMapWizard').style['display'] = 'none';
        document.getElementById('divMapOverlay').style['display'] = 'none';
	    document.getElementById('divMapInfo').style['display'] = 'block';

	    document.getElementById('icoFavorites').style['display'] = 'block';
	    document.getElementById('icoServices').style['display'] = 'block';
	    document.getElementById('icoDirections').style['display'] = 'block';

        WebMix.ReloadMap(_markerList);
        self.ShowZoomLevel();

		WebMixUI.Loading(false, 'search');
		WebMixUIResize();
    }

    this.FindMapParameters = function(domElement, mapParameters) {
        for (var i = 0; i < domElement.childNodes.length; i++) {
            var childNode = domElement.childNodes[i];
            if (childNode.type != null && childNode.type != 'button' && childNode.type != 'submit') {
                mapParameters.push( { name: childNode.id, value: childNode.value } );
            } else {
                self.FindMapParameters(childNode, mapParameters);
            }
        }
    }

    this.UpdateFavoriteList = function() {
		var divMapFavorites = document.getElementById('divMapFavoritesContainer');
		divMapFavorites.innerHTML = '';
		var favoriteList = WebMix.GetFavoriteList();

		document.getElementById('divMapFavoritesText').style['display'] = (favoriteList.length > 0) ? 'none' : 'block';
		document.getElementById('divMapFavoritesContainer').style['display'] = (favoriteList.length > 0) ? 'block' : 'none';

		for (var i = 0; i < favoriteList.length; i++) {
			var mkr = favoriteList[i];

			var divMapFavoritesItem = document.createElement('div');
			divMapFavoritesItem.className = 'divMapFavoritesItem';
			var spnMapFavoritesItem = document.createElement('span');
			spnMapFavoritesItem.className = 'spnMapFavoritesItem';
			spnMapFavoritesItem.appendChild(document.createTextNode(mkr.name));
			divMapFavoritesItem.appendChild(spnMapFavoritesItem);
			divMapFavoritesItem.appendChild(document.createElement('br'));
			divMapFavoritesItem.appendChild(document.createTextNode(mkr.dorms + ' dormitórios'));
			divMapFavoritesItem.appendChild(document.createElement('br'));
			divMapFavoritesItem.appendChild(document.createTextNode(mkr.city));
			divMapFavoritesItem.appendChild(document.createElement('br'));

			if (mkr.siteUrl != null && mkr.siteUrl.length > 0) {
				lnkMaisDetalhes = document.createElement('a');
				lnkMaisDetalhes.className = 'lnkMaisDetalhes';
				lnkMaisDetalhes.href = mkr.siteUrl;
				lnkMaisDetalhes.target = '_blank';
				lnkMaisDetalhes.appendChild(document.createTextNode('Mais detalhes'));
				divMapFavoritesItem.appendChild(lnkMaisDetalhes);

				divMapFavoritesItem.appendChild(document.createTextNode('     '));
			}

			lnkApagar = document.createElement('a');
			lnkApagar.className = 'lnkApagar';
			lnkApagar.href = 'javascript: WebMix.RemoveFavorite(' + mkr.id + '); void(0);';

			lnkApagar.appendChild(document.createTextNode('Apagar'));
			divMapFavoritesItem.appendChild(lnkApagar);

			divMapFavorites.appendChild(divMapFavoritesItem);
		}
	}

	this.GetDirectionsFrom = function() {
		var end = prompt('Digite o endereço de origem', 'Av. Paulista, 1000');
		return end;
	}

	this.SetVisibility = function(id, disp) {
		var div = document.getElementById('divMap' + id);
		var ico = document.getElementById('ico' + id);
		var icoOn = document.getElementById('ico' + id + 'On');

		div.style['display'] = disp ? 'block' : 'none';
		ico.style['display'] = disp ? 'none' : 'block';
		icoOn.style['display'] = disp ? 'block' : 'none';
	}

	this.ShowFavorites = function() {
		self.SetVisibility('Favorites', true);
		self.SetVisibility('Services', false);
		self.SetVisibility('Directions',false);
	}

	this.ShowServices = function() {
		self.SetVisibility('Favorites', false);
		self.SetVisibility('Services', true);
		self.SetVisibility('Directions',false);
	}

	this.ShowDirections = function(firstTime) {
		document.getElementById('divMapDirectionsText').style['display'] = firstTime ? 'none' : 'block';
		document.getElementById('divMapDirectionsContainer').style['display'] = firstTime ? 'block' : 'none';

		self.SetVisibility('Favorites', false);
		self.SetVisibility('Services', false);
		self.SetVisibility('Directions',true);
	}

	this.HideFavorites = function() {
		self.SetVisibility('Favorites', false);
	}

	this.HideServices = function() {
		self.SetVisibility('Services', false);
	}

	this.HideDirections = function() {
		self.SetVisibility('Directions',false);
	}

	this.ShowZoomLevel = function() {
		var zoomLevel = WebMix.GetZoomLevel();
		document.getElementById('divZoomLevelText').innerHTML = 'Zoom';
	}

	this.SetDefaultState = function() {
	}
}

WebMixUI.POPUP = 1;

/* Habilita / desabilita o overlay "carregando".
 *
  * Antes de iniciar a carregar algum elemento, chamar a função com parâmetro true. Ao terminar de carregar o elemento, chamar com parâmetro false.
 */
WebMixUI.NumLoadingElements = 0;
WebMixUI.Loading = function (status, elem) {
    //if (WebMix.IsIE6) return;
    printHash(elem);

enxalog('>>> START');
	if(status) {
enxalog('one more to load');
	    WebMixUI.NumLoadingElements++;
enxalog('added: ' + WebMixUI.NumLoadingElements + ' total');
		// enable loading canvas
		if(WebMixUI.NumLoadingElements==1) {
enxalog('Enabling loading canvas...');
			if (document.getElementById('divLoading') != null) {
enxalog('...really enabling it');
				document.getElementById('divLoading').style['display'] = 'block';
				// dirty trick exclusive for IE6
				var selectList = document.getElementsByTagName('select');
				for (var i = 0; i < selectList.length; i++) {
					var s = selectList[i];
					s.style.display = 'none';
				}
			}
		}
	} else {
enxalog('one less to load');
		if(WebMixUI.NumLoadingElements>0) {
			WebMixUI.NumLoadingElements--;
		}
enxalog('removed: ' + WebMixUI.NumLoadingElements + ' total');
		// disable loading canvas
		if(WebMixUI.NumLoadingElements==0) {
enxalog('Disabling loading canvas...');
			if (document.getElementById('divLoading') != null) {
enxalog('...really disabling it');
				document.getElementById('divLoading').style['display'] = 'none';
			    // dirty trick exclusive for IE6
		        var selectList = document.getElementsByTagName('select');
			    for (var i = 0; i < selectList.length; i++) {
			        var s = selectList[i];
				    s.style.display = 'block';
			    }
			}
		}
	}
enxalog('<<< END');
}
/* hack do enxaqueca */
loadlogdiv = false;
function enxalog(msg) {
    return;
	if(loadlogdiv) {
		loadlogdiv = false;
		var divlog = document.createElement('div');
		divlog.id = 'divlog';
		document.body.appendChild(divlog);
	}
	var divlog = document.getElementById('divlog');
	var spanmsg = document.createElement('span');
	spanmsg.appendChild(document.createTextNode(msg));
	divlog.appendChild(spanmsg);
	var br = document.createElement('br');
	divlog.appendChild(br);
}

WebMixUI.Hash = new Object();
function printHash(elem) {
    if (WebMixUI.Hash[elem] != 1) {
        //enxalog('>>> start load:' + elem);
        WebMixUI.Hash[elem] = 1;
    } else {
        //enxalog('>>> finish load:' + elem);
        WebMixUI.Hash[elem] = 0;
    }

	//Debug: imprime hash
	for (var i in WebMixUI.Hash)
    {
        enxalog(' *** WebMixUI.Hash[\''+i+'\'] is ' + WebMixUI.Hash[i]);
    }
}

/* hack do enxaqueca */
function WebMixUIResize() {
	var w = document.body.offsetWidth - 40;
	if(w<705) { w=705; };
	var h = document.body.offsetHeight - 40;
	if(h<350) { h=350; };

	var divMapBox = document.getElementById('divMapBox');
	divMapBox.style.width = w + 'px';
	divMapBox.style.height = h + 'px';

	var divMapOverlay = document.getElementById('divMapOverlay');
	divMapOverlay.style.width = w - 20 + 'px';
	divMapOverlay.style.height = h - 20 + 'px';

	var divMapInfo = document.getElementById('divMapInfo');
	divMapInfo.style.width = w - 20 + 'px';

	var divMapFavorites = document.getElementById('divMapFavorites');
	divMapFavorites.style.height = h - 20 + 'px';

	var divMapFavoritesContainer = document.getElementById('divMapFavoritesContainer');
	divMapFavoritesContainer.style.height = h - 140 + 'px';

	var divMapServices = document.getElementById('divMapServices');
	divMapServices.style.width = w - 20 + 'px';

	var divMapDirections = document.getElementById('divMapDirections');
	divMapDirections.style.height = h - 20 + 'px';

	var imgInspiraLogoLink = document.getElementById('imgInspiraLogoLink');
	if(divMapDirections.style.display=='block') {
	  imgInspiraLogoLink.style.right = '287px';
	} else {
	  imgInspiraLogoLink.style.right = '12px';
	}
	if(divMapServices.style.display=='block') {
	  imgInspiraLogoLink.style.bottom = '112px';
	} else {
	  imgInspiraLogoLink.style.bottom = '25px';
	}

	var divMap = document.getElementById('divMap');
	var mw = w - 20;
	if(divMapFavorites.style.display=='block') {
		divMap.style.left = '160px';
		divMap.style.width = mw - 150 + 'px';
	} else {
		if(divMapDirections.style.display=='block') {
			divMap.style.left = '10px';
			divMap.style.width = mw - 275 + 'px';
		} else {
			divMap.style.left = '10px';
			divMap.style.width = mw + 'px';
		};
	};

	var mh = h - 20;
	if(divMapInfo.style.display=='block') {
		if(divMapServices.style.display=='block') {
			divMap.style.height = mh - 47 - 87 + 'px';
		} else {
			divMap.style.height = mh - 47 + 'px';
		};
		divMap.style.top = '57px';
	} else {
		divMap.style.height = mh + 'px';
		divMap.style.top = '10px';
	}
	WebMix.CheckResize();
}


/*
WebMixUIDOM.js
Funções relacionadas a interface com o usuário
Copyright 2008 - Inspira Tecnologia e Marketing
*/
function WebMixUIDOM() {

}

WebMixUIDOM.GetRegion = function(idx) {
    return WebMixUIDOM.GetRegionList()[idx];
}

WebMixUIDOM.GetRegionList = function() {
	// TODO: criar WebMixConfig.js e colocar essas e outras configs lá
	var regions = [
		['', 'Escolha uma região'],
		['Praça da Sé, São Paulo - SP', 'São Paulo - Centro', 'CENTRO'],
		['Penha, São Paulo - SP', 'São Paulo - Zona Leste', 'LESTE'],
		['Tucuruvi, São Paulo - SP', 'São Paulo - Zona Norte', 'NORTE'],
		['Jaguaré, São Paulo - SP ', 'São Paulo - Zona Oeste', 'OESTE'],
		['Jabaquara, São Paulo - SP', 'São Paulo - Zona Sul', 'SUL'],
		['Cotia, SP, Brasil', 'Cotia', 'COTIA'],
		['Guarulhos, SP, Brasil', 'Guarulhos', 'GUARULHOS'],
		['Jundiaí, SP, Brasil', 'Jundiaí', 'JUNDIAI'],
		['Cajamar, SP, Brasil', 'Cajamar', 'CAJAMAR']
	];
	return regions;
}

WebMixUIDOM.GetTypeList = function(suitedFor) {
	var types = [];
	types.push(['', 'Todos os subtipos', '']);

	if (!suitedFor || suitedFor == 'R') {
		types.push(['A', 'Apartamento', 'R']);
		types.push(['R', 'Casa (Condomínio)', 'R']);
		types.push(['L', 'Casa (Avulsa)', 'R']);
	}

	if (!suitedFor || suitedFor == 'C') {
		types.push(['C', 'Conjunto comercial', 'C']);
	}

	return types;
}
WebMixUIDOM.GetSuitedForList = function() {
	var types = [
		['', 'Todos os tipos'],
		['R', 'Residencial'],
		['C', 'Comercial']
	];
	return types;
}

WebMixUIDOM.GetAreaList = function() {
	var areas = [
		['', 'Todas as áreas'],
		['30,45', 'de 30 a 45 m²'],
		['45,60', 'de 45 a 60 m²'],
		['60,90', 'de 60 a 90 m²'],
		['90,120', 'de 90 a 120 m²'],
		['120,200', 'de 120 a 200 m²'],
		['200', '200 m² ou mais']
	];
	return areas;
}
WebMixUIDOM.GetDormsList = function() {
	var dorms = [
		['', 'Dormitórios'],
		['1,2', '1 ou 2 dormitórios'],
		['2,3', '2 ou 3 dormitórios'],
		['3,4', '3 ou mais dormitórios']
	];
	return dorms;
}

/*
Preload UI elements
*/
WebMixUIDOM.LoadDom = function(webMixUI, divID) {
	var w = document.body.offsetWidth - 40;
	if(w<705) { w=705; };
	var h = document.body.offsetHeight - 40;
	if(h<350) { h=350; };

	// divMapBox: "moldura" que contém o mapa
	var divMapBox = document.createElement('div');
	divMapBox.id = 'divMapBox';
	divMapBox.style.width = w + 'px';
	divMapBox.style.height = h + 'px';

	// se foi passado um DIV, monta o WEbMix no DIV
	if (typeof(divID) != "undefined") {
	    document.getElementById(divID).appendChild(divMapBox);
	} else {
	    document.body.appendChild(divMapBox);
	}

    // divOverflow: efeito fundo cinza transparente (nao tem quando eh popup)
    var divOverflow = document.createElement('div');
    divOverflow.id = 'divOverflow';
    document.body.appendChild(divOverflow);

	// div que aparece quando algo está sendo processado
	var divLoading = document.createElement('div');
	divLoading.id = 'divLoading';
	divMapBox.appendChild(divLoading);

	// divMap: div que contém o mapa propriamente dito (GMap2)
	var divMap = document.createElement('div');
	divMap.id = 'divMap';
	divMap.style.width = w - 20 + 'px';
	divMap.style.height = h - 20 + 'px';

	// divMapOverlay: camada cinza com opacidade por cima do mapa
	var divMapOverlay = document.createElement('div');
	divMapOverlay.id = 'divMapOverlay';
	divMapOverlay.style.width = w - 20 + 'px';
	divMapOverlay.style.height = h - 20 + 'px';

	var imgWebMixLogo = document.createElement('img');
	imgWebMixLogo.id = 'imgWebMixLogo';
	WebMixUI.Loading(true,'imgWebMixLogo');
	imgWebMixLogo.onload = function () { WebMixUI.Loading(false,'imgWebMixLogo'); };
	imgWebMixLogo.src = WebMixUIDOM.GetImagePath('img/imgWebMixLogo.png');

    var imgTrans = document.createElement('img');
	WebMixUI.Loading(true, 'imgTrans');
	imgTrans.onload = function () { WebMixUI.Loading(false, 'imgTrans'); };
    imgTrans.src = WebMixUIDOM.GetImagePath('img/trans.gif');

	var imgInspiraLogoLink = document.createElement('a');
	imgInspiraLogoLink.href = 'http://www.inspira.com.br/';
	imgInspiraLogoLink.id = 'imgInspiraLogoLink';
	imgInspiraLogoLink.target = '_blank';
	imgInspiraLogoLink.style.bottom = '25px';
	imgInspiraLogoLink.style.right = '12px';

	var imgInspiraLogo = document.createElement('img');
	imgInspiraLogo.id = 'imgInspiraLogo';
	//WebMixUI.Loading(true, 'imgInspiraLogo');
	//imgInspiraLogo.onload = function () { WebMixUI.Loading(false, 'imgInspiraLogo'); };
	imgInspiraLogo.src = WebMixUIDOM.GetImagePath('img/inspira.png');

	var imgHelp = document.createElement('img');
	WebMixUI.Loading(true, 'imgHelp');
	imgHelp.onload = function () { WebMixUI.Loading(false, 'imgHelp'); };
	imgHelp.src = WebMixUIDOM.GetImagePath('img/imgHelp.gif');
	imgHelp.id = 'imgHelp';
	imgHelp.onclick = function() {
		WebMixUIDOM.ShowHelpBox();
	}

	// divMapInfo: contém área de informações do mapa
	var divMapInfo = document.createElement('div');
	divMapInfo.id = 'divMapInfo';

		//  imgWebMixLogo
		divMapInfo.appendChild(imgWebMixLogo);

		// divMapZoom: controle de zoom
		var divMapZoom = document.createElement('div');
		divMapZoom.id = 'divMapZoom';
		divMapInfo.appendChild(divMapZoom);

			// imgZoomDown
			var imgZoomDown = document.createElement('img');
			imgZoomDown.id = 'imgZoomDown';
			imgZoomDown.src = WebMixUIDOM.GetImagePath('img/imgZoomDown.gif');
			imgZoomDown.onclick = function() {
				WebMix.ZoomUp();
			}
			divMapZoom.appendChild(imgZoomDown);

			// divZoomLevelText
			var divZoomLevelText = document.createElement('div');
			divZoomLevelText.id = 'divZoomLevelText';
			divZoomLevelText.appendChild(document.createTextNode('...'));
			divMapZoom.appendChild(divZoomLevelText);

			// imgZoomUp
			var imgZoomUp = document.createElement('img');
			imgZoomUp.id = 'imgZoomDown';
			imgZoomUp.src = WebMixUIDOM.GetImagePath('img/imgZoomUp.gif');
			imgZoomUp.onclick = function() {
				WebMix.ZoomDown();
			}
			divMapZoom.appendChild(imgZoomUp);

	var selType = new WebMixUIMenu('selType');
    var selArea = new WebMixUIMenu('selArea');
    var selDorms = new WebMixUIMenu('selDorms');
	var selSuitedFor = new WebMixUIMenu('selSuitedFor');
    var selRegion = new WebMixUIMenu('selRegion');

    WebMixUIDOM.SelType = selType;
    WebMixUIDOM.SelArea = selArea;
    WebMixUIDOM.SelDorms = selDorms;
    WebMixUIDOM.SelSuitedFor = selSuitedFor;
    WebMixUIDOM.SelRegion = selRegion;

//	divMapInfo.appendChild(selRegion);
    selRegion.DataSource = WebMixUIDOM.GetRegionList();
    selRegion.Show(divMapInfo);
    selRegion.OnChange = WebMixUIDOM.UpdateMarkers;

	//divMapInfo.appendChild(selSuitedFor);
    selSuitedFor.DataSource = WebMixUIDOM.GetSuitedForList();
    selSuitedFor.Show(divMapInfo);
    selSuitedFor.OnChange = WebMixUIDOM.UpdateMarkers;

	//divMapInfo.appendChild(selType);
    selType.DataSource = WebMixUIDOM.GetTypeList();
    selType.Show(divMapInfo);
    selType.OnChange = WebMixUIDOM.UpdateMarkers;

	//divMapInfo.appendChild(selArea);
    selArea.DataSource = WebMixUIDOM.GetAreaList();
    selArea.Show(divMapInfo);
    selArea.OnChange = WebMixUIDOM.UpdateMarkers;

	//divMapInfo.appendChild(selDorms);
    selDorms.DataSource = WebMixUIDOM.GetDormsList();
    selDorms.Show(divMapInfo);
    selDorms.OnChange = WebMixUIDOM.UpdateMarkers;

    // botao minimizar nao deve aparecer quando webmix nao for aberto como layer
    if (typeof(divID) == "undefined") {
	    var imgMinimize = document.createElement('img');
	    WebMixUI.Loading(true, 'imgMinimize');
	    imgMinimize.onload = function () { WebMixUI.Loading(false, 'imgMinimize'); };
	    imgMinimize.src = WebMixUIDOM.GetImagePath('img/imgMinimize.gif');
	    imgMinimize.id = 'imgMinimize';
	    imgMinimize.title = 'Minimizar o mapa e voltar ao site';
	    imgMinimize.alt = imgMinimize.title;
	    imgMinimize.onclick = function() {
		    WebMix.MinimizeWindow();
	    }
	    divMapInfo.appendChild(imgMinimize);
    }


	divMapInfo.appendChild(imgHelp);
	divMapInfo.style.width = w - 20 + 'px';

	var divMapFavorites = document.createElement('div');
	divMapFavorites.id = 'divMapFavorites';
	divMapFavorites.style.height = h - 20 + 'px';

	var divMapFavoritesText = document.createElement('div');
	divMapFavoritesText.id = 'divMapFavoritesText';
	divMapFavoritesText.innerHTML = 'Não há nenhum imóvel selecionado.<br />Para adicionar um favorito, escolha um imóvel no mapa e clique na opção "[+ favoritos]"';

	var divMapFavoritesContainer = document.createElement('div');
	divMapFavoritesContainer.id = 'divMapFavoritesContainer';

	var imgFavorites = document.createElement('img');
	imgFavorites.id = 'imgFavorites';
	imgFavorites.alternateText = 'Aqui você reserva os imóveis que vocë mais gostou, para consultá-los quando quiser';
	WebMixUI.Loading(true, 'imgFavorites');
	imgFavorites.onload = function () { WebMixUI.Loading(false, 'imgFavorites'); };
	imgFavorites.src = WebMixUIDOM.GetImagePath('img/favoritos.png');

	var icoFavorites = document.createElement('img');
	icoFavorites.id = 'icoFavorites';
	icoFavorites.alternateText = 'Aqui você reserva os imóveis que vocë mais gostou, para consultá-los quando quiser';
	WebMixUI.Loading(true, 'icoFavorites');
	icoFavorites.onload = function () { WebMixUI.Loading(false, 'icoFavorites'); };
	icoFavorites.src = WebMixUIDOM.GetImagePath('img/iconefavoritos.png');
	icoFavorites.onclick = function() {
		webMixUI.ShowFavorites();
		webMixUI.UpdateFavoriteList();
		WebMixUIResize();
	}

	var icoFavoritesOn = document.createElement('img');
	icoFavoritesOn.id = 'icoFavoritesOn';
	WebMixUI.Loading(true, 'icoFavoritesOn');
	icoFavoritesOn.onload = function () { WebMixUI.Loading(false, 'icoFavoritesOn'); };
	icoFavoritesOn.src = WebMixUIDOM.GetImagePath('img/icoFavoritesOn.png');
	icoFavoritesOn.onclick = function() {
		webMixUI.HideFavorites();
		WebMixUIResize();
	}

	var divMapServices = document.createElement('div');
	divMapServices.id = 'divMapServices';
	divMapServices.style.width = w - 20 + 'px';

    var divAllServices = document.createElement('div');
    divAllServices.id = 'divAllServices';
	divMapServices.appendChild(divAllServices);

	var imgHospitals = imgTrans.cloneNode(true);
	imgHospitals.id = 'imgHospitals';
	imgHospitals.onclick = function() { WebMix.QueryServices("hospital"); }

	var imgSupermarkets = imgTrans.cloneNode(true);
	imgSupermarkets.id = 'imgSupermarkets';
	imgSupermarkets.onclick = function() { WebMix.QueryServices("supermercado"); }

	var imgShoppings = imgTrans.cloneNode(true);
	imgShoppings.id = 'imgShoppings';
	imgShoppings.onclick = function() { WebMix.QueryServices("shopping"); }

	var imgTransport = imgTrans.cloneNode(true);
	imgTransport.id = 'imgTransport';
	imgTransport.onclick = function() { WebMix.QueryServices("transporte"); }

	var imgBanks = imgTrans.cloneNode(true);
	imgBanks.id = 'imgBanks';
	imgBanks.onclick = function() { WebMix.QueryServices("banco"); }

	divAllServices.appendChild(imgHospitals);
	divAllServices.appendChild(imgSupermarkets);
	divAllServices.appendChild(imgTransport);
	divAllServices.appendChild(imgBanks);
	divAllServices.appendChild(imgShoppings);

	var icoServices = document.createElement('img');
	icoServices.id = 'icoServices';
	icoServices.alternateText = 'Aqui você reserva os serviços e atrativos de cada bairro, direto no mapa';
	WebMixUI.Loading(true, 'icoServices');
	icoServices.onload = function () { WebMixUI.Loading(false, 'icoServices'); };
	icoServices.src = WebMixUIDOM.GetImagePath('img/iconeservicos.png');
	icoServices.onclick = function() {
		webMixUI.ShowServices();
		WebMixUIResize();
	}

	var icoServicesOn = document.createElement('img');
	icoServicesOn.id = 'icoServicesOn';
	WebMixUI.Loading(true, 'icoServicesOn');
	icoServicesOn.onload = function () { WebMixUI.Loading(false, 'icoServicesOn'); };
	icoServicesOn.src = WebMixUIDOM.GetImagePath('img/icoServicesOn.png');
	icoServicesOn.onclick = function() {
		webMixUI.HideServices();
		WebMixUIResize();
	}

	var divMapDirections = document.createElement('div');
	divMapDirections.id = 'divMapDirections';
	divMapDirections.style.height = h - 20 + 'px';

	var divMapDirectionsText = document.createElement('div');
	divMapDirectionsText.id = 'divMapDirectionsText';
	divMapDirectionsText.innerHTML = 'Para traçar rotas para algum imóvel, escolha-o no mapa e utilize a opção "como chegar".<br />Você precisará informar apenas o endereço de origem.';
	divMapDirections.appendChild(divMapDirectionsText);

	var divMapDirectionsContainer = document.createElement('div');
	divMapDirectionsContainer.id = 'divMapDirectionsContainer';
	divMapDirections.appendChild(divMapDirectionsContainer);


	var icoDirections = document.createElement('img');
	icoDirections.id = 'icoDirections';
	icoDirections.alternateText = 'Trace rotas para onde você quiser, facilitando a vida';
	WebMixUI.Loading(true, 'icoDirections');
	icoDirections.onload = function () { WebMixUI.Loading(false, 'icoDirections'); };
	icoDirections.src = WebMixUIDOM.GetImagePath('img/iconerotas.png');
	icoDirections.onclick = function() {
		webMixUI.ShowDirections();
		WebMixUIResize();
	}

	var icoDirectionsOn = document.createElement('img');
	icoDirectionsOn.id = 'icoDirectionsOn';
	WebMixUI.Loading(true, 'icoDirectionsOn');
	icoDirectionsOn.onload = function () { WebMixUI.Loading(false, 'icoDirectionsOn'); };
	icoDirectionsOn.src = WebMixUIDOM.GetImagePath('img/icoDirectionsOn.png');
	icoDirectionsOn.onclick = function() {
		webMixUI.HideDirections();
		WebMixUIResize();
	}

	// divMapContainer: contém o mapa e a área de informações
	var divMapContainer = document.createElement('div');
	divMapContainer.id = 'divMapContainer';

	// logo Inspira
	divMapBox.appendChild(imgInspiraLogoLink);
	imgInspiraLogoLink.appendChild(imgInspiraLogo);

	// adiciona mapa no container
	divMapBox.appendChild(divMap);
	divMapBox.appendChild(divMapOverlay);
	divMapBox.appendChild(WebMixUIDOM.GetMapWizard(webMixUI));

	// adiciona área de informações no container
	divMapBox.appendChild(divMapInfo);

    // fechar janela nao deve aparecer quando o webmix nao for um layer
    if (!divID) {
	    var divCloseWindow = document.createElement('div');
	    divCloseWindow.id = 'divCloseWindow';
	    divCloseWindow.onclick = function() { WebMix.HideWindow() };
	    divCloseWindow.appendChild(document.createTextNode('X'));
	    divMapBox.appendChild(divCloseWindow);
    }

	divMapFavorites.appendChild(imgFavorites);
	divMapFavorites.appendChild(divMapFavoritesText);
	divMapFavorites.appendChild(divMapFavoritesContainer);
	divMapBox.appendChild(icoFavorites);
	divMapBox.appendChild(icoFavoritesOn);
	divMapBox.appendChild(divMapFavorites);

	//divMapFavorites.appendChild(imgServiceos);
	divMapBox.appendChild(icoServices);
	divMapBox.appendChild(icoServicesOn);
	divMapBox.appendChild(divMapServices);

	divMapBox.appendChild(icoDirections);
	divMapBox.appendChild(icoDirectionsOn);
	divMapBox.appendChild(divMapDirections);

	// adiciona container dentro da moldura
	// divMapBox.appendChild(divMapContainer);

	// map overlay para escurecer / proteger mapa quando inativo
	divMapBox.appendChild(divMapOverlay);

	/*var imgLoading = document.createElement('img');
	imgLoading.id = 'imgLoading';
	imgLoading.alt = 'Carregando...';
	imgLoading.src = 'img/carregando2.gif';
    divLoading.appendChild(imgLoading);*/
}

WebMixUIDOM.GetMapWizard = function(webMixUI) {
    var imgTrans = document.createElement('img');
    WebMixUI.Loading(true, 'imgTrans');
    imgTrans.onload = function () { WebMixUI.Loading(false, 'imgTrans'); };
    imgTrans.src = WebMixUIDOM.GetImagePath('img/trans.gif');

	var divMapWizard = document.createElement('div');
	divMapWizard.id = 'divMapWizard';
	divMapWizard.style['display'] = 'none';

	var divMapWizardStep1 = document.createElement('div');
	divMapWizardStep1.id = 'divMapWizardStep1';
	divMapWizardStep1.className = 'clsMapWizardStep';
	divMapWizard.appendChild(divMapWizardStep1);

	var alImg1 = document.createElement('span');
	alImg1.id = 'alImg1';
	divMapWizardStep1.appendChild(alImg1);

	var imgMapWizardStep1 = document.createElement('img');
	imgMapWizardStep1.id = 'imgMapWizardStep1';
	WebMixUI.Loading(true, 'imgMapWizardStep1');
	imgMapWizardStep1.onload = function () { WebMixUI.Loading(false, 'imgMapWizardStep1'); };
	imgMapWizardStep1.src = WebMixUIDOM.GetImagePath('img/wizard1_24.png');
	imgMapWizardStep1.alt = 'Encontre seu imóvel ideal com o WebMix';
	alImg1.appendChild(imgMapWizardStep1);

	var City1 = document.createElement('select');
	City1.id = 'City1';
	//City1.style.display = 'none'; // avoud nasty show over everything at IE6
	City1.onchange = function() {
		document.getElementById('City2').selectedIndex = document.getElementById('City1').selectedIndex-1;
		var myRegion = WebMixUIDOM.GetRegionList()[document.getElementById('City1').selectedIndex][2];
		WebMix.GetMarkerCount( { region: myRegion, suitedFor: 'R' }, function(count) { SearchResult2.innerHTML = count; });
		WebMix.ShowWizardStep(2);
	    WebMix.LoadMap();
	};
	divMapWizardStep1.appendChild(City1);

	var regions = WebMixUIDOM.GetRegionList();
	var suitedForList = WebMixUIDOM.GetSuitedForList();
	var areas = WebMixUIDOM.GetAreaList();

	for (var i = 0; i < regions.length; i++) {
		var r = regions[i];
		var myOption = document.createElement('option');
		myOption.value = r[0];
		myOption.appendChild(document.createTextNode(r[1]));
		City1.appendChild(myOption);
	}

	var divMapWizardStep2 = document.createElement('div');
	divMapWizardStep2.id = 'divMapWizardStep2';
	divMapWizardStep2.className = 'clsMapWizardStep';
	divMapWizard.appendChild(divMapWizardStep2);

	var alImg2 = document.createElement('span');
	alImg2.id = 'alImg2';
	divMapWizardStep2.appendChild(alImg2);

	var imgMapWizardStep2 = document.createElement('img');
	imgMapWizardStep2.id = 'imgMapWizardStep2';
	WebMixUI.Loading(true, 'imgMapWizardStep2');
	imgMapWizardStep2.onload = function () { WebMixUI.Loading(false, 'imgMapWizardStep2'); };
	imgMapWizardStep2.src = WebMixUIDOM.GetImagePath('img/wizard2_24.png');
	imgMapWizardStep2.alt = 'Encontre seu imóvel ideal com o WebMix';
	alImg2.appendChild(imgMapWizardStep2);

	var City2 = document.createElement('select');
	City2.id = 'City2';
	City2.onchange = function() {
		//WebMix.ApplyFilter( { city: City2.selectedIndex, type: Type2.value } );
	    var myRegion = WebMixUIDOM.GetRegionList()[document.getElementById('City2').selectedIndex + 1][2];
		WebMix.GetMarkerCount( { region: myRegion, suitedFor: Type2.value }, function(count) { SearchResult2.innerHTML = count.toString(); });
		WebMix.PositionMap(this.value);
	}

	divMapWizardStep2.appendChild(City2);

	for (var i = 1; i < regions.length; i++) {
		var r = regions[i];
		var myOption = document.createElement('option');
		myOption.value = r[0];
		myOption.appendChild(document.createTextNode(r[1]));
		City2.appendChild(myOption);
	}

	var Type2 = document.createElement('select');
	Type2.id = 'Type2';
	Type2.onchange = function() {
	    var myRegion = WebMixUIDOM.GetRegionList()[document.getElementById('City2').selectedIndex + 1][2];
		WebMix.GetMarkerCount( { region: myRegion, suitedFor: Type2.value }, function(count) { SearchResult2.innerHTML = count.toString(); });
	}
	divMapWizardStep2.appendChild(Type2);
	for (var i = 1; i < suitedForList.length; i++) {
		var t = suitedForList[i];
		var myOption = document.createElement('option');
		myOption.value = t[0];
		myOption.appendChild(document.createTextNode(t[1]));
		Type2.appendChild(myOption);
	}

	var SearchResult2 = document.createElement('span');
	SearchResult2.id = 'SearchResult2';
	divMapWizardStep2.appendChild(SearchResult2);

	var imgGotoStep3 = imgTrans.cloneNode(true);
	imgGotoStep3.id = 'imgGotoStep3';
	imgGotoStep3.alt = 'Continuar';
	imgGotoStep3.width = "150";
	imgGotoStep3.height="180";
	imgGotoStep3.onclick = function() {
		document.getElementById('City3').selectedIndex = document.getElementById('City2').selectedIndex;
		document.getElementById('Type3').selectedIndex = document.getElementById('Type2').selectedIndex;
		decideStep3(Type2.value);
//		WebMix.ApplyFilter( { suitedFor: Type2.value }, function() { SearchResult3.innerHTML = WebMix.GetMarkerList().length.toString(); });

	    var myRegion = WebMixUIDOM.GetRegionList()[document.getElementById('City2').selectedIndex + 1][2];
		WebMix.GetMarkerCount( { region: myRegion, suitedFor: Type2.value }, function(count) { SearchResult3.innerHTML = count.toString(); });

		WebMix.ShowWizardStep(3);
	}
	divMapWizardStep2.appendChild(imgGotoStep3);

	var divMapWizardStep3 = document.createElement('div');
	divMapWizardStep3.id = 'divMapWizardStep3';
	divMapWizardStep3.className = 'clsMapWizardStep';
	divMapWizard.appendChild(divMapWizardStep3);

	var SearchResult3 = document.createElement('span');
	SearchResult3.id = 'SearchResult3';

	var alImg3 = document.createElement('span');
	alImg3.id = 'alImg3';
	divMapWizardStep3.appendChild(alImg3);

	var imgMapWizardStep3 = document.createElement('img');
	imgMapWizardStep3.id = 'imgMapWizardStep3';
	WebMixUI.Loading(true, 'imgMapWizardStep3');
	imgMapWizardStep3.onload = function () { WebMixUI.Loading(false, 'imgMapWizardStep3'); };
	imgMapWizardStep3.src = WebMixUIDOM.GetImagePath('img/wizard3_24.png');
	imgMapWizardStep3.alt = 'Encontre seu imóvel ideal com o WebMix';
	alImg3.appendChild(imgMapWizardStep3);

	var City3 = document.createElement('select');
	City3.id = 'City3';
	City3.onchange = function() {
	    var myRegion = WebMixUIDOM.GetRegionList()[document.getElementById('City3').selectedIndex + 1][2];
		WebMix.GetMarkerCount( { region: myRegion, suitedFor: Type3.value, area: Area3.value, dorms: Dorms3.value }, function(count) { SearchResult3.innerHTML = count.toString(); });
		WebMix.PositionMap(this.value);
	}

	divMapWizardStep3.appendChild(City3);
	for (var i = 1; i < regions.length; i++) {
		var r = regions[i];
		var myOption = document.createElement('option');
		myOption.value = r[0];
		myOption.appendChild(document.createTextNode(r[1]));
		City3.appendChild(myOption);
	}

	var decideStep3 = function(v) {
		if (v == 'R') { // residencial
			alImg3.id = 'alImg3';
			imgMapWizardStep3.id = 'imgMapWizardStep3';
			imgMapWizardStep3.src = WebMixUIDOM.GetImagePath('img/wizard3_24.png');
			if (hasChild(divMapWizardStep3, Area3)) {
				divMapWizardStep3.removeChild(Area3);
			}
			if (!hasChild(divMapWizardStep3, Dorms3)) {
				divMapWizardStep3.appendChild(Dorms3);
			}
		} else {
			alImg3.id = 'alImg3b';
			imgMapWizardStep3.src = WebMixUIDOM.GetImagePath('img/wizard3b_24.png');
			if (hasChild(divMapWizardStep3, Dorms3)) {
				divMapWizardStep3.removeChild(Dorms3);
			}
			if (!hasChild(divMapWizardStep3, Area3)) {
				divMapWizardStep3.appendChild(Area3);
			}
		}
	}

	var Type3 = document.createElement('select');
	Type3.id = 'Type3';
	Type3.onchange = function() {
		decideStep3(this.value);
//		WebMix.ApplyFilter( { suitedFor: Type3.value }, function() { SearchResult3.innerHTML = WebMix.GetMarkerList().length.toString(); });
	    var myRegion = WebMixUIDOM.GetRegionList()[document.getElementById('City3').selectedIndex + 1][2];
	    if (Type3.value == 'R') {
    		WebMix.GetMarkerCount( { region: myRegion, suitedFor: Type3.value, dorms: Dorms3.value }, function(count) { SearchResult3.innerHTML = count.toString(); });
    	} else {
		    WebMix.GetMarkerCount( { region: myRegion, suitedFor: Type3.value, area: Area3.value }, function(count) { SearchResult3.innerHTML = count.toString(); });
	    }
	}

	divMapWizardStep3.appendChild(Type3);
	for (var i = 1; i < suitedForList.length; i++) {
		var t = suitedForList[i];
		var myOption = document.createElement('option');
		myOption.value = t[0];
		myOption.appendChild(document.createTextNode(t[1]));
		Type3.appendChild(myOption);
	}

	var Dorms3 = document.createElement('select');
	Dorms3.id = 'Dorms3';
	Dorms3.onchange = function() {
//		WebMix.ApplyFilter( { suitedFor: Type3.value, dorms: Dorms3.value }, function() { SearchResult3.innerHTML = WebMix.GetMarkerList().length.toString(); });
	    var myRegion = WebMixUIDOM.GetRegionList()[document.getElementById('City3').selectedIndex + 1][2];
		WebMix.GetMarkerCount( { region: myRegion, suitedFor: Type3.value, dorms: Dorms3.value }, function(count) { SearchResult3.innerHTML = count.toString(); });
	}

    var dormsList = WebMixUIDOM.GetDormsList();
	for (var i = 0; i < dormsList.length; i++) {
		var myOption = document.createElement('option');
		myOption.value = dormsList[i][0];
		var txt;
		if (i == 0) txt = 'Indiferente';
		else txt = dormsList[i][1];
		myOption.appendChild(document.createTextNode(txt));
		Dorms3.appendChild(myOption);
	}
	divMapWizardStep3.appendChild(Dorms3);

	var Area3 = document.createElement('select');
	Area3.id = 'Area3';
	Area3.onchange = function() {
	    var myRegion = WebMixUIDOM.GetRegionList()[document.getElementById('City3').selectedIndex + 1][2];
		WebMix.GetMarkerCount( { region: myRegion, suitedFor: Type3.value, area: Area3.value }, function(count) { SearchResult3.innerHTML = count.toString(); });
	}
	for (var i = 0; i < areas.length; i++) {
		var a = areas[i];
		var myOption = document.createElement('option');
		myOption.value = a[0];
		var txt;
		if (i == 0) txt = 'Indiferente';
		else txt = a[1];
		myOption.appendChild(document.createTextNode(txt));
		Area3.appendChild(myOption);
	}
	divMapWizardStep3.appendChild(Area3);

	divMapWizardStep3.appendChild(SearchResult3);

	var imgWizardFinish = imgTrans.cloneNode(true);
	imgWizardFinish.id = 'imgWizardFinish';
	imgWizardFinish.alt = 'Finalizar';
	imgWizardFinish.width = "150";
	imgWizardFinish.height="180";
	imgWizardFinish.onclick = function() {
		WebMixUI.Loading(true, 'search');
		
	    WebMixUIDOM.SelRegion.setSelectedIndex(City3.selectedIndex + 1);
		WebMixUIDOM.SelSuitedFor.setSelectedIndex(Type3.selectedIndex + 1);
		WebMixUIDOM.SelArea.setSelectedIndex(Area3.selectedIndex + 1);
		WebMixUIDOM.SelDorms.setSelectedIndex(Dorms3.selectedIndex);
		
	    var myRegion = WebMixUIDOM.GetRegionList()[document.getElementById('City3').selectedIndex + 1][2];
	    var mySuitedFor = Type3.value;
	    if (mySuitedFor == "R") {
		    WebMix.DoSearch( { region: myRegion, suitedFor: Type3.value, dorms: Dorms3.value } );
		} else {
		    WebMix.DoSearch( { region: myRegion, suitedFor: Type3.value, area: Area3.value } );
		}

		document.getElementById('divMapWizardStep3').style['display']='none';


        if (WebMixUIDOM.SelSuitedFor.value == "R") {
    		document.getElementById('selDorms').style['display'] = 'block';
    	}/* else if (document.getElementById('selSuitedFor').value == "C") {
    		//document.getElementById('selArea').style['display'] = 'inline';
    	}*/
	}
	divMapWizardStep3.appendChild(imgWizardFinish);

	return divMapWizard;
};

WebMixUIDOM.LoadHelpBox = true;

WebMixUIDOM.ShowHelpBox = function() {
    WebMixUIDOM.ShowMessageBox('Ajuda', '<h3>Como fa&#231;o para achar meu im&#243;vel ideal atrav&#233;s do mapa?</h3><p>Voc&#234; escolhe as caracter&#237;sticas desejadas e aparecer&#227;o todos os im&#243;veis que se enquadram no seu perfil.</p><h3>Como fa&#231;o para iniciar uma nova busca?</h3><p>&#201; s&#243; utilizar a aba de filtros e fazer uma nova pesquisa. A partir da&#237; o mapa identificar&#225; todos os im&#243;veis que atendam os crit&#233;rios selecionados.</p><h3>Como fa&#231;o para conhecer mais sobre a regi&#227;o?</h3><p>Clique na aba servi&#231;os localizada no centro-inferior do mapa. L&#225; voc&#234; conhecer&#225; as proximidades de shoppings, hospitais, escolas entre outros.</p><h3>Como fa&#231;o para adicionar aos meus favoritos?</h3><p>Para adicionar um favorito, escolha um im&#243;vel no mapa e clique na op&#231;&#227;o &quot;[+ favoritos]&quot;</p><h3>Como fa&#231;o para chegar at&#233; o im&#243;vel desejado?</h3><p>Escolha o im&#243;vel que deseja conhecer e clique na op&#231;&#227;o [como chegar]. Em seguida digite o endere&#231;o de origem e aguarde.</p>');
}
WebMixUIDOM.ShowMessageBox = function(title, message) {
	if (WebMixUIDOM.LoadHelpBox) {
		var divHelpBox = document.createElement('div');
		divHelpBox.id = 'divHelpBox';
		var divMapBox = document.getElementById('divMapBox');
		divMapBox.appendChild(divHelpBox);

		var SpanHelpCloseButton = document.createElement('span');
        SpanHelpCloseButton.id = 'SpanHelpCloseButton';
		divHelpBox.appendChild(SpanHelpCloseButton);
		SpanHelpCloseButton.innerHTML = 'X';
		SpanHelpCloseButton.onclick = WebMixUIDOM.HideMessageBox;

		var h2 = document.createElement('h2');
		h2.id = 'h2HelpTitle';
		divHelpBox.appendChild(h2);
		h2.appendChild(document.createTextNode(title));

		var SpanHelpText = document.createElement('span');
		SpanHelpText.id = 'SpanHelpText';
		divHelpBox.appendChild(SpanHelpText);
		SpanHelpText.innerHTML = message;

		WebMixUIDOM.LoadHelpBox = false;
	} else {
	    document.getElementById('SpanHelpText').innerHTML = message;
	    document.getElementById('h2HelpTitle').innerHTML = title;
		document.getElementById('divHelpBox').style['display']='block';
	}
}
WebMixUIDOM.HideMessageBox = function() {
    var divHelpBox = document.getElementById('divHelpBox');
    if (divHelpBox) {
	    divHelpBox.style['display']='none';
	}
}

WebMixUIDOM.UpdateMarkers = function() {
    var selRegion = WebMixUIDOM.SelRegion;
    var selType = WebMixUIDOM.SelType;
    var selSuitedFor = WebMixUIDOM.SelSuitedFor;
    var selDorms = WebMixUIDOM.SelDorms;
    var myRegion = WebMixUIDOM.GetRegion(selRegion.selectedIndex)[2];

    var debug = '';
    debug += 'Region: ' + myRegion;
    debug += '\nType: ' + selType.value;
    debug += '\nSuited For: ' + selSuitedFor.value;
    debug += '\nDorms: ' + selDorms.value;

	if(selSuitedFor.value == 'R') {
		document.getElementById('selDorms').style['display'] = 'inline';
		selType.DataSource = WebMixUIDOM.GetTypeList('R');
		debug += '\nApplying filter: (Region:' + myRegion + ', Suited For:' + selSuitedFor.value + ', Dorms: ' + selDorms.value + ')';
        WebMix.ApplyFilter({
            region: myRegion,
		    suitedFor: selSuitedFor.value,
		    dorms: selDorms.value
	    });

	} else if (selSuitedFor.value == 'C') {
		document.getElementById('selDorms').style['display'] = 'none';
		selType.DataSource = WebMixUIDOM.GetTypeList('C');
        var myRegion = WebMixUIDOM.GetRegion(selRegion.selectedIndex)[2];
		debug += '\nApplying filter: (Region:' + myRegion + ', Suited For:' + selSuitedFor.value  + ')';
        WebMix.ApplyFilter({
            region: myRegion,
		    suitedFor: selSuitedFor.value
	    });
	} else {
		document.getElementById('selDorms').style['display'] = 'none';
		selType.DataSource = WebMixUIDOM.GetTypeList();
        var myRegion = WebMixUIDOM.GetRegion(selRegion.selectedIndex)[2];
        debug += '\nApplying filter: (Region:' + myRegion + ')';
        WebMix.ApplyFilter({
            region: myRegion
	    });
	}
	//alert(debug);
    selType.Show();
}

WebMixUIDOM.ImageIndex = 1;
WebMixUIDOM.GetImagePath = function(path) {
    var absPath
    switch (WebMixUIDOM.ImageIndex) {
        case 1:
            absPath = "http://inspira.com.br/app/WebMixRealty/";
            break;
        case 2:
            absPath = "http://www.inspira.com.br/app/WebMixRealty/";
            break;
        case 3:
            absPath = "http://www2.inspira.com.br/app/WebMixRealty/";
            break;
        case 4:
            absPath = "http://www3.inspira.com.br/app/WebMixRealty/";
            break;
        case 5:
            absPath = "http://www4.inspira.com.br/app/WebMixRealty/";
            break;
        case 6:
            absPath = "http://app.inspira.com.br/WebMixRealty/";
            break;
    }

    if (WebMixUIDOM.ImageIndex == 6) {
        WebMixUIDOM.ImageIndex = 1;
    } else {
        WebMixUIDOM.ImageIndex++;
    }
    return absPath + path;
}

WebMixImageManager = function() {
}

function hasChild(parent, child) {
	for (node in parent.ChildNodes) {
		if (node == child) {
			return true;
		}
	}
	return false;
}


function WebMixUIMenu(id, onchangeCallback) {
    var self = this;
    self._id = id;
    self._onchangeCallback = onchangeCallback;
    
    this.DataSource = [];
    this.selectedIndex = -1;
    this.value = '';
    self.IsLoaded = false;
    this.setSelectedIndex = function(idx) {
        self.selectedIndex = idx;
        self.value = self.DataSource[idx][0];
        self.text = self.DataSource[idx][1];
        if (self.LiMenuItemDisabled) self.LiMenuItemDisabled.innerHTML = self.DataSource[idx][1];
    }
    
    this.Load = function(parent) {
        // cria div que contem o menu selecionado e o nao selecionado
        var divMenu = document.createElement('div');
        parent.appendChild(divMenu);
        divMenu.id = id;
        divMenu.className = "clsMenu";

        // menu nao selecionado... com opcao para selecionar
        var divMenuDisabled = document.createElement('div');
        divMenu.appendChild(divMenuDisabled);
        divMenuDisabled.className = "clsMenuDisabled";
        divMenuDisabled.onclick = function () {
            var y = this;
            for (var i = 0; i < y.parentNode.childNodes.length; i++) {
                var k = y.parentNode.childNodes[i];
                if (k.className == 'clsMenuEnabled') {
                    k.style['display'] = 'block';
                }
            }
        }
        
        // lista de elementos nao selecionados (contem apenas 1)
        var ulMenuListDisabled = document.createElement('ul');
        divMenuDisabled.appendChild(ulMenuListDisabled);
        ulMenuListDisabled.className = 'clsMenuListDisabled';
        
        // elemento nao selecionado
        var liMenuItemDisabled = null;
        if (self.DataSource.length > 0) {
            liMenuItemDisabled = document.createElement('li');
            ulMenuListDisabled.appendChild(liMenuItemDisabled);    
            liMenuItemDisabled.appendChild(document.createTextNode(self.DataSource[0][1]));
            self.LiMenuItemDisabled = liMenuItemDisabled;
        }

        // div selecionado, que exibe todas as opcoes
        var divMenuEnabled = document.createElement('div');
        divMenu.appendChild(divMenuEnabled);
        divMenuEnabled.className = "clsMenuEnabled";
        self.DivMenuEnabled = divMenuEnabled;

        // lista de opcoes
        var ulMenuListEnabled = document.createElement('ul');
        divMenuEnabled.appendChild(ulMenuListEnabled);
        ulMenuListEnabled.className = 'clsMenuListEnabled';
        
        self.UlMenuListEnabled = ulMenuListEnabled;
        
    }

    this.Show = function(parent) {
        if (!self.IsLoaded) {
            self.Load(parent);        
            self.IsLoaded = true;
        }
        
        self.UlMenuListEnabled.innerHTML = '';

        var dataSource = self.DataSource;
        for (var i = 0; i < dataSource.length; i++) {
            var _dataItem = dataSource[i];
            var liMenuItemEnabled = document.createElement('li');
            self.UlMenuListEnabled.appendChild(liMenuItemEnabled);
            liMenuItemEnabled._value = _dataItem[0];
            liMenuItemEnabled._text = _dataItem[1];
            liMenuItemEnabled._selectedIndex = i;
            liMenuItemEnabled.appendChild(document.createTextNode(_dataItem[1]));
            liMenuItemEnabled.onclick = function() {
                self.selectedIndex = this._selectedIndex;
                self.value = this._value;
                self.text = this._text;
                if (self.LiMenuItemDisabled) self.LiMenuItemDisabled.innerHTML = this._text;
                if (typeof(self.OnChange) == "function") {
                    self.OnChange();
                }
                self.DivMenuEnabled.style['display'] = 'none';
            }
        }
    }
}