function hi(img) {
	if (img.src.indexOf('_hi') == -1) {
		img.src = img.src.replace('.gif','_hi.gif');
		img.src = img.src.replace('.jpg','_hi.jpg');
		img.src = img.src.replace('.png','_hi.png');
	}
}

function lo(img) {
	if (img.src.indexOf('_hi') > -1) img.src = img.src.replace('_hi.','.');	
}

function hi2(img) {
	img.style.margin = "2px 2px 0px 0px";
}

function lo2(img) {
	img.style.margin = "0px 0px 2px 2px";
}

function showblock(nr)
{
	vista = (document.getElementById(nr).style.display == 'none') ? 'block' : 'none';
	document.getElementById(nr).style.display = vista;
}

function checkform() {
    var fields = new Array("naam","email","adres","postcode","plaats","telefoon","bericht");
    var isValid = true;
    for (j = 0; j < document.forms[0].elements.length; j++) {
        for (i = 0; i < fields.length; i++) {
            if (document.forms[0].elements[j].name == fields[i]) {
                if (document.forms[0].elements[j].value == '') {
                    document.forms[0].elements[j].style.backgroundColor = '#990000';
                    isValid = false;
                } else {
                    if (fields[i] == 'email') {
                        var validEmail = validateEmail(document.forms[0].email.value);
                        document.forms[0].email.style.backgroundColor = validEmail ? 'transparent' : '#990000';
                        if (!validEmail) isValid = false;
                    } else {
                        document.forms[0].elements[j].style.backgroundColor = 'transparent';
                    }
                }
            }
        }
    }
    return isValid;
}

function validateEmail(strValue) {
    var objRegExp  = /^.+\@(\[?)[a-zA-Z0-9\-\.]+\.([a-zA-Z]{2,3}|[0-9]{1,3})(\]?)$/;
    return objRegExp.test(strValue);
}

function showfoto(name) {
    var div = document.getElementById("foto");
    switch(name) {
        case "eveline":
            div.innerHTML = "<img src=\"/images/eef-met-bodybeeld.jpg\" alt=\"eveline\" />";
            break;
        case "groep":
            div.innerHTML = "<img src=\"/images/groepsfoto_2007.png\" onload=\"fixPNG(this)\" width=\"480\" height=\"380\" alt=\"Groepsfoto 2007\" />";
            break;
        case "zilvertjes":
            div.innerHTML = "<img src=\"/images/overig/zilvertjes.png\" onload=\"fixPNG(this)\" alt=\"Zilvertjes\" />";
            break;
        case "prijs":
            div.innerHTML = "<img src=\"/images/overig/1e-prijs.jpg\" alt=\"1e prijs\" />";
            break;
        case "katja":
            div.innerHTML = "<img src=\"/images/overig/katja-vs-birgit.gif\" alt=\"Katja vs. Birgit\" />";
            break;
        case "keizer":
            div.innerHTML = "<img src=\"/images/overig/keizer.gif\" alt=\"Keizer\" />";
            break;
        case "microsoft":
            div.innerHTML = "<img src=\"/images/overig/microsoft.gif\" alt=\"Microsoft\" />";
            break;
        case "tour":
            div.innerHTML = "<img src=\"/images/overig/M-tour.gif\" alt=\"M-tour\" />";
            break;
        case "tentoon":
            div.innerHTML = "<img src=\"/images/overig/tentoon.jpg\" alt=\"tentoonstelling\" />";
            break;
        case "gala":
            div.innerHTML = "<img src=\"/images/overig/vvhjgala.jpg\" alt=\"Voetballer van het Jaar Gala\" />";
            break;
        case "valkhof":
            div.innerHTML = "<img src=\"/images/overig/valkhof.jpg\" alt=\"'Herculaneum' -tentoonstelling Valkhof museum Nijmegen\" />";
            break;
        case "beatrix":
            div.innerHTML = "<img src=\"/images/overig/beatrix.jpg\" alt=\"Beelden voor Beatrix\" />";
            break;
        case "tvshow":
            div.innerHTML = "<img src=\"/images/overig/TROStvshow.gif\" alt=\"TROS TV-show\" />";
            break;
    }
    div.style.display = "block";
}

function fixPNG(myImage) 
{
    if ((version >= 5.5) && (version < 7) && (document.body.filters)) 
    {
       var imgID = (myImage.id) ? "id='" + myImage.id + "' " : ""
	   var imgClass = (myImage.className) ? "class='" + myImage.className + "' " : ""
	   var imgTitle = (myImage.title) ? 
		             "title='" + myImage.title  + "' " : "title='" + myImage.alt + "' "
	   var imgStyle = "display:inline-block;" + myImage.style.cssText
	   var strNewHTML = "<span " + imgID + imgClass + imgTitle
                  + " style=\"" + "width:" + myImage.width 
                  + "px; height:" + myImage.height 
                  + "px;" + imgStyle + ";"
                  + "filter:progid:DXImageTransform.Microsoft.AlphaImageLoader"
                  + "(src=\'" + myImage.src + "\', sizingMethod='scale');\"></span>"
	   myImage.outerHTML = strNewHTML	  
    }
}
