function visible()
{
document.getElementById("menu").style.visibility = "visible"
}

function invisible()
{
document.getElementById("menu").style.visibility = "hidden"
}

function tekstweg()
{
knles1.src= "./images/htmlsite_15.gif";
knles2.src= "./images/htmlsite_18.gif";
knles3.src= "./images/htmlsite_32.gif";
knles4.src= "./images/htmlsite_36.gif";
knles5.src= "./images/htmlsite_38.gif";
knles6.src= "./images/htmlsite_40.gif";
knles7.src= "./images/htmlsite_42.gif";
knles8.src= "./images/htmlsite_47.gif";
knles9.src= "./images/htmlsite_53.gif";
knles10.src= "./images/htmlsite_59.gif";

document.getElementById('info').style.visibility="hidden";
document.getElementById('links').style.visibility="hidden";
document.getElementById('home').style.visibility="hidden";
document.getElementById('contact').style.visibility="hidden";
document.getElementById('sitemap').style.visibility="hidden";
document.getElementById('software').style.visibility="hidden";
document.getElementById('copyright').style.visibility="hidden";
document.getElementById('downloads').style.visibility="hidden";
document.getElementById('les1').style.visibility="hidden";
document.getElementById('les2').style.visibility="hidden";
document.getElementById('les3').style.visibility="hidden";
document.getElementById('les4').style.visibility="hidden";
document.getElementById('les5').style.visibility="hidden";
document.getElementById('les6').style.visibility="hidden";
document.getElementById('les7').style.visibility="hidden";
document.getElementById('les8').style.visibility="hidden";
document.getElementById('les9').style.visibility="hidden";
document.getElementById('les10').style.visibility="hidden";

document.getElementById('infoico2').style.visibility="hidden";
document.getElementById('linksico2').style.visibility="hidden";
document.getElementById('homeico2').style.visibility="hidden";
document.getElementById('lessenico2').style.visibility="hidden";
document.getElementById('contactico2').style.visibility="hidden";
document.getElementById('sitemapico2').style.visibility="hidden";
document.getElementById('softwareico2').style.visibility="hidden";
document.getElementById('copyrightico2').style.visibility="hidden";
document.getElementById('downloadsico2').style.visibility="hidden";

document.getElementById('titinfo').style.visibility="hidden";
document.getElementById('titlinks').style.visibility="hidden";
document.getElementById('tithome').style.visibility="hidden";
document.getElementById('titcontact').style.visibility="hidden";
document.getElementById('titsitemap').style.visibility="hidden";
document.getElementById('titsoftware').style.visibility="hidden";
document.getElementById('titcopyright').style.visibility="hidden";
document.getElementById('titdownloads').style.visibility="hidden";
document.getElementById('titles1').style.visibility="hidden";
document.getElementById('titles2').style.visibility="hidden";
document.getElementById('titles3').style.visibility="hidden";
document.getElementById('titles4').style.visibility="hidden";
document.getElementById('titles5').style.visibility="hidden";
document.getElementById('titles6').style.visibility="hidden";
document.getElementById('titles7').style.visibility="hidden";
document.getElementById('titles8').style.visibility="hidden";
document.getElementById('titles9').style.visibility="hidden";
document.getElementById('titles10').style.visibility="hidden";
document.getElementById('lijnenweg').style.visibility="hidden";
}

function wegico1()
{
document.getElementById('infoico').style.visibility="hidden";
document.getElementById('linksico').style.visibility="hidden";
document.getElementById('homeico').style.visibility="hidden";
document.getElementById('lessenico').style.visibility="hidden";
document.getElementById('contactico').style.visibility="hidden";
document.getElementById('sitemapico').style.visibility="hidden";
document.getElementById('softwareico').style.visibility="hidden";
document.getElementById('copyrightico').style.visibility="hidden";
document.getElementById('downloadsico').style.visibility="hidden";
}

