// javascript by Gillz
$(document).ready(function() {

    // de login tonen en laten verdwijnen
    $('.switchlogin').click(function() {
        $('#zoeken').hide();
        $('#inloggen').toggle();
    });

    // de zoeken tonen en laten verdwijnen
    $('.switchzoeken').click(function() {
        $('#inloggen').hide();
	$('#zoeken').toggle();
    });

    // de tabs wisselen van class en van inhoud
    $('.tabje').click(function() {
        var id = this.id;
        // de tab kleuren
        $('.tabje').removeClass('active');
        $(this).addClass('active');
        // de items weergeven
        $('.blocks').hide();
        $('#blocks_' + id).toggle();
    });

    // de hyperslide in elkaar zetten
    var hypers = $('.hyperslider > li');
    var aantalhypers = hypers.length;
    setInterval("slidehyperslider(" + aantalhypers + ")", 4000);

    // het hoofdmenu veranderen van styles als deze gehovered worden
    $('#nav > li').hover(function() {
        $('.left', this).addClass('hovered');
        $('.middle', this).addClass('hovered');
        $('.right', this).addClass('hovered');
    }, function() {
        $('.left', this).removeClass('hovered');
        $('.middle', this).removeClass('hovered');
        $('.right', this).removeClass('hovered');
    });

    // de slider
    var sliders = $('#slider > #values > li');
    var aantalsliders = sliders.length;

    $('#slider > #app > .navigate > .left > .image').click(function() {
        var newslider = parseInt($(this).parent().attr('id'));
        setSlider(newslider, aantalsliders);
    });
    $('#slider > #app > .navigate > .right > .image').click(function() {
        var newslider = parseInt($(this).parent().attr('id'));
        setSlider(newslider, aantalsliders);
    });

    // de imgswitch van de laatste verslagen
    $('#laatsteverslagen > div > .imgswitch > li > a').mouseover(function() {
        $('#laatsteverslagen > div > .kader_small > img').stop(true, true).css('marginTop', '160px');
        $('#laatsteverslagen > div > .kader_small > img').attr('src', $(this).attr('image'));
        $('#laatsteverslagen > div > .overlayed').html($(this).attr('title'));
        $('#laatsteverslagen > div > .kader_small > img').stop(true, true).animate({ 'marginTop': '0px' }, 500);
    });

    // aanmelden bij de agenda
    init();
    $('.agaan_ja').click(function() {
        $(this).removeClass('agaan_ja').addClass('agaan_nee').val('Nee, ik kom niet');
        $('.melding', this.parent).show();
        init();
    });

//    // de tabs wisselen van class en van inhoud
//    $('#zoekbutton').click(function() {
//    var value = $('#zoekterm').value;
//            $('#searchField').value = value;
//        $('#searchForm').submit();
//    });

    // Wanneer er op een tekstbox wordt gedrukt
    var old_val = '';
    $('.tf')
	.focus(function() {
	    old_val = $(this).val();
	    $(this).val('');
	})
	.blur(function() {
	    if ($(this).val() == "") {
	        $(this).val(old_val);
	    }
	});

});


function init(){
	$('.agaan_nee').click(function(){
		$('.melding', this.parent).show();
	});	
}

var counter = 1;	
function slidehyperslider(aantal)
{
	if(counter == aantal){
		$('.hyperslider').animate({"marginTop": "0px"}, 500);
		counter = 0;
	}
	else{
		$('.hyperslider').animate({"marginTop": "-=160px"}, 500);
	}
	counter++;
}

function setSlider(id, aantal){
	// de linker wijzigen
	setSliderLeft(id-1, aantal);
	// de rechter wijzigen
	setSliderRight(id+1, aantal);
	// de middelste
	setSliderMiddle(id, aantal);
};

function setSliderLeft(id, aantal){
	if( id < 1){ id = aantal }
	var titel = $('#slider > #values > #'+id+' > .titel').html();
	$('#slider > #app > .navigate > .left').attr('id', id);
	$('#slider > #app > .navigate > .left > .titel > h2').html(titel);
}
function setSliderRight(id, aantal){
	if( id > aantal){ id = 1 }
	var titel = $('#slider > #values > #'+id+' > .titel').html();
	$('#slider > #app > .navigate > .right').attr('id', id);
	$('#slider > #app > .navigate > .right > .titel > h2').html(titel);
}
function setSliderMiddle(id, aantal){
	if( id < 1){ id = aantal }
	if( id > aantal){ id = 1 }
	// de categorie wijzigen in de overlayer
	var titel = $('#slider > #values > #'+id+' > .titel').html();
	$('#slider > .overlayed > h2').html(titel);
	var desc = $('#slider > #values > #'+id+' > .desc').html();
	$('#slider > .overlayed > p.desc').html(desc);
	// de achtergrond wijzigen
	//$('#slider > #app').hide();
	//$('#slider > #app').css('background', "url('"+$('#slider > #values > #'+id+' > .image').html()+"') no-repeat" );
	//$('#slider > #app').slideDown(500);
}