var slideShowSize = -545;
var slideShowInterval = 5;

function slideElement(elementID,final_x,final_y,interval,linkID){
	resetImageHighlight(linkID);
	moveElement(elementID,final_x,final_y,interval);
}

function moveElement(elementID,final_x,final_y,interval,linkID) {
	if (!document.getElementById) return false;
	if (!document.getElementById(elementID)) return false;
	var elem = document.getElementById(elementID);
	if (elem.movement) {
		clearTimeout(elem.movement);
	}
	if (!elem.style.left) {
		elem.style.left = "0px";
	}
	if (!elem.style.top) {
		elem.style.top = "0px";
	}
	var xpos = parseInt(elem.style.left);
	var ypos = parseInt(elem.style.top);
	if (xpos == final_x && ypos == final_y) {
	}
	if (xpos < final_x) {
		var dist = Math.ceil((final_x - xpos)/10);
		xpos = xpos + dist;
	}
	if (xpos > final_x) {
		var dist = Math.ceil((xpos - final_x)/10);
		xpos = xpos - dist;
	}
	if (ypos < final_y) {
		var dist = Math.ceil((final_y - ypos)/10);
		ypos = ypos + dist;
	}
	if (ypos > final_y) {
		var dist = Math.ceil((ypos - final_y)/10);
		ypos = ypos - dist;
	}
	elem.style.left = xpos + "px";
	elem.style.top = ypos + "px";
	var repeat = "moveElement('"+elementID+"',"+final_x+","+final_y+","+interval+")";
	elem.movement = setTimeout(repeat,interval);
}

function resetImageHighlight(linkID){
	if (!document.getElementsByTagName) return false;
	if (!document.getElementById) return false;
	var showUL = document.getElementById("imgshow-nav");
	var showImages = showUL.getElementsByTagName("img");
	
	for (var i=0; i<showImages.length; i++) {
		var src = showImages[i].getAttribute('src');
		var ftype = src.substring(src.lastIndexOf('.'), src.length);
				
		//reset
		if ((showImages[i].className != 'imgover') && (linkID != (i+1))) {
			showImages[i].className == "imgover";
			var atempSRC = showImages[i].getAttribute('src').replace('_o'+ftype, ftype);
			showImages[i].setAttribute('src', atempSRC);
			showImages[i].onmouseover = function() {
				this.setAttribute('src', this.getAttribute('hsrc'));
			}

			showImages[i].onmouseout = function() {
				var atempSRC = this.getAttribute('src').replace('_o'+ftype, ftype);
				this.setAttribute('src', atempSRC);
			}
		}
				
		if ((linkID == (i+1)) ){
			showImages[i].className = "";
			showImages[i].onmouseover = function() {}
			showImages[i].onmouseout = function() {}
			showImages[i].setAttribute('src', showImages[i].getAttribute('hsrc'));
		} 
	}
}

function prepareSlideshow() {
	if (!document.getElementsByTagName) return false;
	if (!document.getElementById) return false;
	var showUL = document.getElementById("imgshow-nav");
	var links = showUL.getElementsByTagName("a");
	for (var i=0; i<links.length; i++) {
		links[i].setAttribute('linkid', i);
		links[i].onmouseover = function() {
			slideElement("preview",slideShowSize*this.getAttribute('linkid'),0,slideShowInterval,eval(this.getAttribute('linkid'))+1);
		}
	}
	var showImages = showUL.getElementsByTagName("img");
	showImages[0].setAttribute('hsrc', showImages[0].getAttribute('src'));
}

addLoadEvent(prepareSlideshow);