var hoofdMenu;
var grootteItem;
var nieuwsFader;
var nieuwsTimeout;
var sliderTimeouts = {};

$(document).ready(function(){
	hoofdMenu = $("#menu > ul > li.selected").get(0);
	$("#tabs").tabs();
	$("#verdiepingTabs").tabs();
	$("#gratis").tabs();
	$("#menu > ul > li").each(applyMenu);
	if ($.browser.msie && $.browser.version == "6.0")
	{
		$("#nieuws1 .footer .background").each(function(i){
			$(this).css({ height: $(this).parent().height() });
		});
	}
	//nieuwsCarrousel("#nieuws1");
	
	
	
	/*var $arrimgs = $(".docTekst img");
	for(i = 0; i < $arrimgs.length; i++){			
		if($arrimgs.eq(i).width() > 410){
			$arrimgs.eq(i).width(410);
		}
		
	}*/
	
	$(".docTekst img").each(function(i){
		if ($(this).width() > 410)
			$(this).width(410);
	});
	
	zetGerelateerdeContent();
	
	
	//$(".docTekst img").css({'border' : 'solid 1px red'});
});

function nieuwsCarrousel(selector)
{
	if ($(selector).length < 1)
		return;

	var $scroll = $(selector + " > .content");
	var $panels = $(selector + " > .content > .slider > .sliderPanel");
	var $navigation = $(selector + " .nav");
	var $thumbs = $(selector + " .thumbs");
	var $prev = $(selector + " .nav .nav-btnPrev");
	var $next = $(selector + " .nav .nav-btnNext");

	$panels.css({
		position: "absolute",
		top: 0,
		left: 0,
		display: "none"
	});

	$($panels.get(0)).css({ display: "block" });

	function selectNav()
	{
		clearTimeout(nieuwsTimeout);

		$navigation.find("a").removeClass("selected");
		$thumbs.find("a").removeClass("selected");
		$(".nieuwsKlein.carrousel.selected").removeClass("selected");

		var n = -1;
		var _this = this;

		$navigation.find("a").each(function(i){
			if (this == _this)
				n = i;
		});

		if (n == -1)
		{
			$thumbs.find("a").each(function(i){
				if (this == _this)
					n = i;
			});
		}

		$($navigation.find("a").get(n)).addClass("selected");
		$($thumbs.find("a").get(n)).addClass("selected");
		$($(".nieuwsKlein.carrousel").get(n)).removeClass("hover");
		$($(".nieuwsKlein.carrousel").get(n)).addClass("selected");

		var a = nieuwsFader;
		var b = $($(this).attr("href"));
		nieuwsFader = b;

		if (a != null && a.attr("id") == b.attr("id"))
			return;

		b.fadeIn(1500);
		if (a != null)
			a.fadeOut(1500);

		nieuwsTimeout = setTimeout('$("'+selector+' .nav .nav-btnNext").click()', 5000);
	}

	$prev.click(function(){
		var a;
		$navigation.find("a").each(function(i){
			if (this.className.indexOf("selected") == 0)
				a = i;
		});

		a = (a == 0) ? $navigation.find("a").length - 1 : a - 1;

		$($navigation.find("a").get(a)).click();
	});
	
	$next.click(function(){
		var a;
		$navigation.find("a").each(function(i){
			if (this.className.indexOf("selected") == 0)
				a = i;
		});

		a = (a + 1 == $navigation.find("a").length) ? 0 : a + 1;

		$($navigation.find("a").get(a)).click();
	});
	
	$thumbs.find("a").each(function(i){
		$(this).hover(function(){
			if ($(this).hasClass("selected"))
				return;

			$($(".nieuwsKlein.carrousel").get(i)).addClass("hover");
		},function(){
			if ($(this).hasClass("selected"))
				return;

			$($(".nieuwsKlein.carrousel").get(i)).removeClass("hover");
		});
	});

	$(selector + " .nav").find("a").click(selectNav);
	$(selector + " .thumbs").find("a").click(selectNav);
	$(selector + " .nav a:first").click();
}

