$(document).ready(function(){	
    if ($.browser.msie) {
        $('img[@src$=.png]').ifixpng(); 
    }
    
    if ($(document).find('.projectImages')) {
        $('.fotoboek a').lightBox({
            overlayBgColor: '#000000',
            overlayOpacity: 0.6,
            imageLoading: 'images/loading.gif',
            imageBtnClose: 'images/close.gif',
            imageBtnPrev: 'images/prev.gif',
            imageBtnNext: 'images/next.gif',
            containerResizeSpeed: 550,
            txtImage: 'Image',
            txtOf: 'of'   
        });
    }
    
    setSelectedMenuItem();
});

function setSelectedMenuItem()
{
    var url = window.location.href.toLowerCase();
    var home = new Array("default.aspx");
    var materialen = new Array("materialen.aspx");
    var realisaties = new Array("fotoboek.aspx");
    var automatisatie = new Array("automatisatie.aspx");
    var koopjes = new Array("koopjes.aspx");
    var contact = new Array("contact.aspx");
        
    var arrPages = [home, materialen, realisaties, koopjes, contact, automatisatie]; // pagina namen ...
    var arrItems = ["#home", "#materialen", "#realisaties","#koopjes", "#contact", "#automatisatie"]; // ... met bijhorende id's (van de li's) om dan bijhorende icoon op selected te zetten.
    var url_array = url.split("/");
    
    for(var i=0; i < (arrPages.length); i++) {
        for (var j=0; j < arrPages[i].length; j++) {
            var temp = arrPages[i];
            
            if (temp[j] == url_array[(url_array.length) - 1]) {
                $(arrItems[i]).attr("class", "selected");
            }
        }
    } 
}

/* ----------------------------------------------------------------------------------------------------------- 
VALIDATIE FORMS
-------------------------------------------------------------------------------------------------------------- */ 

function validateForm(arrayNumber) {
    var url, ok_color, error_color, i, postForm, error_messages, ok_messages;
    
	error_messages = "<img class=\"titleIcon\" src=\"images/error.png\" alt=\"error\" /><div class=\"title\"></div><div class=\"text\"><ol>";                    
	ok_messages = "<img class=\"titleIcon\" src=\"images/ok.png\" alt=\"ok\" /><div class=\"title\"></div><div class=\"text\">uw bericht werd verzonden.</div>";
    error_class = "TextBoxError";
	ok_class = "TextBox";
	postForm = true;
	var fields;
	
	switch(arrayNumber) { // arrayNumber duidt aan welke stap we zitten, dus welke velden we moeten checken.
        case 'contactform':
            var naam = new Array("ctl00_cphBody_txtName", "textbox", "u heeft uw <strong>naam</strong> niet ingevuld");
            var email= new Array("ctl00_cphBody_txtEmail","email", "u heeft uw <strong>e-mail</strong> niet ingevuld");
            var bericht = new Array("ctl00_cphBody_txtBericht", "textbox", "u heeft geen <strong> bericht </strong> ingevuld");
            fields = new Array(naam, email, bericht);
            break;
	}
	    
    for(i = 0; i < fields.length; i++) {
        var temp = fields[i];
		//$("#" + temp[0]).removeAttr("class");        
		
        switch(temp[1])
        {
            case "textbox":
                if ($("#" + temp[0]).val().length < 1) {
					$("#" + temp[0]).addClass(error_class);
					error_messages += "<li>" + temp[2] + "</li>";
                    postForm = false;
                }
                else {
                    $("#" + temp[0]).attr("class", ok_class);
                    
                    //OPLOSSEN
                    // ALS PARENT = 0 is dan werkt deze validate niet meer!
                    /*if ($("#" + temp[0]).val() == "0") { // als chosentemplate 0 is hebben ze nog geen gekozen!
                        $("#" + temp[0]).addClass(error_class);
                        error_messages += "<li>" + temp[2] + "</li>";
                        postForm = false;
                    }
                    else {
                        $("#" + temp[0]).addClass(ok_class);
                    }*/
                }
            break;
            
            case "datum":
				if ($("#" + temp[0]).val().length < 8) {   
					$("#" + temp[0]).addClass(error_class);     
					error_messages += "<li> - uw <strong>" + $("#" + temp[0]).attr("title") + "</strong> is niet het correcte formaat </li>";					              
                    postForm = false;
                }
                else {
                    if (isDate(document.getElementById(temp[0]))) {
                        $("#" + temp[0]).addClass(ok_class);
                    }
                    else {
						$("#" + temp[0]).addClass(error_class);     
						error_messages += "<li> - uw <strong>" + $("#" + temp[0]).attr("title") + "</strong> is niet het correcte formaat </li>";					              
	                    postForm = false;
                    }
                }
            break;
            
            case "email":          
                if (!validateEmail(document.getElementById(temp[0]).value)) {         
					$("#" + temp[0]).addClass(error_class);     
					error_messages += "<li> uw <strong>" + $("#" + temp[0]).attr("title") + "</strong> is niet het correcte formaat </li>";					              
                    postForm = false;                     
                }
                else {
                    $("#" + temp[0]).attr("class", ok_class);
                }
            break;
        }
    }
	
	if (postForm) {
//	    $("#ctl00_cphBody_messages").removeAttr("class");
//	    $("#ctl00_cphBody_messages").addClass("okNotification");
//		$("#ctl00_cphBody_messages").html(ok_messages);
	}
	else {
	    $("#ctl00_cphBody_messages").removeAttr("class");
	    $("#ctl00_cphBody_messages").addClass("errorNotification");
		$("#ctl00_cphBody_messages").html(error_messages + "</ol></div><div class=\"footer\"></div>");
	}
    
    return postForm;
}

function validateEmail(strEmail) {
    var reg1 = /(@.*@)|(\.\.)|(@\.)|(\.@)|(^\.)/; // not valid
    var reg2 = /^.+\@(\[?)[a-zA-Z0-9\-\.]+\.([a-zA-Z]{2,3}|[0-9]{1,3})(\]?)$/; // valid
   
  	if (!reg1.test(strEmail) && reg2.test(strEmail)) { // if syntax is valid
    	return true;
  	}
  	else {
  	    return false;
  	}
}

// FOTO OPENEN IN POPUP VENSTER + RESIZE WINDOW CODE \\

//function fitPic() {
//    if (window.innerWidth){
//        iWidth = window.innerWidth;
//        iHeight = window.innerHeight;
//    }else{
//        iWidth = document.body.clientWidth;
//        iHeight =document.body.clientHeight;
//    }
//    iWidth = document.images[0].width - iWidth;
//    iHeight = document.images[0].height - iHeight;
//    
//	window.resizeBy(iWidth, iHeight);
//}

//function PopupPic(image_url){
//	window.open("popup_image.aspx?ID="+ image_url +"","","width=400,height=400,resizable,scrollbars=no,status=0");
//}