function startWindow(id, name, color, logo, popupCallback) {
    var popup = popupCallback != '';
    var moveHeader = popup ? ' onMouseDown="beginDrag(this.parentNode.parentNode.parentNode, event)"' : '';
    var closeIcon = popup ? '<img src="images/fatcow/16/cross.png" onclick="' + popupCallback + '">' : '';
    var windowPadding = popup ? '' : 'padding-left:8;padding-right:8;';
    var titleCellId = popup ? ' id="' + id + 'Title"' : '';
    document.write('<table id="windowOuterTable" width="100%" height="100%" border="0" cellpadding="0" cellspacing="0">');
    document.write('<tr' + moveHeader + '><td width="6" height="22" align="right"><img src="images/wtl.gif" border="0"></td>');
    document.write('<th' + titleCellId + ' width="100%" height="22" background="images/wtm.gif" style="text-align:center;font-weight:bold; color:white">' + name + '</th>');
    document.write('<td align="center" width="22" height="22" background="images/wtm.gif">' + closeIcon + '</td>');
    document.write('<td align="right" width="6" height="22"><img src="images/wtr.gif" border="0"></td></tr>');
    document.write('<tr><td colspan="4"><table bgcolor="' + color + '" width="100%" height="100%" border="0" cellspacing="0" ');
    document.write('style="border-color:black; border-left-width:0px; border-top-width:0px; border-right-width:1px; border-bottom-width:0px; border-style:solid">');
    document.write('<tr><td valign="top" style="' + windowPadding);
    if (logo!='') {
        document.write('background-image:url(images/incito_logo.gif);background-repeat:no-repeat;background-position:5px 340px"');
    }
    document.write('">' + (popup ? '' : '<br/>'));
}

function endWindow(color) {
    document.write('</td></tr></table></td></tr>');
    document.write('<tr><td height="18" bgcolor="' + color + '"><img src="images/wbl.gif" border="0"></td>');
    document.write('<td height="18" bgcolor="' + color + '"');
    document.write('style="border-color:black; border-left-width:0px; border-top-width:0px; border-right-width:0px; border-bottom-width:1px; border-style:solid"');
    document.write('>&nbsp;</td>');
    document.write('<td height="18" style="border-color:black; border-left-width:0px; border-top-width:0px; border-right-width:0px; border-bottom-width:1px; border-style:solid" bgcolor="' + color + '">&nbsp;</td>');
    document.write('<td height="18" bgcolor="' + color + '"><img src="images/wbr.gif" border="0"></td></tr></table>');
}

function startNifty() {
    document.write('<table align="center"><tr><td><div class="nifty"><b class="rtop"><b class="r1"></b><b class="r2"></b><b class="r3"></b><b class="r4"></b></b><div style="margin: 5px 10px 5px 10px">');
}

function endNifty() {
    document.write('</div><b class="rbottom"><b class="r4"></b><b class="r3"></b><b class="r2"></b><b class="r1"></b></b></div></td></tr></table>');
}

function setWindowTitle(id, title) {
    if (title.length > 48) {
        title = title.substring(0, 46) + '...';
    }
    document.getElementById(id + 'Title').innerHTML = title;
}

function writeSysinfo() {
    document.write('<strong>AppName:</strong> ' + navigator.appName + '&nbsp;&nbsp;&nbsp;<strong>AppVersion:</strong> ' + navigator.appVersion + '<br>');
    document.write('<strong>Platform:</strong> ' + navigator.platform + '&nbsp;&nbsp;&nbsp;<strong>UserAgent:</strong> ' + navigator.userAgent);
}

function toggleClientInfo() {
    if (document.getElementById('clientinfo').style.display=='none') {
        document.getElementById('clientinfo').style.display='block';
    }
    else {
        document.getElementById('clientinfo').style.display='none';
    }
}
function beginDrag(elementToDrag, event){
    var deltaX = event.clientX - parseInt(elementToDrag.style.left);
    var deltaY = event.clientY - parseInt(elementToDrag.style.top);
    if (document.addEventListener){
        document.addEventListener("mousemove", moveHandler, true);
        document.addEventListener("mouseup", upHandler, true);
    }
    else if (document.attachEvent){
        document.attachEvent("onmousemove", moveHandler);
        document.attachEvent("onmouseup", upHandler);
    }
    else {
        var oldmovehandler = document.onmousemove;
        var olduphandler = document.onmouseup;
        document.onmousemove = moveHandler;
        document.onmouseup = upHandler;
    }
    if (event.stopPropagation) event.stopPropagation();
    else event.cancelBubble = true;
    if (event.preventDefault) event.preventDefault();
    else event.returnValue = false;

    function moveHandler(e){
        if (!e) e = window.event;
        elementToDrag.style.left = (e.clientX - deltaX) + "px";
        elementToDrag.style.top = (e.clientY - deltaY) + "px";
        if (e.stopPropagation) e.stopPropagation();
        else e.cancelBubble = true;
    }

    function upHandler(e){
        if (!e) e = window.event;
        if (document.removeEventListener){
            document.removeEventListener("mouseup", upHandler, true);
            document.removeEventListener("mousemove", moveHandler, true);
        }
        else if (document.detachEvent){
            document.detachEvent("onmouseup", upHandler);
            document.detachEvent("onmousemove", moveHandler);
        }
        else {
            document.onmouseup = olduphandler;
            document.onmousemove = oldmovehandler;
        }
        if (e.stopPropagation) e.stopPropagation();
        else e.cancelBubble = true;
    }
}
