(function($) {

	var TEST = true

	var Vilans = {
		init: function() {
			window.isIE6 = /msie 6/i.test(navigator.userAgent) ? true : false;
			Vilans.splitLists();
			Vilans.tabs();
			if($('#people-browser')) Vilans.people.init();
			$('body').addClass('js-active');
			
//			// replace submit buttons
//			$('input[type=submit]').replaceInputs({
//				template: '<a href="#" class="$className"><span>$value</span></a>',
//				simulateInputClick: true, // simulates a click on the original input
//				replacedClass: 'replaced'
//			});
			
		}
	}
		
	// split designated lists into multiple ones
	Vilans.splitLists = function(root) {
		if(!root) root = $(document);
		var numberOfColumns = 2;
		$("ul.splitted, ol.splitted", root).each(function() {
			var addedClass;
			if($(this).hasClass("quarth")) {
				numberOfColumns = 4;
				addedClass = " quarth";
			} else {
				numberOfColumns = 2;
				addedClass = "";				
			}
			var items = $(this).children();
			var itemCount = 0;
			var itemsPerColumn = Math.floor(items.length/numberOfColumns);
			var itemSpares = items.length % numberOfColumns;
			var columns = jQuery('<div class="subcolumns' + addedClass + '"></div>');
			for(var i = 0; i < numberOfColumns; i++) {
				if($(this).get(0).tagName == "OL")
					columns.append('<ol class="subcolumn" start="' + (itemCount + 1) + '"></ol');
					else columns.append('<ul class="subcolumn"></ul>');
				for(var j = 0; j < itemsPerColumn; j++) {
					columns.children().eq(i).append(items.eq(itemCount));
					itemCount++;
				}
				if(itemSpares > 0) {
					columns.children().eq(i).append(items.eq(itemCount));
					itemCount++;
					itemSpares--;
				}
			}
			$(this).replaceWith(columns);
		});
	};
	
	// tabs
	Vilans.tabs = function(root) {
		if(!root) root = $(document);
		$(".tabs-nav").removeClass("tabs-item");
		$("#ictab2").removeClass("current");
		$("#ictab3").removeClass("current");
		$("#ictab4").removeClass("current");
		$("#ictab5").removeClass("current");
		$(".tabs-clientside h6").addClass("tabs-item");
		$('.tabs', root).each(function() {
			if($(this).hasClass('tabs-clientside')) $('.tabs-nav a', $(this)).click(function(e) {
				var target = this.hash;
				if(!target) return;
				$('.tabs-item', $(this).parents('.tabs')).removeClass('current');
				$('li', $(this).parents('.tabs-nav')).removeClass('current');
				$(target, root).addClass('current');
				$(this).parent().addClass('current');
				e.preventDefault();
			});
			
		});
	}

	// people browser
	Vilans.people = {
		init: function(root) {
			if(!root) root = $('#people-browser');
			$('ul.people li .head', root).click(function(e) {
				$(this).parent().siblings().removeClass('opened');
				$(this).parent().addClass('opened');
				e.preventDefault();
			});
		}
	}

	$(function() {
		Vilans.init();

		if($("#reactie5jaar").length != 0) {

		var validator = $("#formreactie5jaar").validate({
		rules: {
			naam: "required",
			email: {
				required: true,
				email: true
			}
		},
		
		messages: {
			naam: "Naam is niet ingevoerd",
			email: {
				required: "E-mail is leeg",
				email: "E-mail is onjuist"
			}
		},
		
		errorElement: "span",
		
		errorPlacement: function(error, element) {
			if ( element.is(":radio") )
				error.appendTo(element.parent().next());
			else
				error.appendTo(element.next()); 
		},
		
		
		success: function(label) {
			// set &nbsp; as text for IE
			label.html("").addClass("checked");
		}
		});
	

   		 } 

		$('#eventdivlogo').mouseover(function() {
		    $("#eventdivlogoimg").attr("src", "/images/jubileum/LOGO-met-balletje-paars.png"); 
		});	

		$('#eventdivlogo').mouseout(function() {
		   $("#eventdivlogoimg").attr("src", "/images/jubileum/LOGO-met-balletje-groen.png"); 
		});

	});	
	
})(jQuery);