/* JQUERY */
$(document).ready(function()
{
	$('.zoekveld form').submit(function() 
	{
		var q = $('#q').val();
		var url = $('#zoekenUrl').val();
		
		window.location = url + '1/' + q;
		
		return false;
	});
	
	/**
	 *	ARCHIEF FOTO
	 */ 	
	$('.capriccioArchiefFoto')
		.hover(
			function() 
			{
				$(this).css({
					margin: '0px',
					border: '#d6be00 4px solid'
				});
			},
			function()
			{
				$(this).css({
					margin: '4px',
					border: '0'
				});
			}	
		);
		
	$('.laatste_nieuws .titel').hover(
		function() 
		{
			$(this).css({
				opacity : '1',
				filter : 'alpha(opacity=100)',
				'-moz-opacity' : '1'
			});
			
			$(this).find('a').css({
				'text-decoration' : 'underline'
			});
		},
		function() 
		{
			$(this).css({
				opacity : '.85',
				filter : 'alpha(opacity=85)',
				'-moz-opacity' : '.85'
			});
			
			$(this).find('a').css({
				'text-decoration' : 'none'
			});
		}
	).click(
		function()
		{
			url = $(this).find('a').attr('href');
			window.location = url;
		}	
	);
	
	var left = $('#leftBig');
	var right = $('#rightSmall');
	
	if (left.height() > right.height()) 
	{
		right.height(left.height());
	}
});

/* TOOLTIP */

$.fn.ToolTipDemo = function(bgcolour, fgcolour)
{
	this.mouseover(
		function(e)
		{
			var mouseX = e.pageX || (e.clientX ? e.clientX + document.body.scrollLeft : 0);
			var mouseY = e.pageY || (e.clientY ? e.clientY + document.body.scrollTop : 0);
			mouseX += 10;
			mouseY += 10;
			bgcolour = bgcolour || "#333";
			fgcolour = fgcolour || "#fff";
			
			var datum = $(this).attr('rel');
			var rel = $('img.volgende').attr('rel');
			url = '/' + rel + '/KleineAgenda/';
			
			if(!this.tooltipdiv)
			{
				var div = document.createElement("div");
				this.tooltipdiv = div;
				$(div).css(
				{
					'line-height': '17px',
					padding: "5px",
					width: "250px",
					backgroundColor: bgcolour,
					color: fgcolour,
					position: "absolute",
					opacity: '.85',
					filter: 'alpha(opacity=85)',
					'-moz-opacity': '.85'
				});
				this.title = "";
				this.alt = "";
			
				$.post(url, { ajax : 'agenda_items_tooltip', datum : datum }, function(data)
				{
					$(div).html(data);
				});
				
				$("body").append(div);
				$(div).addClass('tooltip_' + rel);
				this.tooltipset = true;
			}
			$(this.tooltipdiv).show().css({left: mouseX + "px", top: mouseY + 3 + "px"});
			
			tooltipX = mouseX;
			tooltipY = mouseY;
			pageWidth = $(window).width();
			pageHeight = $(window).height();
			tooltipWidth = 250
			tooltipHeight = $('.tooltip_' + rel).height();
			
			if (tooltipX + tooltipWidth > pageWidth) 
			{
				tooltipX = tooltipX - tooltipWidth - 30;
				$(this.tooltipdiv).css({left: tooltipX + "px"});
			}
					
			if (tooltipY + tooltipHeight > pageHeight)
			{
				tooltipY = tooltipY - tooltipHeight;
				$(this.tooltipdiv).css({top: tooltipY + "px"});
			}
		}
	).mouseout(
		function()
		{
			if(this.tooltipdiv)
			{
				$(this.tooltipdiv).hide();
			}
		}
	);
	return this;
}

/* DROPDOWN MENU */

var menuwidth='165px' //default menu width
var menubgcolor='#999'  //menu bgcolor
var disappeardelay=100  //menu disappear speed onMouseout (in miliseconds)
var hidemenu_onclick="yes" //hide menu when user clicks within menu?

var ie4=document.all
var ns6=document.getElementById&&!document.all

if (ie4||ns6)
{
	document.write('<div id="dropmenudiv" style="visibility:hidden;width:'+menuwidth+';" onmouseover="clearhidemenu()" onmouseout="dynamichide(event)"></div>')
}

function getposOffset(what, offsettype)
{
	var totaloffset=(offsettype=="left")? what.offsetLeft : what.offsetTop;
	var parentEl=what.offsetParent;
	
	while (parentEl!=null)
	{
		totaloffset = (offsettype=="left")? totaloffset+parentEl.offsetLeft : totaloffset+parentEl.offsetTop;
		parentEl=parentEl.offsetParent;
	}
	
	return totaloffset;
}


function showhide(obj, e, visible, hidden, menuwidth)
{
	if (ie4||ns6)
	{
		dropmenuobj.style.left=dropmenuobj.style.top="-500px"
	}
		
	if (menuwidth!="")
	{
		dropmenuobj.widthobj=dropmenuobj.style
		dropmenuobj.widthobj.width=menuwidth
	}
	
	if (e.type=="click" && obj.visibility==hidden || e.type=="mouseover")
	{
		obj.visibility=visible
	}
	else if (e.type=="click")
	{
		obj.visibility=hidden
	}
}

