
var sumDiv;
var absDiv;
var hidedivs = document.getElementsByTagName('div');

var swapDivNumb = 0;   // the number of the current visible swap box
var swapDivCount = 0;  // number of swap boxes


for (var i = 0; i < hidedivs.length; i++){
	if (/(^|)toggle2(|$)/.test(hidedivs[i].className.toLowerCase())) {
                hidedivs[i].style.display = "none";
                }
        // hide swap boxes with div no. > 0
	if (/(^|)swapdiv(|$)/.test(hidedivs[i].className.toLowerCase())) {
		swapDivCount ++;
		if(document.getElementById('swap' + swapDivCount)){
			targetSwapDiv = document.getElementById('swap' + swapDivCount);
			targetSwapDiv.style.display = "none";
			}
                }
        }


function swapNext(){
	targetSwapDiv = document.getElementById('swap' + swapDivNumb);
	targetSwapDiv.style.display = "none";
	swapDivNumb ++;
	if(swapDivNumb >= swapDivCount){
		swapDivNumb = 0;
		}
	targetSwapDiv = document.getElementById('swap' + swapDivNumb);
	targetSwapDiv.style.display = "block";
	}


function toggleOnAll(){
        var hidedivs = document.getElementsByTagName('div');
        for (var i = 0; i < hidedivs.length; i++){
        	if (/(^|)toggle1(|$)/.test(hidedivs[i].className.toLowerCase())) {
                        hidedivs[i].style.display = "none";
                        }
                if (/(^|)toggle2(|$)/.test(hidedivs[i].className.toLowerCase())) {
                        hidedivs[i].style.display = "block";
                        }
                }
}
function toggleOffAll(){
        var hidedivs = document.getElementsByTagName('div');
        for (var i = 0; i < hidedivs.length; i++){
                if (/(^|)toggle2(|$)/.test(hidedivs[i].className.toLowerCase())) {
                        hidedivs[i].style.display = "none";
                        }
                if (/(^|)toggle1(|$)/.test(hidedivs[i].className.toLowerCase())) {
                        hidedivs[i].style.display = "block";
                        }
                }
}

function toggleOn(divId){
     targetDiv1 = document.getElementById('sum' + divId);
     targetDiv2 = document.getElementById('abs' + divId);
     targetDiv1.style.display = "none";
     targetDiv2.style.display = "block";
}

function toggleOff(divId){
     targetDiv1 = document.getElementById('sum' + divId);
     targetDiv2 = document.getElementById('abs' + divId);
     targetDiv1.style.display = "block";
     targetDiv2.style.display = "none";
}



