featureNo = Math.floor((Math.random()*4)) + 1;

function showTip(theTip) {
	document.getElementById(theTip).style.visibility = 'visible';
}

function hideTip(theTip) {
	document.getElementById(theTip).style.visibility = 'hidden';
}

function beginMoveTip1(tipId, event) {
    var elementToDrag = document.getElementById(tipId);
    if (document.addEventListener) {
      document.addEventListener("mousemove", moveTip1, true);
    } else if (document.attachEvent) {
      document.attachEvent("onmousemove", moveTip1);
    } else {
      var oldmovehandler = document.onmousemove;
      document.onmousemove=moveTip1;
    }
    if (event.stopPropagation) event.stopPropagation();
    else event.cancelBubble = true;
    if (event.preventDefault) event.preventDefault();
    else event.returnValue = false;

  function moveTip1(e) {
      var posx=0,posy=0;
      if(e==null) e=window.event;
      if(e.pageX || e.pageY){
        posx=e.pageX; posy=e.pageY;
      }
      else if(e.clientX || e.clientY){
        if(document.documentElement.scrollTop){
          posx=e.clientX+document.documentElement.scrollLeft;
          posy=e.clientY+document.documentElement.scrollTop;
        }
      else{
          posx=e.clientX+document.body.scrollLeft;
          posy=e.clientY+document.body.scrollTop;
        }
      }

    elementToDrag.style.left = (posx-115)+"px";
    elementToDrag.style.top = (posy+10)+"px";

    if (event.stopPropagation) e.stopPropagation();
    else event.cancelBubble = true;

    if (event.preventDefault) event.preventDefault();
    else event.returnValue = false;
  }

  function endDragTip1(e) {
    if (!e) e = window.event;

    if (document.removeEventListener) {
      document.removeEventListener("mousemove", moveTip1, true);
    } else if (document.detachEvent) {
      document.detachEvent("onmousemove", moveTip1);
    } else {
      document.onmousemove=null;
    }

    if (event.stopPropagation) e.stopPropagation();
    else event.cancelBubble = true;

  } return false
}

function beginMoveTip2(tipId, event) {
    var elementToDrag = document.getElementById(tipId);
    if (document.addEventListener) {
      document.addEventListener("mousemove", moveTip2, true);
    } else if (document.attachEvent) {
      document.attachEvent("onmousemove", moveTip2);
    } else {
      var oldmovehandler = document.onmousemove;
      document.onmousemove=moveTip2;
    }
    if (event.stopPropagation) event.stopPropagation();
    else event.cancelBubble = true;
    if (event.preventDefault) event.preventDefault();
    else event.returnValue = false;

  function moveTip2(e) {
      var posx=0,posy=0;
      if(e==null) e=window.event;
      if(e.pageX || e.pageY){
        posx=e.pageX; posy=e.pageY;
      }
      else if(e.clientX || e.clientY){
        if(document.documentElement.scrollTop){
          posx=e.clientX+document.documentElement.scrollLeft;
          posy=e.clientY+document.documentElement.scrollTop;
        }
      else{
          posx=e.clientX+document.body.scrollLeft;
          posy=e.clientY+document.body.scrollTop;
        }
      }

    elementToDrag.style.left = (posx-28)+"px";
    elementToDrag.style.top = (posy+10)+"px";

    if (event.stopPropagation) e.stopPropagation();
    else event.cancelBubble = true;

    if (event.preventDefault) event.preventDefault();
    else event.returnValue = false;
  }

  function endDragTip2(e) {
    if (!e) e = window.event;

    if (document.removeEventListener) {
      document.removeEventListener("mousemove", moveTip2, true);
    } else if (document.detachEvent) {
      document.detachEvent("onmousemove", moveTip2);
    } else {
      document.onmousemove=null;
    }

    if (event.stopPropagation) e.stopPropagation();
    else event.cancelBubble = true;

  } return false
}

