var pags = new Array();
var pagHeight = 0;
var loading = false;
var crnt = false;
var cat_color;
var thema_pad;
var shop_pad;
var mapjes = 0;
var huidig = 8;

function init(aantal, kleur, pad, shop, eerste, data) {
	cat_color = kleur;
	thema_pad = pad;
	shop_pad = shop;
	
	var w = Math.floor((750 - 14 - (aantal-1) * 15) / aantal);	
	//pas fonts aan
	//Pas knoppen onderin aan
	$('.navknop').each(function () {
		var fs = 16;
		while($(this).width() > w) {
			$(this).css('font-size', fs);
			fs--;
		}
		$(this).css('width', w);
	});
	//$("#tabs").css('margin-left', $("#tabs").width()/2 * -1);
	laadContent(eerste, data);
}

function updatePage() {

}

function laadBericht(id) {
	$('#newsflash ul li').removeClass("selected");
	$('#nf' + id).addClass("selected");
	
	$("#attachments div").slideUp("fast");
	
	$("#tekst .content").fadeOut("fast", function() {
		$.ajax({
			type: "POST",
			url: "/ajax/nieuws.php",
			data: "id=" + id,
			success: function(response){
				var velden = response.split("[]");
				
				document.title = "Van den Berg Surf - " + velden[0];
				
				var tail = (velden[6] ? velden[6].toLowerCase() : 'windsurfing') + "/" + velden[5];
				
				try {
					window.history.pushState("", "Van den Berg Surf - " + velden[0], "/" + tail);
				} catch(err) {
					window.location.hash = velden[5];
				}
				
				var link = "http://www.vandenbergsurf.nl/" + tail;

				var tweet = '<a href="http://twitter.com/share" class="twitter-share-button" data-url="' + link + '" data-text="' + velden[0] + '" data-count="horizontal" data-via="vandenbergsurf">Tweet</a><script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script>';
				/*var like = '<iframe src="http://www.facebook.com/plugins/like.php?href=' + link + '&layout=button_count&show_faces=false&width=100&action=like&font=verdana&colorscheme=light" scrolling="no" frameborder="0" class="likeknop" allowTransparency="true"></iframe>';*/
				var like = '<iframe class="likeknop" src="//www.facebook.com/plugins/like.php?href=' + link + '&amp;send=false&amp;layout=button_count&amp;width=150&amp;show_faces=false&amp;action=like&amp;colorscheme=light&amp;font&amp;height=21&amp;appId=136273729776638" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:150px; height:21px;" allowTransparency="true"></iframe>';
				
				/*var like = '<fb:like href="' + link + '" send="false" layout="button_count" class="likeknop" width="150" show_faces="false"></fb:like>'*/

				if(velden[3].search(/inschrijving2/) > 1) {
					$(".extra").html("<br /><br /><input type='hidden' name='k2' value='true' />");
					$(".inaam").html("K2 PopThis");
				} else {
					$(".extra").html("<input type='checkbox' name='ski' /> Ski<br />" +
					"<input type='checkbox' name='snowboard' /> Snowboard" +
					"<input type='hidden' name='k2' value='false' />");
					$(".inaam").html("Deeper");
				}
					
				var bericht = unescape(velden[3]).replace(/\[inschrijving2?\]/, "<a href='#inschrijf' rel='inschrijf[gal]'><img src='/thema/classic/img/deeper.png' /></a>");
					
				$("#tekst .content").html("<div class='bertitel'><h6>" + velden[0] + "</h6></div><div class='berichthouder'>" + bericht + "</div><div class='social'>" + like + tweet + "</div>").fadeIn("fast");
				
				var fotoVeld = velden[7].split("{}");
				$(".fotoGallerij").html("");
				for(i = 0; i < fotoVeld.length - 1; i++) {
					var fotoData = fotoVeld[i].split("()");
					if (fotoData[1] != "nee")
						$(".fotoGallerij").append("<a href='" + fotoData[1] + "' rel='fotos[gal]'><img src='/uploads/nieuws/" + fotoData[0] + "' /><div class='vid'></div></a>");
					else
						$(".fotoGallerij").append("<a href='/uploads/nieuws/gr_" + fotoData[0] + "' rel='fotos[gal]'><img src='/uploads/nieuws/" + fotoData[0] + "' /></a>");
				}
				$(".fotoGallerij").hide().slideDown("fast");
				$("a[rel^='fotos']").prettyPhoto({overlay_gallery: false, keyboard_shortcuts: false});
				$("a[rel^='inschrijf']").prettyPhoto({overlay_gallery: false, keyboard_shortcuts: false, callback: function() {
					terug();
				}});
			}
		});
	});
}

