function showBox(sId,modal) {
    var o = $(sId);
    o.style.zIndex = 800;
    o.style.display = 'block';
    
 //      fade( o, 'on');
    if( modal ) { 
    setModalState( true,o.style.zIndex-2 );
    o.setAttribute('_modal',true);

    }
    
    createShim( o );
    /* firefox quirk to show cursor when modal input overlapping iframe */
    if( ! document.all && modal)   o.style.position = 'fixed';
   
    var inputs = o.getElementsByTagName('INPUT');
    //if( inputs ) inputs[0].focus();
    
}

function hideBox(sId) {
 var o = $(sId);
    o.style.display = 'none';
   //fade( o, 'off');
   hideShim(o);
   var modal = o.getAttribute('_modal');
   
   if( modal) setModalState( false );
   return false;
}



function setContainerHeight() {
    var oContent = $('ContentContainer');
    var oHeader = $('HeaderContainer');
    var oFooter = $('FooterContainer');
    var oDoc = getDocClientAndOffsetHeight();
    oContent.style.height = (oDoc.clientHeight - oHeader.offsetHeight - oFooter.offsetHeight) + 'px';

    var oCenterPane = $('CenterPane');
    oCenterPane.style.width = 'auto';
}

function showHidePane(sId) {
    var oCenterPane = $('CenterPane');

    var oPane = $(sId);
    var oPaneResizer = $(sId + 'Resizer');

    if (!oPane) return;

    if (oPane.style.width == '1px') {
        if (oPane._savedWidth) oPane.style.width = oPane._savedWidth;
        else oPane.style.width = '150px';

        if (oPaneResizer) {
            if (oPaneResizer._savedWidth) oPaneResizer.style.width = oPaneResizer._savedWidth;
        }
    } else {
        oPane._savedWidth = oPane.style.width;
        oPane.style.width = '1px';

        if (oPaneResizer) {
            oPaneResizer._savedWidth = oPaneResizer.offsetWidth + 'px';
            oPaneResizer.style.width = '0';
        }

        oCenterPane.focus();
    }

    oCenterPane.style.width = 'auto';
    return false;
}

function showHide(sId) {
    var o = $(sId);

    if (!o) return;

    if (o.style.display == 'none') o.style.display = '';
    else o.style.display = 'none';
    setContainerHeight();
    return;
}

function ResizeColumn(e, sColId1, sColId2) {
    if (ResizeColumn.resizing) return;

    setModalState( true );
   
    ResizeColumn.colId1 = $(sColId1);
    ResizeColumn.colId2 = $(sColId2);
    
    var rl = $('ResizeLine');
    
    if (!rl) {
        rl = document.createElement('DIV');
        rl.className = 'ResizeLine';
        document.body.appendChild(rl);
    }

    var o = e.target ? e.target : e.srcElement;
    var p = getPosTopLeft(o);

    rl.style.display = 'block';
    rl.style.top = p.top + 1 + 'px';
    rl.style.left = p.left + 2 + 'px';
    rl.style.height = o.offsetHeight + 'px';
    rl.style.zIndex = '10000000';
    ResizeColumn.resizeLineId = rl;
    ResizeColumn.startLeft = e.clientX;
    ResizeColumn.resizing = true;

    addEvent(document, 'mousemove', ResizeColumn.mouseMove);
    addEvent(document, 'mouseup', ResizeColumn.resize);
}

ResizeColumn.mouseMove = function(e) {
    if (!e) e = window.event;

    ResizeColumn.resizeLineId.style.left = e.clientX;
    return false;
}

ResizeColumn.resize = function(e) {
    var change = ResizeColumn.startLeft - parseInt(ResizeColumn.resizeLineId.style.left);

    var w1 = ResizeColumn.colId1.offsetWidth - change;

    if (w1 < 1) w1 = 1;

    var w2 = ResizeColumn.colId2.offsetWidth + change;

    if (w2 < 1) w2 = 1;

    ResizeColumn.colId1.style.width = w1 + 'px';
    ResizeColumn.colId2.style.width = w2 + 'px';
    ResizeColumn.resizeLineId.style.display = 'none';
    removeEvent(document, 'mousemove', ResizeColumn.mouseMove);
    removeEvent(document, 'mouseup', ResizeColumn.resize);
    ResizeColumn.resizing = false;
    setModalState( false );
}

function setPaneTitle(sTitle) {
}