function dge(objName) {
    return document.getElementById(objName);
}
function showRemark(clientId) {
    var obj = dge(clientId);
    if (obj) {
        obj.style.display = 'block';
    }
}

/****** extra scripts for DCV ****/

//This is a set of simple javascripts used to explain the behaviour of the html elements
//Date : 01-06-2010

//InitializeDCV is used to show the status of the DCV correctly based on the URL
function initializeDCV() {
    var currentUrl = location.href;
    //alert("initializeDCV");
}

//Function to make a link selected
function selectLink(link) {
    var linkObj = document.getElementById(link);
    if (linkObj) {
        linkObj.select();
    }
}

//Function to toggle the forward div
function toggleForward() {
    var obj = document.getElementById("forward");
    if (obj.style.display == "none" || obj.style.display == "") {
        obj.style.display = "block";
    }
    else {
        obj.style.display = "none";
    }
}


//Function to print the page
function printPage() {
    window.print();
}

function toggleControl(arg, selector) {
    doToggle("div-summary-" + arg);
    doToggle("div-content-" + arg);        
    var currentClassName = selector.className;
    //now change the terms for the selector.
    var objInnerText = selector.innerText;
    if (objInnerText != null) {
        if (objInnerText.indexOf(txtExpandCategory) > -1) {
            selector.innerHTML = txtCollapseCategory;            
            selector.className = currentClassName.replace("expand", "collapse");
        }
        if (objInnerText.indexOf(txtCollapseCategory) > -1) {
            selector.innerHTML = txtExpandCategory;
            selector.className = currentClassName.replace("collapse", "expand");
        }
    }
}

function toggleDetails(arg, sender) {

    var obj = document.getElementById(arg)
    if (obj) {
        if (obj.style.display == 'block' || obj.style.display == '') {
            obj.style.display = 'none';
        }
        else {
            obj.style.display = 'block';
        }
    }
    var objInnerHtml = sender.innerHTML;
    if (objInnerHtml.indexOf("-") > -1) {
        var newHtml = objInnerHtml.replace("-", "+");
        sender.innerHTML = newHtml;
    }
    if (objInnerHtml.indexOf("+") > -1) {
        var newHtml = objInnerHtml.replace("+", "-");
        sender.innerHTML = newHtml;
    }
}
var detailToggleState;
function toggleAllDetails(arg, sender) {
    var objTables = document.getElementsByTagName("table");
    for (var i = 0; i < objTables.length; ++i) {
        if (objTables[i].id.indexOf(arg) > -1) {
            if (detailToggleState == undefined || detailToggleState == "block") {
                objTables[i].style.display = "block";
            }
            else {
                objTables[i].style.display = "none";
            }
        }
    }
    if (detailToggleState == "" || detailToggleState == "none") {
        detailToggleState = "block";
    }
    else {
        detailToggleState = "none";
    }


    var objInnerHtml = sender.innerHTML;
    if (objInnerHtml.indexOf("--") > -1) {
        var newHtml = objInnerHtml.replace("--", "++");
        sender.innerHTML = newHtml;
    }
    if (objInnerHtml.indexOf("++") > -1) {
        var newHtml = objInnerHtml.replace("++", "--");
        sender.innerHTML = newHtml;
    }
    //now replace the detail single selectors

    var objSelectors = document.getElementsByTagName("a");
    for (var i = 0; i < objSelectors.length; ++i) {
        if (objSelectors[i].id.indexOf(arg + "-selector") > -1) {
            var objSelectorInnerHTML = objSelectors[i].innerHTML;
            if (detailToggleState=="block") {
                var newHtml = objSelectorInnerHTML.replace("-", "+");
                objSelectors[i].innerHTML = newHtml;
            }
            if (objSelectorInnerHTML.indexOf("+") > -1) {
                var newHtml = objSelectorInnerHTML.replace("+", "-");
                objSelectors[i].innerHTML = newHtml;
            }
        }
    }
}

function toggleSelector(arg) {
    var selector = document.getElementById(arg)
    var objInnerHtml = selector.innerHTML;
    if (objInnerHtml.indexOf(txtExpandCategory) > -1) {
        selector.innerHTML = txtCollapseCategory + " &and;";
    }
    if (objInnerHtml.indexOf(txtCollapseCategory) > -1) {
        selector.innerHTML = txtExpandCategory + " &or;";
    }
}

