N = (document.all) ? 0 : 1;
var ob;
var over = false;

function MD(e)
{
if (over)
{
if (N)
{
ob = document.getElementById("panel");
X=e.layerX;
Y=e.layerY;
return false;
}
else 
{
ob = document.getElementById("panel");
ob = ob.style;
X=event.offsetX;
Y=event.offsetY;
}
}
}

function MM(e) 
{
  if (ob) 
  {
    if (N) 
    {
      ob.style.top = e.pageY-Y;
      ob.style.left = e.pageX-X;
    }
    else 
    {
      ob.pixelLeft = event.clientX-X + document.body.scrollLeft;
      ob.pixelTop = event.clientY-Y + document.body.scrollTop;
      return false;
    }
  }
}

function MU() 
{
ob = null;
}

if (N) 
{
document.captureEvents(Event.MOUSEDOWN | Event.MOUSEMOVE | Event.MOUSEUP);
}

document.onmousedown = MD;
document.onmousemove = MM;
document.onmouseup = MU;

function getArray(id)
{
  var splitarray = link[id].split("|");
  return splitarray;
}

function info(i,obj,col)
{
 sublink = getArray(i);
 infobar = document.getElementById("infob");
 infobar.innerHTML = sublink[2]; <!-- "<img src='pointer2.gif'>  "+ -->
 obj.style.backgroundColor=col;
}

function endi(obj,col)
{
 obj.style.backgroundColor=col;
 infobar = document.getElementById("infob");
<!-- infobar.innerHTML = "<img src='pointer2.gif'> <br>";  -->
}

function drawMenu()
{
var link = new Array();
link[0] = ". DIJASPORA|Frame4dij.htm |Savezi Gra&#273;ana BiH u Dijaspori";
link[1] = ". BiH GRADOVI |Frame4bihgr.htm|Gradovi u BiH";
link[2] = ". MEDIA |Frame4med.htm|&#352;tampa, TV, Radio";
link[3] = ". DR ORGANIZACIJE |Frame4drorg.htm|Ekonomija, Sport";
link[4] = ". ORGANIZACIJE |Frame4org.htm|Razne Organizacije";
link[5] = ". WEB |Frame4web.htm|Razni web sajtovi";
document.write("<div class='move' onmouseover='over=true;' onmouseout='over=false;' style='cursor:move'><font color= black><b>KATEGORIJE</b></font></div><div class='menu'><br></div>");

for(i=0;i<link.length;i++)
{
  sublink = getArray(i);
  document.write("<a href='"+sublink[1]+"'><div class='menu' onmouseover=\"info("+i+",this,'yellow')\" onmouseout=\"endi(this,'#C3C3C3')\" style='cursor:hand'>  "+ sublink[0] +"</div></a>");
}
document.write("<div class='menu'><br></div><div class='info' id='infob' name='infob'> <br></div>"); <!-- <img src='pointer2.gif'> -->
}