jQuery.fn.fadeIn = function(speed, callback) {
	return this.animate({ opacity: 'show' }, speed, function() {
		if (jQuery.browser.msie)
			this.style.removeAttribute('filter');
		if (jQuery.isFunction(callback))
			callback();
	});
};
(function ($) {

	$.fn.tweet = function (o) {
		var s = {
			username: ["jostvvl", "carinatvvl", "loestvvl"],                // [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 = '<span class="tweet_time"><a href="http://' + s.twitter_url + '/' + from_user + '/statuses/' + item.id_str + '" target="_blank" title="view tweet on twitter">'/* + relative_time(item.created_at)*/ + '</a></span>';
						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");
		});
	};
})(jQuery);



$(function () {

	$(".tweet").tweet({
		join_text: "auto",
		avatar_size: 48,
		auto_join_text_default: "",
		auto_join_text_ed: "",
		auto_join_text_ing: "",
		auto_join_text_reply: "",
		auto_join_text_url: "",
		loading_text: "Tweets laden..."
	})//.bind("empty", function () { $(this).append("Gebruik de #vfitweets tag"); }).bind("full", function () { $(this).append("Volg Gosse Bosma, directeur VFI, via @gossebosma"); });

	$(".carousel").jCarouselLite({ btnPrev: ".prev", btnNext: ".next", visible: 2, easing: "easeinout", speed: 500, scroll: 1 });

	selectTab();
	var thema_aktief = $('#thema_aktief').text();
	
	$('#banner').addClass(thema_aktief);
	$('#btnContentSearch').click(function () {
		searchSubmit($(this));
		return false;
	});
	var searchSubmit = function (sNode) {
		var theForm = $(sNode).parent();
		var searchInputText = $(theForm).find('input:text');
		var searchInputHidden = $(theForm).find('input:hidden');
		searchTerm = encodeURIComponent(searchInputText.val());
		if (searchTerm.length > 2) {
			$("form").submit(function () { return false });
			var searchUrl = searchInputHidden.val();
			searchUrl += searchTerm;
			window.location = searchUrl;
		} else {
			alert('Vul minstens drie tekens in om te zoeken.');
			return false;
		}
	}
	$(".zoek input:text").each(function () {
		$(this).keydown(
				function (e) {
					if (e.keyCode == 13) {
						searchSubmit($(this));
						return false;
					}
				}
			);
		$(this).focus(
				function () {
					this.value = '';
				}
			);
		$(this).blur(
				function () {
					if (this.value == '') {
						this.value = 'zoeken';
					}
				}
			)
	})
	var removeEmptyOptionalElements = function (s) {
		if (typeof s == "undefined") s = $("body");
		s.find(".blok, .tekst, .extra, .afb, .afb_links, .afb_rechts, h2, h3, li").each(
			function () {
				var t = "";
				removeEmptyOptionalElements($(this));
				t = $.trim($(this).text().replace(/&nbsp;/g, ' '));
				if (t === "" && $(this).find("img,input,textarea,option,object,embed").length == 0) {
					$(this).remove();
				}
			}
		);
	}
	removeEmptyOptionalElements();
});
function selectTab() {
	var activeFragment = window.location.hash || $(".localtabs li:first span a").attr("href");
	var activeTab = "#algemeen";
	var activeTabDiv = "#tab_algemeen";
	$('.localtabgroup div.tab').hide();
	$(".localtabs li span a").each(
		function () {
			if (activeFragment == $(this).attr("href")) {
				activeTab = activeFragment;
				activeTabDiv = "#tab_" + activeFragment.toString().substring(1);
				$(this).parent().parent().parent().find("li.tabknop").removeClass('actief');
				$(this).parent().parent().addClass('actief');
				$('.tabgroup ' + activeTabDiv).show();
			}
		});
	$('.localtabs li.tabknop span > a').click(function () {
		$(this).parent().parent().parent().find("li.tabknop").removeClass('actief');
		$(this).parent().parent().addClass('actief');
		activeTabDiv = "#tab_" + ($(this).attr('href')).toString().substring(1);
		$(this).parent().parent().parent().parent().find('div.tab').hide();
		$(activeTabDiv).show();
		return false;
	});
}