function changeImg(img){
	if(!document.getElementById("mainImg"))return false;
	var mainImg = document.getElementById("mainImg");
	var imgs = mainImg.getElementsByTagName("IMG");
	for(i=0;i<imgs.length;i++){
		var element = imgs[i];
		if(img.src.indexOf("%20thumbnail")){
			var newsrc = img.src.replace("%20thumbnail","");
		}
		else if(src.indexOf(" thumbnail")){
			var newsrc = img.src.replace(" thumbnail","");
		}
		element.src =newsrc;
	}
	var titles = mainImg.getElementsByTagName("H2");
	for(i=0;i<titles.length;i++){
		var element = titles[i];
		element.innerHTML = img.title;
	}

}
function hoverImgs(){
	if(!document.getElementById("thumbs"))return false;
	if(!document.getElementById("mainImg"))return false;
	var thumbs = document.getElementById("thumbs");
	var mainImg = document.getElementById("mainImg");
	var imgs = thumbs.getElementsByTagName("IMG");
	var myimages = new Array();
	for(i=0;i<imgs.length;i++){
		var element = imgs[i];
		element.onmouseover = function(){
			changeImg(this);	
		}
		if(element.src.indexOf("%20thumbnail")){
			var newsrc = element.src.replace("%20thumbnail","");
			myimages[i] = new Image();
			myimages[i].src = newsrc;
		}

	}
}

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