$(document).ready(function() {
    
    setInterval(pingsession, 1000*60*10);
	
	$('#slider_container').coinslider({width: 494, height: 290, navigation: true, delay: 4000, effect: 'rain'});

	$('.inloggen').click(function(event)
	{
		event.preventDefault()
		$('.registreer').fadeOut(350, function() {
			$('.registreer').hide();
			$('.login_form').fadeIn('fast');
		}); 
	});
	
	$('.uitloggen').click(function(event){
		event.preventDefault()
		$.post('/data.php', {s:'uitloggen'}, function(data) {
			if(data=='ok'){
				document.location = '/';
			}
			else{
				alert(data);
			}
		});
	})
	
	$('#miniloginform').submit(function(e){
		e.preventDefault();
		var str = $('form#miniloginform').serialize();
		$.post('/data.php', str, function(data) {
			if(data=='ok'){
				document.location = '/account';
			}
			else{
				alert(data);
			}
		});
	})
    
    $('#nieuwsbriefform').submit(function(e){
		e.preventDefault();
		var str = $(this).serialize();
		$.post('/data.php', str, function(data) {
			if(data=='ok'){
				document.location = '/';
			}
			else{
				flash('#nieuwsbriefflash');
			}
		});
	})
	
	Cufon.replace('.uitslag span',{fontStyle:'italic'});
	
	
});


//PingPong Functie
//zorgt ervoor dat de sessie niet verloopt
function pingsession(){
    $.post('/data.php', {s:'pingsession'}, function(data){
        
    })
}

//Flash functie
//zorgt ervoor dat de flash message geladen wordt met ajax en weergegeven
function flash(div){
    $.post('/flash', {p: 'flash'}, function(data){
        if(div != undefined){
            $(div).empty()
            $(div).prepend(data)
        }
        else{
            $('#navigation').append(data)
        }
    })
}

//zorgt ervoor dat je niet meer dan een aantal tekens kan intypen in een input
function limitField(selector, counterselector, limit){
    
    if(typeof($(selector).val()) != 'undefined'){
        var togo = limit - $(selector).val().length

        if(togo <= 0){
            $(counterselector).html('Geen tekens over.')
        }
        else{
            $(counterselector).html('Nog '+togo+' tekens over.')
        }

        $(selector).keyup(function(){

            togo = limit - $(selector).val().length

            if(togo <= 0){
                $(counterselector).html('Geen tekens over.')
                $(selector).val($(selector).val().substring(0, limit))
            }
            else{
                $(counterselector).html('Nog '+togo+' tekens over.')
            }
        })
    }
}