// frontend.js 		Extends jQuery / ui for Morgenster Site
// Author: 			Erik Leutscher
// Link: 			elweb.nl

/*--- Calender functions ---*/
	function insertDates(title, dates, error) {
		$('h2.title').html(title);
		$('#output').hide('fade');
		$('#output').html('');
		if(error==false) {
			for(var i in dates) {
				$('#output').append('<div class="k_date left"><h4>'+dates[i].datum+'</h4></div><div class="k_info left"><h3><a href="'+baseurl+'kalender/event/'+dates[i].id+'">'+dates[i].titel+'</a></h3>'+dates[i].info+'</div><div class="clear"></div><hr/>');
			}
		}
		else {
			$('#output').html('<p>Geen data bekend voor deze datum</p>');
		}
		$('#output').show('fade');
	}

$(document).ready(function(){
	
// General Functions
	
	// Slideshow
	$('#slideshow').cycle({
		fx: 'fade',
		speed: 8000
	});
	
	// Fancybox img
	$("a.fb").fancybox();
	
	// Fancybox iframe
	$("a.fb_iframe").fancybox({
		'type'			: 'iframe',
		'padding'		: '0',
		'titleShow'		: false,
		'width'			: 535,
		'enableEscapeButton': true,
		'height'		: 400,
		'autoScale'		: false,
		'autoDimensions': false,
		'overlayColor'	: '#222',
		'overlayOpacity': 0.8,
		'centerOnScroll': true
	});
		
	// Newsslider
	$('#newsslider').cycle({ 
	    fx:     'scrollUp', 
	    timeout: 10000, 
	    delay:  -2000 
	});
	
	// zoom a image when clicked
	$(".zoom").fancybox({
			'hideOnContentClick': true,
			'overlayShow': true,
			'zoomSpeedIn': 600,
			'zoomSpeedOut': 500,
			'easingIn': 'easeOutBack',
			'easingOut': 'easeInBack',
			'titlePosition': 'over'
	});

	// Default datepicker settings
	$.datepicker.regional['nl'] = {
			closeText: 'Sluiten',
			prevText: '←',
			nextText: '→',
			currentText: 'Vandaag',
			monthNames: ['januari', 'februari', 'maart', 'april', 'mei', 'juni',
			'juli', 'augustus', 'september', 'oktober', 'november', 'december'],
			monthNamesShort: ['jan', 'feb', 'maa', 'apr', 'mei', 'jun',
			'jul', 'aug', 'sep', 'okt', 'nov', 'dec'],
			dayNames: ['zondag', 'maandag', 'dinsdag', 'woensdag', 'donderdag', 'vrijdag', 'zaterdag'],
			dayNamesShort: ['zon', 'maa', 'din', 'woe', 'don', 'vri', 'zat'],
			dayNamesMin: ['zo', 'ma', 'di', 'wo', 'do', 'vr', 'za'],
			weekHeader: 'Wk',
			dateFormat: 'dd-mm-yy',
			firstDay: 1,
			isRTL: false,
			showMonthAfterYear: false,
			yearSuffix: ''};
	$.datepicker.setDefaults($.datepicker.regional['nl']);
	
/*--- Groep page functions ---*/
	function getGroepen(limiter) {
		$.post(baseurl+"school/ajax_sortGroep", { 'sort': limiter },
		  function(data){
			$('#output').html('');
			for(var i in data) {
				$('#output').append('<div class="groep"><div class="groep_img left"><a href="'+baseurl+data[i].foto+'" class="fb"><img src="'+baseurl+data[i].foto+'" width="250" /></a></div><div class="groep_title"><h3>Groep '+data[i].groep+'</h3></div><div class="groep_info left"><strong>Docent</strong><br/>'+data[i].docent+'<br/><br/><a class="button ui-corner-all" href="'+baseurl+'nieuws/groep/'+data[i].id+'"><span class="ui-icon ui-icon-home"></span>Bekijk groepspagina</a></div><div class="groep_content left"><strong>Locatie</strong><br/>'+data[i].locatie+'</div><div class="clear"></div></div><div class="clear"></div><hr/>');
				$("a.fb").fancybox();
			}
		}, "json");
	}
	$('.groepSort').click(function(event){
		var limiter = this.name;
		getGroepen(limiter);
		event.preventDefault();
	})
	
	
/*--- Contact page functions ---*/

	// Normal contact page function
	$("#contact").submit(function(event){
		
		$(":input").removeAttr('style');
		
		// Getting every value
		var vnaam		= $("#vnaam").val();
		var anaam		= $("#anaam").val();
		var bedrijf		= $("#bedrijf").val();
		var straatnr	= $("#straat").val()+' '+$("#nr").val();
		var pcwp		= $("#postcode").val()+' '+$("#plaats").val();
		var email		= $("#email").val();
		var tel			= $("#tel").val();
		var vraag		= $("#vraag").val();
		
		// Post it to php
		$.post(basepage+"/contact/ajax_contact_submit", { 'vnaam': vnaam, 'anaam': anaam, 'bedrijf': bedrijf, 'straatnr': straatnr, 'pcwp': pcwp, 'email': email, 'tel': tel, 'vraag': vraag },
		  function(data){
			
			if(!data.error) {
				$(":input").val();
				$("#msgcontainer").append('<div id="succesmsg">Uw gegevens zijn succesvol verstuurd. Dank u wel.</div>');
				$("#msgcontainer").show('blind', 'slow');
				setTimeout('$("#msgcontainer").hide("blind", "slow")', 3500)
				setTimeout('$("#succesmsg").remove()', 4000);												
			}
			else {
				$("#errormsg").remove();
				for(var i in data.error) {
					$('#'+data.error[i]).attr("style", 'border:#C00009 solid 1px;');
				}
				$("#msgcontainer").append('<div id="errormsg">Een aantal velden zijn niet correct ingevuld. Deze zijn gemarkeerd met rood.</div>');
				$("#msgcontainer").show('blind', 'slow');
				setTimeout('$("#msgcontainer").hide("blind", "slow")', 3500);
				setTimeout('$("#errormsg").remove()', 4000);				
			}
			
		}, "json");

		event.preventDefault();
	});


});