function showinfo()
{
document.getElementById('info').style.visibility="visible";
document.getElementById('infoico2').style.visibility="visible";
document.getElementById('titinfo').style.visibility="visible";
}
function showlinks()
{
document.getElementById('links').style.visibility="visible";
document.getElementById('linksico2').style.visibility="visible";
document.getElementById('titlinks').style.visibility="visible";
}
function showhome()
{
document.getElementById('home').style.visibility="visible";
document.getElementById('homeico2').style.visibility="visible";
document.getElementById('tithome').style.visibility="visible";
}
function showcontact()
{
document.getElementById('contact').style.visibility="visible";
document.getElementById('contactico2').style.visibility="visible";
document.getElementById('titcontact').style.visibility="visible";
}
function showsitemap()
{
document.getElementById('sitemap').style.visibility="visible";
document.getElementById('sitemapico2').style.visibility="visible";
document.getElementById('titsitemap').style.visibility="visible";
}
function showsoftware()
{
document.getElementById('software').style.visibility="visible";
document.getElementById('softwareico2').style.visibility="visible";
document.getElementById('titsoftware').style.visibility="visible";
}
function showcopyright()
{
document.getElementById('copyright').style.visibility="visible";
document.getElementById('copyrightico2').style.visibility="visible";
document.getElementById('titcopyright').style.visibility="visible";
}
function showdownloads()
{
document.getElementById('downloads').style.visibility="visible";
document.getElementById('downloadsico2').style.visibility="visible";
document.getElementById('titdownloads').style.visibility="visible";
}
function showles1()
{
document.getElementById('les1').style.visibility="visible";
document.getElementById('lessenico2').style.visibility="visible";
document.getElementById('titles1').style.visibility="visible";
knles1.src= "./images/htmlsite_15_over.gif";
}
function showles2()
{
document.getElementById('les2').style.visibility="visible";
document.getElementById('lessenico2').style.visibility="visible";
document.getElementById('titles2').style.visibility="visible";
knles2.src= "./images/htmlsite_18_over.gif";
}
function showles3()
{
document.getElementById('les3').style.visibility="visible";
document.getElementById('lessenico2').style.visibility="visible";
document.getElementById('titles3').style.visibility="visible";
knles3.src= "./images/htmlsite_32_over.gif";
}
function showles4()
{
document.getElementById('les4').style.visibility="visible";
document.getElementById('lessenico2').style.visibility="visible";
document.getElementById('titles4').style.visibility="visible";
knles4.src= "./images/htmlsite_36_over.gif";
}
function showles5()
{
document.getElementById('les5').style.visibility="visible";
document.getElementById('lessenico2').style.visibility="visible";
document.getElementById('titles5').style.visibility="visible";
knles5.src= "./images/htmlsite_38_over.gif";
}
function showles6()
{
document.getElementById('les6').style.visibility="visible";
document.getElementById('lessenico2').style.visibility="visible";
document.getElementById('titles6').style.visibility="visible";
knles6.src= "./images/htmlsite_40_over.gif";
}
function showles7()
{
document.getElementById('les7').style.visibility="visible";
document.getElementById('lessenico2').style.visibility="visible";
document.getElementById('titles7').style.visibility="visible";
knles7.src= "./images/htmlsite_42_over.gif";
}
function showles8()
{
document.getElementById('les8').style.visibility="visible";
document.getElementById('lessenico2').style.visibility="visible";
document.getElementById('titles8').style.visibility="visible";
knles8.src= "./images/htmlsite_47_over.gif";
}
function showles9()
{
document.getElementById('les9').style.visibility="visible";
document.getElementById('lessenico2').style.visibility="visible";
document.getElementById('titles9').style.visibility="visible";
knles9.src= "./images/htmlsite_53_over.gif";
}
function showles10()
{
document.getElementById('les10').style.visibility="visible";
document.getElementById('lessenico2').style.visibility="visible";
document.getElementById('titles10').style.visibility="visible";
knles10.src= "./images/htmlsite_59_over.gif";
}

