document.write('<style type="text\/css">#nav_links ul { display: none }<\/style>');
function centerMiddle()
{
	var $mainbody = $('#mainbody');
	var winHeight = $(window).height();
	if (winHeight < 700)
		winHeight=700;
	var newMargin = Math.round((winHeight-700)/2);
	if (parseInt($mainbody.css('margin-top')) != newMargin)
	{
		$mainbody.css('margin-top', newMargin);
		document.cookie = 'margintop='+newMargin+';expires=' + (new Date(2038,1,1)).toUTCString();
	}
}
$(function(){
	$('img[align=left]').css('margin-right', '3px');
	$('img[align=right]').css('margin-left', '3px');
	setTimeout(function(){
		centerMiddle();
		$(window).bind('resize', centerMiddle);
	}, 20);
});

// nav specifics
var $currShownLi = null;
var hideUlTimeout = null;
function shownav($li)
{
	clearTimeout(hideUlTimeout);
	if ($li==$currShownLi)
		return;
	if ($currShownLi)
		$('ul',$currShownLi).hide();
	var $ul = $('ul',$li);
	if ($ul)
	{
		$ul.show();
		$currShownLi = $li;
	}
}
function hidenav(now)
{
	clearTimeout(hideUlTimeout);
	if (now==true)
		$('ul',$currShownLi).hide();
	else
		hideUlTimeout = setTimeout(function(){hidenav(true)},1000);
}
$(function(){
	// nav-items must get background image
	$('#nav_links li').each(function(){
		var $this = $(this);
		var $a = $('a:first',$this);
		var txt = trim($a.text());
		var mainTxt = $this.parents('li').find('img:first').attr('alt');
		if (mainTxt)
			var imgName = 'submenu_'+mainTxt+'_'+txt;
		else
			var imgName = txt;
		imgName = imgName.replace(/ +/g, '_');
		$a.css('width', $this.width()).html('<img src="/plaatjes/site41/'+imgName+'.jpg" alt="'+txt+'" />').hover(
			function(){ var $img = $(this).find('img:first'); $img.attr('src', $img.attr('src').replace(/(_roze)+\.jpg/i, ".jpg").replace(/\.jpg/i, "_roze.jpg")) }
			, function(){ var $img = $(this).find('img:first'); $img.attr('src', $img.attr('src').replace(/(_roze)+\.jpg/i, ".jpg")) }
		);
	});
	$('#nav_links ul').hide();
	$('#nav_links>li').hover(function(){shownav($(this))}, hidenav).each(function(){
		var $this = $(this);
		if ($this.find('ul').length)
			$this.find('a:first').attr('href', 'javascript:void(0)');
	});
	$('#nav_links ul').hover(function(){shownav($(this).parent('li'))}, hidenav);
	
	// arrows turn pink on hover
	$('span.scroll').hover(function(){$(this).addClass('hover')}, function(){$(this).removeClass('hover')});
});
function trim(str){ return str.replace(/(^ | $)/g, "") }


/* scroll article */
var pxPerSecond = 200;
var pxPerClick = 40;
var containerHeight = 320;
function stopScroll()
{
	$('#paragraphs').stop();
}
function scrollUp()
{
	var $scrolldiv = $('#paragraphs');
	var currMarginTop = parseInt($scrolldiv.css('margin-top'));
	var todo = currMarginTop * -1;
	if (todo > 0)
	{
		$scrolldiv.animate({marginTop:0}, (todo/pxPerSecond)*1000, "linear");
	}
}
function scrollDown()
{
	var $scrolldiv = $('#paragraphs');
	var currMarginTop = parseInt($scrolldiv.css('margin-top'));
	var todo = $scrolldiv.height() - containerHeight + currMarginTop;
	if (todo > 0)
	{
		$scrolldiv.animate({marginTop:-1*($scrolldiv.height() - containerHeight)}, (todo/pxPerSecond)*1000, "linear");
	}
}
$(function(){
	$('#scrollarticle #scroll-up').bind('mousedown', scrollUp).bind('mouseup', stopScroll);
	$('#scrollarticle #scroll-down').bind('mousedown', scrollDown).bind('mouseup', stopScroll);
});