String.prototype.trim = function() { return this.replace(/^\s+|\s+$/, ''); };

/* 
    Selecteer een persoon sub menu item.
    De activeContainer is de css klasse van 
*/
function SelectPersonMenu(menuItemContainer, activeContainer){
    //haal geselecteerde html img image op
    var imageElements = $("img", menuItemContainer);
    var imageElement=null;
    if (imageElements.length > 0){
        imageElement = imageElements[0];
    }
    
    //maakt alle panels onzichtbaar, en vervolgens de geselecteerde zichtbaar
    $(".PersonDetailContainer").hide();
    $("." + activeContainer).show();
    
    //var met daarin de oorspronkelijke mouseout functie
    var mouseOutFunction = function(){
        this.title=''; this.alt=''; this.src=this.src.replace('MenuPersonHover/', 'MenuPerson/');
    }
    
    //selecteer alle images in het personen menu
    var allMenuImageElements = $("img", $("#pnlPersonMenu"));

    //zet mouseout functie terug op alle menu items, behalve op de geselecteerde
    for (var i=0; i< allMenuImageElements.length; i++){
        allMenuImageElements[i].onmouseout=mouseOutFunction;   
        if (allMenuImageElements[i] != imageElement){
            allMenuImageElements[i].src= allMenuImageElements[i].src.replace('MenuPersonHover/', 'MenuPerson/');     
        }
    }
    //toggle de mouseout functie
    if (imageElement != null && imageElement.onmouseout==null){
        imageElement.onmouseout= mouseOutFunction;
    }
    else if(imageElement != null){
        imageElement.onmouseout=null;
    }
}