// JavaScript Document

function swapImg() {
	if(document.getElementsByTagName) {
		var target = document.getElementById("target").getElementsByTagName("img");
		var thumbs = document.getElementById("thumbs").getElementsByTagName("img");
		
		for(var i=0; i < thumbs.length; i++) {
			if (i == 0) {
				thumbs[i].className = "present";
			}
			thumbs[i].num = i;
			thumbs[i].onclick = function () { on_click (this); }
			thumbs[i].onmouseover = function () { on_over (this); }
			thumbs[i].onmouseout = function () { on_out (this); }
		}
		
		function on_click (obj) {
			for(var j=0; j < thumbs.length; j++) {
				if (j == obj.num) {
					thumbs[j].className = "present";
				} else {
					thumbs[j].className = null;
				}
			}
			
			target[0].setAttribute("src", obj.getAttribute("src").replace("_s.", "_l."));
		}
		
		
		function on_over (obj) {
			if (obj.className != "present") {
				obj.className = "over";
			}
		}
		
		function on_out (obj) {
			if (obj.className != "present") {
				obj.className = "out";
			}
		}


	}
}

if(window.addEventListener) {
	window.addEventListener("load", swapImg, false);
}
else if(window.attachEvent) {
	window.attachEvent("onload", swapImg);
}