function beginMoveTip3(tipId, event) {
    var elementToDrag = document.getElementById(tipId);
    if (document.addEventListener) {
      document.addEventListener("mousemove", moveTip3, true);
    } else if (document.attachEvent) {
      document.attachEvent("onmousemove", moveTip3);
    } else {
      var oldmovehandler = document.onmousemove;
      document.onmousemove=moveTip3;
    }
    if (event.stopPropagation) event.stopPropagation();
    else event.cancelBubble = true;
    if (event.preventDefault) event.preventDefault();
    else event.returnValue = false;

  function moveTip3(e) {
      var posx=0,posy=0;
      if(e==null) e=window.event;
      if(e.pageX || e.pageY){
        posx=e.pageX; posy=e.pageY;
      }
      else if(e.clientX || e.clientY){
        if(document.documentElement.scrollTop){
          posx=e.clientX+document.documentElement.scrollLeft;
          posy=e.clientY+document.documentElement.scrollTop;
        }
      else{
          posx=e.clientX+document.body.scrollLeft;
          posy=e.clientY+document.body.scrollTop;
        }
      }

    elementToDrag.style.left = (posx-175)+"px";
    elementToDrag.style.top = (posy+10)+"px";

    if (event.stopPropagation) e.stopPropagation();
    else event.cancelBubble = true;

    if (event.preventDefault) event.preventDefault();
    else event.returnValue = false;
  }

  function endDragTip3(e) {
    if (!e) e = window.event;

    if (document.removeEventListener) {
      document.removeEventListener("mousemove", moveTip3, true);
    } else if (document.detachEvent) {
      document.detachEvent("onmousemove", moveTip3);
    } else {
      document.onmousemove=null;
    }

    if (event.stopPropagation) e.stopPropagation();
    else event.cancelBubble = true;

  } return false
}

function beginMoveTip4(tipId, event) {
    var elementToDrag = document.getElementById(tipId);
    if (document.addEventListener) {
      document.addEventListener("mousemove", moveTip4, true);
    } else if (document.attachEvent) {
      document.attachEvent("onmousemove", moveTip4);
    } else {
      var oldmovehandler = document.onmousemove;
      document.onmousemove=moveTip4;
    }
    if (event.stopPropagation) event.stopPropagation();
    else event.cancelBubble = true;
    if (event.preventDefault) event.preventDefault();
    else event.returnValue = false;

  function moveTip4(e) {
      var posx=0,posy=0;
      if(e==null) e=window.event;
      if(e.pageX || e.pageY){
        posx=e.pageX; posy=e.pageY;
      }
      else if(e.clientX || e.clientY){
        if(document.documentElement.scrollTop){
          posx=e.clientX+document.documentElement.scrollLeft;
          posy=e.clientY+document.documentElement.scrollTop;
        }
      else{
          posx=e.clientX+document.body.scrollLeft;
          posy=e.clientY+document.body.scrollTop;
        }
      }

    elementToDrag.style.left = (posx-28)+"px";
    elementToDrag.style.top = (posy+10)+"px";

    if (event.stopPropagation) e.stopPropagation();
    else event.cancelBubble = true;

    if (event.preventDefault) event.preventDefault();
    else event.returnValue = false;
  }

  function endDragTip4(e) {
    if (!e) e = window.event;

    if (document.removeEventListener) {
      document.removeEventListener("mousemove", moveTip4, true);
    } else if (document.detachEvent) {
      document.detachEvent("onmousemove", moveTip4);
    } else {
      document.onmousemove=null;
    }

    if (event.stopPropagation) e.stopPropagation();
    else event.cancelBubble = true;

  } return false
}

function beginMoveTip5(tipId, event) {
    var elementToDrag = document.getElementById(tipId);
    if (document.addEventListener) {
      document.addEventListener("mousemove", moveTip5, true);
    } else if (document.attachEvent) {
      document.attachEvent("onmousemove", moveTip5);
    } else {
      var oldmovehandler = document.onmousemove;
      document.onmousemove=moveTip5;
    }
    if (event.stopPropagation) event.stopPropagation();
    else event.cancelBubble = true;
    if (event.preventDefault) event.preventDefault();
    else event.returnValue = false;

  function moveTip5(e) {
      var posx=0,posy=0;
      if(e==null) e=window.event;
      if(e.pageX || e.pageY){
        posx=e.pageX; posy=e.pageY;
      }
      else if(e.clientX || e.clientY){
        if(document.documentElement.scrollTop){
          posx=e.clientX+document.documentElement.scrollLeft;
          posy=e.clientY+document.documentElement.scrollTop;
        }
      else{
          posx=e.clientX+document.body.scrollLeft;
          posy=e.clientY+document.body.scrollTop;
        }
      }

    elementToDrag.style.left = (posx-195)+"px";
    elementToDrag.style.top = (posy+10)+"px";

    if (event.stopPropagation) e.stopPropagation();
    else event.cancelBubble = true;

    if (event.preventDefault) event.preventDefault();
    else event.returnValue = false;
  }

  function endDragTip5(e) {
    if (!e) e = window.event;

    if (document.removeEventListener) {
      document.removeEventListener("mousemove", moveTip5, true);
    } else if (document.detachEvent) {
      document.detachEvent("onmousemove", moveTip5);
    } else {
      document.onmousemove=null;
    }

    if (event.stopPropagation) e.stopPropagation();
    else event.cancelBubble = true;

  } return false
}