function laadContent(pag, rawdata) {
	pag[0] = pag[0].toLowerCase();
	$(".navknop").css({'height' : 21, background : '#DDD'});
	$("#pag" + pag[0]).css({'height' : 22, background : '#FFF'});

	if(rawdata) {
		data = rawdata.split("[]");
		catid = data[0];
		post = data[1];
		art = data[2];
	}
	
	if(pag[0] != crnt && !loading) {
		if(pags[pag[0]]) {
			$("#" + crnt).fadeOut(200, function() {
				$("#" + pag[0]).fadeIn(200);
			});
			crnt = pag[0];
			return;
		}
		
		loading = true;
		if(crnt !== false)
			$("#" + crnt).fadeOut(200);
			$("#loader").show();
		$.ajax({
			type: "POST",
			url: "/ajax/specpag.php",
			data: "pag=" + pag[1] + "&datas=" + catid + "&post=" + post + "&art=" + art,
			success: function(result){
				result = result.replace(/\[thema_pad\]/g, thema_pad);
				result = result.replace(/\[shop_pad\]/g, shop_pad);
				result = result.replace(/\[cat_color\]/g, cat_color);
				
				$("#subcontent > div").not("#" + pag[0]).hide();

				$("#" + pag[0]).html(result).fadeIn(200);
				pags[pag[0]] = true;
				loading = false;
				crnt = pag[0];
				$("#loader").hide();
				if(pag[0] == "nieuws") {				
					$("a[rel^='fotos']").prettyPhoto({overlay_gallery: false, keyboard_shortcuts: false});
					$("a[rel^='inschrijf']").prettyPhoto({overlay_gallery: false, keyboard_shortcuts: false, callback: function() {
						terug();
					}});
										
					var h = $("#newsflash ul li").length * 62;
					if(h > 250) {
						$("#scrollbar").css({'height': Math.round(248/(h / 248))});
						
						$("#newsflash").scroll(function () { 
							var h = $("#newsflash ul li").length * 62;
							$("#scrollbar").css('top', (248 / h) * $(this).scrollTop());
						});
						
						$("#scrollbar").draggable({
							axis: "y", 
							containment: "parent",
							drag: function(event, ui) { 
								$("#newsflash").scrollTop((h / 248) * $(this).position().top);
							}
						});
					}
					
					$(window).bind("hashchange", function(e) {
						updatePage();
					});
				}
				
				if(pag[0] == "route")
					maakKaart();

				var nh = $("#" + pag[0]).height() + $("#" + pag[0]).offset().top;
				if(nh > pagHeight) {
					$("#subcontent").css({'height' : nh });
					pagHeight = nh;
				}
			}
		});	
	}
}

