/* 
-------------------------------------------
-------------------------------------------

	 BSLIM Javascript action.js 

-------------------------------------------
-------------------------------------------
*/



var ___timerId = null;

 
function DisplayHeader()

{
    if(___timerId)
        clearTimeout(___timerId);

	var _img1 = document.getElementById('afbeelding1');
    var _img2 = document.getElementById('afbeelding2');

   

    if(_img1.style.display == "none" && _img2.style.display == "none")
    {
        _img1.src = header.shift();       
        header.push(_img1.src);
        _img1.onload = function() { First(_img1) };
    }

    else
    {
        if(_img1.style.display == "none")
        {
		
            Effect.Fade(_img2, {duration: 1, afterFinish: StartTimer});
            //Effect.Appear(_img1, {duration: 1});
			document.getElementById('afbeelding1').style.display = 'block';			
        }
        else
        {	   
		
           //Effect.Fade(_img1, {duration: 1, afterFinish: StartTimer});
           Effect.Appear(_img2, {duration: 1, afterFinish: NiceChange });
       	  
        }
    }    
}
function NiceChange()
{
 	document.getElementById('afbeelding1').style.display = 'none';
	StartTimer();
}

function First(s)
{
    s.onload = null;
	p = s;
	setTimeout('FirstTimerAction(document.getElementById("afbeelding1"))' , '5000');
}


function FirstTimerAction(r)
{

	Effect.Appear(r, {duration: 1, afterFinish: NiceChangeStart});
}

function NiceChangeStart()
{
	document.getElementById('afbeelding0').style.display = 'none';
	StartTimer();
}
 

function StartTimer()
{
    LoadImage();
    ___timerId = setTimeout("DisplayHeader()", '5000');
}
 
function LoadImage()
{
    var _img1 = document.getElementById('afbeelding1');
    var _img2 = document.getElementById('afbeelding2');
   
   
    if(_img1.style.display == "none")
    {
        _img1.src = header.shift();
        header.push(_img1.src);
    }
    else
    {
        _img2.src = header.shift();
        header.push(_img2.src);
    }
}





/* 
-------------------------------------------
-------------------------------------------

			   FotoBoek  

	  (c) Crea-design.nl 2008
            voor: BSLIM 

       gemaakt op: 02-02-2008
  	
     contact: info@crea-design.nl	 
	 
-------------------------------------------
-------------------------------------------
*/

// Slide show mag niet beginnen
play = null;
slider= null;

// voeg getindex aan DOM toe.
Array.prototype.getIndex = function(data) 
{
	for (i=0; i<this.length; ++i) 
	{
		if (this[i] == data) 
		{
			return i;
		}
	}
	return -1;
};		

// geeft loc terug 
function getLoc(name)
{		
	loc = slide.getIndex(name);
}


// Laad eerste IMG 
function initHoofdImg()
{
	$('hoofdImg').src = slide[0];
	numbers();
}

// Show thumb in IMG
function showImg(thumbPath)
{
	var block = $('hoofdImg');
	path = thumbPath.replace('tn_' , '');
	
	$('hoofdImg').style.display = 'none';
	Effect.Appear(block, {duration: 0.6});
	$('hoofdImg').src = path;	
	
	//thumbPath.blur();
	numbers();
	
}

// Next Img
function nextImg(s)
{
	if(s)
      s.blur();
	var block = $('hoofdImg');
	currentImg = $('hoofdImg').src;	
	getLoc(currentImg);		
	padImg = loc + 1;
	
	maxLenght = slide.length;
	
	if(loc == maxLenght - 1)
	{
		$('hoofdImg').style.display = 'none';
		Effect.Appear(block, {duration: 0.6});
		$('hoofdImg').src = slide[0];
		numbers();
		
	}
	
	else
	{	
		$('hoofdImg').style.display = 'none';
		Effect.Appear(block, {duration: 0.6});
		$('hoofdImg').src = slide[padImg];
		numbers();
	}

}

// Prev Img
function prevImg(s)
{
	if(s)
      s.blur();
	
	block = $('hoofdImg');
	currentImg = $('hoofdImg').src;	
	getLoc(currentImg);		
	padImg = loc - 1;
	
	maxLenght = slide.length;
	maxLenght = maxLenght -1;
	
	if(loc == 0)
	{
				
		$('hoofdImg').style.display = 'none';
		Effect.Appear(block, {duration: 0.6});
		$('hoofdImg').src = slide[maxLenght];
		numbers();
	}
	
	else
	{			
		$('hoofdImg').style.display = 'none';
		Effect.Appear(block, {duration: 0.6});
		$('hoofdImg').src = slide[padImg];
		numbers();
	}
}

// Start Slide show
function slideStart(s)
{
	if(s)
		s.blur();
	
	play = true;
	
	startslideing();
}

function startslideing()
{	
	if(play == 'true')
	{
		nextImg();
		slider = setTimeout("startslideing()", '4000');	
		return slider;
	}
	
	else if(play == true)
	{
		nextImg();
		slider = setTimeout("startslideing()", '4000');	
		return slider;
	}
}

// Stop SLide show
function stopSlide(s)
{
	if(s)
      s.blur();
	
	play = false;
	
	if(slider)
		clearTimeout(slider);
		
	numbers();
}

// Numbers

function numbers()
{
	currentImg = $('hoofdImg').src;	
	getLoc(currentImg);
	currentNumber = loc + 1;
	
	allnumbers = slide.length;
	
	
	$('numbers').innerHTML = currentNumber + ' van ' + allnumbers;
}