//basic functions

		var mX1, mY1, mX2, mY2, mX, mY; // mouse coordinates
		
		var currTool = "mapzoomin";	// default tool - zoom in
		var currZoom;				// current scale
		var updateFrame = false;

		function getMouseXY(slika, e){
			if (document.all){  // IE
				if ((e.offsetX != e.x) || (e.offsetY != e.y))
					return;
				mX = e.offsetX;
				mY = e.offsetY;
				return;
			}
			if (document.layers){  // NN 4.x
				mX = e.x;
				mY = e.y;
			}
			if ((!document.all)&&(!document.layers)){	//NN 6
				mX = e.layerX;
				mY = e.layerY;
			}
			return;
		}
 
		function getOvmLayer(sloj){
			
			if (document.getElementById) {
				return document.getElementById(sloj).style;
			}
			if (document.layers) {
				return document.layers["ovmMainLayer"].document.layers[sloj];
			}
		}
		
		function getLayer(sloj){
			if (document.getElementById) {
				return document.getElementById(sloj).style;
			}
			if (document.layers) {
				return document.layers["mainLayer"].document.layers[sloj];
			}
		}

		function setLayerBackgroundColor(sloj, boja){
			if (document.layers){
				getLayer(sloj).bgcolor = boja;
			}
			if (document.getElementsById){
				getLayer(sloj).backgroundcolor = boja;
			}
		}

		function moveLayer(sloj){
			if (document.layers){
				sloj.moveTo(mX2-mX1, mY2-mY1);
			}
			if (document.getElementById){
				sloj.height = 400 - ((mY2-mY1)>0 ? (mY2 - mY1) : 0);
				sloj.width = 530 - ((mX2-mX1)>0 ? (mX2 - mX1) : 0);
				sloj.top = mY2 - mY1;
				sloj.left = mX2 - mX1;
			}
			return false;
		}
		
		function clipLayer(sloj, left, right, top, bottom){
			if (document.getElementById){ // zaobilazimo sloj i izravno pozivamo "ID"-ove
				sloj.clip = "rect(" + top + " " + right + " " + bottom + " " + left + ")";
				sloj.visibility = "visible";
			}
			if (document.layers){ // direct ID calling avoiding the layers
				sloj.clip.top = top;
				sloj.clip.bottom = bottom;
				sloj.clip.left = left;
				sloj.clip.right = right;
				sloj.visibility = "visible";
			}
			return false;
		} 
		
		function drawFrame(){
			var x1, x2, y1, y2, temp;
			if (mX1>mX2){
				x1 = mX2;
				x2 = mX1;
			}
			else {
				x1 = mX1;
				x2 = mX2;
			}

			if (mY1>mY2){
				y1 = mY2;
				y2 = mY1;
			}
			else {
				y1 = mY1;
				y2 = mY2;
			}
			clipLayer(getLayer("frTop"), x1, x2, y1, y1+2);
			clipLayer(getLayer("frBottom"), x1, x2, y2-2, y2);
			clipLayer(getLayer("frLeft"), x1, x1+2, y1, y2);
			clipLayer(getLayer("frRight"), x2-2, x2, y1, y2);
			return false;
		}

		function stakloOnMouseDown(slika, e){
			getMouseXY(slika, e);
			mX1 = mX;
			mY1 = mY;
			mX2 = mX1;
			mY2 = mY1;
			updateFrame = true;
			redrawFrame();
			e.cancelBubble = true;
			e.returnValue = false;			
			return false;
		}

		function stakloOnMouseMove(slika, e){
			if (!updateFrame)
				return false;
			getMouseXY(slika, e);
			mX2 = mX;
			mY2 = mY;
			redrawFrame();
			return false;
		}
		function nestani(){
			if (document.getElementById){
				if (document.getElementById("adresa"))
					document.getElementById("adresa").style.display = "none";
				if (document.getElementById("sLoc"))
					document.getElementById("sLoc").style.display = "inline";
				return false;
			}
			if (document.layers){
				if (document.layers["adresa"])
					document.layers["adresa"].visibility="hide";
				if (document.layers["sLoc"])
					document.layers["sLoc"].visibility="show";
			}
		}
		function stakloOnMouseUp(slika, e){
			var cmd, temp;
			updateFrame = false;
			switch (currTool) {
				case "mapzoomin":
					cmd = "cmd=140";
					break;
				case "mapzoomout":
					cmd = "cmd=150";
					break;
				case "mappan":
					cmd = "cmd=200";
					break;
				case "srch":
					//nestani(); //ako postoji adresa u natpisu iznad karte, likvidiraj ju
					cmd = "cmd=227";
					break;
			}
		
			cmd += "&mX1=" + mX1;
			cmd += "&mY1=" + mY1;
			cmd += "&mX2=" + mX2;
			cmd += "&mY2=" + mY2;
			//alert(mX1 + " , " + mY1)
			command(cmd);
			if ((currTool == "mapzoomin") || (currTool == "mapzoomout")){
				getLayer("frTop").visibility = "hidden";
				getLayer("frBottom").visibility = "hidden";
				getLayer("frLeft").visibility = "hidden";
				getLayer("frRight").visibility = "hidden";
				}
			if ((currTool == "mappan") && (!document.all)){
				sloj = getLayer("mapLayer");
				sloj.top = 0;
				sloj.left = 0;
				sloj.height = 350;
				sloj.width = 550
			}
			e.cancelBubble = true;
			e.returnValue = false;			
			return false;
		}

		function ovmOnMouseUp(slika, e){
			var cmd;
			getMouseXY(slika, e);
			mX1 = mX;
			mY1 = mY;
			//alert(mX + ", " + mY);
			cmd = "cmd=220";
			cmd += "&mX=" + mX;
			cmd += "&mY=" + mY;
			command(cmd);
			e.cancelBubble = true;
			e.returnValue = false;			
			return false;
		}
		
		function layerOnMouseMove(e){
			var staklo = document.staklo;
			stakloOnMouseMove(staklo, e);
			return document.routeEvent(e);
		}
		
		function createLayer(name, width, height, top, left, zindex, visible, content){
			var temp;
	

			if (document.getElementById){
				temp =  '<div id="' + name + '"';
				temp +=		' style="position:absolute;';
				temp +=				' top:' + top + 'px;';
				temp +=				' left:' + left + 'px;';
				temp +=				' width:' + width + 'px;';
				temp +=				' height:' + height + 'px;';
				temp +=				' z-index:' + zindex + ';';
				temp +=				' overflow:hidden;';
				temp +=				' clip: rect (top width height left);';
				temp +=				' visibility:' + (visible ? 'visible;' : 'hidden;') +';';
				temp +=				'"';
				temp += '>';
				temp += content;
				temp += '</div>';
				document.writeln(temp);
				return false;
			}

			if (document.layers){
				temp =  '<layer id="' + name + '"';
				temp += 	  ' width="' + width + '"';
				temp +=		  ' height="' + height + '"';
				temp +=		  ' top="' + top + '"';
				temp +=		  ' left="' + left + '"';
				temp +=		  ' z-index="' + zindex + '"';
				temp +=		  ' style="{border-width : 0; margin : 0; padding : 0;}"'
				temp += 	  ' visibility="' + (visible ? 'show' : 'hide') + '"';
				temp += 	  ' onmouseover="javascript: window.document.captureEvents(Event.MOUSEMOVE); window.document.onmousemove = layerOnMouseMove; return true;"';
				temp += 	  ' onmouseout="javascript: window.document.releaseEvents(Event.MOUSEMOVE); return false;"';
				temp +=	'>';
				temp += content;
				temp += '</layer>';
				document.writeln(temp);
				return false;
			}
			return false;
		}