var lastBoxID = null;

function showClickMapDesc(pid, id, text) {
	var img = document.getElementById("mapImg"+pid);
	if(typeof(img)!="object")
		return;
	
	var currentBoxID = "innerBox"+pid+id;
	
	if(document.getElementById(currentBoxID) == null) {			
		var posImg = getPosition(img);	
		var sizeImg = new Object();
		sizeImg.width =  parseInt(img.width);
		sizeImg.height = parseInt(img.height);
		
		var newDiv = document.createElement('div');
		newDiv.setAttribute("id",currentBoxID);
		newDiv.style.display = "none";
		newDiv.style.textAlign = "center";
		newDiv.style.verticalAlign = "middle";
		newDiv.style.backgroundColor = "#FFFFFF";	
		newDiv.style.position = "absolute";
		
		newDiv.style.height = 
			String(Math.ceil(sizeImg.width/9*1));
		newDiv.style.width = 
			String(Math.ceil(sizeImg.width/9*3));
		newDiv.style.left = 
			String(Math.ceil(posImg.x + (sizeImg.width - parseInt(newDiv.style.width))/2));
		newDiv.style.top = 
			String(posImg.y + sizeImg.height - parseInt(newDiv.style.height) - 10);
		newDiv.innerHTML = text;	
		
		document.getElementById("box"+pid).appendChild(newDiv);
	}
	
	if(lastBoxID != currentBoxID) {
		if(lastBoxID != null)
			Effect.Fade(lastBoxID, {duration: 1.0, from: 0.5, to: 0.0});
		
		document.getElementById(currentBoxID).style.display = "none";
		Effect.Appear(currentBoxID, {duration: 1.0, from: 0.0, to: 0.5 });
		
		lastBoxID = currentBoxID;
	}
}

function createDiv(imgObject) {
	var posImg = getPosition(imgObject);	
	var sizeImg = new Object();
	sizeImg.width =  parseInt(imgObject.width);
	sizeImg.height = parseInt(imgObject.height);
	
	var newDiv = document.createElement('div');
	newDiv.style.background = "#990000";	
	newDiv.style.position = "absolute";
	newDiv.style.height = (sizeImg.width/6)*2;
	newDiv.style.width = (sizeImg.width/5)*3;
	newDiv.style.left = (posImg.x)+(sizeImg.width/5);
	newDiv.style.left = (posImg.x)+(sizeImg.width/6)*3;
	newDiv.style.display = "none";
	
	return newDiv;
}

function getPosition(element) {
  var elem = element;
  var tagname = "";
  var x = 0, y = 0;
  
/* solange elem ein Objekt ist und die Eigenschaft offsetTop enthaelt
   wird diese Schleife fuer das Element und all seine Offset-Eltern ausgefuehrt */
  while ((typeof(elem)=="object")&&(typeof(elem.tagName)!="undefined"))
  {
    y += elem.offsetTop;     
    x += elem.offsetLeft;   
    tagname = elem.tagName.toUpperCase(); /* tag-Name ermitteln, Grossbuchstaben */

/* wenn beim Body-tag angekommen elem fuer Abbruch auf 0 setzen */
    if (tagname=="BODY")
      elem = 0;

/* wenn elem ein Objekt ist und offsetParent enthaelt
   Offset-Elternelement ermitteln */
    if (typeof(elem)=="object")
      if (typeof(elem.offsetParent)=="object")
        elem = elem.offsetParent;
  }

  var position = new Object();
  position.x = x;
  position.y = y;
  return position;
}