function showHelp() {
    //document.getElementById("help").style.visibility = "visible";
    alert("Help!");
}
  
function showMenu(mnu) {
    document.getElementById(mnu).style.visibility = "visible";
    document.getElementById(mnu).focus();
}
  

  
document.onmousedown = startDrag;
document.onmouseup = endDrag;
document.onmousemove = drag;

function hideMenu(mnu) {
    if (window.event.srcElement.id == "menu" || window.event.srcElement.parentElement.id == "menu")  return;
    document.getElementById(mnu).style.visibility = "hidden";
}

var xStart = 0;
var yStart = 0;
var yOffset = 100;
var bDragging = false;
  
var clipTop = 0;
var clipBottom = 275;
var scrollHeight = 700;
var direction = 1;
var time = null;
var scrollSpeed = 60;
var repeatCounter = 0;
  
function startDrag(e) {
    hideMenu("menu");
    xStart = window.event.clientX;
    yStart = window.event.clientY;
    bDragging = true;
}
  
function drag() {
    if (bDragging) {
      try {
        window.status = window.event.clientY;
        if (window.event.clientX < 50 ||
    	    window.event.clientX > 272 ||
	          window.event.clientY < 100 ||
    	    window.event.clientY > 376) {
	        return;
    	}
      
        dx = xStart - window.event.clientX;
        dy = yStart - window.event.clientY;
    
        if (dy == 0 || Math.abs(dx / dy) < 1) {
            var el = document.getElementById("content");
            newTop = window.event.clientY - yStart + yOffset;// - el.style.pixelTop + 200;
            if (newTop > 100) newTop = 100;
        
            el.style.pixelTop = newTop;
            clipTop = 100 - el.style.pixelTop;
            clipBottom = 100 + 275 - el.style.pixelTop; 
            el.style.clip = "rect(" + clipTop + " 219 " + clipBottom + " 0)";
        } else {
            bDragging = false;
        }
        
        if (el.style.pixelTop < 100) {
            document.getElementById("scroll-up").style.visibility = "visible";
        } else if (el.style.pixelTop >= 100) {
            document.getElementById("scroll-up").style.visibility = "hidden";
            el.style.pixelTop = 100;
            el.style.clip = "rect(0 219 275 0)";
        }
      } catch(e) {} finally {}   
    } 
}
  
  function endDrag(e) {
    bDragging = false;
    dx = xStart - window.event.clientX;
    dy = yStart - window.event.clientY;
    yOffset = document.getElementById("content").style.pixelTop;
    if (dy == 0 || Math.abs(dx / dy) > 1) {
        if (dx > 75) {
          window.history.go(-1);
        } else if (dx < -75) {
          window.history.go(1);
        }
    } 
  }
  
  
function scroll(dir) {
    if (dir) {
        direction = dir;
        scrollSpeed = 60;
        repeatCounter = 0;
    } else {
        repeatCounter++;
        if (repeatCounter % 1 == 0) 
            scrollSpeed--;
        if (scrollSpeed < 0)
            scrollSpeed = 0;
    }
    el = document.getElementById("content");

    if (el.style.pixelTop < 100) {
        document.getElementById("scroll-up").style.visibility = "visible";
    } else if (el.style.pixelTop > 100) {
        document.getElementById("scroll-up").style.visibility = "hidden";
        el.style.pixelTop = 100;
        el.style.clip = "rect(0 219 275 0)";
        stopScroll();
        return;
    }    
    
    stepWidth = 3;
    if (direction == "1") stepWidth = -2;
    
    if (clipTop > scrollHeight && direction == "-1")// || (dir == "-1" && clipTop <= 0)) 
        stepWidth = 0;
    
    el.style.pixelTop -= stepWidth;
    clipTop += stepWidth;
    clipBottom += stepWidth;
    el.style.clip = "rect(" + clipTop + " 219 " + clipBottom + " 0)";
    time = setTimeout('scroll()', scrollSpeed);
}

function scrollTo(y) {
	el = document.getElementById("content");

	el.style.pixelTop = 100;
      el.style.clip = "rect(0 219 275 0)";

	clipTop = 0;
	clipBottom = 275;
	el.style.pixelTop -= y;
    	clipTop += y;
    	clipBottom += y;
	el.style.clip = "rect(" + clipTop + " 219 " + clipBottom + " 0)";
	
	document.getElementById('menu').style.visibility = "hidden";


}
  
  function stopScroll() {
      if (time) 
          clearTimeout(time);
      time = null;
  }

  function setBgColor() {
    if (window.event.srcElement.checked) {
      window.event.srcElement.parentElement.style.backgroundColor = "#F99AA5";
    } else {
      window.event.srcElement.parentElement.style.backgroundColor = "#9597FB";
    }
  }