/* Handle displaying a dialogue on-screen */


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

    for(var i=0; i<selects.length; i++)
    {
        if (selects[i].parentNode.className == "ddl")
        {
            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 (selects[i].parentNode.className == "ddl")
        {
            selects[i].style.visibility = "hidden";
        }
        else
        {
            selects[i].style.visibility = "visible";
        }
    }
}




/* Pass in the div element to show */
function displayDialog (div)
{
    if (typeof(div) == 'string') {
        div = document.getElementById(div);
    }
    
    hideSelects();
    
    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) {
		// move our dialog to be the first child of the body 
		if (document.body.childNodes[0] && document.body.childNodes[0].id != div.id) {
			var node = div.cloneNode(true);
			div.parentNode.removeChild(div);
			div = node;
			document.body.insertBefore(div, document.body.childNodes[0]);
		}

        // 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 scrollTop = getScrollTop();
        var visibleHeight = getVisibleHeight();
		
		if (visibleHeight > 150) {
			var divs = div.getElementsByTagName('div');
			
			for (var i = 0; i != divs.length; i++) {
				if (divs[i] && divs[i].className.indexOf('innerdialog') >= 0) {
					divs[i].style.height = (visibleHeight - 150) + 'px';
				}
			}
			//div.style.height = (visibleHeight - 100) + 'px';
		}
		
        var dlgheight = div.clientHeight;
        
        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)
{
    if (typeof(div) == 'string') {
        div = document.getElementById(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;
    }
};