var addEvent = function(obj, type, fn) {
	if (obj.addEventListener)
		obj.addEventListener(type, fn, false);
	else if (obj.attachEvent)
		obj.attachEvent('on' + type, function() { return fn.apply(obj, new Array(window.event)); });
}

	


var removeEmptyOptionalElements = function (elements, context) {
	$(context).each(function () {
		$(this).find(elements).each(function () {
			removeEmptyOptionalElements(elements, $(this));
			if ($(this).find("*").length === 0 && $.trim($(this).text()).replace(/ /g, ' ').replace(/\s/g, '') === "") {
				$(this).remove();
			}
		});
	});
}

function ismaxlength(obj) {
	var mlength = obj.getAttribute ? parseInt(obj.getAttribute("maxlength")) : ""
	if (obj.getAttribute && obj.value.length > mlength)
		obj.value = obj.value.substring(0, mlength)
}

var standardSearchValidation = function (formId, errorId) {
// dus maar 1 tekst-input per zoekformulier:
	var veld = $("#"+formId).find("input:text");
// de foutmelding:		
	var error = $("#" + errorId);
// opdat een erover heen getoonde melding geen last heeft van de tekst-cursor verwijderen we de focus:
// foutmelding tonen:
	alert($(error).text());
// als muis of toetsenbord klik of scroll, verwijder de boodschap:
	$(document).one('mousedown keydown scroll', function (event) {
		//$(error).fadeOut();
		event.stopPropagation();
// focus terugzetten
		veld.focus();
	});
}
var website = function () {
	{	// Private functions
		var getQueryVariable;
		var initOnLoad;
		var initLoginBox;
		var toonDatumVanVandaag = function (sId) {
			if (!document.getElementById(sId))
				return;
			var now = new Date();
			var date = ((now.getDate() < 10) ? "0" : "") + now.getDate();
			var month = now.getMonth() + 1;
			function fourdigits(number) {
				return (number < 1000) ? number + 1900 : number;
			}
			today = date + "-" + ((month < 10) ? "0" : "") + month + "-" + (fourdigits(now.getYear()));
			document.getElementById(sId).innerHTML = today.toString();
		}
		getQueryVariable = function (variable) {
			var query = window.location.search.substring(1);
			var vars = query.split("&");
			for (var i = 0; i < vars.length; i++) {
				var pair = vars[i].split("=");
				if (pair[0] == variable) {
					return pair[1];
				}
			}
			return;
		}
		showGotoMyProfile = function (id) {
			if (!document.getElementById(id))
				return;
			var el = document.getElementById(id);
			el.innerHTML = '<a id="text_loggedin_vervanging" href="\/cms\/showpage.aspx?id=113">Naar het Ledenportaal</a>';
			el.style.visibility = "visible";
		}
		initWorkgroupLinks = function () {

			if (document.getElementById('showActiveMembers')) {

				var showmembers = document.getElementById('showActiveMembers');
				var hidemembers = document.getElementById('hideActiveMembers');

				addEvent(showmembers, "click", function (e) {
					document.getElementById('all_members').style.display = 'block';
					document.getElementById('showActiveMembers').style.display = 'none';
					document.getElementById('hideActiveMembers').style.display = 'block';
				});
				addEvent(hidemembers, "click", function (e) {
					document.getElementById('all_members').style.display = 'none';
					document.getElementById('showActiveMembers').style.display = 'block';
					document.getElementById('hideActiveMembers').style.display = 'none';
				});
			}
		}
		initOnLoad = function () {
			showGotoMyProfile('text_loggedin');
			initWorkgroupLinks();
		}
	}
	{	// Public functions
		return ({
			onLoad: function () {
				addEvent(window, "load", initOnLoad);
			}
			,
			submitFormToSendmail: function (fn) {
				var submitFormHasErrors = false;
				if (typeof fn == 'function') {
					submitFormHasErrors = fn();
				}
				if (submitFormHasErrors == false) {
				}
			}
		});
		
		/*removeEmptyOptionalElements("div.afbeelding, div.tekst", "#content");*/
	}
} ();
website.onLoad();

$(document).ready(function(){
	removeEmptyOptionalElements("div.afbeelding, div.tekst", "div#container");
});

// Contentloader voor asynchrone controls
function contentLoader(id, data) {
	$("#" + id).hide();
	$("#" + id + "_Loader").removeClass("throbber");
	$("#" + id + "_Loader").css("display", "none");
	$("#" + id).html(data);
	$("#" + id).fadeIn(400);
}

