
function prepDetails() {
	var details = $("details");
	var ind_details = new Array("d_01","d_01","d_02","d_03");
	}		  

addLoadEvent (prepDetails);

function prepSlides() {
	if (!document.getElementsByTagName) return false;
	if (!document.getElementById) return false;
	if (!document.getElementById("points")) return false;
	if (!document.getElementById("slides")) return false;
	var preview = document.getElementById("slides");
	preview.style.position = "absolute";
	preview.style.left = "0px";
	preview.style.left = "0px";
	var list = document.getElementById("points");
	var links = list.getElementsByTagName("a");
	links[0].onmouseover = function() {
		moveElement("slides",-180,0,0);
		$("d_00").style.display = "block";
	}
	links[0].onmouseout = function() {
		moveElement("slides",0,0,0);
		$("d_00").style.display = "none";
	}
	links[1].onmouseover = function() {
		moveElement("slides",-360,0,0);
		$("d_01").style.display = "block";
	}
	links[1].onmouseout = function() {
		moveElement("slides",0,0,0);
		$("d_01").style.display = "none";
	}
	links[2].onmouseover = function() {
		moveElement("slides",-540,0,0);
		$("d_02").style.display = "block";
	}
	links[2].onmouseout = function() {
		moveElement("slides",0,0,0);
		$("d_02").style.display = "none";
	}
	links[3].onmouseover = function() {
		moveElement("slides",-720,0,0);
		$("d_03").style.display = "block";
	}
	links[3].onmouseout = function() {
		moveElement("slides",0,0,0);
		$("d_03").style.display = "none";
	}
}


addLoadEvent(prepSlides);		

	
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);
	}
	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)/1);
		xpos = xpos + dist;
	}
	if (xpos > final_x) {
		var dist = Math.ceil((xpos - final_x)/1);
		xpos = xpos - dist
	}
	if (ypos < final_y) {
		var dist = Math.ceil((final_y - ypos)/1);
		xpos = ypos + dist
	}
	if (ypos > final_y) {
		var dist = Math.ceil((ypos - final_y)/1);
		xpos = 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);
}

addLoadEvent(moveElement);			


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