function expandSelector(arg) {    
    var selector = document.getElementById(arg)
    var objInnerHtml = selector.innerHTML;
    selector.innerHTML = txtCollapseCategory;
    var currentClassName = selector.className;
    selector.className = currentClassName.replace("expand", "collapse");
}

function collapseSelector(arg) {
    var selector = document.getElementById(arg)
    var objInnerHtml = selector.innerHTML;
    selector.innerHTML = txtExpandCategory;
    var currentClassName = selector.className;
    selector.className = currentClassName.replace("collapse", "expand");
}

function expandAllSelector(arg) {    
    var expandHTML = document.getElementById(arg).innerHTML;
    var newHtml = expandHTML.replace("expand.png", "collapse.png");
    document.getElementById(arg).innerHTML = newHtml.replace(txtCollapseAll, txtExpandAll);        
}

function collapseAllSelector(arg) {    
    var collapseHTML = document.getElementById(arg).innerHTML;
    var newHtml = collapseHTML.replace("collapse.png", "expand.png");
    document.getElementById(arg).innerHTML = newHtml.replace(txtExpandAll, txtCollapseAll);    
}

var toggleStateSummary;
var toggleStateContent;

function toggleAllTables() {
    var myCategories = $("div");
    var patternSummary = new RegExp("div-summary-*");
    var patternContent = new RegExp("div-content-*");
    if (toggleStateSummary == "") {
        toggleStateSummary = "none";
        toggleStateContent = "block";
    }
    if (toggleStateSummary == "none") {
        toggleStateSummary = "block";
        toggleStateContent = "none";
    }
    else {
        toggleStateSummary = "none";
        toggleStateContent = "block";
    }

    for (var i = 0; i < myCategories.length; ++i) {
        var currentId = myCategories[i].id;
        if (currentId != "") {
            if (patternSummary.test(currentId)) {
                myCategories[i].style.display = toggleStateSummary;
            }
            if (patternContent.test(currentId)) {
                myCategories[i].style.display = toggleStateContent;
            }
        }
    }
    var mySelectors = $("a");
    var patternSelector = new RegExp("a-selector-*");
    for (var j = 0; j < mySelectors.length; ++j) {
        var currentId = mySelectors[j].id;
        if (currentId != "") {
            if (patternSelector.test(currentId)) {
                if (toggleStateSummary == "block") {

                    collapseSelector(currentId);
                }
                else {
                    expandSelector(currentId);
                }
            }
        }
    }
    if (toggleStateSummary == "block") {
        expandAllSelector("selector-alltables");
    }
    else {
        collapseAllSelector("selector-alltables");
    }
}
function doToggle(id) {
    obj = document.getElementById(id);
    if (obj.style.display == "none") {
        obj.style.display = "block";
    }
    else {
        obj.style.display = "none";
    }
}

function collapseDiv(obj) {
    if (!obj.style) {
        var myObj = document.getElementById(obj);
    }
    else {
        myObj = obj;
    }
    if (myObj) {
        myObj.style.display = 'none';
    }
}

function expandDiv(obj) {
    if (!obj.style) {
        var myObj = document.getElementById(obj);
    }
    else {
        myObj = obj;
    }
    if (myObj) {
        myObj.style.display = 'block';
    }
}


//Function for adding a receiver on the mailform
function addReceiver() {

    var receiverName_4_obj = document.getElementById("receivername_4");
    var receiverName_3_obj = document.getElementById("receivername_3");
    var receiverName_2_obj = document.getElementById("receivername_2");
    var receiverName_1_obj = document.getElementById("receivername_1");

    if ((receiverName_4_obj.style.display == "none" || receiverName_4_obj.style.display == "") && (receiverName_3_obj.style.display == "inline-block")) {
        receiverName_4_obj.style.display = "inline-block";
    }
    else {
        if (receiverName_4_obj.style.display == "inline-block") {
            alert('U heeft het maximum aantal ontvangers ingevuld');
        }
    }

    if ((receiverName_3_obj.style.display == "none" || receiverName_3_obj.style.display == "") && (receiverName_2_obj.style.display == "inline-block")) {
        receiverName_3_obj.style.display = "inline-block";
    }


    if ((receiverName_2_obj.style.display == "none" || receiverName_2_obj.style.display == "") && (receiverName_1_obj.style.display == "inline-block")) {
        receiverName_2_obj.style.display = "inline-block";
    }


    if (receiverName_1_obj.style.display == "none" || receiverName_1_obj.style.display == "") {
        receiverName_1_obj.style.display = "inline-block";
    }
}