function BlackFade(show, closeOutside, name) {
    var black = document.getElementById('blackFade');
    if (black == null) {
        black = document.createElement('div');
        black.id = 'blackFade';
        black.style.display = 'none';
        black.style.zIndex = '10000';
        document.getElementsByTagName('body')[0].appendChild(black);
    }
    if (show) {
        black.style.width = document.documentElement.scrollWidth + 'px';
        black.style.height = document.documentElement.scrollHeight + 'px';
        black.style.display = 'block';
        if (closeOutside) {
            black.setAttribute("onclick", "closePopUp('" + name + "');");
        }
    } else {
        black.style.display = 'none';
    }
}

function closePopUp(name) {
    var popupToClose = document.getElementById(name + '_moved');
    if (popupToClose != null) {
        popupToClose.style.display = "none";
    }
    BlackFade(false);
}

function showPopUp(name, width, height, widthauto, heightauto) {
    var left = 300;
    var top = 200;

    var originalElement = document.getElementById(name + '_moved');
    if (originalElement == null) {
        originalElement = document.createElement('div');
        originalElement.id = name + '_moved';
        document.getElementsByTagName('body')[0].appendChild(originalElement);
    }
    document.getElementById(name + '_moved').setAttribute("class", "popup");
    document.getElementById(name + '_moved').className = "popup";
    if (document.getElementById(name).innerHTML.length > 0) {
        document.getElementById(name + '_moved').innerHTML = document.getElementById(name).innerHTML;
    }
    document.getElementById(name).innerHTML = '';
    document.getElementById(name + '_moved').style.position = "absolute";
    document.getElementById(name + '_moved').style.display = "block";




    if (widthauto)
    { document.getElementById(name + '_moved').style.width = 'auto'; }
    else
    { document.getElementById(name + '_moved').style.width = width + 'px'; }

    if (heightauto) {
        document.getElementById(name + '_moved').style.height = 'auto';
        document.getElementById(name + "_Content").style.height = 'auto';
    }
    else {
        document.getElementById(name + '_moved').style.height = height + 'px';
        document.getElementById(name + "_Content").style.height = (height - 50) + 'px';
    }

    try {
        var winW;// = 600;
        var winH;// = 400;
        winW = document.documentElement.clientWidth;
        winH = document.documentElement.clientHeight;
        left = ((winW - 300) / 2);
        top = ((winH - document.getElementById(name + '_moved').clientHeight) / 2) + document.documentElement.scrollTop;
    } catch (e) { }

    document.getElementById(name + '_moved').style.left = left + 'px';
    document.getElementById(name + '_moved').style.top = top + 'px';

    BlackFade(true, false, name);

    if (document.getElementById(name + "_popup_l") != null) {
        document.getElementById(name + "_popup_l").style.height = document.getElementById(name + "_popup_c").offsetHeight;
    }

    if (document.getElementById(name + "_popup_r")) {
        document.getElementById(name + "_popup_r").style.height = document.getElementById(name + "_popup_c").offsetHeight;
    }


}

function showPopUpBasket(name, width, height, widthauto, heightauto) {
    var left = 300;
    var top = 200;

    var originalElement = document.getElementById(name + '_moved');
    if (originalElement == null) {
        originalElement = document.createElement('div');
        originalElement.id = name + '_moved';
        document.getElementsByTagName('body')[0].appendChild(originalElement);
    }
    document.getElementById(name + '_moved').setAttribute("class", "popup");
    document.getElementById(name + '_moved').className = "popup";
    if (document.getElementById(name).innerHTML.length > 0) {
        document.getElementById(name + '_moved').innerHTML = document.getElementById(name).innerHTML;
    }
    document.getElementById(name).innerHTML = '';
    document.getElementById(name + '_moved').style.position = "absolute";
    document.getElementById(name + '_moved').style.display = "block";




    if (widthauto)
    { document.getElementById(name + '_moved').style.width = 'auto'; }
    else
    { document.getElementById(name + '_moved').style.width = width + 'px'; }

    if (heightauto) {
        document.getElementById(name + '_moved').style.height = 'auto';
    }
    else {
        document.getElementById(name + '_moved').style.height = height + 'px';
    }

    try {
        var winW;// = 600;
        var winH;// = 400;
        winW = document.documentElement.clientWidth;
        winH = document.documentElement.clientHeight;
        left = ((winW - 794) / 2);
        top = ((winH - document.getElementById(name + '_moved').clientHeight) / 2) + document.documentElement.scrollTop;

    } catch (e) { }

    document.getElementById(name + '_moved').style.left = left + 'px';
    document.getElementById(name + '_moved').style.top = top + 'px';

    BlackFade(true, true, name);

}

