function moveElement(elementID,final_x,final_y,interval)
{
	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)
	{
		return true;
	}
	if (xpos < final_x)
	{
		var dist = Math.ceil((final_x - xpos)/10)
		xpos += dist;
	}
	if (xpos > final_x)
	{
		var dist = Math.ceil((xpos - final_x)/10)
		xpos -= dist;
	}
	if (ypos < final_y)
	{
		var dist = Math.ceil((final_y - ypos)/10)
		ypos += dist;
	}
	if (ypos > final_y)
	{
		var dist = Math.ceil((ypos - final_y)/10)
		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 prepareSlideshow()
{
	if(!document.getElementsByTagName) return false;
	if(!document.getElementById) return false;
	if(!document.getElementById("latest")) return false;
	if(!document.getElementById("secondaryContent")) return false;
	
	var secContent = document.getElementById("secondaryContent");
	var latest = document.getElementById("latest");
	var slideshow = document.createElement("div");
	slideshow.setAttribute("id", "slideshow");
	
	var frame = document.createElement("div");
	frame.setAttribute("id","frame");
	slideshow.appendChild(frame);
	
	var preview = document.createElement("div");
	preview.setAttribute("id","preview");
	
	slideshow.appendChild(preview);
	secContent.insertBefore(slideshow,latest);
	
	// get links
	var links = document.getElementsByTagName("a");
	for (var i=0; i<links.length; i++)
	{
		links[i].onmouseover = function()
		{
			var destination = this.getAttribute("href");
			if (destination.indexOf("index.php") != -1 ||
				destination.indexOf("./") != -1)
			{
				moveElement("preview",0,0,7);
			}
			if (destination.indexOf("webdesign.php") != -1 ||
				destination.indexOf("animation.php") != -1 ||
				destination.indexOf("illustration.php") != -1 )
			{
				moveElement("preview",-180,-70,7);
			}
			if (destination.indexOf("contact.php") != -1)
			{
				moveElement("preview",-365,-90,7);
			}
			if (destination.indexOf("links.php") != -1)
			{
				moveElement("preview",-572,-170,7);
			}
		}
	}
}

addLoadEvent(prepareSlideshow);