
photoboxNavHtml = "<a href=\"#\" class=\"back\" id=\"photobox{galID}_back\">&laquo; <span>zurück</span></a>"
    +" <span class=\"imageNum\">&nbsp;|&nbsp;<span id=\"currentImageNum\"></span>&nbsp;von&nbsp;<span id=\"maxImageNum\"></span>&nbsp;|&nbsp;</span> "
    +"<a href=\"#\" class=\"next\" id=\"photobox{galID}_next\"><span>weiter</span> &raquo;</a>";
prevNextDisplayStyle = 'inline';
photoboxWidth = 650;
photoboxHeight = 520;
contentHeightDrain = 30;

function createPhotoboxDiv(galID)
{
    var tmp;
    // Head
    var head_div = document.createElement("div");

    // Body
    var body_div = document.createElement("div");
    body_div.className = 'bd';
        tmp = document.createElement("div");
        tmp.id = 'photobox'+galID+'_bigPrev';
        tmp.className = 'bigButtons';
        tmp.style.left = '0px';
    body_div.appendChild(tmp);

        tmp = document.createElement("img");
        tmp.id = 'photobox'+galID+'_img';
        tmp.src = '#';
    body_div.appendChild(tmp);

        tmp = document.createElement("div");
        tmp.id = 'photobox'+galID+'_bigNext';
        tmp.className = 'bigButtons';
        tmp.style.right = '0px';
    body_div.appendChild(tmp);

    // Main
    var main_div = document.createElement("div");
    main_div.id = 'photobox'+galID;
    main_div.style.display = 'none';

    main_div.appendChild(head_div);
    main_div.appendChild(body_div);

    document.body.appendChild(main_div);
}

