/*
* Plugins JS scripts in CORE/
/*/

var alertTextNoValidInput = "Gemarkeerde velden niet correct ingevuld.";
var alertTextNoValid = "Geef aan of u informatie wil of dat u zich wil inschrijven.";
var NaamIsRequired = "Naam is vereist";
var mailIsRequired = "E-mail is vereist";
var pleaseEnterAvalidEmail = "Voer geldig e-mail adres in";
var numberTelefonIsToLONG = "Telefoonnummer is te lang";
var numberTelefonIsToSHORT = "Telefoonnummer is te kort";
var telefonIsRequired = "Telefoonnummer is vereist";


function validateRadio() {
		//var btnsRadio = document.getElementsByName('Pagina'); // This is a name for input check
		var btnsRadio = document.getElementsByName('radio'); // This is a name for input check
		var isDataValid = true;
		
								if(!areRadsChecked(btnsRadio)) {
                    
					document.getElementById('radioGroup').style.background ='#EDEFF3';
					document.getElementById('radioGroup').style.border ='1px solid #FF4040';
					alert(alertTextNoValid);
					//changeBg('radioGroup');
                    isDataValid = false;
                }
                //do other form validation here
                //then

                return (isDataValid)? true : false;
						document.getElementById('radioGroup').style.background ='#EDEFF3';
						document.getElementById('radioGroup').style.border ='1px solid #EDEFF3';
            }

            function areRadsChecked(radBtns) {
                //loop thru the radio buttons to ensure 1 is checked
                var isRadBtnChecked = false;
                for(i=0; i < radBtns.length; i++) {
                    if(radBtns[i].checked) {
                        isRadBtnChecked = true;
                        //i = btnsRadio.length;  //break out of for loop cleanly
                    }
                }
                return (isRadBtnChecked)? true : false;
}


function isValidStars(stars) {		
	var patt = new RegExp("\\*");
	var str = "asd*";
	var star = patt.exec(str); 
	return star.test(stars);
}
function isNumeric(numeric){
	var pattern = new RegExp(/^[0-9\(\)\+\- ]+$/); //   Only number - [/^[0-9-]+$/] 
				return pattern.test(numeric);
}

function isValidEmailAddress(emailAddress) {
				var pattern = new RegExp(/^(("[\w-\s]+")|([\w-]+(?:\.[\w-]+)*)|("[\w-\s]+")([\w-]+(?:\.[\w-]+)*))(@((?:[\w-]+\.)*\w[\w-]{0,66})\.([a-z]{2,6}(?:\.[a-z]{2})?)$)|(@\[?((25[0-5]\.|2[0-4][0-9]\.|1[0-9]{2}\.|[0-9]{1,2}\.))((25[0-5]|2[0-4][0-9]|1[0-9]{2}|[0-9]{1,2})\.){2}(25[0-5]|2[0-4][0-9]|1[0-9]{2}|[0-9]{1,2})\]?$)/i);
				return pattern.test(emailAddress);
}






