var ob;
var over = false;
var popid;
var popY;

N = (document.all) ? 0 : 1;

function
guide_click(item, event)
{
	document.hw.src = "images/" + item.title;
	var pt = document.getElementById("program-title");
	pt.innerHTML = item.innerHTML;
	document.getElementById("program-info").style.visibility = "visible";
	var popup = document.getElementById("popup");
	popup.style.display = "";
	popup.src="images/" + item.id;

	w = N ? window.innerWidth : document.body.clientWidth;
	h = N ? window.innerHeight : document.body.clientHeight;

	if (event.clientX + popup.clientWidth > w)
		x = (w - popup.clientWidth) - 30;
	else
		x = event.clientX - 200;
	x = 100;
	popup.style.left = x + "px";

	page_top = N ? window.pageYOffset : document.body.scrollTop;

	if (event.clientY + 175 > h)
		y = page_top + (h - 175) - 20;
	else
		y = page_top + event.clientY - 200;
	y = page_top + 10;
	popup.style.top = y + "px";
}

function
program_popup_close()
{
	var popup = document.getElementById("popup");
	popup.style.display = "none";
	document.hw.src = "images/holder.gif";
}

function mouseDown(e) {
  if(over) {
    if(N) {
      ob = document.getElementById(popid);
      X = e.layerX;
      Y = e.layerY;
      return false;
    }
    else {
      ob = document.getElementById(popid);
      ob = ob.style;
      X = event.offsetX;
      Y = event.offsetY;
    }
  }
}

function mouseMove(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 mouseUp() {
  ob = null;
}

if(N) {
  document.captureEvents(Event.MOUSEDOWN | Event.MOUSEMOVE | Event.MOUSEUP);
}

document.onmousedown = mouseDown;
document.onmousemove = mouseMove;
document.onmouseup = mouseUp;