node = document.getElementById('contactslist');
els = node.getElementsByTagName('li');
elsLen = els.length;

currFilter = new Array('', els);

//hideFilterArray(currFilter);
makeFilterArray(currFilter);
showFilterArray(currFilter);

function makeFilterArray(filter)
{
	var i;
	if (filter[0]=="allregions") {filter[0]=''}
	filter[1] = new Array();
	
	if ((filter[0]==''))
	{
		filter[1]=els;
	}
	else 
	{
		for (i = 0; i < elsLen; i++)
		{
			if ((els[i].className.indexOf(filter[0])!=-1)&&((i==0)||(els[i]!=els[i-1]))) {filter[1].push(els[i]);}
		}
	}

	if (filter[0]) {var a0 = filter[0];} else  {var a0 = 'allregions';}
	document.getElementById(a0).className="curr";

	currFilter = filter;
}

function showFilterArray(filter)
{
	var i;
	for (i = 0; i < filter[1].length; i++)
	{
		 filter[1][i].style.display = "";
	}
}

/* Ховаємо старий масив фільтрованих/нефільтрованих контактів */
function hideFilterArray(filter)
{
	/* Видаляємо клас curr у старого фільтра*/
	if (filter[0]) {var a0 = filter[0];} else {var a0 = 'allregions';}
	document.getElementById(a0).className="";

	var i;
	/* Ховаємо кожен елемент старого фільтра */
	for (i = 0; i < filter[1].length; i++)
	{
		 filter[1][i].style.display = "none";
	}
}



function changeFilter(newFilter)
{
	if (newFilter[0] != currFilter[0])
	{
		hideFilterArray(currFilter);
		makeFilterArray(newFilter);
		showFilterArray(newFilter);
	}
}