// fires when the arrow is clicked in searchresults of Voorlichting en Evenementen
function vezrclicked(i) {

    // toggle visibility
    var adres = document.getElementById('adres'.concat(i));
    var inhoud = document.getElementById('inhoud'.concat(i));
    var postcode = document.getElementById('postcode'.concat(i));
    var telefoon = document.getElementById('telefoon'.concat(i));
    var contact = document.getElementById('contact'.concat(i));
    var image = document.getElementById('img'.concat(i));
    var row = document.getElementById('vlrprow'.concat(i));
    
    toggleVisibility(adres);
    toggleVisibility(inhoud);
    toggleVisibility(postcode);
    toggleVisibility(telefoon);
    toggleVisibility(contact);
    toggleImage(image);
    toggleClass(row);
    
    if( row != null ) {
        
    }
    
    // fold all other rows
    for( d = 1; d<=12; d++) {
        if( d != i ) {
            foldResultRow(d);
        }
    }
}

function toggleClass(element) {
    if(element != null) {
        if( element.className == "vlewrapper") {
            element.className = "vlewrapper-selected";
        }
        else if( element.className == "vlewrapper-selected") {
            element.className = "vlewrapper";
        }
    }
}

// fires when the arrow is clicked in Voorlichting en Evenementen
function veneclicked(i) {

    // toggle visibility
    var adres = document.getElementById('evenementAdres'.concat(i));
    var content = document.getElementById('evenementContent'.concat(i));
    var aanmelden = document.getElementById('evenementAanmelden'.concat(i));
    var image = document.getElementById('img'.concat(i));
    var wrapper = document.getElementById('wrapper'.concat(i));
    
    toggleVisibility(adres);
    toggleVisibility(content);
    toggleVisibility(aanmelden);
    toggleImage(image);
    
    
    // toggle class name of the wrapper div
    toggleClass(wrapper);
    
    // fold all other rows
    for( d = 1; d<=6; d++) {
        if( d != i ) {
            foldRow(d);
        }
    }
    
}

function toggleImage(image) {
    // toggle the image
    if( image.src.match("/_layouts/images/KBDP/pijltjenaarrechts.gif") != null) {
        image.src = "/_layouts/images/KBDP/pijltjeomlaag.gif";
    }
    else {
        image.setAttribute("src", "/_layouts/images/KBDP/pijltjenaarrechts.gif");
    }
}

// toggles the visibility of 'object'
function toggleVisibility( object ) {
    if( object != null ) {
        if (object.className.indexOf('nodisplay') == -1) {
            object.className += " nodisplay";
        }
        else {
            object.className = object.className.substring(0, object.className.indexOf(' nodisplay'));
        }
    }
}

// Folds the row with number "rowNumber"
function foldRow( rowNumber ) {
    var adres = document.getElementById('evenementAdres'.concat(rowNumber));
    var content = document.getElementById('evenementContent'.concat(rowNumber));
    var aanmelden = document.getElementById('evenementAanmelden'.concat(rowNumber));
    var image = document.getElementById('img'.concat(rowNumber));
    var wrapper = document.getElementById('wrapper'.concat(rowNumber));
    
    if(( wrapper != null ) && (wrapper.className == "vlewrapper-selected")) {
        wrapper.className = "vlewrapper";
    }
    
    if( adres != null ) {
        adres.className += " nodisplay";
    }
    if( content != null ) {
        content.className += " nodisplay";
    }
    if( aanmelden != null ) {
        aanmelden.className += " nodisplay";
    }
    if( image != null ) {
        image.setAttribute("src", "/_layouts/images/KBDP/pijltjenaarrechts.gif");
    }
}

// Folds the result row with number "rowNumber"
// Used in searchresult webpart
function foldResultRow( rowNumber ) {
    var adres = document.getElementById('adres'.concat(rowNumber));
    var inhoud = document.getElementById('inhoud'.concat(rowNumber));
    var postcode = document.getElementById('postcode'.concat(rowNumber));
    var telefoon = document.getElementById('telefoon'.concat(rowNumber));
    var contact = document.getElementById('contact'.concat(rowNumber));
    var image = document.getElementById('img'.concat(rowNumber));
    var row = document.getElementById('vlrprow'.concat(rowNumber)); 
    
    if(( row != null ) && (row.className == "vlewrapper-selected")) {
        row.className = "vlewrapper";
    }
    
    if( adres != null ) {
        adres.className += " nodisplay";
    }
    if( inhoud != null ) {
        inhoud.className += " nodisplay";
    }
    if( postcode != null ) {
        postcode.className += " nodisplay";
    }
    
    if( telefoon != null ) {
        telefoon.className += " nodisplay";
    }
    if( contact != null ) {
        contact.className += " nodisplay";
    }
    
    if( image != null ) {
        image.setAttribute("src", "/_layouts/images/KBDP/pijltjenaarrechts.gif");
    }
}