function showhide(menuitem, panel) {
    if ((document.getElementById(panel).style.display == 'none')) {
        //alle andere submenus verbergen
        var divs = document.getElementsByTagName('div');
        var tds = document.getElementsByTagName('td')
        for (var i = 0; i < divs.length; i++) 
        {
            if (String(divs[i].id).substring(0, 10) == 'SubNav_mnu') 
            {
                //document.getElementById(divs[i].id).style.display = 'none';
                $('#' + divs[i].id).slideUp();
            }
        }
        for (var i = 0; i < tds.length; i++) {
            if ((String(tds[i].id) != "") && (String(tds[i].id) != menuitem))
            { document.getElementById(tds[i].id).className = "submnuTitel"; }

        }

        $("#" + panel).slideDown();
        //document.getElementById(panel).style.display = 'block';
        document.getElementById(menuitem).className = "submnuTitelActive";
    }
    else {
        $("#" + panel).slideUp();
       // document.getElementById(panel).style.display = 'none';
        document.getElementById(menuitem).className = "submnuTitel";
    }
}

function navigateto(p, i, si) { //laad de tekst en titel.
    $find('mpePanelProgressImg').show();
    PageMethods.GetTekst(i, si, onResultGetTekst, onAjaxCallError);
}

function onResultGetTekst(result, context) {
    if (result.IsValid == "true") {

        /*var txtTitel = $get("txtTitel");
        var txtSubTitel = $get("txtSubTitel");
        var txtTekst = $get("txtTekst");
        */
        $get("txtTitel").innerHTML = result.ObjectToReturn.Titel;
        $get("txtSubTitel").innerHTML = result.ObjectToReturn.SubTitel;
        $get("txtTekst").innerHTML = result.ObjectToReturn.Tekst;
        $find('mpePanelProgressImg').hide();
    }
    else {
        $find('mpePanelProgressImg').hide();
        window.alert(result.ErrMsg);
    }
}

function getReferentieLijst(categorie, subcategorie) {
    $find('mpePanelProgressImg').show();
    PageMethods.GetReferentieLijst(categorie, subcategorie, onResultGetReferentieLijst, onAjaxCallError);

}
function onResultGetReferentieLijst(result, context) {
    if (result.IsValid == 'true') {
        var referenties = result.ObjectToReturn;
        $get("ReferentieContainer").innerHTML = "";
        $("#ReferentieTemplate").render(referenties).appendTo("#ReferentieContainer");
        $find('mpePanelProgressImg').hide();
    }
    else {
        $find('mpePanelProgressImg').hide();
        alert(result.ErrMsg);
    }
}


function getReferentieFotoLijst(referentieId, referentieTitel, referentieFirma) {
    $find('mpePanelProgressImg').show();
    $("#referentiefotolijsttitel").text(referentieFirma + ' - ' + referentieTitel); 
    PageMethods.getReferentieFotolijst(referentieId, onResultReferentieFotoLijst, onAjaxCallError);
}

function onResultReferentieFotoLijst(result,context) {
    if (result.IsValid == 'true') {
        var referentiefotos = result.ObjectToReturn;
        $get("ReferentieFotoContainer").innerHTML = "";
        $("#ReferentieFotoTemplate").render(referentiefotos).appendTo("#ReferentieFotoContainer");
        $('#loader').hide();
        $find('mpePanelFotoImg').show();
        $find('mpePanelProgressImg').hide();
        $("#fotogroot").attr('src', $("#reffoto").attr('alt'));
        //jquery functie toevoegen aan foto's
        $(function () {
            $('.ReferentieThumb').click(function () {
                var $fotogroot = $('#fotogroot');
                var $loader = $('#loader').show();
                $fotogroot.load(function () {
                    $(this).hide();
                    $loader.fadeOut();
                    //alert($(this).attr('src'));
                    $(this).fadeIn();
                }).attr('src', $(this).attr('alt'));
                return false;
            });

        });
        /*einde jquery injectie*/
        
    }
    else {
        $find('mpePanelProgressImg').hide();
        alert(result.ErrMsg);
    }
}

function onAjaxCallError(error) {
    $find('mpePanelProgressImg').hide();
    alert(error._message);
 }

function ShowRefDetails(refid) {
    //document.getElementById(refid).style.display = 'block';
    $('#' + refid).animate({
        opacity: 0.70,
        left: '+=50',
        height: 'toggle'
    }, 300);
}

function ShowPlan() {
    $find('mpePanelPlanImg').show();
}