// JavaScript Document

var TimerID=null;
var FadeDurationMS=1000;

var futureImages="";
var nextImage="";
var actualImage="";
var show_running=true;

function SetOpacity(object,opacityPct)
{
	// IE.
	object.style.filter = 'alpha(opacity=' + opacityPct + ')';
	// Old mozilla and firefox
	object.style.MozOpacity = opacityPct/100;
	// Everything else.
	object.style.opacity = opacityPct/100;
}
function ChangeOpacity(id,msDuration,msStart,fromO,toO)
{
	var element=document.getElementById(id);
	var msNow = (new Date()).getTime();
	var opacity = fromO + (toO - fromO) * (msNow - msStart) / msDuration;
	if (opacity>=100)
	{
		SetOpacity(element,100);
		element.timer = undefined;
	}
	else if (opacity<=0)
	{
		SetOpacity(element,0);
		element.timer = undefined;
	}
	else 
	{
		SetOpacity(element,opacity);
		element.timer = window.setTimeout("ChangeOpacity('" + id + "'," + msDuration + "," + msStart + "," + fromO + "," + toO + ")",10);
	}
}
function FadeInImage(foregroundID,newImage,backgroundID)
{
	var foreground=document.getElementById(foregroundID);
	if (foreground.timer) window.clearTimeout(foreground.timer);
	if (backgroundID)
	{
		var background=document.getElementById(backgroundID);
		if (background)
		{
			if (background.src)
			{
				foreground.src = background.src;	
				SetOpacity(foreground,100);
			}
			actualImage=newImage;
			background.src = newImage;
			background.style.backgroundImage = 'url(' + newImage + ')';
			background.style.backgroundRepeat = 'no-repeat';
			var startMS = (new Date()).getTime();
			foreground.timer = window.setTimeout("ChangeOpacity('" + foregroundID + "'," + FadeDurationMS + "," + startMS + ",100,0)",10);
		}
	} else {
		foreground.src = newImage;
	}
	resetAllNumbers();
	switch(nextImage)
	{
		case "javascripts/bf_1.jpg": document.n_01.src="javascripts/index_numbers/a1_20x20.png";break;
		case "javascripts/bf_2.jpg": document.n_02.src="javascripts/index_numbers/a2_20x20.png";break;
		case "javascripts/bf_3.jpg": document.n_03.src="javascripts/index_numbers/a3_20x20.png";break;
		case "javascripts/bf_4.jpg": document.n_04.src="javascripts/index_numbers/a4_20x20.png";break;
		case "javascripts/bf_5.jpg": document.n_05.src="javascripts/index_numbers/a5_20x20.png";break;
	}
}
var slideCache = new Array();
function RunSlideShow(pictureID,backgroundID,imageFiles,displaySecs)
{
	var imageSeparator = imageFiles.indexOf(";");
	nextImage = imageFiles.substring(0,imageSeparator);
//	alert("nextImage" + nextImage);
	if (slideCache[nextImage] && slideCache[nextImage].loaded)
	{
		FadeInImage(pictureID,nextImage,backgroundID);
		futureImages = imageFiles.substring(imageSeparator+1,imageFiles.length)
			+ ';' + nextImage;
		TimerID=setTimeout("RunSlideShow('"+pictureID+"','"+backgroundID+"','"+futureImages+"',"+displaySecs+")",displaySecs*1000);
		// Identify the next image to cache.
		imageSeparator = futureImages.indexOf(";");
		nextImage = futureImages.substring(0,imageSeparator);
	} else {
		TimerID=setTimeout("RunSlideShow('"+pictureID+"','"+backgroundID+"','"+imageFiles+"',"+displaySecs+")",25);
	}
	// Cache the next image to improve performance.
	if (slideCache[nextImage] == null)
	{
		slideCache[nextImage] = new Image;
		slideCache[nextImage].loaded = false;
		slideCache[nextImage].onload = function(){this.loaded=true};
		slideCache[nextImage].src = nextImage;
	}
}

/* --- */
function runthis()
{
	futureImages="javascripts/bf_1.jpg;javascripts/bf_2.jpg;javascripts/bf_3.jpg;javascripts/bf_4.jpg;javascripts/bf_5.jpg";
	var start_picture = 1;
	start_picture=randomLowHigh(1,5);
	switch(start_picture)
	{
		case 1: futureImages="javascripts/bf_1.jpg;javascripts/bf_2.jpg;javascripts/bf_3.jpg;javascripts/bf_4.jpg;javascripts/bf_5.jpg";break;
		case 2: futureImages="javascripts/bf_2.jpg;javascripts/bf_3.jpg;javascripts/bf_4.jpg;javascripts/bf_5.jpg;javascripts/bf_1.jpg";break;
		case 3: futureImages="javascripts/bf_3.jpg;javascripts/bf_4.jpg;javascripts/bf_5.jpg;javascripts/bf_1.jpg;javascripts/bf_2.jpg";break;
		case 4: futureImages="javascripts/bf_4.jpg;javascripts/bf_5.jpg;javascripts/bf_1.jpg;javascripts/bf_2.jpg;javascripts/bf_3.jpg";break;
		case 5: futureImages="javascripts/bf_5.jpg;javascripts/bf_1.jpg;javascripts/bf_2.jpg;javascripts/bf_3.jpg;javascripts/bf_4.jpg";break;
	}
	RunSlideShow("indexPicture","indexPictureBackground", futureImages,3.5);

}

