function hideCitaat()
{
    var targetFrame = parent.frames['content'];
    var el = targetFrame.document.getElementById("citaat");
    
    if (el != null)
    {
        el.style.visibility = "hidden";
    }
}

function showCitaat(citaat, bron)
{
    var targetFrame = parent.frames['content'];
    var el = targetFrame.document.getElementById("citaat");
    
    if (el == null)
    {   
        var div = targetFrame.document.createElement("DIV");
        div.style.height = "100%";
        div.style.zIndex = 999;

        var table = targetFrame.document.createElement("TABLE");
        //table.width = "475";
        //table.height = "290";
        table.width = "100%";
        table.height = "100%";
        //table.style.border = "2px solid #810148";
        table.border = "0";

        var tr = table.insertRow(-1);
        var td = tr.insertCell(-1);
        td.innerHTML = "<a href=\"#\" onclick=\"parent.hideCitaat();\" style=\"text-decoration: 'none'; color: #810148;\" onmouseover=\"this.style.textDecoration = 'underline';\" onmouseout=\"this.style.textDecoration = 'none';\">Citaat verbergen</a>";
        td.style.textAlign = "right";
        td.style.padding = "5px";
        td.style.color = "#810148";
        td.style.font = "bold 11px Arial";

        var tr = table.insertRow(-1);
        var td = tr.insertCell(-1);
        td.innerHTML = citaat + "<br /><br /><span style=\"font: bold 11 px arial;\">(" + bron + ")</span><br /><br />";
        td.innerHTML += "<div align=\"center\"><a href=\"http://www.technicles.nl/citaten/archief.php\" style=\"color: #810148;\">Klik hier voor meer citaten</a></div>";
        td.style.textAlign = "right";
        td.style.color = "#810148";
        //td.style.textAlign = "center";
        td.style.font = "bold 20px Arial";
        td.style.height = "100%";
        td.style.padding = "20px";
        
        // Voeg table toe aan div element
        div.appendChild(table);
        
        /*var x = parent.document.body.clientWidth;
        var y = parent.document.body.clientHeight;
        x = (x / 2) - ((table.width / 2) + 340);
        y = (y / 2) - ((table.height / 2) + 67);*/
        
        div.id = "citaat";
        div.style.position = "absolute";
        div.style.backgroundColor = "white";
        div.style.filter = "alpha(Opacity=80)";
        div.style.MozOpacity = "0.8";
        //div.style.left = x + "px";
        //div.style.top = y + "px";
        div.style.border = "2px solid #810148";
        div.style.top = "0px";
        
        targetFrame.document.body.appendChild(div);
    }
    else if (el.style.visibility == "hidden")
    {
        el.style.visibility = "visible";
    }
}