//popup.js

function popup(thePage) {

	//make some noise
	// ahhhhhhhhhh!!!!!!	
	
    //blur the rest of the screen
    document.getElementById("overlay").style.visibility="visible";
    
    // get the correct form
    makerequest(thePage, "window")
    
    //now make it visible
    document.getElementById("window").style.visibility="visible";
}

function popupClose() {
    document.getElementById("overlay").style.visibility="hidden";
    document.getElementById("window").style.visibility="hidden";    
}

function resize(width, height) {
    
}


var grabX = 0;
var grabY = 0;
var elementX = 0;
var elementY = 0;
var origX = 0;
var origY = 0;
var dragObj = null;
var mouseX = 0;
var mouseY = 0;

function falsefunc() {
    return false;
}

function init() {
    document.onmousemove = update;
    update();
}

function grab() {
    document.onmousedown = falsefunc;
    
    dragObj = document.getElementById("window");
    
    grabX = mouseX;
    grabY = mouseY;
    
    document.onmousemove = moveWindow;
    document.onmouseup = drop;
    
    elementX = origX = dragObj.offsetLeft;
    elementY = origY = dragObj.offsetTop;
    
    update();
    
}

function drop() {
    dragObj = null;
    document.onmousemove = update;
    document.onmouseup = null;
    document.onmousedown = null;
    update();
}

function moveWindow(event) {
    if(dragObj) {
        elementX = origX + (mouseX - grabX);
        elementY = origY + (mouseY - grabY);
        dragObj.style.left = elementX + "px";
        dragObj.style.top = elementY + "px";
        update(event);
    }
}

function getMouseXY(event) {
    if(!event) {
        event = window.event;
    }
    if(event) {
        mouseX = event.clientX;
        mouseY = event.clientY;
    }
}

function update(event) {
    getMouseXY(event);
    
    document.getElementById("mouseX").innerHTML = mouseX;
    document.getElementById("mouseY").innerHTML = mouseY;
    document.getElementById("origX").innerHTML = origX;
    document.getElementById("origY").innerHTML = origY;
    document.getElementById("elementX").innerHTML = elementX;
    document.getElementById("elementY").innerHTML = elementY;
    document.getElementById("grabX").innerHTML = grabX;
    document.getElementById("grabY").innerHTML = grabY;
}