/*variable that stands to count how many times has the user clicked the element*/var iterativeVariable = 0;/*variable to hold the height that the div #allFields will have*/var iterativeVariable2 = 0;/*changes the div #allFields height*/function allFieldsHeight(theHeight) { document.getElementById('allFields').style.height = theHeight + 'em';}/*function that happens when user clicks a certain element*/function showAllFields() { /*see how many times has the user clicked*/ if (iterativeVariable%2 == 0) { /*turn the arrow upside down*/ document.getElementById('insertCouncilsLegend').innerHTML = 'Adicionar Dados <img src="images/arrow_down.gif" />' /*function that TRIES :( to change height from the div #allFields several times in a looped way using timeout*/ function growHeight() { allFieldsHeight(iterativeVariable2); iterativeVariable2++; if (iterativeVariable2 == 20) { clearTimeout(t); } t = setTimeout("growHeight()", 100); } /*add 1 to this variable to change the value that tells us how many times has the user clicked*/ iterativeVariable++; } else { /*turn the arrow upside down again*/ document.getElementById('insertCouncilsLegend').innerHTML = 'Adicionar Dados <img src="images/arrow_up.gif" />' /*add 1 to this variable to change the value that tells us how many times has the user clicked*/ iterativeVariable++; }}