var selcat = null;
var selmap = null;
var sella = null;
var seltype = null;
var selurl = null;
var sella = null;
var backupsel = null;
var hla = null;
var overlays = new Array;

function mouseInfo(o, t){
	var m = $('maphelp');
	var c = $('mapselector');
	var op;
	if(o){	
		switch(t){
			case 1: op = "All maps are sorted into categories. Please select one by clicking a link in this list."; break;
			case 2: op = "Please select a map from within this category. To view the map, click \"Get map\", or see \"More maps\" for additional options."; break;
			case 3: op = "Each map can be viewed using a selection of map providers. To change, simply select the one you wish to use from this list."; break;			
		}
		m.style.cssText = 'position:absolute; display:block;';
		m.style.top = (findPosY(o) + o.offsetHeight - findPosY(c)) + 'px';
		m.style.left = (findPosX(o) - findPosX(c)) + 'px';
		m.innerHTML = '<div style="padding:4px;"><img src="/tmaps.nsf/info.gif" />' + op + '</div>';
		m.style.width	= (o.offsetWidth -20) + 'px';
	}else
		m.style.display = 'none';
		
	function getYOffset() {    var pageY;    if(typeof(window.pageYOffset)=='number') {       pageY=window.pageYOffset;    }    else {       pageY=document.documentElement.scrollTop;    }    return pageY;}
}

function selCat(o){
	if(o){
		o.style.background = '#e0f1ff';
		o.style.backgroundImage = 'url(/tmaps.nsf/arrow.gif)';
		o.style.backgroundRepeat = 'no-repeat';
		o.style.backgroundPosition = 'center right';
	}
}


function getMaps(c){
		if(selcat) selcat.style.background = 'none'; 
		selcat = $('CAT' + c.replace(/ /g, '+'));
		$('smapcat').innerHTML = c;
		selCat(selcat);
		var c = new SJAX('/tmaps.nsf/' + viewprefix + 'MC' + viewpost + '?ReadForm&c=' + c.replace(/ /g, '+') + viewla);
		var xml = cx(c.doGet());
		var maps = xml.getElementsByTagName('map');
		var concan = '';
		c = null;
		for(x=0;x<maps.length;x++) concan += '<div class="mapBlock" id="MAP' + maps[x].getElementsByTagName('name')[0].firstChild.nodeValue.replace(/ /g, '+') + '"><a href="javascript:selectMap(\'' + maps[x].getElementsByTagName('name')[0].firstChild.nodeValue.replace(/ /g, '+') + '\', \'' + maps[x].getElementsByTagName('url')[0].firstChild.nodeValue+ '\')">' + maps[x].getElementsByTagName('name')[0].firstChild.nodeValue + '</a></div>';
		$('availablemaps').innerHTML = concan;		
		$('butMsg').style.display = 'none';
		if($('bsurround')) $('bsurround').style.cssText = 'background:none; border:none;';
}