function addSlider(selector, isResizing, loop)
{
	if ($(selector).length < 1)
		return;

	var $panels = $(selector + " > .content > .slider > .sliderPanel");
	var $container = $(selector + " > .content > .slider");
	var $scroll = $(selector + " > .content");
	var w = $($panels.get(0)).width();
	var scrollOptions;

	$container.css({ width: (w)  * $panels.length, position: "relative" });
	$panels.css({
		width: w,
		clear: "none",
		float: "left",
		position: "relative"
	});

	$scroll.css({ overflow: "hidden", position: "relative" });
	
	function ieScroll(e, id, settings ){
		var elem = document.getElementById(id) || document.getElementsByName(id)[0];
		var dur = settings.duration;
		settings.duration = 500;
		
		if (!elem)
			return;

		if(e)
			e.preventDefault();
			
		if ($(settings.items).parent().find("#"+id).length < 1)
			return;

		var $target = $( settings.target );

		if( settings.lock && $target.is(':animated') ||
			settings.onBefore && settings.onBefore.call(settings, e, elem, $target) === false ) 
			return;

		if( settings.stop )
			$target.stop(true); // remove all its animations

		if( settings.hash ){
			var attr = elem.id == id ? 'id' : 'name',
				$a = $('<a> </a>').attr(attr, id).css({
					position:'absolute',
					top: $(window).scrollTop(),
					left: $(window).scrollLeft()
				});

			elem[attr] = '';
			$('body').prepend($a);
			location = "#"+id;
			$a.remove();
			elem[attr] = id;
		}
			
		$target
			.scrollTo( elem, settings ) // do scroll
			.trigger('notify.serialScroll',[elem]); // notify serialScroll about this change
			
		settings.duration = dur;
	};

	function selectNav()
	{
		$(this)
			.parents("ul:first")
				.find("a")
					.removeClass("selected")
				.end()
			.end()
			.addClass("selected");
		
		if (isResizing)
			$scroll.animate({ height: $($(this).attr("href")).height() }, 300);
		
		if (loop)
		{
			var j;
			var $items = $(this).parents("ul:first").find("a");
			$items.each(function(i){
				if ($(this).hasClass("selected"))
					j = i;
			});
			
			j = (j + 1 >= $items.length) ? 0 : j + 1;
			
			if (sliderTimeouts[selector])
				clearTimeout(sliderTimeouts[selector]);
			
			//sliderTimeouts[selector] = setTimeout(function(){ $($items[j]).click(); }, 5000);
			sliderTimeouts[selector] = setTimeout(function(){
				if ($.browser.msie && $.browser.version == "6.0")
					ieScroll(0, $($items[j]).attr("href").substr(1), scrollOptions);
				else
					$($items[j]).click();
			}, 5000);
		}
	}

	$(selector + " .nav").find("a").click(selectNav);

	function trigger(data)
	{
		var a = $(selector + " .nav").find('a[href$="' + data.id + '"]');
		if (a.length < 1)
			return;
		selectNav.call(a[0]);
	}

	if (window.location.hash)
		trigger({ id : window.location.hash.substr(1) });
	else
		$(selector + " .nav a:first").click();

	var offset = (isResizing) ? -15 : 0;

	scrollOptions = {
		target: $scroll,
		items: $panels,
		navigation: $(selector + " .nav"),
		prev: $(selector + " .nav .nav-btnPrev"),
		next: $(selector + " .nav .nav-btnNext"),
		axis: "x",
		onAfter: trigger,
		offset: offset,
		duration: 500,
		easing: "swing"
	};

	$(selector).serialScroll(scrollOptions);
	$.localScroll(scrollOptions);
	scrollOptions.duration = 1;
	$.localScroll.hash(scrollOptions);

	if (isResizing)
		$scroll.css({ height: $($panels.get(0)).height() });
}

function applyMenu(i)
{
	this.onmouseover = function()
	{
		if (hoofdMenu)
		{
			hoofdMenu.className = hoofdMenu.className.replace(" hover", "");
			hoofdMenu.className = hoofdMenu.className.replace("hover", ""); //Firefox 3 voor als dit de enige class is.
		}
		this.className += " hover";
	}
	this.onmouseout = function()
	{
		this.className = this.className.replace(" hover", "");
		this.className = this.className.replace("hover", ""); //Firefox 3 voor als dit de enige class is.
		
		if (hoofdMenu)
			hoofdMenu.className += " hover";
	}
}

