$(function () {
	/* Gallery inladen */
	if (window.initGallery) { initGallery() }
	initShowCase.goto(0);

	removeEmptyOptionalElements(".blok, h2, h3, .tekst, .extra, .afb", "#container" );
	
	$(".tweet").tweet({
		template: "{time} {user} {text}",
		count: 2
	}).bind("empty", function () {
		$(this).append("Geen tweets aanwezig!");
	})
	$(".tweetlist").tweet({
		template: "{avatar} {time} {user} {text}",
		count: 20

	}).bind("empty", function () {
		$(this).append("Geen tweets aanwezig!");
	})
	var validateContentSearchForm = function () {
		var minCharLength = 2;

		var searchInputText = $(this).find('input:text');
		var searchInputButton = $(this).find('input:button');
		var searchInputHidden = $(this).find('input:hidden');
		var searchError = $(this).find('.error');

		var showError = function () {
			$(searchError).fadeIn();
			$("body").bind('click keydown', removeError);
		}
		var removeError = function () {
			$(searchError).fadeOut();
			$("body").unbind('click keydown', removeError);
		}

		var edited = false;
		var InputMessage = $(searchInputText).val();

		var searchSubmit = function () {

			var searchTerm = $.trim(searchInputText.val());
			if (edited == true && (minCharLength == 0 || searchTerm.length >= minCharLength)) {
				$("form#pagina").submit(function () { return false });
				window.location = searchInputHidden.val() + encodeURIComponent(searchTerm);
			} else {
				showError();
				return false;
			}
		}


		$(searchInputText).keydown(function (e) {
			if (e.keyCode == 13) {
				return searchSubmit($(this));
			} else {
				edited = true;
			}
		}).focus(function () {
			if (edited == false) {
				$(this).val('').parent().addClass('active');
			}
		}).blur(function () {
			if (edited == false) {
				$(this).val(InputMessage).parent().removeClass("active");
			}
		}).click(function () { removeError() });

		$(searchInputButton).click(function () {
			return searchSubmit($(this));
		});
		$(searchError).click(function () { removeError() });
	}

	$(".zoekformulier").each(validateContentSearchForm);

		var showGotoMyProfile = function (id) {
		if (!document.getElementById(id))
			return;
		var el = document.getElementById(id);
		el.innerHTML = '<a id="text_loggedin_vervanging" href="\/ledennet\/homepage">U bent al ingelogd.<br/>Ga naar het ledennet.</a>';
		el.style.visibility = "visible";
	}
	showGotoMyProfile('text_loggedin');
});

