function apriCalendario() {

    elSq[2].style.display = 'none';
    elSq[0].style.display = 'block';
    elSq[1].style.display = 'block';
    elSq[3].style.display = 'block';
    elSq[4].style.display = 'block';

    elSq[1].style.height = '350px';
    elSq[0].style.height = '350px';
    elSq[3].style.height = '350px';
    elSq[4].style.height = '350px';
    elSq[5].style.height = '350px';
    elSq[2].style.height = '350px';

    elXcambio[0].style.display = 'block';
    elXcambio[1].style.display = 'none';
    elXcambio[2].style.display = 'none';
    elXcambio[3].style.display = 'none';
    elXcambio[4].style.display = 'none';

    elXcambio[5].style.display = 'block';
    elXcambio[6].style.display = 'none';
    elXcambio[7].style.display = 'none';
    elXcambio[8].style.display = 'none';
    elXcambio[9].style.display = 'none';

    elXcambio[10].style.display = 'none';
    elXcambio[11].style.display = 'none';
    elXcambio[12].style.display = 'none';
    elXcambio[13].style.display = 'none';
    elXcambio[14].style.display = 'none';

    elXcambio[15].style.display = 'block';
    elXcambio[16].style.display = 'none';
    elXcambio[17].style.display = 'none';
    elXcambio[18].style.display = 'none';
    elXcambio[19].style.display = 'none';

    elXcambio[20].style.display = 'block';
    elXcambio[21].style.display = 'none';
    elXcambio[22].style.display = 'none';
    elXcambio[23].style.display = 'none';
    elXcambio[24].style.display = 'none';

    elXcambio[25].style.display = 'block';
    elXcambio[26].style.display = 'none';
    elXcambio[27].style.display = 'none';
    elXcambio[28].style.display = 'none';
    elXcambio[29].style.display = 'none';

}

function apriCalendario2() {

    elSq[0].style.display = 'block';
    elSq[1].style.display = 'block';
    elSq[2].style.display = 'block';
    elSq[3].style.display = 'block';
    elSq[4].style.display = 'block';


    elSq[2].style.height = '450px';
    elSq[1].style.height = '450px';
    elSq[0].style.height = '350px';
    elSq[3].style.height = '450px';
    elSq[4].style.height = '450px';
    elSq[5].style.height = '450px';

    elXcambio[0].style.display = 'none';
    elXcambio[1].style.display = 'block';
    elXcambio[2].style.display = 'none';
    elXcambio[3].style.display = 'none';
    elXcambio[4].style.display = 'none';

    elXcambio[5].style.display = 'none';
    elXcambio[6].style.display = 'block';
    elXcambio[7].style.display = 'block';
    elXcambio[8].style.display = 'block';
    elXcambio[9].style.display = 'none';

    elXcambio[10].style.display = 'block';
    elXcambio[11].style.display = 'block';
    elXcambio[12].style.display = 'block';
    elXcambio[13].style.display = 'none';
    elXcambio[14].style.display = 'none';

    elXcambio[15].style.display = 'none';
    elXcambio[16].style.display = 'block';
    elXcambio[17].style.display = 'block';
    elXcambio[18].style.display = 'none';
    elXcambio[19].style.display = 'none';

    elXcambio[20].style.display = 'none';
    elXcambio[21].style.display = 'block';
    elXcambio[22].style.display = 'block';
    elXcambio[23].style.display = 'block';
    elXcambio[24].style.display = 'none';

    elXcambio[25].style.display = 'none';
    elXcambio[26].style.display = 'block';
    elXcambio[27].style.display = 'block';
    elXcambio[28].style.display = 'none';
    elXcambio[29].style.display = 'none';
    

}

function apriCalendario3() {

    elSq[2].style.display = 'block';
    elSq[1].style.display = 'block';
    elSq[4].style.display = 'block';
    elSq[5].style.display = 'block';
    elSq[0].style.display = 'block';

    elSq[2].style.height = '450px';
    elSq[1].style.height = '450px';
    elSq[0].style.height = '450px';
    elSq[3].style.height = '450px';
    elSq[4].style.height = '450px';
    elSq[5].style.height = '450px';

    elXcambio[0].style.display = 'none';
    elXcambio[1].style.display = 'none';
    elXcambio[2].style.display = 'block';
    elXcambio[3].style.display = 'block';
    elXcambio[4].style.display = 'block';

    elXcambio[5].style.display = 'none';
    elXcambio[6].style.display = 'none';
    elXcambio[7].style.display = 'none';
    elXcambio[8].style.display = 'none';
    elXcambio[9].style.display = 'block';

    elXcambio[10].style.display = 'none';
    elXcambio[11].style.display = 'none';
    elXcambio[12].style.display = 'none';
    elXcambio[13].style.display = 'block';
    elXcambio[14].style.display = 'block';

    elXcambio[15].style.display = 'none';
    elXcambio[16].style.display = 'none';
    elXcambio[17].style.display = 'none';
    elXcambio[18].style.display = 'block';
    elXcambio[19].style.display = 'none';

    elXcambio[20].style.display = 'none';
    elXcambio[21].style.display = 'none';
    elXcambio[22].style.display = 'none';
    elXcambio[23].style.display = 'none';
    elXcambio[24].style.display = 'block';

    elXcambio[25].style.display = 'none';
    elXcambio[26].style.display = 'none';
    elXcambio[27].style.display = 'none';
    elXcambio[28].style.display = 'block';
    elXcambio[29].style.display = 'block';
    

}

