// rollover script
function rollme() {
	
	var mywrap = document.getElementById("picturebox");
	var mylinks = mywrap.getElementsByTagName("a");
	var myspan = document.getElementById("rolltxt");
	var myspantxt = myspan.firstChild.nodeValue;
	var myh2 = document.getElementById("tag");
	for (var i=0; i<mylinks.length; i++) {
		mylinks[i].onmouseover = function() {
			// swap image
			var myimg = this.firstChild;
			var mysrc = myimg.getAttribute("src");
			
			// break src apart
			var sArray = new Array();
			sArray = mysrc.split("w.jpg");
			var imgnum = sArray[0].substring(sArray[0].length - 1, sArray[0].length);
			//alert(imgnum); 
			// build new src
			var newsrc = "images/head_" + imgnum + ".jpg";
			
			myimg.setAttribute("src", newsrc);
			
			// get text in img alt tag
			var swaptotxt = myimg.getAttribute("alt");
			
			myspan.firstChild.nodeValue = swaptotxt;
			myh2.className = "";
			
		}
		mylinks[i].onmouseout = function() {
			myimg = this.firstChild;
			var mysrc = myimg.getAttribute("src");
			
			// break src apart
			var sArray = new Array();
			sArray = mysrc.split(".jpg");
			var imgnum = sArray[0].substring(sArray[0].length - 1, sArray[0].length);
			
			var newsrc = "images/head_" + imgnum + "w.jpg";
			
			//reset img and txt
			myimg.setAttribute("src", newsrc);
			myspan.firstChild.nodeValue = myspantxt;
			addClass(myh2,"hideme");
		}
	}
}



function addClass(element,value) {
	if (!element.className) {
		element.className = value;
	} else {
		newClassName = element.className;
		newClassName+= " ";
		newClassName+= value;
		element.className = newClassName;
	}
}

function addLoadEvent(func) {
  var oldonload = window.onload;
  if (typeof window.onload != 'function') {
    window.onload = func;
  } else {
    window.onload = function() {
      oldonload();
      func();
    }
  }
}

addLoadEvent(rollme);