function toggleResultLayer () {
  if(document.getElementById) {
    if(document.getElementById("resultVisible").value == 1){
      document.getElementById("result_layer").style.display = "none";
      document.getElementById("resultVisible").value = 0;
    }
    else{
      document.getElementById("result_layer").style.display = "inline";
      document.getElementById("resultVisible").value = 1;
    }
  }
}

function toggleRechteckLayer () {
  if(document.getElementById) {
    if(document.getElementById("rectVisible").value == 1){
      document.getElementById("rechtsubmit_layer").style.visibility = "hidden";
      document.getElementById("SucheLayer").style.visibility = "hidden";
      document.getElementById("rectVisible").value = 0;
    }
    else{
      document.getElementById("rechtsubmit_layer").style.visibility = "visible";
      document.getElementById("SucheLayer").style.visibility = "visible";
      document.getElementById("rectVisible").value = 1;
      
      document.getElementById("xlomap").value = "";
	  document.getElementById("ylomap").value = "";
      document.getElementById("xrumap").value = "";
      document.getElementById("yrumap").value = "";
    }
  }
}

function moveLayer(e) {
 if (navigator.appName == 'Microsoft Internet Explorer' || navigator.appName == 'Opera') {
    document.getElementById("SucheLayer").style.top = e.clientY + document.body.scrollTop;
   	document.getElementById("SucheLayer").style.left = e.clientX + document.body.scrollLeft;
    document.getElementById("xseite").value = e.clientX + document.body.scrollLeft;
    document.getElementById("yseite").value = e.clientY + document.body.scrollTop;   
    if((parseInt(e.clientX) + parseInt(document.getElementById("SucheLayer").style.width)) > (e.clientX - e.offsetX + parseInt(document.getElementById("mapW").value))) {
	    if (document.all) {
	      document.getElementById("SucheLayer").style.width = (parseInt(document.getElementById("mapW").value) - e.offsetX);
	   	}	  
    }
    if((parseInt(e.clientY) + parseInt(document.getElementById("SucheLayer").style.height)) > (e.clientY - e.offsetY + parseInt(document.getElementById("mapH").value))) {
	    if (document.all) {
	      document.getElementById("SucheLayer").style.height = (parseInt(document.getElementById("mapH").value) - e.offsetY);
    	}	  
    }            
  } else {
    document.getElementById("SucheLayer").style.top = e.pageY;
    document.getElementById("SucheLayer").style.left = e.pageX;
    document.getElementById("xseite").value = e.pageX;
    document.getElementById("yseite").value = e.pageY;
    if((parseInt(e.pageX) + parseInt(document.getElementById("SucheLayer").style.width)) > (parseInt(document.images["map"].x) + parseInt(document.getElementById("mapW").value))) {
	    if (document.getElementsByTagName) {
	      document.getElementById("SucheLayer").style.width  = ((parseInt(document.images["map"].x + parseInt(document.getElementById("mapW").value)) - e.pageX)) +"px";
    	}	  
    }
    if((parseInt(e.pageY) + parseInt(document.getElementById("SucheLayer").style.height)) > (parseInt(document.images["map"].y) + parseInt(document.getElementById("mapH").value))) {
	    if (document.getElementsByTagName) {
	      document.getElementById("SucheLayer").style.height  = ((parseInt(document.images["map"].y + parseInt(document.getElementById("mapH").value)) - e.pageY)) +"px";
    	}	  
    }      
  }
}

function resizeLayer(e) {
  xpos = document.getElementById("xseite").value;
  ypos = document.getElementById("yseite").value;

  if (document.all) {
  	if (navigator.appName == 'Microsoft Internet Explorer' || navigator.appName == 'Opera') {
    xclick = e.clientX + document.body.scrollLeft - (xpos);
    yclick = e.clientY + document.body.scrollTop - (ypos);

    if(xclick > 0){
    document.all.SucheLayer.style.width = xclick;
    }
    if(yclick > 0){
    document.all.SucheLayer.style.height = yclick;
    }

  	} else{
  	  xclick = e.clientX - (xpos);
      yclick = e.clientY - (ypos);
  	
      document.all.SucheLayer.style.width = xclick + window.pageXOffset;
      document.all.SucheLayer.style.height = yclick + window.pageYOffset;
  	}
  } else
  if (document.getElementsByTagName) {
    xclick = e.clientX - (xpos);
    yclick = e.clientY - (ypos);
  
    document.getElementById("SucheLayer").style.width  = xclick + window.pageXOffset +"px";
    document.getElementById("SucheLayer").style.height = yclick + window.pageYOffset +"px";
  }
  
}

function buttonpress(e) {
  var layerW = parseInt(document.getElementById("SucheLayer").style.width);
  var layerH = parseInt(document.getElementById("SucheLayer").style.height);
  if (navigator.appName == 'Microsoft Internet Explorer' || navigator.appName == 'Opera') {
		if (e.button == 1 && e.shiftKey) {
			if(document.getElementById("xlomap").value == "" && document.getElementById("rectVisible").value == 1){
 	    		alert("Erst mit einem Klick die linke obere Ecke setzen.");
			} else{
      		document.getElementById("xrumap").value = e.offsetX;
      		document.getElementById("yrumap").value = e.offsetY;
			resizeLayer(e);
			}
      		return;
		}
		else
		if (e.button == 1) {
 		    document.getElementById("xrumap").value = e.offsetX + layerW;
		    document.getElementById("yrumap").value = e.offsetY + layerH;

      		document.getElementById("xlomap").value = e.offsetX;
      		document.getElementById("ylomap").value = e.offsetY;
			moveLayer(e);
      		return;
		  }
	}
	else {
      if (e.which == 1 &&  e.shiftKey) {
      	if(document.getElementById("xlomap").value == "" && document.getElementById("rectVisible").value == 1){
 	      alert("Erst mit einem Klick die linke obere Ecke setzen.");
		} else{
       	  document.getElementById("xrumap").value = (e.pageX - parseInt(document.images["map"].x));
      	  document.getElementById("yrumap").value = (e.pageY - parseInt(document.images["map"].y));
      	  resizeLayer(e);
      	}
      	return;
	  }
	  if (e.which == 1) {
 		document.getElementById("xrumap").value = (e.pageX - parseInt(document.images["map"].x)) + layerW;
		document.getElementById("yrumap").value = (e.pageY - parseInt(document.images["map"].y)) + layerH;
	  
        document.getElementById("xlomap").value = (e.pageX - parseInt(document.images["map"].x));
        document.getElementById("ylomap").value = (e.pageY - parseInt(document.images["map"].y));
		moveLayer(e);
        return;
	  }
	}
}