// IF DOCUMENT READY


  $.noConflict();
  jQuery(document).ready(function($) {
	  
	  
	  //  VALIDATE SUBMIT BUTON 
	  
	  	$('#Formulier').submit(function(){
			
			var valid = true;
			
			$(':input', this).each(function(){  
					if($(this).val()==''){$(this).addClass('invalid'); // VALIDATE IF EMPTY
							valid = false;
					}else{ $(this).removeClass('invalid');
					}
			});
			$(':input#Naam').each(function(){
					$('.alertNaam').remove();
					if($(this).val()=='NAAM*'){
						$(this).addClass('invalid'); // VALIDATE input id="Naam is Value NAAM*
						$(this).before('<p class="alertNaam">'+NaamIsRequired+'</p>');
						valid = false;
					}else{
							$(this).removeClass('invalid');
							$('.alertNaam').remove();
					}
			});
			$(':input#Telefoon', this).each(function(){
					var number = $(':input#Telefoon').val();
					var theLength = $(':input#Telefoon').val().length;
					
					$('.alert').remove();				
				
					if($(this).val()=='TELEFOON*'){
						$(this).addClass('invalid'); 
						//alert("Telefon is Required");
						$(this).before('<p class="alert">'+telefonIsRequired+'</p>');	
						valid = false;
						}
						else {
							if(number != 0){
									if(isNumeric(number) && theLength <=9 ){
										$(this).addClass('invalid'); 
										//alert("Number Telefon is to short");
										$(this).before('<p class="alert">'+numberTelefonIsToSHORT+'</p>');	
										valid = false;
										}
										else {
											if(isNumeric(number) && theLength >=11 ){
												$(this).addClass('invalid'); 
												//alert("Number Telefon is to LONG");
												$(this).before('<p class="alert">'+numberTelefonIsToLONG+'</p>');	
												valid = false;
												}
												else {
													$(this).removeClass('invalid');
													$('.alert').remove();
													}
												}
								}
					}
			});
			
			




			$(':input#email', this).each(function(){
					var email = $(':input#email').val();
					
					$('.alertmail').remove();
					
					if($(this).val()=='E-MAIL*'){  
							$(this).addClass('invalid').before('<p class="alertmail">'+mailIsRequired+'</p>'); valid = false;  
					}
					else{
							if(email != 0){
							  if(isValidEmailAddress(email)){$(this).removeClass('invalid');$('.alertmail').remove(); } 
							  else {   $(':input#email').addClass('invalid').before('<p class="alertmail">'+pleaseEnterAvalidEmail+'</p>'); valid = false;   }   } 
							else {$(this).removeClass('invalid');$('.alertmail').remove();  }					
					}
						
			});
			
			$('textarea#Vraag', this).each(function(){
					var value = $(this).val();
					if($('#informeer_me').is(":checked") == true){  
							if((value == 'INFORMEER ME OVER*...')||(value == 'VRAAG OVER*...')){$(this).addClass('invalid'); valid = false;}
							else{  $('textarea#Vraag').removeClass('invalid');}
					}
			});
			
			$('textarea#Schrijf', this).each(function(){
					var value = $(this).val();
					if($('#schrijf_me_in').is(":checked") == true){ 
							if((value == 'SCHRIJF ME IN VOOR*...')||(value =='OPMERKING OVER*...')){  $(this).addClass('invalid test'); valid = false;}
							else{  $(this).removeClass('invalid');  }
					}	
			});

							
							

		if(!valid){
				alert(alertTextNoValidInput); // NO VALID filds ALERT Text
		return false;
		}
		
		
		
		
	});
	
//  END VALIDATE SUBMIT BUTON 	

/*    
// FOR FEATURE AJAX FUNCTION 
$('#Formulier').ajaxForm({ 
        target: '#htmlExampleTarget', 
		beforeSerialize: function() { 
			$('<div id="htmlExampleTarget"> SEND </div>').insertBefore('#Formulier');
			//$('#htmlExampleTarget').load('index.php?nl_bericht-verzonden,76');
			},
        success: function() { 
            $('#htmlExampleTarget').fadeIn('slow');
			$('#loaderImg').hide(); 
			$('#formUpload').slideUp();
        },
		clearForm: true 
    }); 
*/
	
// END FOR FEATURE AJAX FUNCTION 	
	  
$('#Formulier input:text, #Formulier textarea').each(function(){
	var default_value = $(this).val();
	$(this).focusin(function(){if ($(this).val() == default_value) $(this).val(""); });
	$(this).focusout(function(){if ($(this).val() == "") $(this).val(default_value); 	});
});
// THIS IS FROM INPUT onblur="if(this.value == '') { this.value='TELEFOON*'}" onfocus="if (this.value == 'TELEFOON*') {this.value=''}"


$('#Formulier #informeer_me').click(function () { 
			$('#Formulier div#optiontext').hide("slow");
			$('#Formulier #divVraag').show("slow");
			$('#Formulier #divSchrijf').hide("slow");
			$('#Formulier textarea#Vraag').removeAttr("disabled")
			$('#Formulier textarea#Schrijf').attr({disabled:"disabled"});
});


$('#Formulier #schrijf_me_in').click(function () { 
			$('#Formulier div#optiontext').hide("slow");
			$('#Formulier #divSchrijf').show("slow");
			$('#Formulier #divVraag').hide("slow");
			$('#Formulier textarea#Schrijf').removeAttr("disabled")
			$('#Formulier textarea#Vraag').attr({disabled:"disabled"}); 
});


$('#Formulier textarea').focusin(function() {$(this).height(80)  });
//$('#Formulier textarea').focusout(function() {$(this).height(17) }); //IF CALBACK WHAT YOU WANT


$(':input#email').keyup(function(){
			var email = $(':input#email').val();
			if(email != 0){
				if(isValidEmailAddress(email)){$(':input#email').css({ "background-image": "url('validYes.png')" });  } 
				else {   $(':input#email').css({ "background-image": "url('validNo.png')" });   }   } 
			else {   $(':input#email').css({ "background-image": "none" });   }
});
	


$('#Formulier textarea#Vraag').keyup(function(){
		var tekst = $('textarea#Vraag').val();
		if(tekst != 0){
			
			$('textarea#Vraag').removeClass('invalid');
		}else { $('textarea#Vraag').addClass('invalid');   }
});


	
$(':input#Telefoon').keyup(function(){
			var number = $(':input#Telefoon').val();
			var theLength = $(':input#Telefoon').val().length;
			
			if(number != 0){
				if(isNumeric(number) && theLength ==10 ){
					$(':input#Telefoon').css({ "background-image": "url('validYes.png')" });
					} else  {   $(':input#Telefoon').css({ "background-image": "url('validNo.png')" });   }
					} else {   $(':input#Telefoon').css({ "background-image": "none" });   }
});


								
								
	


$(":input#Telefoon").keydown(function (event) {
    // Prevent shift key since its not needed
    if (event.shiftKey == true) {
        event.preventDefault();
    }
    // Allow Only: keyboard 0-9, numpad 0-9, backspace, tab, left arrow, right arrow, delete
    if ((event.keyCode >= 48 && event.keyCode <= 57) || (event.keyCode >= 96 && event.keyCode <= 105) || event.keyCode == 8 || event.keyCode == 9 || event.keyCode == 37 || event.keyCode == 39 || event.keyCode == 46) {
        // Allow normal operation
    } else {
        // Prevent the rest
        event.preventDefault();
    }
});

	

	
	$('input.radioClass').click(function () { 
		$('span#radioGroup').css({'background-color' : '#EDEFF3', 'border':'1px solid #EDEFF3'});
		$('span#radioRequiredMsg').css({'display' :'none'});
		$('.alertRadio').remove();
	});
		
	
// EXTRA FOR VALIDATE RADIO GROUP 
	$("form#f").submit (function(){  
				if($('.imie').is(":checked") == false){  
						alert("REQUIRED MESSAGE");  
				return false;  
				}  
			return true;  
	 });  
	/*
	<form method="post" id="f">  
	<input class="imie" name="imie[]" type="checkbox">Maciej  
	<input class="imie" name="imie[]" type="checkbox">Kazek  
	<input class="imie" name="imie[]" type="checkbox">Czesio  
	<input class="imie" name="imie[]" type="checkbox">Majka  
	<input class="imie" name="imie[]" type="checkbox">Gabrysia  
	<input value="next !" type="submit">  
	</form> 
	*/
// END EXTRA FOR VALIDATE RADIO GROUP 
	  
	  
	  
// MENU STYLED DOM MANIPULATION  
	  
	//$('#menu3 ul.sub2').clone().prependTo($('#pageDescription')); -- this ist clone
	//$('.content ul.sub2 li a.selected').append('<b> &larr; SELECTED</b>').addClass("selected"); 
	$('#menu3 ul.sub2').parent().addClass("selected");
	$('#menu3 ul.sub1').parent().addClass("selectedG");
	$('#menu3 ul.sub2').parent().parent().parent().addClass("selectedG");
	$('#menu3 ul.sub2').prependTo($('#page')).addClass("menu contentMenu");
	$('#menu3 li.selectedG a').first().addClass("selected");
		
	$('#menu4 ul.sub2').parent().addClass("selected");
	$('#menu4 ul.sub1').parent().addClass("selectedG");
	$('#menu4 ul.sub2').parent().parent().parent().addClass("selectedG");
	$('#menu4 li.selectedG a').first().addClass("selected");
	
	$('#menu4 ul.sub1').prependTo($('#page')).addClass("faq contentMenu");
	$('.faq ul.sub2').hide();
	$('.faq li.selected a').addClass("selected");
	
	
	$('#menu2 ul.sub1').prependTo($('#page')).addClass("top contentMenu");
	//$('#menu2 ul.sub1').hide();
	
// END MENU STYLED DOM MANIPULATION 



  }); // END DOCUMENT READY