var switchTimeout = null;
var switchImageSeconds = 5;
var startZindex = 10;
var imageLinks = Array("Simplicity", "Usable", "Accessible", "Interactive");
var currentSlideShowImage = -1;
var currentImage = null;
var currentLink = null;
var currentZindex = null;

if (!Array.prototype.indexOf)
{
  Array.prototype.indexOf = function(elt /*, from*/)
  {
    var len = this.length;

    var from = Number(arguments[1]) || 0;
    from = (from < 0)
         ? Math.ceil(from)
         : Math.floor(from);
    if (from < 0)
      from += len;

    for (; from < len; from++)
    {
      if (from in this &&
          this[from] === elt)
        return from;
    }
    return -1;
  };
}

function init()
{
    return;
	for(var i = 0; i<imageLinks.length; i++)
	{
		$(imageLinks[i]+'_a').onmouseover = function(){stopSlideShow();userSwitchImage(this);};
		$(imageLinks[i]+'_a').onmouseout = function(){startSlideShow(this);};
		$(imageLinks[i]+'_img').style.zIndex = startZindex+i;
	}
	continueSlideShow(-1);
}

function userSwitchImage(obj)
{
    // Nog aanzetten voor de styles
	//if(currentLink!=null)
	//	currentLink.style.background = "url(http://www.lasbedrijfverhoef.nl/media/arrow.png)";
	//obj.style.background = "url(http://www.lasbedrijfverhoef.nl/media/arrow-hover.png)";
	currentLink = obj;
	if(currentImage!=null && currentZindex!=null)
		currentImage.style.zIndex = currentZindex;
	var hoveredImage = $(obj.name+'_img');
	currentImage = hoveredImage;
	currentZindex = currentImage.style.zIndex;
	currentImage.style.zIndex = (startZindex+10);
}

function switchImage(imgNr)
{
	userSwitchImage($(imageLinks[imgNr]+'_a'));
}

function startSlideShow(obj)
{
	currentSlideShowImage = imageLinks.indexOf(obj.name);
	switchTimeout = setTimeout('continueSlideShow('+currentSlideShowImage+')',(switchImageSeconds*1000));
}

function continueSlideShow(imgNr)
{
	currentSlideShowImage = imgNr;
	if(imageLinks.length > 0)
	{
		var newImageNr = currentSlideShowImage+1;
		if(newImageNr>=imageLinks.length)
			newImageNr=0;
		switchImage(newImageNr);
		switchTimeout = setTimeout('continueSlideShow('+newImageNr+')',(switchImageSeconds*1000));
	}
}

function stopSlideShow()
{
	clearTimeout(switchTimeout);	
}

function $(obj)
{
	return document.getElementById(obj);	
}



function GetAllChildElements(parentObj, childElements)
{
    if(childElements==null || !childElements)
    {
        childElements = Array();
    }
    childElements.push(parentObj);
    
    if(parentObj!=null && parentObj!=false && parentObj.childNodes.length>0)
    {
        var nodes = parentObj.childNodes;
        for(var i = 0; i < nodes.length; i++)
        {
            if(nodes[i].nodeName != "#text")
            {
                var fElements = GetAllChildElements(nodes[i], childElements);
                if(fElements!=null && fElements.length > 0)
                {
                    childElements.push(fElements);
                }
            }
        }
    }
    return childElements;
}
    
function HoverHomePageDiv(parentObj, bHover)
{
    var allChilds = GetAllChildElements(parentObj, null);
    for(var i = 0; i<allChilds.length; i++)
    {
        changeClassHomeBoxName(allChilds[i], "RoundedContentBoxTop_span", "RoundedContentBoxTopHover_span", bHover);
        changeClassHomeBoxName(allChilds[i], "RoundedContentBoxMiddle_div", "RoundedContentBoxMiddleHover_div", bHover);
        changeClassHomeBoxName(allChilds[i], "RoundedContentBoxBottom_span", "RoundedContentBoxBottomHover_span", bHover);
        changeClassHomeBoxName(allChilds[i], "Service_h4", "ServiceHover_h4", bHover);
        changeClassHomeBoxName(allChilds[i], "Service_p", "ServiceHover_p", bHover);
    }
}

function changeClassHomeBoxName(obj, strClassName, strHoverClassName, bHover)
{
    var tempClassName = strClassName;
    if(!bHover)
    {
        strClassName = strHoverClassName;
        strHoverClassName = tempClassName;
    }
    if(obj.className == strClassName) obj.className = strHoverClassName;
}