function zetGrootte(c, p)
{
	if (grootteItem == null)
		grootteItem = $(".tekstGrootte a.middel").get(0);

	if (grootteItem)
	{
		grootteItem.className = grootteItem.className.replace(" selected", "");
		grootteItem.className = grootteItem.className.replace("selected", "");
	}

	document.getElementById("content").style.fontSize = p;
	c.className += " selected";
	grootteItem = c;

	if (p == '120%')
	    setActiveStyleSheet('groot');
	else if (p == '80%')
	    setActiveStyleSheet('klein');
	else
	    setActiveStyleSheet('default');
}

function setActiveStyleSheet(title) {
  var i, a, main;
  for(i=0; (a = document.getElementsByTagName("link")[i]); i++) {
    if(a.getAttribute("rel").indexOf("style") != -1 && a.getAttribute("title")) {
      a.disabled = true;
      if(a.getAttribute("title") == title) a.disabled = false;
    }
  }
}

function zetGerelateerdeContent()
{
	if ($(".gerelateerdNieuws").length < 1 || $(".docTekst").length < 1)
		return;
	
	var $nieuws = $(".gerelateerdNieuws");
	$nieuws.remove();
	
	var $els = $(".docTekst:first > br, .docTekst:first > ol, .docTekst:first > ul, .docTekst:first > p");
	var mid = Math.ceil($els.length / 2);
	var $el = null;
	
	if (mid == $els.length)
	{
		$(".docTekst:first").append($nieuws);
		$nieuws.css({ marginTop: "1.2em" });
	}
	else if ($els.get(mid).tagName == "BR")
	{
		$el = $($els.get((mid - 1 < 0) ? mid : mid - 1))
		$el.after($nieuws);
	}
	else
	{
		$el = $($els.get(mid));
		$el.before($nieuws);
		$nieuws.css({ marginTop: "1.2em" });
	}
	
	//alert($($el, " ~ :first").get(0).nodeName);
	//$($els.get(mid)).before('<div class="clear"></div>');
		
	$nieuws.find("img").remove();
	$nieuws.find("li > span > a").each(function(i){
		$p = $(this).parent().parent();
		$(this).remove();
		$p.append($(this));
		$p.contents().filter(function() { return this.nodeType === 3; }).remove();
	});
	$nieuws.find("li > span").remove();
}

function toonInlogPopup()
{
	document.getElementById('inlogpopup').style.display = 'block';  
	frm = document.inlogform;
	frm.loginnaam.focus();
	frm.wachtwoord.value = '';
}

function sluitInlogPopup()
{
	document.getElementById('inlogpopup').style.display = 'none'; 
}

function controleerInlogForm(frm){
				
		fm = '';

		if (isLeeg(frm.loginnaam.value) || isLeeg(frm.wachtwoord.value)){
			fm = 'Geef alstublieft uw loginnaam en wachtwoord op.';
		}

		if (fm != ''){
			alert(fm);
			return false;
		}
		else{
			return true;
		}

}



	function doSorteer(veld){
		var frm = document.zoekForm;			
		frm.sorteer.value = veld;
		frm.submit();
	}
	
	function verfijnDatum(interval){
		var frm = document.zoekForm;			
		frm.dateInterval.value = interval;
		frm.submit();		
	}
	function leegDatumCriteria(){
		var frm = document.zoekForm;			
		frm.dateInterval.value = '';
		frm.submit();
	}
	function verfijnRubriek(rubriekID){
		var frm = document.zoekForm;			
		frm.rubriek.value = rubriekID;
		frm.submit();
	}
	function leegRubriekCriteria(){
		var frm = document.zoekForm;			
		frm.rubriek.value = '';
		frm.submit();
	}
	function verfijnSoort(soort){
		var frm = document.zoekForm;			
		frm.soort.value = soort;
		frm.submit();
	}			
	function leegSoortCriteria(){
		var frm = document.zoekForm;			
		frm.soort.value = '';
		frm.submit();		
	}