function setCoordinate(parent, child)
{
  var parent_object = document.getElementById(parent);
  var child_object = document.getElementById(child);

  var fromTop  = (child_object["at_position"] == "y") ? parent_object.offsetHeight+0 : 0;
  var fromLeft = (child_object["at_position"] == "x") ? parent_object.offsetWidth+0 : 0;

  for (; parent_object; parent_object = parent_object.offsetParent)
  {
    fromTop  += parent_object.offsetTop;
    fromLeft += parent_object.offsetLeft;

    
    if(child_object.id=="navipunkt15" || child_object.id=="navipunkt16")
    {
        if(child_object.id=="navipunkt15")
            fromLeft += -39;
        else
            fromLeft += -32;
    }
  }

      child_object.style.position = "absolute";
      child_object.style.top = fromTop +'px';
      child_object.style.left = fromLeft+'px';
      child_object.style.visibility = "visible";
}


function changeColor(child)
{
	color = document.getElementById(child).style.color;
	
	if(color != "orange")
		document.getElementById(child).style.color="orange";
	else
		document.getElementById(child).style.color="#08007B";
	
}

function onShow()
{
  parent_object = document.getElementById(this["at_parent"]);
  child_object = document.getElementById(this["at_child"]);
	child_object.style.zIndex = 1000;
	parent_object.style.zIndex = 1000;
  setCoordinate(parent_object.id, child_object.id);	
 
}



function onHide()
{
	document.getElementById(this["at_child"]).style.visibility = 'hidden'; 
}



function onKlick()
{
  parent_object = document.getElementById(this["at_parent"]);
  child_object = document.getElementById(this["at_child" ]);

  if (child_object.style.visibility != "visible") setCoordinate(parent_object.id, child_object.id);
  else child_object.style.visibility = "hidden";

  return false;
}


function setPosition(parent, child)
{
	parent_object["at_parent"] = parent_object.id;
  parent_object["at_child"] = child_object.id;
  parent_object["at_position"] = "y";
  child_object["at_child"] = child_object.id;
  child_object["at_parent"] = parent_object.id;
  child_object["at_position"] = "y";
   child_object.style.position = "absolute";
  child_object.style.visibility = "hidden";
  
  
  setCoordinate(parent, child);
  

}

function run(parent, child, show)
{
  parent_object = document.getElementById(parent);
  child_object = document.getElementById(child);

  parent_object["at_parent"] = parent_object.id;
  parent_object["at_child"] = child_object.id;
  parent_object["at_position"] = "y";
  child_object["at_child"] = child_object.id;
  child_object["at_parent"] = parent_object.id;
  child_object["at_position"] = "y";
	
  child_object.style.position   = "absolute";
  child_object.style.visibility = "hidden";
	
 	parent_object.style.cursor = "pointer";
	
  switch (show)
  {
    case "click":
      parent_object.onclick = onKlick;
      parent_object.onmouseout = onHide;
      child_object.onmouseover = onShow;
      child_object.onmouseout = onHide;
      break;
    case "hover":
      parent_object.onmouseover = onShow;
      parent_object.onmouseout = onHide;
      child_object.onmouseover = onShow;
      child_object.onmouseout = onHide;
      
      break;
  }
}