// JavaScript Document
function classChange(ref, x) {
	var workImg = document.getElementById("work_img");
	var img = page + x + ".jpg";	
	workImg.src = img;	

	ref.style.backgroundPosition='0 0';
	
	// reset all hovers
	var str="",
		id="";
//	var children = document.getElementById("nums").childNodes;
	var nums = document.getElementById("nums");
	var children = nums.getElementsByTagName("div");
	var num_of_children = children.length;
	for (child in children) {
		if ( typeof(children[child]) == "undefined" ) break;
		if ( children[child] == num_of_children ) continue;
	
		if ( children[child] != ref ) {
			children[child].style.backgroundPosition='0 -26px';
		}
		else {
			ref.style.backgroundPosition='0 0';
		}
	}
}