/*
 * To change this template, choose Tools | Templates
 * and open the template in the editor.
 */

function initPopup() {
    openPopup('autoopen');
}

function openPopup(name) {
    var win = document.getElementById(name);
    if (win) {
        // Grey screen
        var pu = document.getElementById('opaque');
        if (!pu) {
            var body = document.getElementsByTagName('BODY');
            pu = document.createElement('div');
            pu.setAttribute('id', 'opaque');
            body[0].appendChild(pu);
        }
        pu.style.display = 'block';

        // Show popup (and 2 parents)
        win.style.display = 'block';
        scroll(0,0);
    }
    return win;
}


function closePopup(element) {
    var parent = findParent(element, 'DIV');
    parent.style.display = 'none';
    var pu = document.getElementById('opaque');
    pu.style.display = 'none';
}

function closePopupByName(name) {
    var win = document.getElementById(name);
    if (win) {
        win.style.display = 'none';
        var pu = document.getElementById('opaque');
        pu.style.display = 'none';
    }
}

function alertPopup(text) {
    var win = document.getElementById('alert-popup');
    if (win) {
        var parent = win.parentNode;
        parent.removeChild(win);
    }

    var body = document.getElementsByTagName('BODY');
    var pu = document.createElement('span');
    pu.setAttribute('class', 'popup');

    var the_img = document.createElement('img');
    the_img.setAttribute('class', 'closePopup');
    the_img.setAttribute('src', '/img/close.png');
    the_img.setAttribute('alt', '[X]');
    the_img.onclick = function (e) {return closePopup(this);}

    var newtext = document.createTextNode(text);
    var the_text = document.createElement('span');
    the_text.setAttribute('class', 'popup-text');
    the_text.appendChild(newtext);

    var the_button = document.createElement('input');
    the_button.setAttribute('type', 'button');
    the_button.setAttribute('value', STR_POPUP_CLOSE);
    the_button.onclick = function (e) {return closePopup(this);}

    var the_center_button = document.createElement('span');
    the_center_button.setAttribute('class', 'center');
    the_center_button.appendChild(the_button);

    pu.appendChild(the_img);
    pu.appendChild(the_text);
    pu.appendChild(the_center_button);

    var shadow = document.createElement('span');
    shadow.setAttribute('class', 'popup-shadow');
    shadow.appendChild(pu);
    var blur = document.createElement('div');
    blur.setAttribute('class', 'popup-blur');
    blur.setAttribute('id', 'alert-popup');
    blur.appendChild(shadow);

    body[0].appendChild(blur);
    return openPopup('alert-popup');
}

// DOM Model for confirmPopup:
//  <div class="popup-blur" id="popup-confirm">
//    <span class="popup-shadow">
//      <span class="popup">
//        <img class="closePopup" src="/img/close.png" alt="[x]" onClick="closePopup(this)" />
//        <span class="popup-text">(_REMOVE_SITE_)</span>
//        <span class="center">
//          <input type="button" value="(_OK_)" id="confirm-ok" onClick="closePopup(this)" />
//          <input type="button" value="(_CANCEL_)" onClick="closePopup(this)" />
//        </span>
//      </span>
//    </span>
//  </div>
function confirmPopup(text, okFunction, cancelFunction) {
    var win = document.getElementById('alert-popup');
    if (win) {
        var parent = win.parentNode;
        parent.removeChild(win);
    }

    var body = document.getElementsByTagName('BODY');
    var pu = document.createElement('span');
    pu.setAttribute('class', 'popup');

    var the_img = document.createElement('img');
    the_img.setAttribute('class', 'closePopup');
    the_img.setAttribute('src', '/img/close.png');
    the_img.setAttribute('alt', '[X]');
    the_img.onclick = function (e) {return closePopup(this);}

    var newtext = document.createTextNode(text);
    var the_text = document.createElement('span');
    the_text.setAttribute('class', 'popup-text');
    the_text.appendChild(newtext);

    var ok_button = document.createElement('input');
    ok_button.setAttribute('type', 'button');
    ok_button.setAttribute('value', STR_POPUP_OK);
    if (okFunction)
        ok_button.onclick = okFunction
    else
        ok_button.onclick = function (e) {return closePopup(this);}

    var cancel_button = document.createElement('input');
    cancel_button.setAttribute('type', 'button');
    cancel_button.setAttribute('value', STR_POPUP_CANCEL);
    if (cancelFunction)
        cancel_button.onclick = cancelFunction
    else
        cancel_button.onclick = function (e) {return closePopup(this);}

    var the_center_button = document.createElement('span');
    the_center_button.setAttribute('class', 'center');
    the_center_button.appendChild(ok_button);
    the_center_button.appendChild(cancel_button);

    pu.appendChild(the_img);
    pu.appendChild(the_text);
    pu.appendChild(the_center_button);

    var shadow = document.createElement('span');
    shadow.setAttribute('class', 'popup-shadow');
    shadow.appendChild(pu);
    var blur = document.createElement('div');
    blur.setAttribute('class', 'popup-blur');
    blur.setAttribute('id', 'alert-popup');
    blur.appendChild(shadow);

    body[0].appendChild(blur);
    return openPopup('alert-popup');
}