function iecompattest()
{
	return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body
}

function clearbrowseredge(obj, whichedge)
{
	var edgeoffset=0
	/*if (whichedge=="rightedge")
	{
		var windowedge=ie4 && !window.opera? iecompattest().scrollLeft+iecompattest().clientWidth-15 : window.pageXOffset+window.innerWidth-15
		
		dropmenuobj.contentmeasure=dropmenuobj.offsetWidth
		
		if (windowedge-dropmenuobj.x < dropmenuobj.contentmeasure)
		{
			edgeoffset=dropmenuobj.contentmeasure-obj.offsetWidth
		}
	}
	else
	{
		var topedge=ie4 && !window.opera? iecompattest().scrollTop : window.pageYOffset
		
		var windowedge=ie4 && !window.opera? iecompattest().scrollTop+iecompattest().clientHeight-15 : window.pageYOffset+window.innerHeight-18
		
		dropmenuobj.contentmeasure=dropmenuobj.offsetHeight
		
		if (windowedge-dropmenuobj.y < dropmenuobj.contentmeasure)
		{ //move up?
			edgeoffset=dropmenuobj.contentmeasure+obj.offsetHeight
			
			if ((dropmenuobj.y-topedge)<dropmenuobj.contentmeasure) //up no good either?
			{
				edgeoffset=dropmenuobj.y+obj.offsetHeight-topedge
			}
		}
	}*/
	return edgeoffset
}

function clearbrowseredgeTooltip(obj, whichedge)
{
	var edgeoffset=0
	if (whichedge=="rightedge")
	{
		var windowedge=ie4 && !window.opera? iecompattest().scrollLeft+iecompattest().clientWidth-15 : window.pageXOffset+window.innerWidth-15
		
		$(this.tooltip).contentmeasure=$(this.tooltip).offsetWidth
		
		if (windowedge-dropmenuobj.x < dropmenuobj.contentmeasure)
		{
			edgeoffset=dropmenuobj.contentmeasure-obj.offsetWidth
		}
	}
	else
	{
		var topedge=ie4 && !window.opera? iecompattest().scrollTop : window.pageYOffset
		
		var windowedge=ie4 && !window.opera? iecompattest().scrollTop+iecompattest().clientHeight-15 : window.pageYOffset+window.innerHeight-18
		
		dropmenuobj.contentmeasure=dropmenuobj.offsetHeight
		
		if (windowedge-dropmenuobj.y < dropmenuobj.contentmeasure)
		{ //move up?
			edgeoffset=dropmenuobj.contentmeasure+obj.offsetHeight
			
			if ((dropmenuobj.y-topedge)<dropmenuobj.contentmeasure) //up no good either?
			{
				edgeoffset=dropmenuobj.y+obj.offsetHeight-topedge
			}
		}
	}
	return edgeoffset
}

function populatemenu(what)
{
	if (ie4||ns6)
	{
		dropmenuobj.innerHTML=what.join("")
	}
}


function dropdownmenu(obj, e, menucontents, menuwidth)
{
	if (window.event)
	{
		event.cancelBubble=true
	}
	else if (e.stopPropagation)
	{ 
		e.stopPropagation()
	}
	
	clearhidemenu()
	dropmenuobj=document.getElementById? document.getElementById("dropmenudiv") : dropmenudiv
	populatemenu(menucontents)

	if (ie4||ns6)
	{
		showhide(dropmenuobj.style, e, "visible", "hidden", menuwidth)
		dropmenuobj.x=getposOffset(obj, "left")
		dropmenuobj.y=getposOffset(obj, "top")
		dropmenuobj.style.left=dropmenuobj.x-clearbrowseredge(obj, "rightedge")+"px"
		dropmenuobj.style.top=dropmenuobj.y-clearbrowseredge(obj, "bottomedge")+obj.offsetHeight+"px"
	}

	return clickreturnvalue()
}

function clickreturnvalue(){
	if (ie4||ns6) 
	{
		return false
	}
	else 
	{
		return true
	}
}

function contains_ns6(a, b) {
	while (b.parentNode)
	{
		if ((b = b.parentNode) == a)
		{
			return true;
		}
	}
	return false;
}

function dynamichide(e)
{
	if (ie4&&!dropmenuobj.contains(e.toElement))
	{
		delayhidemenu()
	}
	else if (ns6&&e.currentTarget!= e.relatedTarget&& !contains_ns6(e.currentTarget, e.relatedTarget))
	{
		delayhidemenu()
	}
}

function hidemenu(e)
{
	if (typeof dropmenuobj!="undefined")
	{
		if (ie4||ns6)
		{
			dropmenuobj.style.visibility="hidden"
		}
	}
}

function delayhidemenu()
{
	if (ie4||ns6)
	{
		delayhide=setTimeout("hidemenu()",disappeardelay)
	}
}

function clearhidemenu()
{
	if (typeof delayhide!="undefined")
	{
		clearTimeout(delayhide)
	}
}

if (hidemenu_onclick=="yes")
{
	document.onclick=hidemenu
}