function overinfo()
{
window.defaultStatus='Info over de site en zijn ontwerpers';
wegico1();
document.getElementById('infoico').style.visibility="visible"
uit();
document.getElementById('kninfo').style.color="#736E6E";
document.getElementById('kninfo').style.textDecoration="underline overline";
}
function outinfo()
{
window.defaultStatus='HTML in het Nederlands';
terug();
document.getElementById('kninfo').style.color="#000066";
document.getElementById('kninfo').style.textDecoration="none";
}
function overinfo2()
{
window.defaultStatus='Info over de site en zijn ontwerpers';
wegico1();
document.getElementById('infoico').style.visibility="visible"
uit();
document.getElementById('info2').style.color="#736E6E";
document.getElementById('info2').style.textDecoration="underline overline";
}
function outinfo2()
{
window.defaultStatus='HTML in het Nederlands';
terug();
document.getElementById('info2').style.color="#ff6600";
document.getElementById('info2').style.textDecoration="none";
}
function overlinks()
{
window.defaultStatus='Links naar andere sites';
wegico1();
document.getElementById('linksico').style.visibility="visible"
uit();
document.getElementById('knlinks').style.color="#736E6E";
document.getElementById('knlinks').style.textDecoration="underline overline";
}
function outlinks()
{
window.defaultStatus='HTML in het Nederlands';
terug();
document.getElementById('knlinks').style.color="#000066";
document.getElementById('knlinks').style.textDecoration="none";
}
function overhome()
{
window.defaultStatus='Terug naar de homepagina';
wegico1();
document.getElementById('homeico').style.visibility="visible"
uit();
document.getElementById('knhome').style.color="#736E6E";
document.getElementById('knhome').style.textDecoration="underline overline";
}
function outhome()
{
window.defaultStatus='HTML in het Nederlands';
terug();
document.getElementById('knhome').style.color="#000066";
document.getElementById('knhome').style.textDecoration="none";
}
function overlessen()
{

wegico1();
document.getElementById('lessenico').style.visibility="visible"
uit();
document.getElementById('knlessen').style.color="#736E6E";
document.getElementById('knlessen').style.textDecoration="underline overline";
}
function outlessen()
{
window.defaultStatus='HTML in het Nederlands';
terug();
document.getElementById('knlessen').style.color="#000066";
document.getElementById('knlessen').style.textDecoration="none";
}
function overcontact()
{
window.defaultStatus='Hier kan u een formulier invullen en naar ons sturen';
wegico1();
document.getElementById('contactico').style.visibility="visible"
uit();
document.getElementById('kncontact').style.color="#736E6E";
document.getElementById('kncontact').style.textDecoration="underline overline";
}
function outcontact()
{
window.defaultStatus='HTML in het Nederlands';
terug();
document.getElementById('kncontact').style.color="#000066";
document.getElementById('kncontact').style.textDecoration="none";
}
function oversitemap()
{
window.defaultStatus='De sitemap van onze site';
wegico1();
document.getElementById('sitemapico').style.visibility="visible"
uit();
document.getElementById('knsitemap').style.color="#736E6E";
document.getElementById('knsitemap').style.textDecoration="underline overline";
}
function outsitemap()
{
window.defaultStatus='HTML in het Nederlands';
terug();
document.getElementById('knsitemap').style.color="#000066";
document.getElementById('knsitemap').style.textDecoration="none";
}
function oversoftware()
{
window.defaultStatus='Meer info over de benodigde software';
wegico1();
document.getElementById('softwareico').style.visibility="visible"
uit();
document.getElementById('knsoftware').style.color="#736E6E";
document.getElementById('knsoftware').style.textDecoration="underline overline";
}
function outsoftware()
{
window.defaultStatus='HTML in het Nederlands';
terug();
document.getElementById('knsoftware').style.color="#000066";
document.getElementById('knsoftware').style.textDecoration="none";
}
function overcopyright()
{
window.defaultStatus='Hoe zit het met copyright? Wat mag wel en wat niet?';
wegico1();
document.getElementById('copyrightico').style.visibility="visible"
uit();
document.getElementById('kncopyright').style.color="#736E6E";
document.getElementById('kncopyright').style.textDecoration="underline overline";
}
function outcopyright()
{
window.defaultStatus='HTML in het Nederlands'
terug();
document.getElementById('kncopyright').style.color="#000066";
document.getElementById('kncopyright').style.textDecoration="none";
}
function overdownloads()
{
window.defaultStatus='Bestanden die u kan downloaden';
wegico1();
document.getElementById('downloadsico').style.visibility="visible"
uit();
document.getElementById('kndownloads').style.color="#736E6E";
document.getElementById('kndownloads').style.textDecoration="underline overline";
}
function outdownloads()
{
window.defaultStatus='HTML in het Nederlands';
terug();
document.getElementById('kndownloads').style.color="#000066";
document.getElementById('kndownloads').style.textDecoration="none";
}

