// Run when document is loaded
	$(function(){
		// Slideshow
		slideshow();
		
		// Plus Knop
		findLimits();
		$('.plus-button').bind('click',function(){
			plusMultiple($(this));
		});
		
		// Delete Knop
		var cururl = location.href;
		$('.cms-delete-button').bind('click',function(){
			var nexturl = location.protocol + '//' + location.hostname + $(this).attr("rel");
			confirmDelete(cururl,nexturl);
		});
		
		// Help Icoon Hover
		$('.help-icon').hover(
			function(){
				$(this).find('.help-text').css("display","block");
			},
			function(){
				$(this).find('.help-text').css("display","none");
			}
		);
		
		// Form Validation HTML5
		$("form").submit(function() {
			return requiredFormElements();
		});
		
	});

	// Slideshowscript v.2.0
	function slideshow(){
		$.getJSON("/media/ajaxslideshow/slideshow", function(json){
			// Settings
			var wait 				= 7; 	// seconds
			var transitionLength 	= 2;	// seconds
			var randomstart			= true;	// boolean
	
			// Declare
			var pictures 			= new Array();
			if(randomstart==true){
				var teller = Math.floor(Math.random()*json.length);
			}else{
				var teller				= 0;
			}
			var firstrun			= true;
			for (var i=0; i < json.length; i++) {
				pictures[i] = '/media/images/' + json[i]['filename'];

			};
		
			$('#slideshow').html("<div></div>");
			runSlideshow(wait,transitionLength,pictures,teller,firstrun);
		 });
	}

	function runSlideshow(wait,transitionLength,pictures,teller,firstrun){
		picLength = pictures.length;
		$('#slideshow div').css("background-image","url("+pictures[teller]+")");	// Stel de achtergrond van het voorgrondplaatje in die we straks willen weg faden
		$('#slideshow div').css("display","block");		// Maak zichtbaar om straks weg te kunnen faden.

		// Zoek het nummer van het nieuwe plaatje
		if(!firstrun){
			teller++;
			if(teller > (picLength-1)){
				teller=0;
			}
		 }else{
		 	firstrun = false; // Na deze ronde is dit niet meer de eerste ronde	
		}
	
		// Preload
		imageObj = new Image();	
		imageObj.src = pictures[teller];
		imageObj.onload = function(){
		// // 	// Stel de achtergrond van het achterste plaatje in die na de fade zichtbaar wordt.
			$('#slideshow').css("background-image","url("+pictures[teller]+")");
			$('#slideshow div').fadeOut(transitionLength*1000);
			var cycleTimeout = setTimeout(function(){ runSlideshow(wait,transitionLength,pictures,teller,firstrun) }, wait*1000);
		}
	}
	// End of Slideshowscript

	var limit = new Array();
	
	function findLimits(){
		// Zoek de verschillende plusjes op en bepaal het limiet
		$('.plus-button').each(function(index){
			var temparray = $(this).attr("rel").split('.');
			limit[temparray[0]] = temparray[1];
		});	
	}
	
	// Form Validation
	function requiredFormElements(){
		var thisFormValidates = true;
		// Zoek de forms
		$('form').each(function(formindex){
			$('input').each(function(inputindex){
				chechRequired(this);
				if(chechRequired(this)==true){
					thisFormValidates = thisFormValidates;
				}else{
					thisFormValidates = false;
				}
			});
			$('textarea').each(function(inputindex){
				chechRequired(this);
			 	if(chechRequired(this)==true){
					thisFormValidates = thisFormValidates;
				}else{
					thisFormValidates = false;
				}
			 });
		});
		return thisFormValidates;
	}

	function chechRequired(element){
		if($(element).attr('required')=='required' || $(element).attr('rel')=='required'){
			if($(element).attr('value')==''){
				$(element).addClass('invalid');
				return false;
			}else{
				if($(element).attr('name')=='email'){
					var RegularExpression  = /^([a-zA-Z0-9_\.\-\+])+\@(([a-zA-Z0-9\-])+\.)+([a-zA-Z0-9]{2,4})+$/;
					if($(element).attr('value').match(RegularExpression)==null){
						$(element).addClass('invalid');
						return false;
					}else{
						$(element).removeClass('invalid');
						return true;
					}
				}else{
					$(element).removeClass('invalid');
					return true;
				}
			}
		}else{
			return true;
		}
	}
	// End of Form Validation

	function plusMultiple(object){
		var myhtml = object.parent().parent().find('.repeatable')[0].innerHTML;
		myhtml = '<fieldset class="list-item">' + myhtml + '</fieldset>';
		object.parent().parent().find('.plus').before(myhtml);
	}

	function confirmDelete(cururl,nexturl){
		if(confirm('Weet je zeker dat je dit item wilt verwijderen?')){
			location.href = nexturl;
		}else{
			location.href = cururl;
		}
	}