var initShowCase = function () {

	var container = "#showCase";
	var speed = 1000;
	var sec = 10;
	var xm;
	var items = $(container).find(".item");
	var cases;
	var current;
	var iCase = 1;

	items.find(".button:empty").remove();
	items.find(".tekst:empty, h3:empty").remove();
	items.filter(":empty").remove();
	items = $(container).find(".item");

	items.each(function () {
		$("ul.nav").append("<li><a href='#case_" + iCase + "'>" + iCase + "</a></li>")
		iCase = iCase + 1;
	});

	cases = $(container).find(".nav li");
	current = cases.filter(":eq(0)");

	items.fadeOut(0).removeClass("active");
	items.filter(":eq(0)").fadeIn(speed).addClass("active");
	var show = function (n) {
		current.removeClass("active");
		current = cases.filter(":eq(" + n + ")");
		current.addClass("active");
		var currentItem = items.filter(":eq(" + n + ")");
		if (!currentItem.hasClass("active")) {
			items.stop(true, true).fadeOut(speed).removeClass("active");
			currentItem.fadeIn(speed).addClass("active");
		}
		xm = setTimeout('initShowCase.goto(' + parseInt((n + 1) > cases.length - 1 ? 0 : n + 1) + ')', sec * 1000.0);
	}
	cases.each(
		function () {
			$(this).hover(
				function () {
					initShowCase.goto(cases.index($(this)));
				},
				function () { }
			)
		}
	);
	var clear_and_show = function (x) {
		window.clearTimeout(xm);
		show(x);
	};
	return (
		{
			goto: function (x) {
				clear_and_show(x);
			}
		}
	)
	} ();
	$.fn.tweet = function (o) {
		var s = $.extend({
			username: ["Nivevereniging"],            // [string or array] required unless using the 'query' option; one or more twitter screen names
			list: null,                               // [string]   optional name of list belonging to username
			favorites: false,                         // [boolean]  display the user's favorites instead of his tweets
			query: null,                              // [string]   optional search query
			tag: null, 							// [string]
			avatar_size: 48,                        // [integer]  height and width of avatar if displayed (48px max)
			count: 30,                                 // [integer]  how many tweets to display?
			fetch: null,                              // [integer]  how many tweets to fetch via the API (set this higher than 'count' if using the 'filter' option)
			retweets: true,                           // [boolean]  whether to fetch (official) retweets (not supported in all display modes)
			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: "auto",                         // [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
			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.)
			template: "{avatar}{time}{join}{text}",   // [string or function] template used to construct each tweet <li> - see code for available vars
			comparator: function (tweet1, tweet2) {    // [function] comparator used to sort tweets (see Array.sort)
				return tweet2["tweet_time"] - tweet1["tweet_time"];
			},
			filter: function (tweet) {                 // [function] whether or not to include a particular tweet (be sure to also set 'fetch')
				return true;
			}
		}, o);

		$.fn.extend({
			linkUrl: function () {
				var returning = [];
				// See http://daringfireball.net/2010/07/improved_regex_for_matching_urls
				var regexp = /\b((?:[a-z][\w-]+:(?:\/{1,3}|[a-z0-9%])|www\d{0,3}[.]|[a-z0-9.\-]+[.][a-z]{2,4}\/)(?:[^\s()<>]+|\(([^\s()<>]+|(\([^\s()<>]+\)))*\))+(?:\(([^\s()<>]+|(\([^\s()<>]+\)))*\)|[^\s`!()\[\]{};:'".,<>?«»“”‘’]))/gi;
				this.each(function () {
					returning.push(this.replace(regexp,
                                      function (match) {
                                      	var url = (/^[a-z]+:/i).test(match) ? match : "http://" + match;
                                      	return "<a href=\"" + url + "\">" + match + "</a>";
                                      }));
				});
				return $(returning);
			},
			linkUser: function () {
				var returning = [];
				var regexp = /[\@]+(\w+)/gi;
				this.each(function () {
					returning.push(this.replace(regexp, "@<a href=\"http://" + s.twitter_url + "/$1\">$1</a>"));
				});
				return $(returning);
			},
			linkHash: function () {
				var returning = [];
				// Support various latin1 (\u00**) and arabic (\u06**) alphanumeric chars
				var regexp = /(?:^| )[\#]+([\w\u00c0-\u00d6\u00d8-\u00f6\u00f8-\u00ff\u0600-\u06ff]+)/gi;
				var usercond = (s.username && s.username.length == 1) ? '&from=' + s.username.join("%2BOR%2B") : '';
				this.each(function () {
					returning.push(this.replace(regexp, ' <a href="http://' + s.twitter_search_url + '/search?q=&tag=$1&lang=all' + usercond + '">#$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);
			},
			cleanUp: function () {
				var returning = [];
				this.each(function () {
					returning.push(this.replace(/#cciitgroep/gi, ""));
				});
				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(date) {
			var relative_to = (arguments.length > 1) ? arguments[1] : new Date();
			var delta = parseInt((relative_to.getTime() - date) / 1000, 10);
			var r = '';
			if (delta < 60) {
				r = delta + ' seconde gelede';
			} 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() + ' uren 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 count = (s.fetch === null) ? s.count : s.fetch;
			if (s.list) {
				return proto + "//" + s.twitter_api_url + "/1/" + s.username[0] + "/lists/" + s.list + "/statuses.json?per_page=" + count + "&callback=?";
			} else if (s.favorites) {
				return proto + "//" + s.twitter_api_url + "/favorites/" + s.username[0] + ".json?count=" + s.count + "&callback=?";
			} else if (s.query === null && s.username.length == 1) {
				return proto + '//' + s.twitter_api_url + '/1/statuses/user_timeline.json?screen_name=' + s.username[0] + '&count=' + count + (s.retweets ? '&include_rts=1' : '') + '&callback=?';
			} else if (s.tag) {
				var query = (s.query || 'from:' + s.username.join(' OR from:'));
				var tag = s.tag;
				return proto + '//' + s.twitter_search_url + '/search.json?tag=' + tag + '&q=' + encodeURIComponent(query) + '&lang=all&rpp=' + count + '&callback=?';
			} else {
				var query = (s.query || 'from:' + s.username.join(' OR from:'));
				return proto + '//' + s.twitter_search_url + '/search.json?&q=' + encodeURIComponent(query) + '&lang=all&rpp=' + 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 (s.username && typeof (s.username) == "string") {
				s.username = [s.username];
			}
			var is_user_in_username_list = function (username) {
				for (var i = 0; i < s.username.length; i++) {
					if (s.username[i].toLowerCase() == username.toLowerCase()) {
						return true;
					}
				}
				return false;
			}

			var expand_template = function (info) {
				if (typeof s.template === "string") {
					var result = s.template;
					for (var key in info) {
						var val = info[key];
						result = result.replace(new RegExp('{' + key + '}', 'g'), val === null ? '' : val);
					}
					return result;
				} else return s.template(info);
			};

			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 = $.map(data.results || data, function (item) {
						var join_text = s.join_text;

						// auto join text based on verb tense and content
						if (s.join_text == "auto") {
							if (item.text.match(/^(@([A-Za-z0-9-_]+)) .*/i)) {
								join_text = s.auto_join_text_reply;
							} else if (item.text.match(/(^\w+:\/\/[A-Za-z0-9-_]+\.[A-Za-z0-9-_:%&\?\/.=]+) .*/i)) {
								join_text = s.auto_join_text_url;
							} else if (item.text.match(/^((\w+ed)|just) .*/im)) {
								join_text = s.auto_join_text_ed;
							} else if (item.text.match(/^(\w*ing) .*/i)) {
								join_text = s.auto_join_text_ing;
							} else {
								join_text = s.auto_join_text_default;
							}
						}

						// Basic building blocks for constructing tweet <li> using a template
						var screen_name = item.from_user || item.user.screen_name;
						var source = item.source;
						var user_url = "http://" + s.twitter_url + "/" + screen_name;
						var avatar_size = s.avatar_size;
						var avatar_url = item.profile_image_url || item.user.profile_image_url;
						var tweet_url = "http://" + s.twitter_url + "/" + screen_name + "/status/" + item.id_str;
						var retweet = (typeof (item.retweeted_status) != 'undefined');
						var retweeted_screen_name = retweet ? item.retweeted_status.user.screen_name : null;
						var tweet_time = parse_date(item.created_at);
						var tweet_relative_time = relative_time(tweet_time);
						var tweet_raw_text = retweet ? ('RT @' + retweeted_screen_name + ' ' + item.retweeted_status.text) : item.text; // avoid '...' in long retweets
						var tweet_text = $([tweet_raw_text]).linkUrl().linkUser().linkHash()[0];

						// Default spans, and pre-formatted blocks for common layouts
						var user = '<a class="tweet_user" href="' + user_url + '">' + screen_name + '</a>';
						var join = ((s.join_text) ? ('<span class="tweet_join"> ' + join_text + ' </span>') : ' ');
						var avatar = (avatar_size ?
                          ('<a class="tweet_avatar" href="' + user_url + '"><img src="' + avatar_url +
                           '" height="' + avatar_size + '" width="' + avatar_size +
                           '" alt="' + screen_name + '\'s avatar" title="' + screen_name + '\'s avatar" border="0"/></a>') : '');
						var time = '<span class="tweet_time"><a href="' + tweet_url + '" title="view tweet on twitter">' + tweet_relative_time + '</a></span>';
						var text = '<span class="tweet_text">' + $([tweet_text]).makeHeart().capAwesome().capEpic().cleanUp()[0] + '</span>';

						return { item: item, // For advanced users who want to dig out other info
							screen_name: screen_name,
							user_url: user_url,
							avatar_size: avatar_size,
							avatar_url: avatar_url,
							source: source,
							tweet_url: tweet_url,
							tweet_time: tweet_time,
							tweet_relative_time: tweet_relative_time,
							tweet_raw_text: tweet_raw_text,
							tweet_text: tweet_text,
							retweet: retweet,
							retweeted_screen_name: retweeted_screen_name,
							user: user,
							join: join,
							avatar: avatar,
							time: time,
							text: text
						};
					});

					tweets = $.grep(tweets, s.filter).sort(s.comparator).slice(0, s.count);
					list.append($.map(tweets,
                            function (t) { return "<li>" + expand_template(t) + "</li>"; }).join('')).
              children('li:first').addClass('tweet_first').end().
              children('li:odd').addClass('tweet_even').end().
              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");
		});
	};
	
	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(/&nbsp;/g,' ')  === "" )
				{
					$(this).remove();
				}
			});
		});
	}