function showBefore()
{
	var img = document.getElementById("large_thumb");
	var before = img.src.substring(0,img.src.indexOf(".jpg"));
	before += "_before.jpg"
	
	img.src = before;
	
	document.getElementById("before").style.display = "none";
	document.getElementById("after").style.display = "block";
}

function showAfter()
{
	var img = document.getElementById("large_thumb");
	var after = img.src.substring(0,img.src.indexOf("_before.jpg"));
	after += ".jpg"
	
	img.src = after;
	
	document.getElementById("before").style.display = "block";
	document.getElementById("after").style.display = "none";
}

function loadImage(a,b)
{
	var img = a.parentNode.getElementsByTagName("img")[0];
	var url = img.src.substring(0,img.src.indexOf("sm_thumb"));
	var num = img.src.substring(img.src.indexOf("sm_thumb")+8, img.src.length);
	
	var after = url + "lg_thumb" + num;
	document.getElementById("large_thumb").src = after;

	document.getElementById("before").style.display = "none";
	document.getElementById("after").style.display  = "none";
	if (b=='showba'){
		document.getElementById("before").style.display = "block";
	}else{
		document.getElementById("before").style.display = "none";
	}
	
	// deselect thumbnails
	var row1 = document.getElementById("thumbs_row1").getElementsByTagName("a");
	for (var i = 0; i < row1.length; i++) row1[i].className = "";
	var row2 = document.getElementById("thumbs_row2").getElementsByTagName("a");
	for(var i = 0; i < row2.length; i++) row2[i].className = "";
	// select current thumbnail
	a.className = "active";
	
}

function viewMore(numb)
{
	var uls = document.getElementById("green_nav").getElementsByTagName("ul");
	var screen = numb;
	if(screen == "1")
	{
		uls[0].className = "";
		uls[1].className = "nodisplay";
		uls[2].className = "nodisplay";
	}
	else if(screen == "2")
	{
		uls[0].className = "nodisplay";
		uls[1].className = "";
		uls[2].className = "nodisplay";
	}
	else if(screen == "3")
	{
		uls[0].className = "nodisplay";
		uls[1].className = "nodisplay";
		uls[2].className = "";
	}
	else
	{
		uls[0].className = "nodisplay";
		uls[1].className = "";
		uls[2].className = "nodisplay";
	}
}