var slideShowSpeed = 5000

var LeftTop 	= new Array()
var LeftTopPic 	= new Array()

var LeftBot 	= new Array()
var LeftBotPic 	= new Array()

var RightTop	= new Array()
var RightTopPic	= new Array()

var RightBot 	= new Array()
var RightBotPic	= new Array()

var bgTop 	= new Array()
var bgBot 	= new Array()

LeftTop[0] 	    = "<a href='sitemgr.aspx?catid=6' title='Navigeer naar: Milieu en Natuur projecten'>Milieu en Natuur</a>"
LeftTopPic[0] 	= 'url(images/de.uitdaging.natuur.jpg)'

LeftTop[1]  	= "<a href='sitemgr.aspx?catid=9' title='Navigeer naar: Dieren projecten'>Dieren</a>"
LeftTopPic[1] 	= 'url(images/de.uitdaging.dieren.jpg)'

LeftTop[2] 	    = "<a href='sitemgr.aspx?catid=3' title='Navigeer naar: Internationaal projecten'>Internationaal</a>"
LeftTopPic[2] 	= 'url(images/de.uitdaging.internationaal.jpg)'

RightTop[0] 	= "<a href='sitemgr.aspx?catid=2' title='Navigeer naar: Armoede projecten'>Armoede</a>"
RightTopPic[0] 	= 'url(images/de.uitdaging.armoede.jpg)'

RightTop[1] 	= "<a href='sitemgr.aspx?catid=8' title='Navigeer naar: Gehandicapten projecten'>Gehandicapten</a>"
RightTopPic[1] 	= 'url(images/de.uitdaging.gehandicapten.jpg)'

RightTop[2] 	= "<a href='sitemgr.aspx?catid=5' title='Navigeer naar: Ziek zijn projecten'>Ziek zijn</a>"
RightTopPic[2] 	= 'url(images/de.uitdaging.ziek.jpg)'

RightBot[0] 	= "<a href='sitemgr.aspx?catid=1' title='Navigeer naar: Ouderen projecten'>Ouderen</a>"
RightBotPic[0] 	= 'url(images/de.uitdaging.ouderen.jpg)'

RightBot[1] 	= "<a href='sitemgr.aspx?catid=4' title='Navigeer naar: Geweld projecten'>Geweld</a>"
RightBotPic[1] 	= 'url(images/de.uitdaging.agressie.jpg)'

LeftBot[0] 	    = "<a href='sitemgr.aspx?catid=10' title='Navigeer naar: Kinderen projecten'>Kinderen</a>"
LeftBotPic[0] 	= 'url(images/de.uitdaging.kinderen.jpg)'

LeftBot[1] 	    = "<a href='sitemgr.aspx?catid=7' title='Navigeer naar: Sport en Spel projecten'>Sport en Spel</a>"
LeftBotPic[1] 	= 'url(images/de.uitdaging.sport.jpg)'

bgTop[0] 	= 'url(images/de.uitdaging.etalage.green.top.jpg)'
bgTop[1] 	= 'url(images/de.uitdaging.etalage.pink.top.jpg)'
bgTop[2] 	= 'url(images/de.uitdaging.etalage.blue.top.jpg)'
bgTop[3] 	= 'url(images/de.uitdaging.etalage.orange.top.jpg)'

bgBot[0] 	= 'url(images/de.uitdaging.etalage.orange.bot.jpg)'
bgBot[1] 	= 'url(images/de.uitdaging.etalage.green.bot.jpg)'
bgBot[2] 	= 'url(images/de.uitdaging.etalage.pink.bot.jpg)'
bgBot[3] 	= 'url(images/de.uitdaging.etalage.blue.bot.jpg)'

var t

var n1 = 0
var n2 = 3
var n3 = 2
var n4 = 3

var lt = 0
var plt = LeftTop.length
var lb = 0
var plb = LeftBot.length
var rt = 0
var prt = RightTop.length
var rb = 0
var prb = RightBot.length


function runSlideShow(){
   document.getElementById("topLeftTop").innerHTML = LeftTop[lt]
   document.getElementById("topLeftTop").style.background = bgTop[n1]
   document.getElementById("pictureLeftTop").style.background = LeftTopPic[lt]

   document.getElementById("topRightTop").innerHTML = RightTop[rt]
   document.getElementById("topRightTop").style.background = bgTop[n2]
   document.getElementById("pictureRightTop").style.background = RightTopPic[rt]

   document.getElementById("topLeftBot").innerHTML = LeftBot[lb]
   document.getElementById("topLeftBot").style.background = bgBot[n3]
   document.getElementById("pictureLeftBot").style.background = LeftBotPic[lb]

   document.getElementById("topRightBot").innerHTML = RightBot[rb]
   document.getElementById("topRightBot").style.background = bgBot[n4]
   document.getElementById("pictureRightBot").style.background = RightBotPic[rb]

   n1 = n1 + 1
   n2 = n2 + 1
   n3 = n3 + 1
   n4 = n4 + 1

   lt = lt + 1
   if (lt > (plt-1)) lt=0
   lb = lb + 1
   if (lb > (plb-1)) lb=0
   rb = rb + 1
   if (rb > (prb-1)) rb=0
   rt = rt + 1
   if (rt > (prt-1)) rt=0

   if (n1 > 3) n1=0
   if (n2 > 3) n2=0
   if (n3 > 3) n3=0
   if (n4 > 3) n4=0
   
   t = setTimeout('runSlideShow()', slideShowSpeed)
}