var m_timer = false;
	var slider;
	var alphaLayers;
	
	window.addEvent('domready', function() {
		loadTransparency();
		
	});
	
	function getAlphaLayers(map) {

		var conn;
		var lay;
		
		var layers = new Array();
		
		for (i = 0; i < map.connections.length; i++) {
			conn = map.connections[i];
			for (j = 0; j < conn.layers.length; j++) {
				//lay = conn.layers[j];
				if (conn.name == "stats") {
					layers.push({"server":i,"layer":j,"alpha":conn.alpha});
				}
			}
		}
		
		return layers;
	}
	
	function loadTransparency() {
		var map = getMapObject();

  	if (!map) {
  		m_timer = setTimeout("loadTransparency()", 100);
  	} else {
  		
  		$('transDiv').setStyle('display','inline');
  		alphaLayers = getAlphaLayers(map);
  		
    	slider = new Slider($('transSlider'),$('transSlider').getElement('.knob'), {
  			steps: 20,
  			onChange: function(){
  				changeTransparency(this.step);
  			}
  		}).set(Math.round(alphaLayers[0].alpha/5));

        //this was added to ensure that a change between tabs won't leave the
        //transparency and ortotopo tools hanging around in the wrong tab
        document.getElementById("tabber").style.visibility = "visible";
  	}
	}
	
	function changeTransparency(value) {
		var map = getMapObject();
		for (i = 0; i < alphaLayers.length; i++) {
			map.connections[alphaLayers[i].server].setalpha(value*5);
			
		}
	}
	
	function transparencyTool(id,top,left,width,height,topPadding,leftPadding) {
		document.write("<div name='"+id+"' id='"+id+"' style='display:none;z-index:100;position:absolute;width:"+width+"px;height:"+height+"px;top:"+(top+topPadding)+"px;left:"+(left+leftPadding)+"px;'>");
		document.write('<div id="transBackground">');
		document.write('<span id="transText">Transparčncia</span>');
		document.write('<div id="transSlider" class="transSlider">');
		document.write('<div class="knob"></div>');
		document.write('</div>');
		document.write('</div>');
		document.write('</div>');
		/*
		<div id='transDiv' style='display:none'>
			<span id='transText'>Transparčncia</span>
			<div id='transSlider' class='transSlider'>
				<div class='knob'></div>
			</div>
		</div>		
		*/
	}