function stuurMail(locatie) {
	//Hoorn
	if(locatie == "hoorn") {
		var naam = $("#naam_h").val();
		var email = $("#email_h").val();
		var onderwerp = $("#onderwerp_h").val();
		var bericht = $("#bericht_h").val();
		
		var error = false;
		
		if(naam.length > 0) {
			$("#naam_h").css('border', '1px solid #000');
			$("#naam_h_e").hide();
		} else {
			$("#naam_h").css('border', '2px solid #FF0000');
			$("#naam_h_e").html("<br />Dit veld is vereist.").show();
			error = 1;
		}
			
		if(email.length > 0) {
			if(email.match(/.+@.+\..+/)) {
				$("#email_h").css('border', '1px solid #000');
				$("#email_h_e").hide();
			} else {
				$("#email_h").css('border', '2px solid #FF0000');
				$("#email_h_e").html("<br />Geef een geldig emailadres op.").show();
				error = 1;
			}
		} else {
			$("#email_h").css('border', '2px solid #FF0000');
			$("#email_h_e").html("<br />Dit veld is vereist.").show();
			error = 1;
		}
			
		if(onderwerp.length > 0) {
			$("#onderwerp_h").css('border', '1px solid #000');
			$("#onderwerp_h_e").hide();
		} else {
			$("#onderwerp_h").css('border', '2px solid #FF0000');
			$("#onderwerp_h_e").html("<br />Dit veld is vereist.").show();
			error = 1;
		}
			
		if(bericht.length > 0) {
			$("#bericht_h").css('border', '1px solid #000');
			$("#bericht_h_e").hide();
		} else {
			$("#bericht_h").css('border', '2px solid #FF0000');
			$("#bericht_h_e").html("<br />Dit veld is vereist.").show();
			error = 1;
		}
		
		if(!error) {
			$("#mailform_h").fadeOut(function() {
				$(".contactForm").addClass("loading");
			
				var timeout = setTimeout(function() {
					$(".contactForm").removeClass("loading");
					$("#mailform_h").show();
					$("#status_h").html('<span style="color: #FF0000">Het bericht duurt er te lang over om te worden verzonden!<br />Mogelijk is er geen verbinding met internet. Probeer het eventueel opnieuw.<br /></span>');
				}, 10000);
			
				$.ajax({
					type: "POST",
					url: "mail.php",
					data: "loc=hoorn&naam=" + naam + "&email=" + email + "&onderwerp=" + onderwerp + "&bericht=" + bericht,
					success: function(response) {
						clearTimeout(timeout);
						$(".contactForm").removeClass("loading");
						if(response == "success") {
							$(".contactForm").html("Bedankt voor je bericht!");
						} else {
							$("#mailform_h").show();
							$("#status_h").html('<span style="color: #FF0000">Serverfout 1. Het bericht kon niet worden verstuurd!<br /></span>');
						}
					}
				});
			});
		}
	}
	
	//Zandvoort
	if(locatie == "zandvoort") {
		var naam = $("#naam_z").val();
		var email = $("#email_z").val();
		var onderwerp = $("#onderwerp_z").val();
		var bericht = $("#bericht_z").val();
		
		var error = false;
		
		if(naam.length > 0) {
			$("#naam_z").css('border', '1px solid #000');
			$("#naam_z_e").hide();
		} else {
			$("#naam_z").css('border', '2px solid #FF0000');
			$("#naam_z_e").html("<br />Dit veld is vereist.").show();
			error = 1;
		}
			
		if(email.length > 0) {
			if(email.match(/.+@.+\..+/)) {
				$("#email_z").css('border', '1px solid #000');
				$("#email_z_e").hide();
			} else {
				$("#email_z").css('border', '2px solid #FF0000');
				$("#email_z_e").html("<br />Geef een geldig emailadres op.").show();
				error = 1;
			}
		} else {
			$("#email_z").css('border', '2px solid #FF0000');
			$("#email_z_e").html("<br />Dit veld is vereist.").show();
			error = 1;
		}
			
		if(onderwerp.length > 0) {
			$("#onderwerp_z").css('border', '1px solid #000');
			$("#onderwerp_z_e").hide();
		} else {
			$("#onderwerp_z").css('border', '2px solid #FF0000');
			$("#onderwerp_z_e").html("<br />Dit veld is vereist.").show();
			error = 1;
		}
			
		if(bericht.length > 0) {
			$("#bericht_z").css('border', '1px solid #000');
			$("#bericht_z_e").hide();
		} else {
			$("#bericht_z").css('border', '2px solid #FF0000');
			$("#bericht_z_e").html("<br />Dit veld is vereist.").show();
			error = 1;
		}
		
		if(!error) {
			$("#mailform_z").fadeOut(function() {
				$(".contactForm").addClass("loading");
			
				var timeout = setTimeout(function() {
					$(".contactForm").removeClass("loading");
					$("#mailform_z").show();
					$("#status_z").html('<span style="color: #FF0000">Het bericht duurt er te lang over om te worden verzonden!<br />Mogelijk is er geen verbinding met internet. Probeer het eventueel opnieuw.<br /></span>');
				}, 10000);
			
				$.ajax({
					type: "POST",
					url: "mail.php",
					data: "loc=zandvoort&naam=" + naam + "&email=" + email + "&onderwerp=" + onderwerp + "&bericht=" + bericht,
					success: function(response) {
						clearTimeout(timeout);
						$(".contactForm").removeClass("loading");
						if(response == "success") {
							$(".contactForm").html("Bedankt voor je bericht!");
						} else {
							$("#mailform_z").show();
							$("#status_z").html('<span style="color: #FF0000">Serverfout 1. Het bericht kon niet worden verstuurd!<br /></span>');
						}
					}
				});
			});
		}
	}
	
}

function initMapjes(aantal) {
	if(aantal <= 8)
		$("#nextKnop").hide();
		mapjes = aantal;
		$(".fadeBox").css('width', (Math.ceil(aantal / 8) * 920));
}

function schuifMapjes(vooruit) {
	if(vooruit && huidig < mapjes) {
		huidig += 8;
		if(huidig == 16)
			$("#prevKnop").fadeIn();
		$('.fadeBox').animate({"margin-left": (huidig - 8) / 8 * -920 }, { "queue": true, "duration": 600, "easing": "easeInOutCubic" });

		if(huidig >= mapjes)
			$("#nextKnop").fadeOut();
	}
	
	if(!vooruit && huidig > 8) {
		huidig -= 8;
		if(huidig == Math.floor((mapjes - 1) / 8) * 8)
			$("#nextKnop").fadeIn();
		$('.fadeBox').animate({"margin-left": (huidig - 8) / 8 * -920 }, { "queue": true, "duration": 600, "easing": "easeInOutCubic" });
			
		if(huidig <= 8)
			$("#prevKnop").fadeOut('fast');
	}
}

