function hideAll(total)
{
	var siteid = "";
	var i=1;
	for (i=1; i <= total; i++)
	{
		siteid = "site" + i;
		document.getElementById(siteid).style.display="none";
	}		
	document.getElementById("projects").style.display="none";
}

function showDetail(imageNum,total)
{
	hideAll(total);
	var siteimg = "site" + imageNum + "img";	
	
	document.getElementById(siteimg).style.display="block";
	document.getElementById(siteimg).setAttribute("style","float:right"); //for FF
	document.getElementById(siteimg).style.styleFloat="right"; // for IE
	siteimg = "site" + imageNum + "details";
	document.getElementById(siteimg).style.display="block";
	siteimg = "closedetail" + imageNum;
	document.getElementById(siteimg).style.display="inline";
}

function resetAll(total)
{
	var siteid = "";
	var i=1;
	for (i=1; i <= total; i++)
	{
		siteid = "site" + i;
		document.getElementById(siteid).style.display="inline";
		document.getElementById(siteid).setAttribute("style","float:none"); //for FF
		document.getElementById(siteid).style.styleFloat="none"; // for IE
		siteid = "site" + i + "details";
		document.getElementById(siteid).style.display="none";
		siteid = "site" + i + "img";
		document.getElementById(siteid).style.display="none";
		siteid = "closedetail" + i;
		document.getElementById(siteid).style.display="none";
	}
	document.getElementById("projects").style.display="block";
}