// JavaScript Document
/*
==============================================================
Script:     Amazing Draggable Layer

Functions:  This script implements a draggable layer that
            can be used much like a popup window... but with-
            out the usual focus problems that popups often
            imply.  Also included are simple controls to show
            or hide the draggable layer. Compatible with
            NS4-7 & IE.
            
Comments:   The script is in two parts.  A JavaScript
            <script> to be placed in the <head> of the
            page; and a <div> layer that should be placed
            either immediately after the <body> tag or
            immediately before the </body> tag.
            
            There are *no* changes or setups required in the
            JavaScript script.
            
            Positioning, width, height, colors, fonts, etc.,
            as well as initial visibility are set in the
            layer portion of the script, in the body.
            
Notes:      Only a single instance of the script is allowed
            per page.            

Browsers:   NS4-7 & IE4 and later

Author:     etLux
==============================================================



STEP 1.
Inserting the JavaScript <script> In Your Page

Put the following  in the head
section of your page.  

There are no setups or changes required.

*/



// Script Source: CodeLifter.com
// Copyright 2003
// Do not remove this header

var isIE=document.all;
var isNN=!document.all&&document.getElementById;
var isN4=document.layers;
var isHot=false;

function ddInit(e){
  topDog=isIE ? "BODY" : "HTML";
  whichDog=isIE ? document.all.theLayer : document.getElementById("theLayer");  
  hotDog=isIE ? event.srcElement : e.target;  
  while (hotDog.id!="titleBar"&&hotDog.tagName!=topDog){
    hotDog=isIE ? hotDog.parentElement : hotDog.parentNode;
  }  
  if (hotDog.id=="titleBar"){
    offsetx=isIE ? event.clientX : e.clientX;
    offsety=isIE ? event.clientY : e.clientY;
    nowX=parseInt(whichDog.style.left);
    nowY=parseInt(whichDog.style.top);
    ddEnabled=true;
    document.onmousemove=dd;
  }
}

function dd(e){
  if (!ddEnabled) return null;
  whichDog.style.left=isIE ? nowX+event.clientX-offsetx : nowX+e.clientX-offsetx; 
  whichDog.style.top=isIE ? nowY+event.clientY-offsety : nowY+e.clientY-offsety;
  return false;  
}

function ddN4(whatDog){
  if (!isN4) return null;
  N4=eval(whatDog);
  N4.captureEvents(Event.MOUSEDOWN|Event.MOUSEUP);
  N4.onmousedown=function(e){
    N4.captureEvents(Event.MOUSEMOVE);
    N4x=e.x;
    N4y=e.y;
  }
  N4.onmousemove=function(e){
    if (isHot){
      N4.moveBy(e.x-N4x,e.y-N4y);
      return false;
    }
  }
  N4.onmouseup=function(){
    N4.releaseEvents(Event.MOUSEMOVE);
  }
}

function test()
{
	alert( getLayer("theContent").innerHTML );
}

function displayNews( newsLayerId, title, e )
{
	hideMe();
	getLayer("theLayerTitle").innerHTML = title;
	copyLayer( newsLayerId, "theContent" );
	
	tempX = 0;
	tempY = 0;
	if (document.all) {
		tempX = event.clientX + document.body.scrollLeft;
		tempY = event.clientY + document.body.scrollTop;
	} else {
		tempX = e.clientX;
		tempY = e.clientY;
	}
	
	if (tempX < 0){tempX = 0}
	if (tempY < 0){tempY = 0}
	
	getLayer("theLayer").style.top = tempY - 20;
	getLayer("theLayer").style.left = tempX + 100;
	
	//getLayer("theLayer").style.top = "516px";
	//getLayer("theLayer").style.left = ((window.outerWidth-814)/2+241) + "px"; //breedte window - breedte homepage /2 = lengte linker balk + lengte actueel tabel
	showMe();
}

function copyLayer( srcId, destId )
{
	var srcLayer = getLayer( srcId );
	var destLayer = getLayer( destId );
	destLayer.innerHTML = srcLayer.innerHTML;
}

function getLayer(layerId)
{
	return isIE ? eval("document.all." + layerId) : document.getElementById(layerId)
}

function hideMe(){
  if (isIE||isNN) whichDog.style.visibility="hidden";
  else if (isN4) document.theLayer.visibility="hide";
}

function showMe()
{
	
  if (isIE||isNN) whichDog.style.visibility="visible";
  else if (isN4) document.theLayer.visibility="show";
}

document.onmousedown=ddInit;
document.onmouseup=Function("ddEnabled=false");
