var imagePath = "/shop/website/images/menu";
	  
      $(document).ready(function(){
         
         $(".changeimage").click(
            function(){
                var imagePath = $(this).attr("href");
                $(".productimagecontainer").html('<img src="' + imagePath + '" alt="" />');
                return false;
            }
         );
         
         $(".thumb").live('click',
            function() {
                //alert($(this).attr("rel"));
                $(".productimagecontainer").html('<img src="' + $(this).attr("rel") + '" alt="" />');  
                return false;  
            }
         );
         //if($.support.leadingWhitespace) {
             //$(".productlink").colorbox({width:"80%", height:"80%", iframe:true}); //.each(
                //function() {
                //   
                //   var ajaxUrl = $(this).attr('href').replace('productinformatie','productinformatie-ajax');
                //   $(this).attr('href', ajaxUrl);
                //}
             //).colorbox({scrolling:false});
         //}
         
         
         $(".toggle").click(
            function() {
                var toggleid = $(this).attr('class').replace('toggle ','');
                $('#' + toggleid).toggle(400);
            }
         );
         
         $(".validate").live('click',
            function() {
                var returnvar = true;
                var ParentFormId = $(this).parents('form').attr('id');
                $(".showError").attr('class','error');
                //$("#" + ParentFormId + " .error").attr('class','showError');
                
                var inputElements = $("#" + ParentFormId + " .required input").get();
                if(inputElements) {
                    var elcount = inputElements.length;
                    for(var j=0;j<elcount;j++) {
                        var errorType = validateField($(inputElements[j]).parent().attr('class'),inputElements[j]);
                        //alert(errorType);
                        if(errorType != "ok") {
                            showError($(inputElements[j]).parents('div'), $(inputElements[j]).parent().attr('class'), errorType);
                            returnvar = false;
                        }
                    }
                }
                
                return returnvar;   
            }
         );
        
      });
      
      
        function openwin(url,width,height) {
   
    mywin = window.open(url, "newwindow", "scrollbars=1,resizable=1");
    mywin.resizeTo(width,height);
  
  }
  
function deletethis(formid, id) {
  var formelement = document.getElementById(formid);
  if(formelement) {
    formelement.verwijderen.value = id;
    formelement.submit();
  }
} 

// custom
function toggleCustom(id) {
	var e = document.getElementById(id);
  if(e.className == "open") {
  	e.className = "close";
	}
	else {
		e.className = "open";
	}
}
      
function toggleHarmonica(elOpen,elClose) {
	var open = document.getElementById(elOpen);
	var close = document.getElementById(elClose);
        
	open.className = "open";
	close.className = "close";
      
}

// --- functions for formvalidation
function validateForm(formelement) {

   var returnvar = true;
  //hide all shownerrors 
  $("#" + formelement.id + " .showError").attr('class','error');
  
  $("#" + formelement.id + " .required input").each(
    function(){
        alert($(this).parent().get().attr('class'));
    }
  );

/*  if(myRequiredFields) {
    fieldcount = myRequiredFields.length; 
    for(var i=0;i<fieldcount;i++) {

      var inputElements = myRequiredFields[i].getElementsByTagName("input");
      if(inputElements) {
        var elcount = inputElements.length;
        for(var j=0;j<elcount;j++) {
          
          alert(inputElements[j].parentNode.className);
          var errorType = validateField(inputElements[j].parentNode.className,inputElements[j]);
          alert(errorType);
          if(errorType != "ok") {
            showError(myRequiredFields[i], inputElements[j].parentNode.className, errorType);
            returnvar = false;
          }
        }
      }
    }
  }*/
  returnvar = false;
  return returnvar;

}


function validateField(type,element) {

    regArray = new Array();
    regArray["email"]   =/^([\w-]+(?:\.[\w-]+)*)@((?:[\w-]+\.)*\w[\w-]{0,66})\.([a-z]{2,6}(?:\.[a-z]{2})?)$/i;
    regArray["year"]    =/^[0-9]{4}$/;
    //regArray["zipcode"] =/^[0-9]{4}[\s]?[a-z]{2}$/i;
    regArray["phone"]   =/^([0-9]{10})|([0-9]{2,4}-[0-9]{6,8})$/;
    regArray["date"]    = /^((((0?[1-9]|[12]\d|3[01])[\.\-\/](0?[13578]|1[02])[\.\-\/]((1[6-9]|[2-9]\d)?\d{2}))|((0?[1-9]|[12]\d|30)[\.\-\/](0?[13456789]|1[012])[\.\-\/]((1[6-9]|[2-9]\d)?\d{2}))|((0?[1-9]|1\d|2[0-8])[\.\-\/]0?2[\.\-\/]((1[6-9]|[2-9]\d)?\d{2}))|(29[\.\-\/]0?2[\.\-\/]((1[6-9]|[2-9]\d)?(0[48]|[2468][048]|[13579][26])|((16|[2468][048]|[3579][26])00)|00)))|(((0[1-9]|[12]\d|3[01])(0[13578]|1[02])((1[6-9]|[2-9]\d)?\d{2}))|((0[1-9]|[12]\d|30)(0[13456789]|1[012])((1[6-9]|[2-9]\d)?\d{2}))|((0[1-9]|1\d|2[0-8])02((1[6-9]|[2-9]\d)?\d{2}))|(2902((1[6-9]|[2-9]\d)?(0[48]|[2468][048]|[13579][26])|((16|[2468][048]|[3579][26])00)|00))))$/;

    if(element.value == "") {
       //alert("element is leeg");
       return "empty";
    }
    else if(element.value > element.maxlength) {
      //alert("inhoud is meer dan dat mag.");
      return "notvalid";
    }
    else if(type == "min_number") {
        //alert("aantal" + element.value + " : min_aantal" + $(element).attr('rel'));
        if(Number(element.value) >= Number($(element).attr('rel'))) return "ok";
        else return "notvalid";    
    } else {
       if(!regArray[type]) { return "ok";}
       else if(!regArray[type].test(element.value)) {
          //alert("check regex");
          return "notvalid";
       }
       else {
         //alert("no regex found for or regex is correct");
         return "ok";
       }
    }
    return "ok";
}  

function showError(container, type, errortype) {

  //alert($(container).html());
  if(container) {
    var myErrors = $(container).find(".error." + type);
    
    if(myErrors) {
      errorcount = myErrors.length;
      if(errorcount == 0) {
        myErrors = $(container).find(".error");
        if(myErrors) {
          //alert("geen specifieke error gevonden");
          //myErrors[0].className = "showError";
          myErrors[0].className = myErrors[0].className.replace(new RegExp("error","g"), "showError " + errortype);
          
        }
      } else {
        //alert("specifieke error gevonden");
        myErrors[0].className = myErrors[0].className.replace(new RegExp("error","g"), "showError " + errortype);      
      }
     //alert(myErrors[0].className); 
    }
  }


}

function enableDisable(type) {
  theform = type.form;
  
  if (type.value == "eenmalig") {
      theform.frequentie.disabled = true;
      theform.hoeveelheid.disabled = false;
  }
  else {
      theform.hoeveelheid.disabled = true;
      theform.frequentie.disabled = false;
  }
}