$(document).ready(function() {
	if ($.browser.msie) {	
		function sfChangeStyle(sfEls){
	        for (var i=0; i<sfEls.length; i++) {
	            sfEls[i].onmouseover = function() {
	                this.className += " sfhover";}         
	            sfEls[i].onmouseout = function() {
	                this.className = this.className.replace(new RegExp(" sfhover\\b"), "");}
			}
		}

	    sfHover = function() {
	        var sfEls = document.getElementById("adminLinks").getElementsByTagName("LI");
	        sfChangeStyle(sfEls);
		}

	    if (window.attachEvent) {
	        window.attachEvent("onload", sfHover);
		}
	} else {
		$('#adminLinks li').hover(
			function() { $('ul', this).css('display', 'block'); },
			function() { $('ul', this).css('display', 'none'); }
		);
	}
	
	/* ****** */
	/* Accordion Kalender */

	if ($(".accordionContainer").length > 0) {
		$(".accordionContainer").hide();

		var i = 0;
		var contentArray = new Array();
		$(".accordionContent").each(function() {
			contentArray[i] = $(this).html();
			i++;
		});

		i = 0;
		$(".accordionContainer h1 span").each(function() {
			$(".accordion").append("<div><h3><a href='#' class='accordionLink'>" + 
				$(this).text() + "<div class='arrowleft'></div></a></h3>" + 
				"<div>" + 
				contentArray[i] + 
				"</div>" + "</div>");
			i++;
		});

		var oldClickedItem;
		oldClickedItem = $(".accordion .accordionLink:first div");
		
		$(".accordion .accordionLink:first div").addClass("arrowdown");
		
		$(".accordion a").click(function () {
			if (oldClickedItem) {
				oldClickedItem.removeClass('arrowdown').addClass('arrowleft');
			}

			var clickedItem = $(this).find('div');
			clickedItem.removeClass('arrowleft').addClass('arrowdown');

			oldClickedItem = clickedItem;
		});

		$(".accordionContainer").remove();

		$(function(){
			$(".accordion").accordion({ 
				header: "h3",
				autoHeight: false
			});
		});
	}

	/* ****** */
	/* Accordion voor boekenlijst*/

	if ($(".reeks").length  > 0) {
		$(".reeks").hide();

		var i = 0;
		var contentArray = new Array();

		$(".reeks .boeken").each(function() {
			$(".reeks .boeken .foto").remove();
			contentArray[i] = $(this).html();
			i++;
		});

		i = 0;
		$(".reeks span.reeksnaam").each(function() {
			$(".accordionBoeken").append("<div><h3><a href='#' class='accordionLink'>" + 
				$(this).text() + "<div class='arrowleft'></div></a></h3>" + 
				"<div class='block'>" + 
				contentArray[i] + 
				"</div>" + "</div>");
			i++;
	
		});

		var oldClickedItem;
		$(".accordionBoeken a").click(function () {
			$(".calender-item td").css("display","block");
			if (oldClickedItem) {
				oldClickedItem.removeClass('arrowdown').addClass('arrowleft');

			}

			var clickedItem = $(this).find('div');
			clickedItem.removeClass('arrowleft').addClass('arrowdown');
			oldClickedItem = clickedItem;
		});

		$(".accordionContainerBoeken").remove();

		$(function(){
			$(".accordionBoeken").accordion({ 
				header: "h3",
				collapsible: true,
				autoHeight: false,
				active: true
			});	
		});
	}

	/* ****** */

	/* ****** */
	/* Tabs */
	/* ****** */
	$('.tabs').tabs();
	$('.tabs').css('display', 'block');

	var oldTabItem = $(".tabs ul:first li:first a")
	$(".tabs ul:first li a").click(function() {
		if (oldTabItem) {
			oldTabItem.removeClass('active');
		}

		var clickedItem = $(this);
		$(this).addClass('active');

		oldTabItem = clickedItem;
	});
});