function onMouseOut_start()
{
	RunSlideShow("indexPicture","indexPictureBackground", futureImages,3.5);
}
function onMouseOver_stop()
{
	clearTimeout(TimerID);
}
function ga_naar_url()
{
	switch(actualImage)
	{
		case "javascripts/bf_1.jpg":window.open('http://www.allcarsoudenaarde.com');;break; // allcars oudenaarde
		case "javascripts/bf_2.jpg":window.open('http://www.fcs-oudenaarde.be','_blank');;break; // fcs oudenaarde
		case "javascripts/bf_3.jpg":window.open('http://www.ghentaviation.be','_blank');break; // ghent aviation
		case "javascripts/bf_4.jpg":window.open('http://www.js-box.com','_blank');;break; // js-box
		case "javascripts/bf_5.jpg":window.open('http://www.carwash-lim.be','_blank');break; // car wash LIM
	}
}

function resetAllNumbers()
{
	document.n_01.src="javascripts/index_numbers/n1_20x20.png";
	document.n_02.src="javascripts/index_numbers/n2_20x20.png";
	document.n_03.src="javascripts/index_numbers/n3_20x20.png";
	document.n_04.src="javascripts/index_numbers/n4_20x20.png";
	document.n_05.src="javascripts/index_numbers/n5_20x20.png";
}

function onNumberClick(x)
{
	clearTimeout(TimerID);	
	resetAllNumbers();
	futureImages="javascripts/bf_1.jpg;javascripts/bf_2.jpg;javascripts/bf_3.jpg;javascripts/bf_4.jpg;javascripts/bf_5.jpg";
	switch(x)
	{
		case 1:{futureImages="javascripts/bf_1.jpg;javascripts/bf_2.jpg;javascripts/bf_3.jpg;javascripts/bf_4.jpg;javascripts/bf_5.jpg";break}
		case 2:{futureImages="javascripts/bf_2.jpg;javascripts/bf_3.jpg;javascripts/bf_4.jpg;javascripts/bf_5.jpg;javascripts/bf_1.jpg";break}
		case 3:{futureImages="javascripts/bf_3.jpg;javascripts/bf_4.jpg;javascripts/bf_5.jpg;javascripts/bf_1.jpg;javascripts/bf_2.jpg";break}
		case 4:{futureImages="javascripts/bf_4.jpg;javascripts/bf_5.jpg;javascripts/bf_1.jpg;javascripts/bf_2.jpg;javascripts/bf_3.jpg";break}
		case 5:{futureImages="javascripts/bf_5.jpg;javascripts/bf_1.jpg;javascripts/bf_2.jpg;javascripts/bf_3.jpg;javascripts/bf_4.jpg";break}
	}
	RunSlideShow("indexPicture","indexPictureBackground", futureImages,3.5);
}

function onNumberMouseOver(x)
{
	switch(x)
	{
		case 1:document.n_01.src="javascripts/index_numbers/o1_20x20.png";break
		case 2:document.n_02.src="javascripts/index_numbers/o2_20x20.png";break
		case 3:document.n_03.src="javascripts/index_numbers/o3_20x20.png";break
		case 4:document.n_04.src="javascripts/index_numbers/o4_20x20.png";break
		case 5:document.n_05.src="javascripts/index_numbers/o5_20x20.png";break
	}
}
function onNumberMouseOut(x)
{
	switch(x)
	{
		case 1:
		{
			if(actualImage=="javascripts/bf_1.jpg"){document.n_01.src="javascripts/index_numbers/a1_20x20.png"}
			else{document.n_01.src="javascripts/index_numbers/n1_20x20.png"};break
		}
		case 2:
		{
			if(actualImage=="javascripts/bf_2.jpg"){document.n_02.src="javascripts/index_numbers/a2_20x20.png"}
			else{document.n_02.src="javascripts/index_numbers/n2_20x20.png"};break
		}
		case 3:
		{
			if(actualImage=="javascripts/bf_3.jpg"){document.n_03.src="javascripts/index_numbers/a3_20x20.png"}
			else{document.n_03.src="javascripts/index_numbers/n3_20x20.png"};break
		}
		case 4:
		{
			if(actualImage=="javascripts/bf_4.jpg"){document.n_04.src="javascripts/index_numbers/a4_20x20.png"}
			else{document.n_04.src="javascripts/index_numbers/n4_20x20.png"};break
		}
		case 5:
		{
			if(actualImage=="javascripts/bf_5.jpg"){document.n_05.src="javascripts/index_numbers/a5_20x20.png"}
			else{document.n_05.src="javascripts/index_numbers/n5_20x20.png"};break
		}
	}
}