var laatsteThumbnail ;
var laatsteAccessoire = 0;

function SwitchKnop(iId, sPath, sMenusoort, sKleur, sTekstkleur)
{
	if (sKleur == "") {
		sKleur = "Inactief";
		sClassName = "inactief";
	} else {
		sClassName = "actief";
	}
   if ( sTekstkleur === undefined ) {
      sTekstkleur = "";
   }
	
	sLinks = document.getElementById("links"+iId);
	sPathPlusKleur = sPath+"knp"+sKleur;
	sLinks.style.backgroundImage="url("+sPathPlusKleur+"Links.jpg)";
	if (sMenusoort == "sub") {
		sLinks.className = sClassName + " " +sMenusoort+sClassName+"links";
	}
	sRechts = document.getElementById("rechts"+iId);
	sRechts.style.backgroundImage="url("+sPathPlusKleur+"Rechts.jpg)";
	sMidden = document.getElementById("midden"+iId);
	sMidden.style.backgroundImage="url("+sPathPlusKleur+"Midden.jpg)";
	sMidden.className = sClassName + " " +sMenusoort+"midden"+" "+ sTekstkleur;
}

function SwitchJvD(iId, sPath, sKleur)
{
	if (sKleur == "") {
		sKleur = "JvD";
		sClassName = "JvD";
		sTekst = "";
		sImg = "knpJvD.gif";
	} else {
		sClassName = "JvDactief";
		sTekst = "Joke";
		sImg = "knp"+sKleur+".gif";
	}

	sMidden = document.getElementById("JvD"+iId);
	sMidden.style.backgroundImage="url("+sPath+sImg+")";
	sMidden.className = sClassName +"";
	sMidden.innerHTML = sTekst;

/*
	sLinks = document.getElementById("links"+iId);
	sPathPlusKleur = sPath+"knp"+sKleur;
	sLinks.style.backgroundImage="url("+sPathPlusKleur+"Links.jpg)";
	sLinks.className = sClassName + "links";
 
	sRechts = document.getElementById("rechts"+iId);
	sRechts.style.backgroundImage="url("+sPathPlusKleur+"Rechts.jpg)";
	sRechts.className = sClassName + "rechts";
 
	
	sMidden = document.getElementById("midden"+iId);
	sMidden.style.backgroundImage="url("+sPathPlusKleur+"Midden.jpg)";
	sMidden.style.backgroundRepeat=sRepeatMidden;
	sMidden.className = sClassName +"midden";
	sMidden.innerHTML = sTekst;
	*/
}

function SwitchSubmenuKnop(iId, sPath, sMenusoort, sKleur, sTekstkleur)
{
	if (sKleur == "") {
		sKleur = "Inactief";
		sClassName = "inactief";
	} else {
		sClassName = "actief";
	}
   if ( sTekstkleur === undefined ) {
      sTekstkleur = "";
   }
	
	sLinks = document.getElementById("links"+iId);
	sPathPlusKleur = sPath+"knp"+sKleur;
	sLinks.style.backgroundImage="url("+sPathPlusKleur+"Links.jpg)";
	if (sMenusoort == "sub") {
		sLinks.className = sClassName + " " +sMenusoort+sClassName+"links";
	}
	sRechts = document.getElementById("rechts"+iId);
	sRechts.style.backgroundImage="url("+sPathPlusKleur+"Rechts.jpg)";
	sMidden = document.getElementById("midden"+iId);
	sMidden.style.backgroundImage="url("+sPathPlusKleur+"Midden.jpg)";
	sMidden.className = sClassName + " " +sMenusoort+"midden"+" "+ sTekstkleur;
}
function achterkant(iId)
{
	sImg = document.getElementById("plaatje"+iId);
	sImg.style.display="none"; 

	sBijschrift = document.getElementById("bijschrift"+iId);
	sBijschrift.style.Height = sImg.style.Height	;
	sBijschrift.style.textAlign = "center";
	sBijschrift.style.paddingTop = "60px";
}

function voorkant(iId, sImgSrc)
{
	sImg = document.getElementById("plaatje"+iId);
	sImg.style.display="block"; 
	sBijschrift = document.getElementById("bijschrift"+iId);
	sBijschrift.style.textAlign = "right";
	sBijschrift.style.paddingTop = "0px";
}




function CouturagePicture(sSrc, sDescription, sThumbId, sKleur, sWidth, sHeight) {
	
	if (laatsteThumbnail) {
		SetBackGround(laatsteThumbnail, 'witbg');
	}
	laatsteThumbnail = sThumbId;

	// zet de breedte van de achtergronddiv
	var oDiv=document.getElementById("backgroundpicture");

	oDiv.style.width = sWidth+"px";
	//oDiv.style.height = sHeight+"px";

	var oImg=document.getElementById("nggpicture");
	oImg.src = sSrc;
	var oTekst=document.getElementById("nggdescription");
	if (sDescription == " ")  {
		sDescription = " ";
	}
	oTekst.innerHTML = sDescription;
	SetBackGround(sThumbId, sKleur);

}

function SetActieveThumbnail (sThumbId)
{
	laatsteThumbnail = sThumbId;
}

function SetBackGround(sId, sKleur)
{
	var oImg=document.getElementById(sId);
	oImg.className = sKleur;
}

function NextAccessoire()
{
	laatsteAccessoire++;
	aImgs = document.getElementById('hiddenthumbs').getElementsByTagName("img"); 
	if (laatsteAccessoire > aImgs.length-1) {
		laatsteAccessoire = 0;
	}
	thisImg = document.getElementById('accessoire');
	thisImg.src = aImgs[laatsteAccessoire].src;
}