function drawDialog(pre, post, bmap, wla){

		if($('mapbutton').innerHTML.indexOf('Return') > -1) $('mapbutton').innerHTML = '<img src="/tmaps.nsf/minired.gif" border="0">&nbsp;Choose another map';
	
		var loc = window.location.toString();
		selurl = loc.substring(loc.indexOf('loc=')+4);
		var selty;
		loc = selurl.substring(0, selurl.indexOf('?', selurl.indexOf('loc=')));
		if(selurl.indexOf('LA=') > -1){
			sella = selurl.substring(selurl.indexOf('LA=')+3);
			selurl = selurl.substring(0, selurl.indexOf('LA=')+3);
		}
		if(selurl.indexOf('type=') > -1) selty = selurl.substring(selurl.indexOf('type=')+5).replace(/ /g, '+');
			
		var tmap = $('map');
		var concan = '';
		var mn;
		tMI.mapselector = $('mapselector');
		concan = '<div id="innerselector"><div class="lf"><div class="selectTitle" style="width:160px;"><img src="/tmaps.nsf/1.gif">&nbsp;Select a <strong>category</strong></div><div class="selectZone" style="width:160px;" onMouseOver="mouseInfo(this, 1);" onMouseOut="mouseInfo();">'
		
		if(bmap)
			var c = new SJAX('/tmaps.nsf/(MapCategories)?OpenView&Count=1000');
		else if(wla)
			var c = new SJAX('/tmaps.nsf/(WLAMapCategories)?OpenView&Count=1000');
		else
			var c = new SJAX('/tmaps.nsf/(MapCategoriesLA)?OpenView&Count=1000'+viewla);
			
		var xml = cx(c.doGet());
		var cats = xml.getElementsByTagName('category');
		for(x=0;x<cats.length;x++) concan += '<div class="mapBlock" id="CAT' + cats[x].firstChild.nodeValue.replace(/ /g, '+') + '"><a href="javascript:getMaps(\'' + cats[x].firstChild.nodeValue + '\')">' + cats[x].firstChild.nodeValue + '</a></div>'
		concan += '<div class="mapBlock" id="CATAll"><a href="javascript:getMaps(\'All\')">All</a></div>';

		concan += '</div></div><div class="lf">&nbsp;</div><div class="lf"><div class="selectTitle" style="width:243px;"><img src="/tmaps.nsf/2.gif">&nbsp;Select a map in <strong><span id="smapcat">this Category</span></strong></div><div style="width:243px;" class="selectZone" id="availablemaps" onMouseOver="mouseInfo(this, 2);" onMouseOut="mouseInfo();">'
		concan += '</div></div>';

		concan +='<div class="lf"><div class="selectTitle" style="width:110px;">&nbsp;&nbsp;<img src="/tmaps.nsf/3.gif">&nbsp;Open</div></div>';
		concan +='<div class="lf" id="bsurround"><div id="butMsg"></div><a class="button" href="javascript:drawMap(';
		if(wla)
			concan += 'true';
		else if(viewla)
			concan += "null, '" + viewla.substring(viewla.indexOf('=')+1) + "'"
		
		concan += ');" onClick="this.blur();" style="float:left; font-size:12px; font-weight:bold; margin-left:1px;"><span id="mapbutton"><img src="/tmaps.nsf/minired.gif" border="0">&nbsp;Get map</span></a>';
		concan +='</div></div>';

		concan += '<div class="cb"></div>';		

		var prv = [['Google', 'google'], ['Microsoft Live Earth', 'mslive'], ['Multimap', 'multimap']];
		concan += '<div class="lf" style="margin-top:5px;margin-left:10px;"><div class="selectTitle">Map Provider</div><select id="providerselect" onMouseOver="mouseInfo(this, 3);" onMouseOut="mouseInfo();">'
		seltype = mtype;
		for(x=0;x<prv.length; x++) concan += '<option ' + (prv[x][1]==mtype?'selected ':'') + 'value="' +prv[x][1] + '">' + prv[x][0] + '</option>';
		concan += '</select></div>';
				
		concan += '<div class="cb"></div>';
		
		concan += '<div class="lf msmargin">';
		concan += '<br><div id="latitle">More maps</div><br/>';

		concan += '<div id="ladiv" style="display:none;" class="umb"><img src="/tmaps.nsf/arrowg.gif">&nbsp;View a neighbouring Local Authority\'s map<br/>';
		concan += '<div style="padding-top:4px; margin-left:20px;"><select id="laselect" ></select><span class="lf">&nbsp;</span><a class="button" href="javascript:drawMap(null, $(\'laselect\'));" onClick="this.blur();" style="font-size:12px; font-weight:bold; float:left;"><span id="mapbutton"><img src="/tmaps.nsf/minired.gif" border="0">&nbsp;Get map</span></a></div>';
		concan +='</div><div class="cb"></div>';
		
		concan += '<div id="wladiv" class="umb"></div><div class="umb" style="display:block;"><img src="/tmaps.nsf/arrowg.gif">&nbsp;';
		if(bmap)
			concan += '<a style="font-size:12px;" href="http://www.brent.gov.uk/gisdev.nsf/documents/brent+intelligent+geography">To view more precise maps, please use our GIS system</a>';
		else
			concan += 'Please note : The data in this system is not yet complete, and is for demonstration only';
		concan += '</div>';
		
		concan += '</div><div class="cb"></div><div id="maphelp"></div>';
				
		$('mapbutton').innerHTML = '<img src="/tmaps.nsf/minired.gif" border="0">&nbsp;Return to current map';
		tMI.mapselector.innerHTML = concan;
		
		c = new SJAX('/tmaps.nsf/' +pre + 'MU?ReadForm&u=' + loc + (selty?selty:''));
		xml = cx(c.doGet());
		
		if(xml.getElementsByTagName('category')[0]){
			selcat = $('CAT' + xml.getElementsByTagName('category')[0].firstChild.nodeValue.replace(/ /g, '+'));
			if(selcat) selCat(selcat);
		}
		if(xml.getElementsByTagName('name')[0]){
			getMaps(xml.getElementsByTagName('category')[0].firstChild.nodeValue);
			mn = xml.getElementsByTagName('name')[0].firstChild.nodeValue;
			if(xml.getElementsByTagName('url')[0]) backupsel = xml.getElementsByTagName('url')[0].firstChild.nodeValue;
			selmap = $('MAP' + mn.replace(/ /g, '+'));
			if(selmap) selCat(selmap);
		}
		c = null;
			
		var las = xml.getElementsByTagName('las')[0];
		if(wla){
			if(las){
				var lax = las.getElementsByTagName('la');
				if(lax.length == 1 && lax[0].firstChild.nodeValue){
					$('ladiv').style.display = 'none';
				}else{
					var wlamsg = '';
					var lamsg = '';
					for(x=0; x<lax.length;x++){
						if(lax[x].firstChild.nodeValue == 'West London'){
						}else
							$('laselect').options[x] = new Option(lax[x].firstChild.nodeValue,lax[x].firstChild.nodeValue);
					}
					$('ladiv').style.display = 'block';
				}
			}
		}else{
			if(las){
				var lax = las.getElementsByTagName('la');
				if(lax.length == 1 && lax[0].firstChild.nodeValue){
					$('wladiv').style.display = 'none';
					$('ladiv').style.display = 'none';
				}else{
					var wlamsg = '';
					var lamsg = '';
					for(x=0; x<lax.length;x++){
						if(lax[x].firstChild.nodeValue == 'West London'){
							$('wladiv').innerHTML = '<img src="/tmaps.nsf/arrowg.gif">&nbsp;<a href="javascript:drawMap(true);">See ' + (mn?'"' + mn + '"':'this data') + ' across West London</a>';
							$('wladiv').style.display = 'block';
						}else
							$('laselect').options[x] = new Option(lax[x].firstChild.nodeValue,lax[x].firstChild.nodeValue);
					}
					$('ladiv').style.display = 'block';
				}
			}
		}

 		tMI.mapselector.style.left = findPosX(tmap) + 'px';
		tMI.mapselector.style.top = findPosY(tmap) + 'px';
		tMI.mapselector.style.width = tmap.style.width;
		tMI.mapselector.style.height = tmap.style.height;
		tMI.mapselector.style.display = 'block';
}

