// magnify thumbnails

function magnifyThumbs() {
	if( document.getElementById( 'thumbs' ) ) {
		var thumbs = document.getElementById( 'thumbs' );
		var links = thumbs.getElementsByTagName( 'li' );
		for( var i=0; i < links.length; i++ ) {
			links[i].className = 'visual'+(i+1);
			links[i].onclick = function() {
				return document.body.className=this.className;
			}
		}
	}
	//Shop Thumbs
	if( document.getElementById( 'content' ) ) {
		var thumbs = document.getElementById( 'content' );
		var links = thumbs.getElementsByTagName( 'img' );
		for( var i=0; i < links.length; i++ ) {
			links[i].className = 'shop'+(i+1);
			links[i].onclick = function() {
				return document.body.className=this.className;
				//alert(this.className);
			}
		}
	}
}

// form validation
function formcheck(formobj){
    // De naam van de Velden
    var benodigdheden = Array(
    	"email","telefoon","plaats","postcode","adres");
    // Voeg de naam die je gaat zien in de alert in.
    var fieldDescription = Array("E-mail adres","Telefoon nummer","Plaats naam","Postcode","Adres");


    // dialoog
    var alertMsg = "De volgende verplichte velden zijn niet ingevuld:\n\n";

    var l_Msg = alertMsg.length;

    for (var i = 0; i < benodigdheden.length; i++){
        var obj = formobj.elements[benodigdheden[i]];
        formobj.elements[benodigdheden[i]].style.background='#FFFFFF';

        if (obj){
        	switch(obj.type){
            case "select-one":
                if (obj.selectedIndex == -1 || obj.options[obj.selectedIndex].text == ""){
                    alertMsg += " - " + fieldDescription[i] + "\n";
                    formobj.elements[benodigdheden[i]].style.background="#FFFF00";
                }
                break;
            case "select-multiple":
                if (obj.selectedIndex == -1){
                    alertMsg += " - " + fieldDescription[i] + "\n";
                    formobj.elements[benodigdheden[i]].style.background="#FFFF00";

                }
                break;
            case "text":
            case "textarea":
                if (obj.value == "" || obj.value == null){
                    alertMsg += " - " + fieldDescription[i] + "\n";
                    formobj.elements[benodigdheden[i]].style.background="#FFFF00";

                }
                break;
            default:
            }
            if (obj.type == undefined){
                var blnchecked = false;
                for (var j = 0; j < obj.length; j++){
                    if (obj[j].checked){
                        blnchecked = true;
                    }
                }
                if (!blnchecked){
                    alertMsg += " - " + fieldDescription[i] + "\n";
                    formobj.elements[benodigdheden[i]].style.background="#FFFF00";

                }

            }
        }
    }

    if (alertMsg.length == l_Msg){
        return true;
    }else{
        alert(alertMsg);
        return false;
    }
}

// submenu hovering in IE

startList = function() {
	if (document.all&&document.getElementById) {
		navRoot = document.getElementById("mainmenuUl");
		for (i=0; i<navRoot.childNodes.length; i++) {
			node = navRoot.childNodes[i];
			if (node.nodeName=="LI") {
				node.onmouseover=function() {
					this.className+=" hover";
				}
				node.onmouseout=function() {
					this.className=this.className.replace(" hover", "");
				}
			}
		}
	}
}

// init

function init() {
	startList();
	magnifyThumbs();
}

window.onload=init;