function toggleCMS (img, url)
{
    var iframe = document.getElementById ("cmsIframe");

    if (iframe != null)
    {
        iframe = window.parent.document.getElementById ("cmsIframe");
        iframe.parentNode.removeChild(iframe);

        delete iframe;

        return;
    }

    iframe = document.createElement ("iframe");
    
    iframe.src            = url;
    iframe.id             = "cmsIframe";
    iframe.style.border   = 0;
    iframe.style.margin   = 0;
    iframe.scrolling      = "no";
    iframe.style.width    = "660px";
    iframe.style.height   = "380px";
    iframe.style.position = "absolute";
    iframe.style.zIndex   = 10000;

    insertAfter (iframe, img);
}

function toggleRTE (img, basePath, id, page, code)
{
    var editor = img.editor;

    if (editor != null)
    {
        editor.parentNode.removeChild (editor);
        img.editor = null;

        delete editor;

        return;
    }

    var str = "";
    var div = document.createElement("div");
    var fck = new FCKeditor('richText', 750, 400);
    var txt = document.getElementById("fck_" + code).innerHTML;

    div.style.width    = "770px";
    div.style.height   = "420px";
    div.style.position = 'absolute';
    div.style.zIndex   = 10000;

    fck.BasePath = basePath;
    fck.Value = txt;
    
    str += "<form action=\"\" method=\"post\">";
    str += "<input type=\"hidden\" name=\"documentid\" value=\"" + id + "\" />";
    str += "<input type=\"hidden\" name=\"page\" value=\"" + page + "\" />";
    str += "<input type=\"hidden\" name=\"code\" value=\"" + code + "\" />";
    str += fck.CreateHtml();
    str += "</form>";

    div.innerHTML = str;
    img.editor = div;

    insertAfter (div, img);
}

function toggleLogin (img)
{
    var form = img.form;

    if (form != null)
    {
        form.parentNode.removeChild (form);
        img.form = null;

        delete form;

        return;
    }

    var str = "";
    var div = document.createElement("div");

    div.style.width      = "200px";
    div.style.height     = "85px";
    div.style.position   = 'absolute';
    div.style.zIndex     = 10000;
    div.style.background = '#ddd';
    div.style.border     = '1px solid #888';

    str += "<form action=\"\" method=\"post\">";
    str += "<input type=\"hidden\" name=\"cms.action\" value=\"login\" />";
    str += "<table class=\"cms-elem\" border=\"0\">";
    str += "<tr><td>Login</td><td><input type=\"text\" maxlength=\"16\" size=\"16\" name=\"cms.login\" value=\"\" /></td></tr>";
    str += "<tr><td>Password</td><td><input type=\"password\" maxlength=\"16\" size=\"16\" name=\"cms.password\" value=\"\" /></td></tr>";
    str += "<tr><td align=\"right\" colspan=\"2\"><input type=\"submit\" value=\"Login\" /></td></tr>";
    str += "</table>";
    str += "</form>";

    div.innerHTML = str;
    img.form = div;

    insertAfter (div, img);
}

function toggleLogout (img)
{
    var form = img.form;

    if (form != null)
    {
        form.parentNode.removeChild (form);
        img.form = null;

        delete form;

        return;
    }

    var str = "";
    var div = document.createElement("div");

    div.style.width      = "60px";
    div.style.height     = "25px";
    div.style.position   = 'absolute';
    div.style.zIndex     = 10000;
    div.style.background = '#ddd';
    div.style.border     = '1px solid #888';

    str += "<form action=\"\" method=\"post\">";
    str += "<input type=\"hidden\" name=\"cms.action\" value=\"logout\" />";
    str += "<input type=\"submit\" value=\"Logout\" />";
    str += "</form>";

    div.innerHTML = str;
    img.form = div;

    insertAfter (div, img);
}

function insertAfter (newChild, refChild)
{
    var parent    = refChild.parentNode;
    var nextChild = refChild.nextSibling;
    
    if (nextChild)
    {
        parent.insertBefore(newChild, nextChild)
    }
    else
    {
        parent.appendChild (newChild);
    }
}