function apriCalendario4() {

    elSq[2].style.display = 'none';
    elSq[3].style.display = 'block';
    elSq[1].style.display = 'none';
    elSq[4].style.display = 'none';
    elSq[5].style.display = 'none';
    elSq[0].style.display = 'none';

    elSq[2].style.height = '350px';
    elSq[1].style.height = '350px';
    elSq[0].style.height = '350px';
    elSq[3].style.height = '350px';
    elSq[4].style.height = '450px';
    elSq[5].style.height = '450px';

    elXcambio[0].style.display = 'none';
    elXcambio[1].style.display = 'none';
    elXcambio[2].style.display = 'none';
    elXcambio[3].style.display = 'none';
    elXcambio[4].style.display = 'block';

    elXcambio[5].style.display = 'none';
    elXcambio[6].style.display = 'none';
    elXcambio[7].style.display = 'none';
    elXcambio[8].style.display = 'none';
    elXcambio[9].style.display = 'none';

    elXcambio[10].style.display = 'none';
    elXcambio[11].style.display = 'none';
    elXcambio[12].style.display = 'none';
    elXcambio[13].style.display = 'none';
    elXcambio[14].style.display = 'none';

    elXcambio[15].style.display = 'none';
    elXcambio[16].style.display = 'none';
    elXcambio[17].style.display = 'none';
    elXcambio[18].style.display = 'none';
    elXcambio[19].style.display = 'block';

    elXcambio[20].style.display = 'none';
    elXcambio[21].style.display = 'none';
    elXcambio[22].style.display = 'none';
    elXcambio[23].style.display = 'none';
    elXcambio[24].style.display = 'none';

    elXcambio[25].style.display = 'none';
    elXcambio[26].style.display = 'none';
    elXcambio[27].style.display = 'none';
    elXcambio[28].style.display = 'none';
    elXcambio[29].style.display = 'none';
    

}

function eliminare() {

    elSq[0].style.display = 'block';
    elSq[1].style.display = 'block';
    elSq[2].style.display = 'block';
    elSq[3].style.display = 'block';
    elSq[4].style.display = 'block';
    elSq[5].style.display = 'block';

    elSq[0].style.height = '650px';
    elSq[1].style.height = '650px';
    elSq[2].style.height = '650px';
    elSq[3].style.height = '650px';
    elSq[4].style.height = '650px';
    elSq[5].style.height = '650px';


    elXcambio[0].style.display = 'block';
    elXcambio[1].style.display = 'block';
    elXcambio[2].style.display = 'block';
    elXcambio[3].style.display = 'block';
    elXcambio[4].style.display = 'block';
    elXcambio[5].style.display = 'block';
    elXcambio[6].style.display = 'block';
    elXcambio[7].style.display = 'block';
    elXcambio[8].style.display = 'block';
    elXcambio[9].style.display = 'block';
    elXcambio[10].style.display = 'block';
    elXcambio[11].style.display = 'block';
    elXcambio[12].style.display = 'block';
    elXcambio[13].style.display = 'block';
    elXcambio[14].style.display = 'block';
    elXcambio[15].style.display = 'block';
    elXcambio[16].style.display = 'block';
    elXcambio[17].style.display = 'block';
    elXcambio[18].style.display = 'block';
    elXcambio[19].style.display = 'block';
    elXcambio[20].style.display = 'block';
    elXcambio[21].style.display = 'block';
    elXcambio[22].style.display = 'block';
    elXcambio[23].style.display = 'block';
    elXcambio[24].style.display = 'block';
    elXcambio[25].style.display = 'block';
    elXcambio[26].style.display = 'block';
    elXcambio[27].style.display = 'block';
    elXcambio[28].style.display = 'block';
    elXcambio[29].style.display = 'block';

}

var elXcambio = document.getElementsByClassName('listA');
var elgg = document.getElementsByClassName('gg');
var elSq = document.getElementsByClassName('serieA');
elgg[1].addEventListener('click', apriCalendario);
elgg[2].addEventListener('click', apriCalendario2);
elgg[3].addEventListener('click', apriCalendario3);
elgg[4].addEventListener('click', apriCalendario4);
elgg[0].addEventListener('click', eliminare);