function PreLoadSiteImages()
{
    imageObjs = new Array();
    imageArr = new Array();
/*
    imageArr[0]="media/roundedcontentbox-top-hover.png"
    imageArr[1]="media/roundedcontentbox-middle-hover.png"
    imageArr[2]="media/roundedcontentbox-bottom-hover.png"
    imageArr[3]="media/home-ad-hover.png"
    
    imageArr[4]="media/menu-bg-left.png"
    imageArr[5]="media/menu-bg-center.png"
    imageArr[6]="media/menu-bg-right.png"
    imageArr[7]="media/menu-bg-activeleft.png"
    imageArr[8]="media/menu-bg-active.png"
    imageArr[9]="media/menu-bg-activeright.png"
    imageArr[10]="media/menu-bg-hoverleft.png"
    imageArr[11]="media/menu-bg-hover.png"
    imageArr[12]="media/menu-bg-hoverright.png"
    
    imageArr[13]="media/nextstep-button.png"
    imageArr[14]="media/previousstep-button.png"
    imageArr[15]="media/completerequest-button.png"
    imageArr[16]="media/completerequest-button.png"
*/
    // start preloading
    for(i=0; i<imageArr.length; i++)
    {
        imageObjs[i] = new Image();
        imageObjs[i].src=imageArr[i];
    }
}

PreLoadSiteImages();

/*
function preloadImages()
{
	if(imagesToPreload!=null && imagesToPreload.length>0)
	{
		valPImg = pBarMaxValue/imagesToPreload.length;
		loadTo = $('imgPreloader');
		var prelImages = new Array();
		var curImage = 0;
		for(var i=0; i < imagesToPreload.length; i++)
		{
			prelImages[i] = new Image();
			prelImages[i].src = imagesToPreload[i];
			
			function prelImgReady()
			{
				curImage++;
				setNewValueToPBar(valPImg*curImage);
			}
			
			if(prelImages[i].addEventListener)
			{
				prelImages[i].addEventListener("onload", new function(){prelImgReady();}, false);
			}
			else if (prelImages[i].attachEvent)
//			if (prelImages[i].attachEvent)
			{
				prelImages[i].attachEvent("onload", prelImgReady);
			}
			
			if (prelImages[i].complete)
			{
				//prelImgReady();
			}
			
			

			//setNewValueToPBar(valPImg*i);
		}
	}
}
*/
/*
function PreloadImageArr(imgs, afterloadfunc)
{
    if(imgs!=null && imgs.length > 0)
    {
		var prelImages = new Array();
		var curImage = 0;
        for(var i=0; i < imgs.length; i++)
		{
			prelImages[i] = new Image();
			prelImages[i].src = imgs[i];
			
			function prelImgReady()
			{
				curImage++;
				LoadingReady(imgs.length, curImage);
			}
			if(prelImages[i].addEventListener)
			{
				prelImages[i].addEventListener("onload", new function(){prelImgReady();}, false);
			}
			else if (prelImages[i].attachEvent)
			{
				prelImages[i].attachEvent("onload", prelImgReady);
			}
		}
    }
    function LoadingReady(total, current)
    {
        alert(current);
        if(total == current)
        {
            if(afterloadfunc!=null)
            {
                afterloadfunc();
            }
            alert('klaar:' + total + " - " + current);
        }
    }
}
*/


if (document.images) {
	var preImages = new Array()
	currCount = 0
	var loaded = new Array(),i,covered,timerID
}
function loadImages(imgs) { 
    document.getElementById('scroller').style.visibility = "hidden";
	for (i = 0; i < imgs.length; i++) { 
		preImages[i] = new Image()
		preImages[i].src = imgs[i]
	}
	for (i = 0; i < preImages.length; i++) { 
		loaded[i] = false
	}
	checkLoad()
}
function checkLoad() {
	if (currCount == preImages.length) { 
	    document.getElementById('scroller').style.visibility = "visible";
		move(0, false);
		return;
	}
	for (i = 0; i <= preImages.length; i++) {
		if (loaded[i] == false && preImages[i].complete) {
			loaded[i] = true
			currCount++
		}
	}
	timerID = setTimeout("checkLoad()",10) 
}

function StartSlideShow()
{
    
}



//window.onload = function()
//{
//	PreLoadHomeBoxImages();
//};
	
/*
function startPreload(preloaderbox)
{
	var objBody = document.getElementsByTagName("body").item(0);
	//$('sitecontainer').style.display = "none";
	//objBody.onLoad = function(){alert('klaar');};
	window.onload = function()
	{
		$('preloader').style.display = "none";
		$('sitecontainer').style.display = "block";
		setupOverlayer();
	};
}
*/