// DOM Model for confirmPopup:
//  <div class="popup-blur" id="popup-confirm">
//    <span class="popup-shadow">
//      <span class="popup">
//        <img class="closePopup" src="/img/close.png" alt="[x]" onClick="closePopup(this)" />
//        <span class="popup-text">(_STRING_)</span>
//        <input type="text" id="popup-prompt" value="DEFAULT" />
//        <span class="center">
//          <input type="button" value="(_OK_)" id="confirm-ok" onClick="closePopup(this)" />
//          <input type="button" value="(_CANCEL_)" onClick="closePopup(this)" />
//        </span>
//      </span>
//    </span>
//  </div>
function promptPopup(text, defaultResponse, okFunction, cancelFunction) {
    if (!defaultResponse) {
        defaultResponse = '';
    }

    var win = document.getElementById('alert-popup');
    if (win) {
        var parent = win.parentNode;
        parent.removeChild(win);
    }

    var body = document.getElementsByTagName('BODY');
    var pu = document.createElement('span');
    pu.setAttribute('class', 'popup');

    var the_img = document.createElement('img');
    the_img.setAttribute('class', 'closePopup');
    the_img.setAttribute('src', '/img/close.png');
    the_img.setAttribute('alt', '[X]');
    the_img.onclick = function (e) {return closePopup(this);}

    var newtext = document.createTextNode(text);
    var the_text = document.createElement('span');
    the_text.setAttribute('class', 'popup-text');
    the_text.appendChild(newtext);

    var text_input = document.createElement('input');
    text_input.setAttribute('type', 'text');
    text_input.setAttribute('id', 'popup-prompt');
    text_input.setAttribute('value', defaultResponse);

    var ok_button = document.createElement('input');
    ok_button.setAttribute('type', 'button');
    ok_button.setAttribute('value', STR_POPUP_OK);
    if (okFunction)
        ok_button.onclick = function (e) {return okFunction(document.getElementById('popup-prompt').value);}
    else
        ok_button.onclick = function (e) {return closePopup(this);}

    var cancel_button = document.createElement('input');
    cancel_button.setAttribute('type', 'button');
    cancel_button.setAttribute('value', STR_POPUP_CANCEL);
    if (cancelFunction)
        cancel_button.onclick = cancelFunction;
    else
        cancel_button.onclick = function (e) {return closePopup(this);}

    var the_center_button = document.createElement('span');
    the_center_button.setAttribute('class', 'center');
    the_center_button.appendChild(ok_button);
    the_center_button.appendChild(cancel_button);

    pu.appendChild(the_img);
    pu.appendChild(the_text);
    pu.appendChild(text_input);
    pu.appendChild(the_center_button);

    var shadow = document.createElement('span');
    shadow.setAttribute('class', 'popup-shadow');
    shadow.appendChild(pu);
    var blur = document.createElement('div');
    blur.setAttribute('class', 'popup-blur');
    blur.setAttribute('id', 'alert-popup');
    blur.appendChild(shadow);

    body[0].appendChild(blur);

    var the_popup = openPopup('alert-popup');
    text_input.focus();
    return the_popup;
}

// DOM Model for formPopup:
//  <div class="popup-blur" id="popup-confirm">
//    <span class="popup-shadow">
//      <span class="popup">
//        <img class="closePopup" src="/img/close.png" alt="[x]" onClick="closePopup(this)" />
//        [FORM]
//      </span>
//    </span>
//  </div>
function formPopup(form, resultFnc) {
    var win = document.getElementById('alert-popup');
    if (win) {
        var parent = win.parentNode;
        parent.removeChild(win);
    }

    var body = document.getElementsByTagName('BODY');
    var pu = document.createElement('span');
    pu.setAttribute('class', 'popup');

    var the_img = document.createElement('img');
    the_img.setAttribute('class', 'closePopup');
    the_img.setAttribute('src', '/img/close.png');
    the_img.setAttribute('alt', '[X]');
    the_img.onclick = function (e) {return closePopup(this);}

    addEvent(form, 'submit', function (e) { return resultFnc(form); });

    pu.appendChild(the_img);
    pu.appendChild(form);

    var shadow = document.createElement('span');
    shadow.setAttribute('class', 'popup-shadow');
    shadow.appendChild(pu);
    var blur = document.createElement('div');
    blur.setAttribute('class', 'popup-blur');
    blur.setAttribute('id', 'alert-popup');
    blur.appendChild(shadow);

    body[0].appendChild(blur);

    var the_popup = openPopup('alert-popup');
    var input = form.getElementsByTagName('INPUT');
    if (input[0]) {
        input[0].focus();
    }
    return the_popup;
}

addLoadEvent(initPopup);