/* Knop met hovereffect
-----------------------------------------------------------------------------------------*/
function knopHover( ele, hover ) {
	var imgExt  = [ 'png', 'gif' ];
	var imgFrom = ( hover ? '' : '-hover' );
	var imgTo   = ( hover ? '-hover' : '' );
	
	for ( var i in imgExt ) {
		if ( ele.nodeName == 'IMG' || ele.type == 'image' ) {
			ele.src = ele.src.replace( imgFrom+'.'+imgExt[i], imgTo+'.'+imgExt[i] );
		} else {
			ele.style.backgroundImage = ele.style.backgroundImage.replace( imgFrom+'.'+imgExt[i], imgTo+'.'+imgExt[i] );
		}
	}
}

/* Slider
-----------------------------------------------------------------------------------------*/
var sliderIndex = sliderTotaalIndex = 0;
var sliderKnoppenTonen = true;
var sliderInterval = false;
function initSlider() {
	if ( $("#slider").length == 0 ) {
		return;
	}
	
	$("#slider ul").css( { width: ( $("#slider ul li").width() * $("#slider li").length ) } );
	
	// Onderwerpen
	$("#slider").after('<ul id="slider-onderwerpen"></ul>');
	$("#slider h3").each( function(index) {
		sliderTotaalIndex++;
		$("#slider-onderwerpen").append( '<li onclick="sliderKnoppen( false, false ); slideNaar('+index+');">'+$(this).html()+'</li>' );
	} );
	$("#slider-onderwerpen").fadeTo( 0, 0, function() {
		$(this).fadeTo( 1000, 1 );
	} );
	
	// Knoppen
	$("#slider").after('<div id="slider-knoppen"><img src="/images/slider/knop-vorige.png" alt="Vorige" class="vorige" onclick="slideNaar( --sliderIndex );" /><img src="/images/slider/knop-volgende.png" alt="Volgende" class="volgende" onclick="slideNaar( ++sliderIndex );" /></div>');
	$("#slider").mousemove( function(e) {
		clearInterval( sliderInterval );
		sliderInterval = false;
		
		var relativeX = ( e.pageX - this.offsetLeft );
		if ( relativeX < this.offsetWidth / 4 && sliderIndex > 0 ) {
			sliderKnoppen( true, false );
		} else if ( relativeX > ( this.offsetWidth - this.offsetWidth / 4 ) && ( sliderIndex + 1 ) < sliderTotaalIndex ) {
			sliderKnoppen( false, true );
		} else {
			sliderKnoppen( false, false );
		}
	} );
	
	slideNaar( sliderIndex );
}
function sliderKnoppen( Vorige, Volgende ) {
	var knopVorige = $('#slider-knoppen .vorige');
	var knopVolgende = $('#slider-knoppen .volgende');
	
	if ( !sliderKnoppenTonen ) {
		Vorige = Volgende = false;
	}
	( Vorige ? knopVorige.show() : knopVorige.hide() );
	( Volgende ? knopVolgende.show() : knopVolgende.hide() );
}

function slideNaar( SetSliderIndex ) {
	sliderIndex = SetSliderIndex;
	
	sliderKnoppen( false, false );
	sliderKnoppenTonen = false;
	$("#slider-onderwerpen li:eq("+SetSliderIndex+")").addClass("actief");
	$("#slider-onderwerpen li:not(:eq("+SetSliderIndex+"))").removeClass("actief");
	
	var sliderBreedte = $("#slider ul li").width();
	var aLinks = ( ( sliderBreedte * SetSliderIndex ) * -1 );
	
	$("#slider ul").stop();
	$("#slider ul").animate( { marginLeft: aLinks+'px' }, 1500, function() { sliderKnoppenTonen = true; } );
}

$(document).ready( function() {
	// Submenu
	$('#submenu').filter( function() {
		if ( $(this).find('.actief').length ) {
			return false;	
		}
		return true;
	}).hide().show("slow");
	
	// Mededelingen
	if ( $(".mededelingen") ) {
		$(".mededelingen").fadeTo( 0, 0.95 );
		setTimeout( function() { $(".mededelingen").fadeOut("slow"); }, 5000 );
	}
	
	// Punten met uitleglijst
	$('.kliklijst').find('.tekst').hide().end().find('.titel').click( function() {
		$(this).next().toggle("slow");
	});
	$('.kliklijst .tekst:last').css( { paddingBottom: '0px' } );
	
	// Slider
	initSlider();
	
	// Hover over knoppen
	$('input,img').filter('.knop').hover(
		function() { knopHover( this, true ); },
		function() { knopHover( this, false ); }
	);
} );