function label(label, obj) {
	var offset = $(obj).parent().position();
	$("#label").html(label).show().css({ 'width' : '', 'height' : '', 'font-size' : 15, 'z-index' : 830 });
	var nw = $("#label").width();
	var nh = $("#label").height();
	$("#label").css({'left': (offset.left + 15), 'top': (offset.top + 33), 'width' : 10, 'height' : 10, 'font-size' : 5 }).animate({ "width": nw, 'height': nh, 'left': offset.left - nw / 2 + 12, 'font-size' : 15 }, { "queue": false, "duration": 150, "easing": "easeInOutBack" });
}

function hideLabel() {
	$("#label").animate({ "height": 0 }, { "queue": false, "duration": 100, "easing": "easeInOutBack", "complete": function() {
		$("#label").hide();
	}});
}

function laadMap(id) {
	$("#label").hide();

	$(".mapjes").not("#mapjes" + (huidig - 8)).hide();
	
	$('.fadeBox').css('margin-left', 0).animate({"margin-left": -192, "margin-bottom": -80 }, { "queue": false, "duration": 600, "easing": "easeInOutCubic" });
	
	$("#mapjes" + (huidig - 8)).css('width', 1500);
	$(".map").eq(4).css('clear', 'left');
	
	$(".map").each(function() {
		$(this).animate({"margin-left": 96, "margin-bottom": 40, "opacity": 0 }, { "queue": false, "duration": 600, "easing": "easeInOutCubic", "complete": function() {
			$(this).hide();
		} });
	});
	
	t = setTimeout(function(){ 
		$("#perspag").css({ 'left' : 450, 'width' : 0, 'opacity' : 0 }).animate({"left": 0, "width": 900, 'opacity' : 1 }, { "queue": false, "duration": 500, "easing": "easeInOutCubic"});
		
		$("#prevKnop").fadeOut();
		$("#nextKnop").fadeOut();
		$("#fadeLinks").fadeOut();
		$("#fadeRechts").fadeOut();
		$(".fadeBox").fadeOut();
	}, 100);	
	
	$.ajax({
		type: "POST",
		url: "/ajax/team.php",
		data: "actie=laadPers&id=" + id,
		success: function(response) {
			$("#perspag").html(response);
		}
	});
}

function submitform() {
	var naam = $("#pp_full_res [name=naam]").val();
	var email = $("#pp_full_res [name=email]").val();
	var leeftijd = $("#pp_full_res [name=leeftijd]").val();
	var ski = $("#pp_full_res [name=ski]:checked").val();
	var snow = $("#pp_full_res [name=snowboard]:checked").val();
	
	var event = $("#pp_full_res [name=k2]").val();

	$(".formveld").css('border', '2px solid #777').next().html("");

	if(!naam) {
		$("#pp_full_res [name=naam]").css('border', '2px solid red').next().html("Geen naam ingevuld!");
		
		return;
	}
	if(!email) {
		$("#pp_full_res [name=email]").css('border', '2px solid red').next().html("Geen emailadres ingevuld!");
		return;
	}
	
	var regex = /^[a-zA-Z0-9._-]+@[a-zA-Z0-9.-]+\.[a-zA-Z]{2,4}$/
	if(!regex.test(email)) {
		$("#pp_full_res [name=email]").css('border', '2px solid red').next().html("Ongeldig emailadres");
		return;
	}
	
	if(!leeftijd) {
		$("#pp_full_res [name=leeftijd]").css('border', '2px solid red').next().html("Geen leeftijd ingevuld!");
		return;
	}
	
	if(leeftijd != parseInt(leeftijd) && leeftijd >= 8) {
		$("#pp_full_res [name=leeftijd]").css('border', '2px solid red').next().html("Ongeldige leeftijd");
		return;
	}

	$(".msg").html("");
	$(".inschrijven").fadeOut("fast");
	$.ajax({
		type: "POST",
		url: "../ajax/inschrijving.php",
		data: "event=" + event + "&naam=" + naam + "&email=" + email + "&leeftijd=" + leeftijd + "&ski=" + ski + "&snowboard=" + snow,
		success: function(response) {
			if(response == "success") {
				$(".bevnaam").html(naam);
				$(".bevemail").html(email);
				$(".formulier").animate({"margin-left": -600}, { "queue": true, "duration": 400, "easing": "easeInOutCubic" });	
			} else {
				$(".msg").html("Geen internetverbinding, probeer opnieuw!");
				$(".inschrijven").fadeIn("fast");
			}
		}
	});
}

function terug() {
	$("#pp_full_res [name=naam]").val("");
	$("#pp_full_res [name=email]").val("");
	$("#pp_full_res [name=leeftijd]").val("");
	
	$('input[name=ski]').attr('checked', false);
	$('input[name=snowboard]').attr('checked', false);
	$(".formulier").animate({"margin-left": 0}, { "queue": true, "duration": 400, "easing": "easeInOutCubic" , "complete": function() {
		$(".inschrijven").fadeIn();
	}});
}