function over1()
{
window.defaultStatus='Les 1: Inleiding';
document.getElementById('ukn1').style.color="#736E6E";
document.getElementById('ukn1').style.textDecoration="underline overline";
}
function out1()
{
window.defaultStatus='HTML in het Nederlands';
document.getElementById('ukn1').style.color="#000066";
document.getElementById('ukn1').style.textDecoration="none";
}
function over2()
{
window.defaultStatus='Les 2: Werken met tags';
document.getElementById('ukn2').style.color="#736E6E";
document.getElementById('ukn2').style.textDecoration="underline overline";
}
function out2()
{
window.defaultStatus='HTML in het Nederlands';
document.getElementById('ukn2').style.color="#000066";
document.getElementById('ukn2').style.textDecoration="none";
}
function over3()
{
window.defaultStatus='Les 3: Kleuren, lettergroottes en aligneren';
document.getElementById('ukn3').style.color="#736E6E";
document.getElementById('ukn3').style.textDecoration="underline overline";
}
function out3()
{
window.defaultStatus='HTML in het Nederlands';
document.getElementById('ukn3').style.color="#000066";
document.getElementById('ukn3').style.textDecoration="none";
}
function over4()
{
window.defaultStatus='Les 4: Hyperlinks';
document.getElementById('ukn4').style.color="#736E6E";
document.getElementById('ukn4').style.textDecoration="underline overline";
}
function out4()
{
window.defaultStatus='HTML in het Nederlands';
document.getElementById('ukn4').style.color="#000066";
document.getElementById('ukn4').style.textDecoration="none";
}
function over5()
{
window.defaultStatus='Les 5: Figuren';
document.getElementById('ukn5').style.color="#736E6E";
document.getElementById('ukn5').style.textDecoration="underline overline";
}
function out5()
{
window.defaultStatus='HTML in het Nederlands';
document.getElementById('ukn5').style.color="#000066";
document.getElementById('ukn5').style.textDecoration="none";
}
function over6()
{
window.defaultStatus='Les 6: Figuren advanced en lijsten met attributen';
document.getElementById('ukn6').style.color="#736E6E";
document.getElementById('ukn6').style.textDecoration="underline overline";
}
function out6()
{
window.defaultStatus='HTML in het Nederlands';
document.getElementById('ukn6').style.color="#000066";
document.getElementById('ukn6').style.textDecoration="none";
}
function over7()
{
window.defaultStatus='Les 7: Tabellen';
document.getElementById('ukn7').style.color="#736E6E";
document.getElementById('ukn7').style.textDecoration="underline overline";
}
function out7()
{
window.defaultStatus='HTML in het Nederlands';
document.getElementById('ukn7').style.color="#000066";
document.getElementById('ukn7').style.textDecoration="none";
}
function over8()
{
window.defaultStatus='Les 8: Frames';
document.getElementById('ukn8').style.color="#736E6E";
document.getElementById('ukn8').style.textDecoration="underline overline";
}
function out8()
{
window.defaultStatus='HTML in het Nederlands';
document.getElementById('ukn8').style.color="#000066";
document.getElementById('ukn8').style.textDecoration="none";
}
function over9()
{
window.defaultStatus='Les 9: Formulieren';
document.getElementById('ukn9').style.color="#736E6E";
document.getElementById('ukn9').style.textDecoration="underline overline";
}
function out9()
{
window.defaultStatus='HTML in het Nederlands';
document.getElementById('ukn9').style.color="#000066";
document.getElementById('ukn9').style.textDecoration="none";
}
function over10()
{
window.defaultStatus='Les 10: Eindoefening';
document.getElementById('ukn10').style.color="#736E6E";
document.getElementById('ukn10').style.textDecoration="underline overline";
}
function out10()
{
window.defaultStatus='HTML in het Nederlands';
document.getElementById('ukn10').style.color="#000066";
document.getElementById('ukn10').style.textDecoration="none";
}

function sluit()
{
document.getElementById('popup').style.visibility="hidden";
wegpopups();
}

function wegpopups()
{
document.getElementById('browser').style.visibility="hidden";
document.getElementById('ascii').style.visibility="hidden";
document.getElementById('voorbeeld').style.visibility="hidden";
document.getElementById('pixelwaarden').style.visibility="hidden";
document.getElementById('commentaar').style.visibility="hidden";
}

function showbrowser()
{
document.getElementById('popup').style.visibility="visible";
document.getElementById('browser').style.visibility="visible";
}

function showascii()
{
document.getElementById('popup').style.visibility="visible";
document.getElementById('ascii').style.visibility="visible";
}

function showvoorbeeld()
{
document.getElementById('popup').style.visibility="visible";
document.getElementById('voorbeeld').style.visibility="visible";
}

function showpixelwaarden()
{
document.getElementById('popup').style.visibility="visible";
document.getElementById('pixelwaarden').style.visibility="visible";
}

function showcommentaar()
{
document.getElementById('popup').style.visibility="visible";
document.getElementById('commentaar').style.visibility="visible";
}