var whoIsOn = new Array();
var iconSrc = new Array("img/load.png","img/close.png");

function hideAll(array){
	for( var i=0; i<array.length; i++ ){
		var obj = document.getElementById(array[i]);
		obj.style["display"]="none";
	}
}

function toggleAll(array){
	var allOn = 1;
	for( var i = 0; i<array.length; i++ ){
		
		var id = array[i];

		if(!whoIsOn[id]){
			allOn = 0;
			var object = document.getElementById(id);
			object.style.display = "block";
			whoIsOn[id] = 1;
			switchImg(id);
		}

	}
	if(allOn == 0) window.location = "#colors";
	else {
		for( var i = 0; i<array.length; i++){
			var id = array[i];
			var object = document.getElementById(id);
			object.style.display = "none";
			whoIsOn[id] = 0;
			switchImg(id);
	
		}
	}
}
function toggleColors(id){
	var object = document.getElementById(id);
	if(whoIsOn[id]){
		object.style.display = "none";
		whoIsOn[id] = 0;
		switchImg(id);
	}
	else {
		object.style.display = "block";
		whoIsOn[id] = 1;
		switchImg(id);
	}
}
function switchImg(id){
	var img = document.getElementById('img-'+id);
	img.src = iconSrc[ whoIsOn[id] ];
}