/*
var bannerImg = new Array();
 bannerImg[0]="../img/header-pic-03-lblauwbalk50.jpg";
 bannerImg[1]="../img/header-pic-03-witbalk50.jpg"; 
 bannerImg[2]="../img/header-pic-03.jpg";

var newBanner = 0;
var totalBan = bannerImg.length;

function cycleBan() {
  newBanner++;
  if (newBanner == totalBan) {
    newBanner = 0;
  }
  document.getElementById('banner').style.backgroundImage = 'url("' + bannerImg[newBanner] + '")';
  setTimeout("cycleBan()", 8*1000);
}
*/

// http://www.sitepoint.com/forums/javascript-15/help-script-rotate-cycle-background-image-within-table-452865.html

// ----

// Set slideShowSpeed (milliseconds)
var slideShowSpeed = 6000;
// Duration of crossfade (seconds)
var crossFadeDuration = 1;
// Specify the image files
var Pic = new Array(6);
// to add more images, just continue
// the pattern, adding to the array below

// create 2-dimensional array for Pics per Menu
/*
for (n = 0; n < Pic.length; ++ n) {
	Pic[n] = new Array (7); // max lenght 2nd dimension
}
*/
// handmatig zetten ivm variatie in lengte per categorie (lengte betreft array lengte [0]..[5] -> 6)
Pic[0] = new Array (9); //home// max lenght 2nd dimension
Pic[1] = new Array (9); //skutsje
Pic[2] = new Array (9); //kajuit
Pic[3] = new Array (6); //sloep
Pic[4] = new Array (9); //arrangement
Pic[5] = new Array (5); //werf

Pic[0][0] = "../img/panorama/home-6.jpg";
Pic[0][1] = "../img/panorama/home-2.jpg";
Pic[0][2] = "../img/panorama/home-3.jpg";
Pic[0][3] = "../img/panorama/home-4.jpg";
Pic[0][4] = "../img/panorama/home-5.jpg";
Pic[0][5] = "../img/panorama/home-1.jpg";
Pic[0][6] = "../img/panorama/home-7.jpg";
Pic[0][7] = "../img/panorama/home-8.jpg";
Pic[0][8] = "../img/panorama/home-9.jpg";

Pic[1][0] = "../img/panorama/skutsje-1.jpg";
Pic[1][1] = "../img/panorama/skutsje-2.jpg";
Pic[1][2] = "../img/panorama/skutsje-3.jpg";
Pic[1][3] = "../img/panorama/skutsje-4.jpg";
Pic[1][4] = "../img/panorama/skutsje-5.jpg";
Pic[1][5] = "../img/panorama/skutsje-6.jpg";
Pic[1][6] = "../img/panorama/skutsje-7.jpg";
Pic[1][7] = "../img/panorama/skutsje-8.jpg";
Pic[1][8] = "../img/panorama/skutsje-9.jpg";

Pic[2][0] = "../img/panorama/kajuit-1.jpg";
Pic[2][1] = "../img/panorama/kajuit-2.jpg";
Pic[2][2] = "../img/panorama/kajuit-3.jpg";
Pic[2][3] = "../img/panorama/kajuit-4.jpg";
Pic[2][4] = "../img/panorama/kajuit-5.jpg";
Pic[2][5] = "../img/panorama/kajuit-6.jpg";
Pic[2][6] = "../img/panorama/kajuit-7.jpg";
Pic[2][7] = "../img/panorama/kajuit-8.jpg";
Pic[2][8] = "../img/panorama/kajuit-9.jpg";

Pic[3][0] = "../img/panorama/sloep-1.jpg";
Pic[3][1] = "../img/panorama/sloep-2.jpg";
Pic[3][2] = "../img/panorama/sloep-3.jpg";
Pic[3][3] = "../img/panorama/sloep-4.jpg";
Pic[3][4] = "../img/panorama/sloep-5.jpg";

Pic[4][0] = "../img/panorama/arrang-1.jpg";
Pic[4][1] = "../img/panorama/arrang-2.jpg";
Pic[4][2] = "../img/panorama/arrang-3.jpg";
Pic[4][3] = "../img/panorama/arrang-4.jpg";
Pic[4][4] = "../img/panorama/arrang-5.jpg";
Pic[4][5] = "../img/panorama/arrang-6.jpg";
Pic[4][6] = "../img/panorama/arrang-7.jpg";
Pic[4][7] = "../img/panorama/arrang-8.jpg";
Pic[4][8] = "../img/panorama/arrang-9.jpg";

Pic[5][0] = "../img/panorama/werf-1.jpg";
Pic[5][1] = "../img/panorama/werf-2.jpg";
Pic[5][2] = "../img/panorama/werf-3.jpg";
Pic[5][3] = "../img/panorama/werf-4.jpg";
Pic[5][4] = "../img/panorama/werf-5.jpg";

var t;
var j = 0;
var p = Pic[actiefMenu].length;
var preLoad = new Array();
for (i = 0; i < p; i++) {
	preLoad[i] = new Image();
	preLoad[i].src = Pic[actiefMenu][i];
	//alert('preLoad['+i+'].src=' + preLoad[i].src);
}

function runSlideShow() {
	var oTd = document.getElementById('SlideShow');
	if (document.all) { // check for IE
		//oTd.style.filter="blendTrans(duration=2)";
		oTd.style.filter="blendTrans(duration=crossFadeDuration) ";
		oTd.filters.blendTrans.Apply();
	}
	//oTd.src = preLoad[j].background; // swap images (ORG)
	oTd.style.backgroundImage = 'url("' + preLoad[j].src + '")';  // swap images

	if (document.all) {
		oTd.filters.blendTrans.Play();
	}
	j = j + 1;
	if (j > (p - 1)) j = 0;
	t = setTimeout('runSlideShow()', slideShowSpeed);
}

/*
function runSlideShow-ORG() {
	if (document.all) {
	document.images.SlideShow.style.filter="blendTrans(duration=2)";
	document.images.SlideShow.style.filter="blendTrans(duration=crossFadeDuration) ";
	document.images.SlideShow.filters.blendTrans.Apply();
	}
	document.images.SlideShow.src = preLoad[j].background;
	if (document.all) {
		document.images.SlideShow.filters.blendTrans.Play();
	}
	j = j + 1;
	if (j > (p - 1)) j = 0;
	t = setTimeout('runSlideShow()', slideShowSpeed);
}

*/