/* javascript voor slideshow op homepage */
/* gebaseerd op http://www.domscripting.com/ van Jeremy Keith */


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

function insertAfter(newElement,targetElement) {
	var parent = targetElement.parentNode;
	if (parent.lastChild == targetElement) {
		parent.appendChild(newElement);
	} else {
		parent.insertBefore(newElement,targetElement.nextSibling);
	}
}

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 = 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 prepareSlideshow() {
	if (!document.getElementsByTagName) return false;
	if (!document.getElementById) return false;
	if (!document.getElementById("intro")) return false;
	
	// verwijder tijdelijke <div> voor niet-java browsers
	var oNodeToRemove = document.getElementById('temp');
	oNodeToRemove.parentNode.removeChild(oNodeToRemove);
	
	var intro = document.getElementById("intro");
	var slideshow = document.createElement("div");
	slideshow.setAttribute("id","slideshow");
	var frame = document.createElement("img");
	frame.setAttribute("src","beeld/frame.gif");							// aanpassen!
	frame.setAttribute("alt","");
	frame.setAttribute("id","frame");
	slideshow.appendChild(frame);
	var preview = document.createElement("img");
	preview.setAttribute("src","beeld/fotostrook2.jpg");						// aanpassen!
	preview.setAttribute("alt","fotostrook");
	preview.setAttribute("id","preview");
	slideshow.appendChild(preview);
	insertAfter(slideshow,intro);
	var links = document.getElementsByTagName("a");
	for (var i=0; i<links.length; i++) {
		links[i].onmouseover = function() {
			var destination = this.getAttribute("href");
			if (destination) {
				if (destination.indexOf("index.php") != -1) {
					moveElement("preview",0,0,1);
				}
				if (destination.indexOf("biggreenegg.php") != -1) {
					moveElement("preview",0,-2520,1);								// aanpassen!
				}	
				if (destination.indexOf("aardewerk.php") != -1) {
					moveElement("preview",0,-280,1);							// aanpassen!
				}
				if (destination.indexOf("kachels.php") != -1) {
					moveElement("preview",0,-560,1);							// aanpassen!
				}
				if (destination.indexOf("kleding.php") != -1) {
					moveElement("preview",0,-840,1);							// aanpassen!
				}
				if (destination.indexOf("kunst.php") != -1) {
					moveElement("preview",0,-1120,1);							// aanpassen!
				}
				if (destination.indexOf("meubels.php") != -1) {
					moveElement("preview",0,-1400,1);							// aanpassen!
				}
				if (destination.indexOf("laarzen-lederwaren.php") != -1) {
					moveElement("preview",0,-1680,1);							// aanpassen!
				}
				if (destination.indexOf("woonaccessoires.php") != -1) {
					moveElement("preview",0,-1960,1);							// aanpassen!
				}
				if (destination.indexOf("route.php") != -1) {
					moveElement("preview",0,-2240,1);							// aanpassen!
				}
			}	
		}
	}
}

addLoadEvent(prepareSlideshow);