//showcase//
var initShowCase = function() {
	var current = $("#showCase .case:first");
	current.find(".item").css("display", "block");
	$("#showCase .case").each(
		function() {
			$(this).hover(
				function() {
							current.removeClass("active");
							current.find(".item").css("display", "none");
							current = $(this);
							$(this).addClass("active");
							$(this).find(".item").css("display", "block");
				},
				function() { }
			)
		}
	);
}
//Twitter//
	$.fn.tweet = function (o) {
		var s = {
			username: ["nvvkveiligheid", "nvvkinfo", "bedrijfsongeval","arbomilieu"],                // [string]   required, unless you want to display our tweets. :) it can be an array, just do ["username1","username2","etc"]
			
			list: null,                               // [string]   optional name of list belonging to username
			avatar_size: null,                        // [integer]  height and width of avatar if displayed (48px max)
			count: 3,                                 // [integer]  how many tweets to display?
			intro_text: null,                         // [string]   do you want text BEFORE your your tweets?
			outro_text: null,                         // [string]   do you want text AFTER your tweets?
			join_text: null,                         // [string]   optional text in between date and tweet, try setting to "auto"
			auto_join_text_default: "i said,",        // [string]   auto text for non verb: "i said" bullocks
			auto_join_text_ed: "i",                   // [string]   auto text for past tense: "i" surfed
			auto_join_text_ing: "i am",               // [string]   auto tense for present tense: "i was" surfing
			auto_join_text_reply: "i replied to",     // [string]   auto tense for replies: "i replied to" @someone "with"
			auto_join_text_url: "i was looking at",   // [string]   auto tense for urls: "i was looking at" http:...
			loading_text: null,                       // [string]   optional loading text, displayed while tweets load
			query: null,                              // [string]   optional search query
			refresh_interval: null,                  // [integer]  optional number of seconds after which to reload tweets
			twitter_url: "twitter.com",               // [string]   custom twitter url, if any (apigee, etc.)
			twitter_api_url: "api.twitter.com",       // [string]   custom twitter api url, if any (apigee, etc.)
			twitter_search_url: "search.twitter.com"  // [string]   custom twitter search url, if any (apigee, etc.)
		};

		if (o) $.extend(s, o);

		$.fn.extend({
			linkUrl: function () {
				var returning = [];
				var regexp = /((ftp|http|https):\/\/(\w+:{0,1}\w*@)?(\S+)(:[0-9]+)?(\/|\/([\w#!:.?+=&%@!\-\/]))?)/gi;
				this.each(function () {
					returning.push(this.replace(regexp, "<a href=\"$1\">$1</a>"));
				});
				return $(returning);
			},
			linkUser: function () {
				var returning = [];
				var regexp = /[\@]+([A-Za-z0-9-_]+)/gi;
				this.each(function () {
					returning.push(this.replace(regexp, "<a href=\"http://" + s.twitter_url + "/$1\">@$1</a>"));
				});
				return $(returning);
			},
			linkHash: function () {
				var returning = [];
				var regexp = /(?:^| )[\#]+([A-Za-z0-9-_]+)/gi;
				this.each(function () {
					returning.push(this.replace(regexp, ' <a href="http://' + s.twitter_search_url + '/search?q=&tag=$1&lang=all&from=' + s.username.join("%2BOR%2B") + '">#$1</a>'));
				});
				return $(returning);
			},
			capAwesome: function () {
				var returning = [];
				this.each(function () {
					returning.push(this.replace(/\b(awesome)\b/gi, '<span class="awesome">$1</span>'));
				});
				return $(returning);
			},
			capEpic: function () {
				var returning = [];
				this.each(function () {
					returning.push(this.replace(/\b(epic)\b/gi, '<span class="epic">$1</span>'));
				});
				return $(returning);
			},
			makeHeart: function () {
				var returning = [];
				this.each(function () {
					returning.push(this.replace(/(&lt;)+[3]/gi, "<tt class='heart'>&#x2665;</tt>"));
				});
				return $(returning);
			}
		});

		function parse_date(date_str) {
			// The non-search twitter APIs return inconsistently-formatted dates, which Date.parse
			// cannot handle in IE. We therefore perform the following transformation:
			// "Wed Apr 29 08:53:31 +0000 2009" => "Wed, Apr 29 2009 08:53:31 +0000"
			return Date.parse(date_str.replace(/^([a-z]{3})( [a-z]{3} \d\d?)(.*)( \d{4})$/i, '$1,$2$4$3'));
		}

		function relative_time(time_value) {
			var parsed_date = parse_date(time_value);
			var relative_to = (arguments.length > 1) ? arguments[1] : new Date();
			var delta = parseInt((relative_to.getTime() - parsed_date) / 1000);
			var r = '';
			if (delta < 60) {
				r = delta + ' seconden geleden';
			} else if (delta < 120) {
				r = 'een minuut geleden';
			} else if (delta < (45 * 60)) {
				r = (parseInt(delta / 60, 10)).toString() + ' minuten geleden';
			} else if (delta < (2 * 60 * 60)) {
				r = 'een uur geleden';
			} else if (delta < (24 * 60 * 60)) {
				r = '' + (parseInt(delta / 3600, 10)).toString() + ' uur geleden';
			} else if (delta < (48 * 60 * 60)) {
				r = 'een dag geleden';
			} else {
				r = (parseInt(delta / 86400, 10)).toString() + ' dagen geleden';
			}
			return 'ongeveer ' + r;
		}

		function build_url() {
			var proto = ('https:' == document.location.protocol ? 'https:' : 'http:');

			var query = ('from:'+s.username.join(' OR from:'));
			return proto + '//' + s.twitter_search_url + '/search.json?q=' + query + '&rpp=' + s.count + '&callback=?';
		}


		return this.each(function (i, widget) {
			var list = $('<ul class="tweet_list">').appendTo(widget);
			var intro = '<p class="tweet_intro">' + s.intro_text + '</p>';
			var outro = '<p class="tweet_outro">' + s.outro_text + '</p>';
			var loading = $('<p class="loading">' + s.loading_text + '</p>');

			if (typeof (s.username) == "string") {
				s.username = [s.username];
			}

			if (s.loading_text) $(widget).append(loading);
			$(widget).bind("load", function () {
				$.getJSON(build_url(), function (data) {
					if (s.loading_text) loading.remove();
					if (s.intro_text) list.before(intro);
					list.empty();
					var tweets = (data.results || data);
					$.each(tweets, function (i, item) {
						// auto join text based on verb tense and content
						if (s.join_text == "auto") {
							if (item.text.match(/^(@([A-Za-z0-9-_]+)) .*/i)) {
								var join_text = s.auto_join_text_reply;
							} else if (item.text.match(/(^\w+:\/\/[A-Za-z0-9-_]+\.[A-Za-z0-9-_:%&\?\/.=]+) .*/i)) {
								var join_text = s.auto_join_text_url;
							} else if (item.text.match(/^((\w+ed)|just) .*/im)) {
								var join_text = s.auto_join_text_ed;
							} else if (item.text.match(/^(\w*ing) .*/i)) {
								var join_text = s.auto_join_text_ing;
							} else {
								var join_text = s.auto_join_text_default;
							}
						} else {
							var join_text = s.join_text;
						};

						var from_user = item.from_user || item.user.screen_name;
						var profile_image_url = item.profile_image_url || item.user.profile_image_url;
						var join_template = '<span class="tweet_join"> ' + join_text + ' </span>';
						var join = ((s.join_text) ? join_template : ' ');
						var avatar_template = '<a class="tweet_avatar" target="_blank" href="http://' + s.twitter_url + '/' + from_user + '"><img src="' + profile_image_url + '" height="' + s.avatar_size + '" width="' + s.avatar_size + '" alt="' + from_user + '\'s avatar" title="' + from_user + '\'s avatar" border="0"/></a><a href="http://' + s.twitter_url + '/' + from_user + '" target="_blank" class="gebruiker">' + from_user + '</a>';
						var avatar = (s.avatar_size ? avatar_template : '');
						var date = '<a class="tweet_time" href="http://' + s.twitter_url + '/' + from_user + '/statuses/' + item.id_str + '" target="_blank" title="view tweet on twitter">'+ relative_time(item.created_at) + '</a>';
						var text = '<span class="tweet_text">' + $([item.text]).linkUrl().linkUser().linkHash().makeHeart().capAwesome().capEpic()[0] + '</span>';

						// until we create a template option, arrange the items below to alter a tweet's display.
						list.append('<li>' + avatar + date + join + text + '</li>');

						list.children('li:first').addClass('tweet_first');
						list.children('li:odd').addClass('tweet_even');
						list.children('li:even').addClass('tweet_odd');
					});
					if (s.outro_text) list.after(outro);
					$(widget).trigger("loaded").trigger((tweets.length == 0 ? "empty" : "full"));
					if (s.refresh_interval) {
						window.setTimeout(function () { $(widget).trigger("load"); }, 1000 * s.refresh_interval);
					};
				});
			}).trigger("load");
		});
	};


$(function () {
	$("#menu ul li.active").prev().addClass("prev");
	$("div.toonMeer a").each(
		function () {
			var hiddenItems = $(this).parent().parent().parent().find(".overzicht .hidden");
			if (hiddenItems.length === 0) {
				$(this).parent().parent().hide();
			}
		}
	);
	$("div.toonMeer a").click(
		function () {
			var step = 3;
			var count = 1;
			while ($(this).hasClass(".pos" + count)) {
				count += 1;
			}
			var hiddenItems = $(this).parent().parent().parent().find(".overzicht .hidden");
			if (hiddenItems.length > 0) {
				$(this).addClass("pos" + count);
				hiddenItems.filter(".pos" + count).fadeIn(1000).removeClass("hidden");
			}
			if (hiddenItems.length - step <= 0) {
				$(this).parent().parent().hide();
			}
			return false;
		}
	);
	initShowCase();
	
	$(".tweet").tweet({
		join_text: "auto",
		avatar_size: 30,
		auto_join_text_default: "",
		auto_join_text_ed: "",
		auto_join_text_ing: "",
		auto_join_text_reply: "",
		auto_join_text_url: "",
		loading_text: "Tweets laden..."
	})
	
	
	$('ul.sf-menu').superfish({
		autoArrows: false,
		dropShadows: true,
		speed: 0,
		delay: 0
	});
});





(function($) {
	$.fn.superfish = function(op) {
		var sf = $.fn.superfish,
			c = sf.c,
			$arrow = $(['<span class="', c.arrowClass, '"> &#187;</span>'].join('')),
			over = function() {
				var $$ = $(this), menu = getMenu($$);
				clearTimeout(menu.sfTimer);
				$$.showSuperfishUl().siblings().hideSuperfishUl();
			},
			out = function() {
				var $$ = $(this), menu = getMenu($$), o = sf.op;
				clearTimeout(menu.sfTimer);
				menu.sfTimer = setTimeout(function() {
					o.retainPath = ($.inArray($$[0], o.$path) > -1);
					$$.hideSuperfishUl();
					if (o.$path.length && $$.parents(['li.', o.hoverClass].join('')).length < 1) { over.call(o.$path); }
				}, o.delay);
			},
			getMenu = function($menu) {
				var menu = $menu.parents(['ul.', c.menuClass, ':first'].join(''))[0];
				sf.op = sf.o[menu.serial];
				return menu;
			},
			addArrow = function($a) { $a.addClass(c.anchorClass).append($arrow.clone()); };
		return this.each(function() {
			var s = this.serial = sf.o.length;
			var o = $.extend({}, sf.defaults, op);
			o.$path = $('li.' + o.pathClass, this).slice(0, o.pathLevels).each(function() {
			$(this).addClass([o.hoverClass, c.bcClass].join('sfHover'))
					.filter('li:has(ul)').removeClass(o.pathClass);
			});
			sf.o[s] = sf.op = o;
			$('li:has(ul)', this)[($.fn.hoverIntent && !o.disableHI) ? 'hoverIntent' : 'hover'](over, out).each(function() {
				if (o.autoArrows) addArrow($('>a:first-child', this));
			})
			.not('.' + c.bcClass)
				.hideSuperfishUl();
			var $a = $('a', this);
			$a.each(function(i) {
				var $li = $a.eq(i).parents('li');
				$a.eq(i).focus(function() { over.call($li); }).blur(function() { out.call($li); });
			});
			o.onInit.call(this);
		}).each(function() {
			var menuClasses = [c.menuClass];
			if (sf.op.dropShadows && !($.browser.msie && $.browser.version < 7)) menuClasses.push(c.shadowClass);
			$(this).addClass(menuClasses.join(' '));
		});
	};
	var sf = $.fn.superfish;
	sf.o = [];
	sf.op = {};
	sf.IE7fix = function() {
		var o = sf.op;
		if ($.browser.msie && $.browser.version > 6 && o.dropShadows && o.animation.opacity != undefined)
			this.toggleClass(sf.c.shadowClass + '-off');
	};
	sf.c = {
		bcClass: 'sf-breadcrumb',
		menuClass: 'sf-js-enabled',
		anchorClass: 'sf-with-ul',
		arrowClass: 'sf-sub-indicator',
		shadowClass: 'sf-shadow'
	};
	sf.defaults = {
		hoverClass: 'sfHover',
		pathClass: 'overideThisToUse',
		pathLevels: 1,
		delay: 800,
		animation: { opacity: 'show' },
		speed: 'normal',
		autoArrows: true,
		dropShadows: true,
		disableHI: false, 	// true disables hoverIntent detection
		onInit: function() { }, // callback functions
		onBeforeShow: function() { },
		onShow: function() { },
		onHide: function() { }
	};
	$.fn.extend({
		hideSuperfishUl: function() {
			var o = sf.op,
				not = (o.retainPath === true) ? o.$path : '';
			o.retainPath = false;
			var $ul = $(['li.', o.hoverClass].join(''), this).add(this).not(not).removeClass(o.hoverClass)
					.find('>ul').hide().css('visibility', 'hidden');
			o.onHide.call($ul);
			return this;
		},
		showSuperfishUl: function() {
			var o = sf.op,
				sh = sf.c.shadowClass + '-off',
				$ul = this.addClass(o.hoverClass)
					.find('>ul:hidden').css('visibility', 'visible');
			sf.IE7fix.call($ul);
			o.onBeforeShow.call($ul);
			$ul.animate(o.animation, o.speed, function() { sf.IE7fix.call($ul); o.onShow.call($ul); });
			return this;
		}
	});
})(jQuery);