function openHelp(d, la){
   var check = $('helpdiv');
   if(la) hla = la;
   if(!check){
		var hd = document.createElement('div');
		var ms = $(d);
		hd.setAttribute('id', 'helpdiv');
		hd.style.left = findPosX(ms)+'px';
		hd.style.top = findPosY(ms)+'px';

		var concan = '<div id="innerselector">';
		var c = new SJAX('/tmaps.nsf/xh');
		var xml = cx(c.doGet());
		var titles = xml.getElementsByTagName('title');
		var sbody = xml.getElementsByTagName('body')[0].firstChild.nodeValue;
		concan += '<div id="helpSelector"><div class="helpTitle">tMaps Help Topics</div>';
		for(x=0;x<titles.length;x++){
			concan += '<div><img src="/tmaps.nsf/arrowg.gif">&nbsp;<a href="javascript:selectHelp(\''+titles[x].firstChild.nodeValue+'\')">' + titles[x].firstChild.nodeValue + '</a></div>';
		}
		concan += '<br/><a class="button" href="javascript:openHelp();" onClick="this.blur();" style="font-size:12px; font-weight:bold; float:left;"><span id="mapbutton"><img src="/tmaps.nsf/qmark.png" border="0">&nbsp;Close help</span></a>';
		concan += '<br/><br/><a id="kmlbutton" class="button" href="javascript:getMashup();" onClick="this.blur();" style="display:none; font-size:12px; font-weight:bold; float:left;"><span><img src="/tmaps.nsf/minired.gif" border="0">&nbsp;Get KML</span></a>';		
		concan += '</div><div class="lf">&nbsp;</div><div id="helpDisplay"></div>';
		c = null;
		hd.innerHTML = concan + '</div>';
		document.body.appendChild(hd);
		selectHelp(titles[0].firstChild.nodeValue);
		if($('mbut')) $('mbut').style.display = 'none';

		var wlo = window.location.toString();
		wlo = wlo.substring(wlo.indexOf('loc=')+4).replace('#top', '');
		if(wlo.indexOf('la=')>-1) wlo = wlo.substring(0, wlo.indexOf('&la='));
		aj('/tmaps.nsf/mwk?OpenView&u=' + wlo, 'mashup');
		
	}else{
		document.body.removeChild(check);
		if($('mbut')) $('mbut').style.display = 'inline';
	}
}

var mashed;
function mashup(xmldoc){
	var mash = xmldoc.getElementsByTagName('kml');
	if(mash.length > 0){
		kmlb = $('kmlbutton');
		kmlb.style.display = 'inline';
		mashed = 'http://www.brent.gov.uk'+ mash[0].firstChild.nodeValue + (sella?sella:'Brent');
	}
}

function getMashup(){
	location.replace(mashed);
}

function selectHelp(title){
	var c = new SJAX('/tmaps.nsf/xhs?OpenPage&title=' + title);
	var xml = cx(c.doGet());
	var title = xml.getElementsByTagName('title')[0].firstChild.nodeValue;
	var body = xml.getElementsByTagName('body')[0].firstChild.nodeValue;
	$('helpDisplay').innerHTML = '<div class="innerSelector"><div class="helpTitle">' + title + '</div>' + (hla?body.replace('Brent', hla):body) + '</div>';
	c = null;
}

function changeApi(a){
	var wl = window.location.toString();
	var curapi = wl.substring(wl.indexOf('&x='), wl.indexOf('&', wl.indexOf('&x=')+1));
	window.location = wl.replace(curapi, '&x='+a);
}

function goItem(url){location.replace(url);}