// mailto:
function mailTo(nameVar, domainVar) {
    document.write('<a href=\"mailto:' + nameVar + '@' + domainVar + '\">');
    document.write(nameVar + '@' + domainVar + '</a>'); 
}
function showSub(subname){
document.getElementById(subname).className='subnavactive';

}
function hideSub(subname){
document.getElementById(subname).className='subnav';
}
function swapImage(imagepath, theobject){
var objectid = theobject.id;
document.getElementById(objectid).getElementsByTagName("img")[0].src = imagepath;
}

/*
function setActiveNav(){

var mainnav = new Array()
mainnav[0] = "home"
mainnav[1] = "fietstips"
mainnav[2] = "dewinkel"

//
//document.getElementById(mainnav[0]).getElementsByTagName("a")[0].innerHTML ="<img src=\"img/btn_home2.gif\" alt=\"home\"/>";


//document.getElementById('homelink').innerHTML="Visit W3Schools"
//document.getElementById('homelink').href="http://www.w3schools.com"
//document.getElementById('homelink').target="_blank"
//alert(blaat);
//alert(document.getElementById('home').anchors.length);
//test = document.getElementById('home').innerHTML;
//alert(test.getElementsByTagName("a").href);
//alert(document.anchors.length);
var home =  (document.getElementById('home').getElementsByTagName("a")[0].href);
var current = (location.pathname);
alert (home+"  "+current)

if (home == current){
alert("yes home="+home+" current="+current)
}
//alert(document.images.length + " images.")
//alert("test");

}
*/
// DE VOLGENDE FUNCTIES WORDEN OP DE INDEX PAGINA'S GEBRUIKT VOOR DE RANDOM THUMBS /////////////////////////


function show_div(div_id) {
    // hide all the divs
	thumbAmount = 10; //het aantal elementen (text1 tm text10, bigimage1 tm 10, thumb1 tm 10)
	
	for (i=1; i<thumbAmount+1; i++){
	//alle teksten uit
	document.getElementById('text'+i).style.display='none';
	// alle grote plaatjes uit
	document.getElementById('bigimage'+i).style.display = 'none';
	// alle thumbs niet geselecteerd
	document.getElementById('thumb'+i).className='thumbsmall';
	}
    // text div
	document.getElementById('text'+div_id).style.display = 'block';
	document.getElementById('text'+div_id).style.height = '238px';
	document.getElementById('text'+div_id).style.border = '0px solid #3366ff';
	document.getElementById('text'+div_id).style.borderLeft = '1px solid #3366ff';
	document.getElementById('text'+div_id).style.borderTop = '1px solid #3366ff';
	document.getElementById('text'+div_id).style.borderBottom = '1px solid #3366ff';
	//bigimage div
	document.getElementById('bigimage'+div_id).style.display = 'block';
	//thumb
	document.getElementById('thumb'+div_id).className='thumbsmallselected';
}
function randomThumb(){
	var show = 6; //aantal dat getoond wordt
	var arr = new Array();
	arr[0] = "1"; //thumb1, bigimage1, text1
	arr[1] = "2";
	arr[2] = "3";
	arr[3] = "4";
	arr[4] = "5";
	arr[5] = "6";
	arr[6] = "7";
	arr[7] = "8";
	/*
	arr[7] = "8";//Nog geen afbeelding van//
	arr[8] = "9";//Nog geen afbeelding van// 
	arr[9] = "10";//Nog geen afbeelding van// 
	*/
	clearNumber = arr.length - show; //aantal dat gewist moet worden

	// wis random waarden uit de array totdat het aantal van 'show' overblijft
	for (a=0; a < clearNumber; a++){
	var randomNumber = Math.floor(Math.random()*arr.length);
	//alert(a+"  "+randomNumber);
	arr.splice(randomNumber,1);
	//alert(arr + "  " +randomNumber);
	}
	
	//toon de nieuwe array met thumbs:
	for (a=0; a < arr.length; a++){
	document.getElementById('thumb'+arr[a]).style.display='block';
	}
	
	//Genereer een random getal voor de geselecteerde thumb en de bijbehorende grote foto en tekst
	var randomSelected = Math.floor(Math.random()*arr.length);
	//selecteer thumb
	document.getElementById('thumb'+arr[randomSelected]).className='thumbsmallselected';
	//toon bigimage
	document.getElementById('bigimage'+arr[randomSelected]).style.display = 'block';
	//toon text div (uitvouwen ivm met flash headers)
	document.getElementById('text'+arr[randomSelected]).style.display = 'block';
	document.getElementById('text'+arr[randomSelected]).style.height = '238px';
	document.getElementById('text'+arr[randomSelected]).style.borderLeft = '1px solid #3366ff';
	document.getElementById('text'+arr[randomSelected]).style.borderTop = '1px solid #3366ff';
	document.getElementById('text'+arr[randomSelected]).style.borderBottom = '1px solid #3366ff';
	

}