﻿




function pageLoad() {

    hidePanels();
    hidePanels1();
    var accCtrl = $find('AccordionCtrl_AccordionExtender');
    if (accCtrl) {
        accCtrl.add_selectedIndexChanged(onAccordionPaneChanged);
        //document.getElementById('Panel1').style.display = 'block';
        var a = accCtrl.get_SelectedIndex() + 1;
        a = 'Panel' + a;
        document.getElementById(a).style.display = 'block';
    }

    var accCtrl2 = $find('AccordionCtrl2_AccordionExtender');
    if (accCtrl2) {
        accCtrl2.add_selectedIndexChanged(onAccordionPaneChanged2);
        //document.getElementById('Panel1').style.display = 'block';
        var a1 = accCtrl2.get_SelectedIndex() + 1;
        a1 = 'Panell' + a1;
        document.getElementById(a1).style.display = 'block';
    }
}



function hidePanels() {
   
    document.getElementById('Panel1').style.display = 'none';
    document.getElementById('Panel2').style.display = 'none';
    document.getElementById('Panel3').style.display = 'none';
    document.getElementById('Panel4').style.display = 'none';
    document.getElementById('Panel5').style.display = 'none';
    document.getElementById('Panel6').style.display = 'none';
    document.getElementById('Panel7').style.display = 'none';
    document.getElementById('Panel8').style.display = 'none';
    document.getElementById('Panel9').style.display = 'none';
    document.getElementById('Panel10').style.display = 'none';
    document.getElementById('Panel11').style.display = 'none';
    document.getElementById('Panel12').style.display = 'none';
    document.getElementById('Panel13').style.display = 'none';

}


function onAccordionPaneChanged(sender, eventArgs) {
    var selPane = sender.get_SelectedIndex() + 1;
    hidePanels1();
    document.getElementById('Panel1').style.display = 'none';
    document.getElementById('Panel2').style.display = 'none';
    document.getElementById('Panel3').style.display = 'none';
    document.getElementById('Panel4').style.display = 'none';
    document.getElementById('Panel5').style.display = 'none';
    document.getElementById('Panel6').style.display = 'none';
    document.getElementById('Panel7').style.display = 'none';
    document.getElementById('Panel8').style.display = 'none';
    document.getElementById('Panel9').style.display = 'none';
    document.getElementById('Panel10').style.display = 'none';
    document.getElementById('Panel11').style.display = 'none';
    document.getElementById('Panel12').style.display = 'none';
    document.getElementById('Panel13').style.display = 'none';


    var panel = document.getElementById('Panel' + selPane);

    if (panel.style.display == 'none') {

        panel.style.display = 'block';
        fillup2();
    }

    else {
    
        panel.style.display = 'none';
        fillup2();
    }
}

function hidePanels1() {

    document.getElementById('Panell1').style.display = 'none';
    document.getElementById('Panell2').style.display = 'none';
    document.getElementById('Panell3').style.display = 'none';
    document.getElementById('Panell4').style.display = 'none';
    document.getElementById('Panell5').style.display = 'none';
    document.getElementById('Panell6').style.display = 'none';
    document.getElementById('Panell7').style.display = 'none';
    document.getElementById('Panell8').style.display = 'none';

}


function onAccordionPaneChanged2(sender, eventArgs) {
    var selPane1 = sender.get_SelectedIndex() + 1;
    hidePanels();
    
    document.getElementById('Panell1').style.display = 'none';
    document.getElementById('Panell2').style.display = 'none';
    document.getElementById('Panell3').style.display = 'none';
    document.getElementById('Panell4').style.display = 'none';
    document.getElementById('Panell5').style.display = 'none';
    document.getElementById('Panell6').style.display = 'none';
    document.getElementById('Panell7').style.display = 'none';
    document.getElementById('Panell8').style.display = 'none';


    var panel1 = document.getElementById('Panell' + selPane1);
    
    if (panel1.style.display == 'none') {
        panel1.style.display = 'block';
        fillup3();
    }

    else {

        panel1.style.display = 'none';
        fillup3();
    }
}

//window.onload = hidePanels()
