/* Handle displaying a dialogue on-screen */
function hideSelects(exceptDiv) {
    var selects = document.getElementsByTagName("select");
    var selectsInDiv = exceptDiv.getElementsByTagName('select');

    for (var i = 0; i < selects.length; i++) {
        var foundInDiv = false;
        
        for (var j = 0; j != selectsInDiv.length; j++) {
            if (selectsInDiv[j] == selects[i]) {
                foundInDiv = true;
                break;
            }
        }
        
        if (foundInDiv == true) {
            selects[i].style.visibility = 'visible';
        }
        else {
            selects[i].style.visibility = "hidden";
        }
    }
}


function showSelects() {
    var selects = document.getElementsByTagName("select");

    for (var i = 0; i < selects.length; i++) {
        if (elemIsInDialog(selects[i])) {
            selects[i].style.visibility = "hidden";
        }
        else {
            selects[i].style.visibility = "visible";
        }
    }
}

function elemIsInDialog (elem)
{
    if (elem.parentNode == null)
        return false;

    elem = elem.parentNode;

    if (elem.parentNode == null)
        return false;
    
    if (elem.parentNode.className == 'dialog')
        return true;
        
    return elemIsInDialog(elem);
}



/* Pass in the div element to show */
function displayDialog(div) {
    hideSelects(div);

    var shroud = document.getElementById('shroud');
    var isIE = false;

    if (shroud) {
        var height = getDocumentHeight();

        shroud.style.height = height + 'px';
        shroud.style.visibility = 'visible';
    }

    // now show the dialog, placing it in the middle of the screen
    if (div) {
        // does the dialog have a close button? if not, create one
        var close = document.getElementById(div.id + '_closebutton');

        if (!close) {
            var elem = document.createElement('A');

            elem.id = div.id + '_closebutton';
            elem.innerHTML = 'X';
            elem.className = 'dialogCloseButton';
            elem.href = 'javascript:hideDialog(document.getElementById("' + div.id + '"));';

            var h6 = div.getElementsByTagName('h6');

            if (h6.length > 0) {
                div.insertBefore(elem, h6[0]);
            }
        }

        var dlgheight = div.clientHeight;
        var scrollTop = getScrollTop();
        var visibleHeight = getVisibleHeight();

        var visibleWidth = getVisibleWidth();
        var dlgwidth = div.clientWidth;
        var scrollLeft = getScrollLeft();

        var posLeft = visibleWidth - dlgwidth;

        if (posLeft < 0) { posLeft = 0; }

        var posTop = visibleHeight - dlgheight;

        if (posTop < 0) { posTop = 0; }

        posTop = (posTop / 2) + scrollTop;

        posLeft = (posLeft / 2) + scrollLeft;

        div.style.top = posTop + 'px';
        div.style.left = posLeft + 'px';

        div.style.visibility = 'visible';

        // hrm, lets make this dragable, just for the hell of it
        var h6 = div.getElementsByTagName('h6')[0];

        Drag.init(h6, div);
    }
}

function hideDialog(div) {
    showSelects();

    var shroud = document.getElementById('shroud');

    if (shroud) {
        shroud.style.visibility = 'hidden';
    }

    if (div) {
        div.style.visibility = 'hidden';
    }
}


function getVisibleHeight() {
    var myHeight = 0;
    if (typeof (window.innerWidth) == 'number') {
        //Non-IE
        myHeight = window.innerHeight;
    } else if (document.documentElement && (document.documentElement.clientWidth || document.documentElement.clientHeight)) {
        //IE 6+ in 'standards compliant mode'
        myHeight = document.documentElement.clientHeight;
    } else if (document.body && (document.body.clientWidth || document.body.clientHeight)) {
        //IE 4 compatible
        myHeight = document.body.clientHeight;
    }

    return myHeight;
}

function getVisibleWidth() {
    var myWidth = 0;
    if (typeof (window.innerWidth) == 'number') {
        //Non-IE
        myWidth = window.innerWidth;
    } else if (document.documentElement && (document.documentElement.clientWidth || document.documentElement.clientHeight)) {
        //IE 6+ in 'standards compliant mode'
        myWidth = document.documentElement.clientWidth;
    } else if (document.body && (document.body.clientWidth || document.body.clientHeight)) {
        //IE 4 compatible
        myWidth = document.body.clientWidth;
    }

    return myWidth;
}

function getScrollTop() {
    var scrOfY = 0;
    if (typeof (window.pageYOffset) == 'number') {
        //Netscape compliant
        scrOfY = window.pageYOffset;
    } else if (document.body && (document.body.scrollLeft || document.body.scrollTop)) {
        //DOM compliant
        scrOfY = document.body.scrollTop;
    } else if (document.documentElement && (document.documentElement.scrollLeft || document.documentElement.scrollTop)) {
        //IE6 standards compliant mode
        scrOfY = document.documentElement.scrollTop;
    }

    return scrOfY;
}

function getScrollLeft() {
    var scrOfX = 0;
    if (typeof (window.pageYOffset) == 'number') {
        //Netscape compliant
        scrOfX = window.pageXOffset;
    } else if (document.body && (document.body.scrollLeft || document.body.scrollTop)) {
        //DOM compliant
        scrOfX = document.body.scrollLeft;
    } else if (document.documentElement && (document.documentElement.scrollLeft || document.documentElement.scrollTop)) {
        //IE6 standards compliant mode
        scrOfX = document.documentElement.scrollLeft;
    }
    return scrOfX;
}

