//this is the small table with small image swap in the imageframe:
var msg1b = '<table border="0" width="220" height="300" cellspacing="0" cellpadding="0"><tr><td colspan="4" rowspan="4" id="global"><img src="sjakgrootex2.jpg" width="176" heigth="240"><\/td><td width="44" height="60"><a href="javascript:;" onMouseDown="teamCol(\'team\');" onMouseOver="htmlChange2(\'menu\',submenuWZWwhite); teamCol(\'team\');" onClick="rewriteImg(\'global\',\'img1\'); teamCol(\'team\'); return false;" onfocus="this.blur();"><img src="ingridjorriskleinopt.jpg" border="0"><\/a><\/td><\/tr><tr><td width="44" height="60"><a href="javascript:;" onMouseDown="teamCol(\'team\');" onMouseOver="htmlChange2(\'menu\',submenuWZWwhite); teamCol(\'team\');" onClick="rewriteImg(\'global\',\'img4\'); teamCol(\'team\'); return false;" onfocus="this.blur();"><img src="gertjanklein2.jpg" border="0"><\/a><\/td><\/tr><tr><td width="44" height="60"><a href="javascript:;" onMouseDown="teamCol(\'team\');" onMouseOver="htmlChange2(\'menu\',submenuWZWwhite); teamCol(\'team\');" onClick="rewriteImg(\'global\',\'img2\'); teamCol(\'team\'); return false;" onfocus="this.blur();"><img src="vrouwdonkerklein4.jpg" border="0"><\/a><\/td><\/tr><tr><td width="44" height="60"><a href="javascript:;" onMouseDown="teamCol(\'team\');" onMouseOver="htmlChange2(\'menu\',submenuWZWwhite); teamCol(\'team\');" onClick="rewriteImg(\'global\',\'img9\'); teamCol(\'team\'); return false;" onfocus="this.blur();"><img src="marcelklein2.jpg" border="0"><\/a><\/td><\/tr><tr><td width="44" height="60"><a href="javascript:;" onMouseDown="teamCol(\'team\');" onMouseOver="htmlChange2(\'menu\',submenuWZWwhite); teamCol(\'team\');" onClick="rewriteImg(\'global\',\'img8\'); teamCol(\'team\'); return false;" onfocus="this.blur();"><img src="hermanklein2.jpg" border="0"><\/a><\/td><td width="44" height="60"><a href="javascript:;" onMouseDown="teamCol(\'team\');" onMouseOver="htmlChange2(\'menu\',submenuWZWwhite); teamCol(\'team\');" onClick="rewriteImg(\'global\',\'img3\'); teamCol(\'team\'); return false;" onfocus="this.blur();"><img src="johnklein4.jpg" border="0"><\/a><\/td><td width="44" height="60"><a href="javascript:;" onMouseDown="teamCol(\'team\');" onMouseOver="htmlChange2(\'menu\',submenuWZWwhite); teamCol(\'team\');" onClick="rewriteImg(\'global\',\'img5\'); teamCol(\'team\'); return false;" onfocus="this.blur();"><img src="keeskleinopt.jpg" border="0"><\/a><\/td><td width="44" height="60"><a href="javascript:;" onMouseDown="teamCol(\'team\');" onMouseOver="htmlChange2(\'menu\',submenuWZWwhite); teamCol(\'team\');" onClick="rewriteImg(\'global\',\'img6\'); teamCol(\'team\'); return false;" onfocus="this.blur();"><img src="evaklein2.jpg" border="0"><\/a><\/td><td width="44" height="60"><a href="javascript:;" onMouseDown="teamCol(\'team\');" onMouseOver="htmlChange2(\'menu\',submenuWZWwhite); teamCol(\'team\');" onClick="rewriteImg(\'global\',\'img7\'); teamCol(\'team\'); return false;" onfocus="this.blur();"><img src="sjakklein2.jpg" border="0"><\/a><\/td><\/tr><\/table>'

//this is a small table without imageswap in the textframe:
var msg2b = '<table border="0" cellpadding="0" cellspacing="0" width="384" height="300"><tr height="240"><td colspan="8" id="teamtekst" height="240"><table border="0" bordercolor="red" cellpadding="20" cellspacing="0" height="240" width="384"><tr><td bgcolor="#1e90ff"><div class="infoheadc">Het ExperienceTraining team<\/div><br><div class="info10"><b>trainers en freelance-trainers<\/b><\/div><br><div class="info9c">Jacqueline de Haan, Marcel Spijkerman, Thijs de Wit,<br>Tessel Tierolff, John de Haas, Gert Jan Louwe,<br>Daan de Bruin, Karen Ponne, Merel van Dorp, Eric Grootbroek, Jaap Visser, Laura Brillemans, Eva Jonckheer,<br>Joris Jongeman, David Kuiper, Karel Frederiks<br>Moon Blaisse en Herman Cesar.<\/div><\/td><\/tr><\/table><\/td><\/tr><tr height="60"><td height="60"><img height="60" width="48" src="manbijglasklein.jpg"><\/td><td height="60"><img height="60" width="48" src="daanklein2.jpg"><\/td><td height="60"><img height="60" width="48" src="manintouwenklein.jpg"><\/td><td height="60"><img height="60" width="48" src="oudemanklein2.jpg"><\/td><td height="60"><img height="60" width="48" src="merelklein2bis.jpg"><\/td><td height="60"><img height="60" width="48" src="manindoklein2.jpg"><\/td><td height="60"><img height="60" width="48" src="karelklein2.jpg"><\/td><td height="60"><img height="60" width="48" src="vrouwdonkerklein2.jpg"><\/td><\/tr><\/table>'


//This is the function to change text on a changing background used it he textframe, the headmenu and submenu: 
function htmlChange(id,message,bg){ 
d=document; 
re=d.all?d.all[id]:d.getElementById(id); 
re.innerHTML=message; 
//re.style.padding = "15px"
re.style.paddingLeft = "15px" 
re.style.paddingRight = "25px" 
re.style.paddingTop = "8px" 
re.style.paddingBottom = "8px" 
re.style.background = "url("+bg+")"; 
} 

//This is the function to 
function htmlChange2(id,message,bg){ 
d=document; 
re=d.all?d.all[id]:d.getElementById(id); 
re.innerHTML=message; 
re.style.padding = "0px"
re.style.background = "url("+bg+")"; 
} 


//this function changes the images of the team in the small frame 
function changeImg(id,imgName){
document.images[id].src=eval(imgName+".src");
}

//This function swaps images in the imageframe:
function rewriteImg(id,imgName){
d=document;
re=d.all?d.all[id]:d.getElementById(id);
//re.innerHTML="<img src='"+eval(imgName + ".src")+"'>";
re.innerHTML="<img src='"+eval(imgName + ".src")+"' height='100%' width='100%'>"; 

}