var preloadedImages = new Array();
var activeLinkObj = null;
var currentImgObj = null;
var loadImgInterval = null;
var hintObjId = 'pending';
var displayImgId = 'erstes';

function preload_images(listId) {
	if(!document.getElementById) {
		return;
	}
	var containerObj = document.getElementById(listId);
	var imgObj = document.getElementById(displayImgId);
	var hintObj = document.getElementById(hintObjId);
	posX = findPosX(imgObj);
	posY = findPosY(imgObj);
	hintObj.style.left = posX+"px";
	hintObj.style.top = posY+"px";
	hintObj.style.width = parseInt(imgObj.offsetWidth) + "px";
	hintObj.style.height = parseInt(imgObj.offsetHeight) + "px";
	var arrInd;
	var liNodes = containerObj.getElementsByTagName("LI");
	for(var i=0; i<liNodes.length; i++) {
		var currentObj = liNodes[i];
		arrInd = preloadedImages.length;
		var linkObj = currentObj.childNodes[0];
		while(linkObj.nodeType != 1 || linkObj.tagName != 'A') {
			if(linkObj.nextSibling) {
				linkObj = linkObj.nextSibling;
			} else {
				break;
			}
		}
		if(linkObj.nodeType == 1 && linkObj.tagName == 'A') {
			preloadedImages[arrInd] = new Image();
			preloadedImages[arrInd].src = linkObj.href;
			if(i == 0) {
				activeLinkObj = linkObj;
				activeLinkObj.className = 'current';
				currentImgObj = preloadedImages[arrInd];
			}
		}
	}
}


function checkLoaded() {
	if(currentImgObj.complete == true) {
		window.clearInterval(loadImgInterval);
		var hintObj = document.getElementById(hintObjId);
		hintObj.style.visibility = 'hidden';
		document.getElementById(displayImgId).src = currentImgObj.src;
	}
}


function showPic (linkObj) {
	if(!document.getElementById) {
		return;
	}
	var hintObj = document.getElementById(hintObjId);
	for(var i=0; i<preloadedImages.length; i++) {
		if(preloadedImages[i].src == linkObj.href) {
			currentImgObj = preloadedImages[i];
			if(currentImgObj.complete != true) {
				hintObj.style.visibility = 'visible';
				loadImgInterval = window.setInterval('checkLoaded()', 500);
			} else {
				document.getElementById(displayImgId).src = currentImgObj.src;
			}
			activeLinkObj.className = '';
			activeLinkObj = linkObj;
			activeLinkObj.className = 'current';
			activeLinkObj.blur();
			break;
		}
	}
	return false;
}


function findPosX(obj)
{
	var curleft = 0;
	if (obj.offsetParent)
	{
		while (obj.offsetParent)
		{
			curleft += obj.offsetLeft
			obj = obj.offsetParent;
		}
	}
	else if (obj.x)
		curleft += obj.x;
	return curleft;
}


function findPosY(obj)
{
	var curtop = 0;
	if (obj.offsetParent)
	{
		while (obj.offsetParent)
		{
			curtop += obj.offsetTop
			obj = obj.offsetParent;
		}
	}
	else if (obj.y)
		curtop += obj.y;
	return curtop;
}


function toggle( targetId ){
  if (document.getElementById){
  		target = document.getElementById( targetId );
  			if (target.style.display == "none"){
  				target.style.display = "";
  			} else {
  				target.style.display = "none";
  			}
  	}
}


function init() {
	if(document.getElementById("select")) {
            preload_images("select");
	}
}

window.onload = init;