function getDocumentHeight() {
    var r = 0;
    if (document.height) {
        r = document.height;
    } else {
        r = document.body.clientHeight;
    }

    return r;
}




/**************************************************
* dom-drag.js
* 09.25.2001
* www.youngpup.net
**************************************************
* 10.28.2001 - fixed minor bug where events
* sometimes fired off the handle, not the root.
**************************************************/

var Drag = {

    obj: null,

    init: function(o, oRoot, minX, maxX, minY, maxY, bSwapHorzRef, bSwapVertRef, fXMapper, fYMapper) {
        o.onmousedown = Drag.start;

        o.hmode = bSwapHorzRef ? false : true;
        o.vmode = bSwapVertRef ? false : true;

        o.root = oRoot && oRoot != null ? oRoot : o;

        if (o.hmode && isNaN(parseInt(o.root.style.left))) o.root.style.left = "0px";
        if (o.vmode && isNaN(parseInt(o.root.style.top))) o.root.style.top = "0px";
        if (!o.hmode && isNaN(parseInt(o.root.style.right))) o.root.style.right = "0px";
        if (!o.vmode && isNaN(parseInt(o.root.style.bottom))) o.root.style.bottom = "0px";

        o.minX = typeof minX != 'undefined' ? minX : null;
        o.minY = typeof minY != 'undefined' ? minY : null;
        o.maxX = typeof maxX != 'undefined' ? maxX : null;
        o.maxY = typeof maxY != 'undefined' ? maxY : null;

        o.xMapper = fXMapper ? fXMapper : null;
        o.yMapper = fYMapper ? fYMapper : null;

        o.root.onDragStart = new Function();
        o.root.onDragEnd = new Function();
        o.root.onDrag = new Function();
    },

    start: function(e) {
        var o = Drag.obj = this;
        e = Drag.fixE(e);
        var y = parseInt(o.vmode ? o.root.style.top : o.root.style.bottom);
        var x = parseInt(o.hmode ? o.root.style.left : o.root.style.right);
        o.root.onDragStart(x, y);

        o.lastMouseX = e.clientX;
        o.lastMouseY = e.clientY;

        if (o.hmode) {
            if (o.minX != null) o.minMouseX = e.clientX - x + o.minX;
            if (o.maxX != null) o.maxMouseX = o.minMouseX + o.maxX - o.minX;
        } else {
            if (o.minX != null) o.maxMouseX = -o.minX + e.clientX + x;
            if (o.maxX != null) o.minMouseX = -o.maxX + e.clientX + x;
        }

        if (o.vmode) {
            if (o.minY != null) o.minMouseY = e.clientY - y + o.minY;
            if (o.maxY != null) o.maxMouseY = o.minMouseY + o.maxY - o.minY;
        } else {
            if (o.minY != null) o.maxMouseY = -o.minY + e.clientY + y;
            if (o.maxY != null) o.minMouseY = -o.maxY + e.clientY + y;
        }

        document.onmousemove = Drag.drag;
        document.onmouseup = Drag.end;

        return false;
    },

    drag: function(e) {
        e = Drag.fixE(e);
        var o = Drag.obj;

        var ey = e.clientY;
        var ex = e.clientX;
        var y = parseInt(o.vmode ? o.root.style.top : o.root.style.bottom);
        var x = parseInt(o.hmode ? o.root.style.left : o.root.style.right);
        var nx, ny;

        if (o.minX != null) ex = o.hmode ? Math.max(ex, o.minMouseX) : Math.min(ex, o.maxMouseX);
        if (o.maxX != null) ex = o.hmode ? Math.min(ex, o.maxMouseX) : Math.max(ex, o.minMouseX);
        if (o.minY != null) ey = o.vmode ? Math.max(ey, o.minMouseY) : Math.min(ey, o.maxMouseY);
        if (o.maxY != null) ey = o.vmode ? Math.min(ey, o.maxMouseY) : Math.max(ey, o.minMouseY);

        nx = x + ((ex - o.lastMouseX) * (o.hmode ? 1 : -1));
        ny = y + ((ey - o.lastMouseY) * (o.vmode ? 1 : -1));

        if (o.xMapper) nx = o.xMapper(y)
        else if (o.yMapper) ny = o.yMapper(x)

        Drag.obj.root.style[o.hmode ? "left" : "right"] = nx + "px";
        Drag.obj.root.style[o.vmode ? "top" : "bottom"] = ny + "px";
        Drag.obj.lastMouseX = ex;
        Drag.obj.lastMouseY = ey;

        Drag.obj.root.onDrag(nx, ny);
        return false;
    },

    end: function() {
        document.onmousemove = null;
        document.onmouseup = null;
        Drag.obj.root.onDragEnd(parseInt(Drag.obj.root.style[Drag.obj.hmode ? "left" : "right"]),
                                    parseInt(Drag.obj.root.style[Drag.obj.vmode ? "top" : "bottom"]));
        Drag.obj = null;
    },

    fixE: function(e) {
        if (typeof e == 'undefined') e = window.event;
        if (typeof e.layerX == 'undefined') e.layerX = e.offsetX;
        if (typeof e.layerY == 'undefined') e.layerY = e.offsetY;
        return e;
    }
};