var lis=new Array('li-a','li-b','li-c','li-d','li-e','li-f','li-g','li-i');
		
function setactive(id){	
	hideallbgs();
	showbg(id);
}

function hideallbgs(){
	//loop through the array and hide each element by id
	for (var i=0;i<lis.length;i++){
		hidebg(lis[i]);
	}		  
}

function hidebg(id) {
	if (document.getElementById) { // DOM3 = IE5, NS6
		document.getElementById(id).style.background = 'url(media/bullet_none.gif)';
	}
	else {
		if (document.layers) { // Netscape 4
			document.id.background = 'url(media/bullet_none.gif)';
		}
		else { // IE 4
			document.all.id.style.background = 'url(media/bullet_none.gif)';
		}
	}
}

function showbg(id) {
		  
	if (document.getElementById) { // DOM3 = IE5, NS6
		document.getElementById(id).style.background = 'url(media/bullet.gif)';
	}
	else {
		if (document.layers) { // Netscape 4
			document.id.background = 'url(media/bullet.gif)'
		}
		else { // IE 4
			document.all.id.style.background = 'url(media/bullet.gif)';
		}
	}
}