var nsPanelFloating = 0;
var nsPanel;
document.onmouseup = nsPanelStop;
document.onmousemove = nsPanelMove;
window.onscroll = nsPanelOnScroll;

function nsPanelShow(id) {
	nsPanel = document.getElementById(id);
	
	diffX = document.body.scrollLeft;
	diffY = document.body.scrollTop;
	nsPanel.style.left = 200 + diffX + 'px';
	nsPanel.style.top = 100 + diffY + 'px';
	
	nsPanel.style.display = '';
}

function nsPanelHide(id) {
	nsPanel = document.getElementById(id);
	nsPanel.style.display = 'none';
}

function nsPanelInit(id){
	nsPanel = document.getElementById(id);
    if (document.all) e = window.event;
    inX = e.clientX;
    inY = e.clientY;
    dX = nsPanel.style.left.replace('px', '')*1;
    dY = nsPanel.style.top.replace('px', '')*1;
    nsPanelFloating = 1;
}

function nsPanelMove(){
    if (document.all) e = window.event;
    if (nsPanelFloating == 1) {
        posX = e.clientX-inX+dX;
        posY = e.clientY-inY+dY;
        if (posX < 0) posX = 0;
        if (posY < 0) posY = 0;
        nsPanel.style.left = posX + 'px';
        nsPanel.style.top = posY + 'px';
    }
}

function nsPanelOnScroll() {
	if (typeof(nsPanel) == 'undefined') return;
	if (nsPanel.style.display == 'none') return;
	
	dY = document.body.scrollTop-diffY;
	y = nsPanel.style.top.replace('px', '')*1;
	nsPanel.style.top = y + dY + 'px';
	diffY = document.body.scrollTop;
	
	dX = document.body.scrollLeft-diffX;
	x = nsPanel.style.left.replace('px', '')*1;
	nsPanel.style.left = x + dX + 'px';
	diffX = document.body.scrollLeft;
}

function nsPanelStop(){
    nsPanelFloating = 0;
}