function showPopUpAddBasket(name, width, height, widthauto, heightauto) {
    var left = 300;
    var top = 200;


    var originalElement = document.getElementById(name + '_moved');
    if (originalElement == null) {
        originalElement = document.createElement('div');
        originalElement.id = name + '_moved';
        document.getElementsByTagName('body')[0].appendChild(originalElement);
    }
    document.getElementById(name + '_moved').setAttribute("class", "popup");
    document.getElementById(name + '_moved').className = "popup";
    if (document.getElementById(name).innerHTML.length > 0) {
        document.getElementById(name + '_moved').innerHTML = document.getElementById(name).innerHTML;
    }
    document.getElementById(name).innerHTML = '';
    document.getElementById(name + '_moved').style.position = "absolute";
    document.getElementById(name + '_moved').style.display = "block";

    if (widthauto)
    { document.getElementById(name + '_moved').style.width = 'auto'; }
    else
    { document.getElementById(name + '_moved').style.width = width + 'px'; }

    if (heightauto) {
        document.getElementById(name + '_moved').style.height = 'auto';
    }
    else {
        document.getElementById(name + '_moved').style.height = height + 'px';
    }

    try {
        var winW;// = 600;
        var winH;// = 400;
        winW = document.documentElement.clientWidth;
        winH = document.documentElement.clientHeight;
        left = ((winW - 398) / 2);
        top = ((winH - document.getElementById(name + '_moved').clientHeight) / 2) + document.documentElement.scrollTop;

    } catch (e) { }

    document.getElementById(name + '_moved').style.left = left + 'px';
    document.getElementById(name + '_moved').style.top = top + 'px';

    BlackFade(true, true, name);
}

function showPopUpNoFade(name, width, height, widthauto, heightauto) {
    var left = 300;
    var top = 200;

    var originalElement = document.getElementById(name + '_moved');
    if (originalElement == null) {
        originalElement = document.createElement('div');
        originalElement.id = name + '_moved';
        document.getElementsByTagName('body')[0].appendChild(originalElement);
    }
    document.getElementById(name + '_moved').setAttribute("class", "popup");
    document.getElementById(name + '_moved').className = "popup";
    if (document.getElementById(name).innerHTML.length > 0) {
        document.getElementById(name + '_moved').innerHTML = document.getElementById(name).innerHTML;
    }
    document.getElementById(name).innerHTML = '';
    document.getElementById(name + '_moved').style.position = "absolute";
    document.getElementById(name + '_moved').style.display = "block";




    if (widthauto)
    { document.getElementById(name + '_moved').style.width = 'auto'; }
    else
    { document.getElementById(name + '_moved').style.width = width + 'px'; }

    if (heightauto) {
        document.getElementById(name + '_moved').style.height = 'auto';
        document.getElementById(name + "_Content").style.height = 'auto';
    }
    else {
        document.getElementById(name + '_moved').style.height = height + 'px';
        document.getElementById(name + "_Content").style.height = (height - 50) + 'px';
    }

    try {
        var winW;// = 600;
        var winH;// = 400;
        winW = document.documentElement.clientWidth;
        winH = document.documentElement.clientHeight;
        left = ((winW - 300) / 2);
        top = ((winH - document.getElementById(name + '_moved').clientHeight) / 2) + document.documentElement.scrollTop;
    } catch (e) { }

    document.getElementById(name + '_moved').style.left = left + 'px';
    document.getElementById(name + '_moved').style.top = top + 'px';

    BlackFade(false, false, name);

    if (document.getElementById(name + "_popup_l") != null) {
        document.getElementById(name + "_popup_l").style.height = document.getElementById(name + "_popup_c").offsetHeight;
    }

    if (document.getElementById(name + "_popup_r")) {
        document.getElementById(name + "_popup_r").style.height = document.getElementById(name + "_popup_c").offsetHeight;
    }
}

// INIT DOM READY FUNCTIONS

function init() {
    // quit if this function has already been called
    if (arguments.callee.done) return;

    // flag this function so we don't do the same thing twice
    arguments.callee.done = true;

    // kill the timer
    if (_timer) {
        clearInterval(_timer);
        _timer = null;
    }

    // create the "page loaded" message

    //myfunction
    var funcName = 'Main';
    if (typeof funcName == 'string' && eval('typeof ' + funcName) == 'function') {
        eval(funcName + '()');
    }

    // Selectbox.js init (evt. naar Main function)	
    //(document.all && !window.print) ? null : setForm();
    //PreRenderPopUpImages()
};

/* for Mozilla */
if (document.addEventListener) {
    document.addEventListener("DOMContentLoaded", init, false);
}

/* for Internet Explorer */
/*@cc_on@*/
/*@if (@_win32)
var dummy = (location.protocol == "https:") ? "//:" : "javascript:void(0)";
document.write("<script id=__ie_onload defer src='" + dummy + "'><\/script>");
var script = document.getElementById("__ie_onload");
script.onreadystatechange = function() {
    if (this.readyState == "complete") {
        init(); // call the onload handler
    }
};
/*@end@*/

/* for Safari */
if (/WebKit/i.test(navigator.userAgent)) { // sniff
    var _timer = setInterval(function() {
        if (/loaded|complete/.test(document.readyState)) {
            init(); // call the onload handler
        }
    }, 10);
}

/* for other browsers */
//if (window.onload)
//    window.onload = init();
