/*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++;
}
}