/*
	graphical user interface scripts
*/
var $j;

	jQuery.noConflict();
	$j = jQuery;

	
	/*
	 * 
	*/
	$j(document).ready(function(){
		/*IE6 warning */
		$j(window).politeWarning(6,'<p>Geachte bezoeker,</p><p>U gebruikt een verouderde versie van Internet Explorer.<br /> Voor een goede werking van de website kunt u gratis upgraden naar de meest recente versie van Internet Explorer.<br /><a href="http://www.microsoft.nl/ie" title="Internet Explorer upgraden">Internet Explorer nu upgraden</a>.</p>');
		
		/*smooth scroll */
		$j('a[href=#top]').click(function(){
			$j('html, body').animate({scrollTop:0}, 'slow');
			return false;
		});


	});

window.onload=function(){
	if (document.getElementsByClassName == undefined) {
		document.getElementsByClassName = function(className)
		{
			var hasClassName = new RegExp("(?:^|\\s)" + className + "(?:$|\\s)");
			var allElements = document.getElementsByTagName("*");
			var results = [];

			var element;
			for (var i = 0; (element = allElements[i]) != null; i++) {
				var elementClass = element.className;
				if (elementClass && elementClass.indexOf(className) != -1 && hasClassName.test(elementClass))
					results.push(element);
			}
			return results;
		}
	}
	

	
	initFancyBox();
	if( typeof(window.makeEditable ) == 'function') 
		makeEditable();
	
	add_events_links();
	hide_login();
	
	add_click_searchbox();
	startGlider();
	
	if(typeof(onloadBekendmakingen) == 'function')	
		onloadBekendmakingen();	
	if(typeof(onloadAdressen) == 'function')	
		onloadAdressen();	
	if(typeof(onloadRegelingen) == 'function')	
		onloadRegelingen();	
}


/*
############################################
####									####
####	Start Slideshow					####
####	( alleen bij zoeken)			####
####									####
############################################
*/
function startGlider(){
	
	id = "scroller";
	
	if((document.getElementById) && ( document.getElementById(id))){
		
		$j("#scroller").scrollable({
		
			size: 1,
			clickable: false,
			loop: false,
			speed: 400
			
			}).circular().navigator({

			navi: "#scrollerNav",
			naviItem: 'a',
			activeClass: 'current'

		}).autoscroll( {
			autoplay: true,
			interval: 9000,
			steps: 1
			
		});		
	}
	
}

function initFancyBox()
{
	$j("a.photogallery").each(function(key, value)
	{
		$j(value).attr('rel','aap');
	});
	
	$j("a.photogallery").fancybox({
		'type'	: 'image',
		'titleShow' : true,
		'transitionIn' : 'fade',
		'transitionOut' : 'fade',
		'showNavArrows' : true
	});
}

String.prototype.trim = function() {
	return this.replace(/^\s+|\s+$/g,"");
}
function hasClass(ele,cls) {
	return ele.className.match(new RegExp('(\\s|^)'+cls+'(\\s|$)'));
}
function addClass(ele,cls) {
	if (!this.hasClass(ele,cls)) ele.className += " "+cls;
}
function removeClass(ele,cls) {
	if (hasClass(ele,cls)) {
		var reg = new RegExp('(\\s|^)'+cls+'(\\s|$)');
		ele.className=ele.className.replace(reg,' ');
	}
}


/*
 * Seach form functions
*/

function add_click_searchbox()
{
	set_click('q');
	set_click('zoeken');
	set_click('zoek');
}

function set_click(id)
{
	var s_box = document.getElementById(id);
	
	if (s_box)
	{
		s_box.onclick = function(){clear_sbox(this)};
	}
}

function clear_sbox(a_box)
{	
	
	
	if (a_box.value == 'Vul hier uw zoekopdracht in')
	{
		a_box.value = '';
	}
	if (a_box.value == 'Uw zoekopdracht')
	{
		a_box.value = '';
	}
}


/*
 * 
*/
function add_anchor_events()
{
	var content = document.getElementById('content');
	var links = content.getElementsByTagName('a');
	for (var n = 0; n < links.length; n++)
	{
		var l = new String(links[n].getAttribute('href'));
		if (l.indexOf('#') > -1)
		{
			links[n].onclick = function(){backlight(this)}
		}
	}
}

function toggleEditForm()
{
	toggle = document.getElementById('social_networks');
	toggle2 = document.getElementById('display');
	if (hasClass(toggle, "hidden"))
	{
		removeClass(toggle, "hidden");
		addClass(toggle2, "hidden");
	}
	else
	{
		removeClass(toggle2, "hidden");
		addClass(toggle, "hidden");
	}
}

function newwin()
{
	window.open(this.href,'_blank');
	return false;
}

function add_events_links()
{
	var links 	= document.getElementsByTagName('a');
	var img 	= '&nbsp;<img src="/style/images/icons/newwindow.png" alt="(Deze link opent in een nieuw venster)" />';
	for (var i = 0; i < links.length; i++)
	{
		title	= links[i].getAttribute('title');
		if(title == null)
			title = links[i].getAttribute('href');		
		
		var classes = links[i].className.split(' ');
		for(var j = 0; j < classes.length; j++)
		{
			switch (classes[j])
			{
				case 'newwindow':
					links[i].setAttribute('title', title + ', opent in een nieuw venster.');  
					links[i].onclick = newwin;
					links[i].innerHTML = links[i].innerHTML + img;
					break;
				case 'newwindownoicon':
					links[i].setAttribute('title', title + ', opent in een nieuw venster.');  
					links[i].onclick = newwin;
					links[i].innerHTML = links[i].innerHTML;
					break;	
			}
		}
	}
}


/*
 * login form functions
*/
function hide_login()
{
	$j('#login').offset({top: -45});

	$j('#togglelogin').toggle(
	
		function()
		{
			$j('#login').animate({"top": "+=43px"}, "600");
			$j("#login input[name='username']").focus();
		},
		function()
		{
			$j('#login').animate({"top": "-=43px"}, "fast");
		}
	);
};