$(function() {
	var menuVertical = new DickerFisch('#mainMenu',{Effect:0});
});

function createSubmit(name, value)
{
    var output = '<input type="submit" name="'+name+'" value="'+value+'" ';
        output += 'style="background-color:#FFFFFF; color: #FF0099; border-color:#238DE5; width: 100px; margin: 3px; padding: 1px; font-weight: bold;" />';
    return output;
}

function openEdit(id, soort, page)
{
    var area = "editarea"+id;
    var submit = createSubmit("submitEdit", "wijzigen");
    
    switch (soort)
    {
        case "image":
            document.getElementById(area).innerHTML = '<form method="post" action="index.php?page=' + page + '" enctype="multipart/form-data"><table style="" cellspacing="0" cellpadding="2">'
                              + '<tr><td>Upload plaatje:</td><td><input name="newImageFromDisk" type="file" size="46"/></td></tr>'
                              + '<tr><td>Of voer url in:</td><td><input name="new" type="text" style="width:300px;" /></td></tr>'
                              + '<tr><td></table><input type="hidden" name="id" value="' + id + '"/></td><td>' + submit + '</td></tr></form>';
            break;
        case "title":
            var title = document.getElementById("title"+id).innerHTML;
            // knip de toegevoegde edit-plaatjes er af.
            if (title.indexOf("<form") > 0)
                title = title.substring(0, title.indexOf("<form"));  // firefox
            else
                title = title.substring(0, title.indexOf("<FORM"));  // ie7
            
            document.getElementById(area).innerHTML = '<form method="post" action="index.php?page=' + page + '">'
                              + '<br /><input type="text" name="new" value="' + title + '" style="width:300px;"/>'
                              + '<input type="hidden" name="id" value="' + id + '"/><br />' + submit + '</form>';
            break;
        case "paragraph":
            var paragraph = document.getElementById("paragraph"+id).innerHTML;
            
            while (paragraph.indexOf("<br>") > 0)
                paragraph = paragraph.replace("<br>","\n");  // firefox
            while (paragraph.indexOf("<BR>") > 0)
                paragraph = paragraph.replace("<BR>","\n");  // ie7
            
            // knip de toegevoegde edit-plaatjes er af.
            if (paragraph.indexOf("<form") > 0)
                paragraph = paragraph.substring(0, paragraph.indexOf("<form"));  // firefox
            else if (paragraph.indexOf("<FORM") > 0)
                paragraph = paragraph.substring(0, paragraph.indexOf("<FORM"));  // ie7

            document.getElementById(area).innerHTML = '<form method="post" action="index.php?page=' + page + '">'
                              + '<br /><textarea name="new" cols="58" rows="10">' + paragraph + '</textarea>'
                              + '<input type="hidden" name="id" value="' + id + '"/><br />' + submit + '</form>';
            break;
        case "youtube":
            var youtubeSrc = document.getElementById("youtube"+id).getAttribute("src");
            
            document.getElementById(area).innerHTML = '<form method="post" action="index.php?page=' + page + '">'
                              + '<br /><input type="text" name="new" value="' + youtubeSrc + '" style="width:300px;"/>'
                              + '<input type="hidden" name="id" value="' + id + '"/><input type="hidden" name="soort" value="youtube"/><br />' + submit + '</form>';
        case "link":
            var link = document.getElementById("link"+id);

            document.getElementById(area).innerHTML = '<form method="post" action="index.php?page=' + page + '"><table style="" cellspacing="0" cellpadding="2">'
                              + '<tr><td>Link url:</td><td><input type="text" name="new" value="' + link.getAttribute("href") + '" style="width:300px;"/></td></tr>'
                              + '<tr><td>Weergavetekst:</td><td><input type="text" name="linktekst" value="' + link.innerHTML + '" style="width:300px;"/></td></tr>'
                              + '<tr><td><input type="hidden" name="id" value="' + id + '"/></td><td>' + submit + '</td></tr></table></form>';
    }
}

function openDelete(id, soort, page)
{
    var area = "editarea"+id;
    var submit = createSubmit("submitDelete", "verwijderen");
    
    document.getElementById(area).innerHTML = '<form method="post" action="index.php?page=' + page + '"><table style="" cellspacing="0" cellpadding="2">'
                      + '<tr><td colspan="2">Weet je zeker dat je deze ' + soort + ' wilt verwijderen?</td></tr>'
                      + '<tr><td width="10">&nbsp;</td><td>' + submit + '</td></tr></table><input type="hidden" name="id" value="' + id + '"/></form>';
}

function openInsert(soort)
{
    var submit = createSubmit("submitInsert", "toevoegen");
    
    switch (soort)
    {
        case "image":
            document.getElementById("insertInput").innerHTML = '<table style="" cellspacing="0" cellpadding="2">'
                              + '<tr><td>Upload plaatje:</td><td><input name="newImageFromDisk" type="file" size="46"/></td></tr>'
                              + '<tr><td>Of voer url in:</td><td><input name="new" type="text" style="width:300px;" /></td></tr>'
                              + '<tr><td></table>' + submit;
            break;
        case "title":
        case "titleBlue":
            document.getElementById("insertInput").innerHTML = '<input type="text" name="new" value="" style="width:300px;"/>' + submit;
            break;
        case "youtube":
            document.getElementById("insertInput").innerHTML = '<input type="text" name="new" value="" style="width:300px;"/>'
                              + '<input type="hidden" name="soort" value="youtube"/>' + submit;
            break;
        case "link":
            document.getElementById("insertInput").innerHTML = '<table style="" cellspacing="0" cellpadding="2">'
                              + '<tr><td>Link url:</td><td><input type="text" name="new" value="" style="width:300px;"/></td></tr>'
                              + '<tr><td>Weergavetekst:</td><td><input type="text" name="linktekst" value="" style="width:300px;"/></td></tr>'
                              + '<tr><td></table>' + submit;
            break;
        case "paragraph":
            document.getElementById("insertInput").innerHTML = '<textarea name="new" cols="58" rows="10"></textarea>' + submit;
            break;
        default:
            document.getElementById("insertInput").innerHTML = '';
    }
}