

;

/*

 *	jQuery logger

 *	copyright 2009

 *

 *	@author 	Boy van Amstel

 *	@version 	1.0

 *

 *	Usage:

 *	// Load the debugger class

 *	$(this).logger({ console: console, enabled: true, title: "My debugger" });

 *	// Log an event

 *	$("div").log("Set div to hidden!", "warn", "Some title").hide();

 *

 *	Minimal setup:

 *	$(this).logger({ enabled: true });

 *	$("div").log("Set div to hidden!").hide();

 *

 *	Multiple messages:

 *	$(this).logger({ enabled: true });

 *	$("div").log(([{ type: "warn", msg: "Set div to hidden!"}, {type: "info", msg: "It's really gone.." }]), null, "Some title");

 *

 *	Changes 1.0:

 *	[11/09/2009]	- First release 

 */

var jQuery = window.jQuery || {};

jQuery.logger = 

{

	console: window.console,

	enabled: false,

	title: "jQuery.logger",

	defaultLogType: "info",

	defaultLogTitle: "Default",

	build : function(options) {



		// Default settings

		var defaults = {

			console: jQuery.logger.console,

			enabled: jQuery.logger.enabled,

			title: jQuery.logger.title,

			defaultLogType: jQuery.logger.defaultLogType,

			defaultLogTitle: jQuery.logger.defaultLogTitle		

		}



		// Move to options

		var options = jQuery.extend(defaults, options);



		// Attach options to object

		jQuery.logger.console = options.console;

		jQuery.logger.enabled = options.enabled;

		jQuery.logger.title = options.title;

		jQuery.logger.defaultLogType = options.defaultLogType;

		jQuery.logger.defaultLogTitle = options.defaultLogTitle;



		// If the console is set, notify the user everything went fine

		if(options.console)

			this.log("Class loaded", "info", options.title);

			

	},

	// Send a debug message

	debug : function(logs) {



		// Only debug when possible

		if(!logs || !jQuery.logger.console || !jQuery.browser.mozilla || !jQuery.logger.enabled)

			return false;



		// Set group name

		jQuery.logger.console.group(jQuery.logger.title);

		

		// Show the messages

		for(msg in logs.msgs)

			jQuery.logger.console[logs.msgs[msg].type](logs.title + " - "+logs.msgs[msg].msg);

	

		// End group

		jQuery.logger.console.groupEnd();

		

	},

	// Send a log message to jQuery.logger.debug

	log : function(msg, type, title) {

		

		if(typeof(msg) == "object") {

			//alert(msg.length);

			// Send to the debugger	

			jQuery.logger.debug({ 

				title: title,

				msgs: msg 

			});

		

		}

		else {

		

			// Send to the debugger	

			jQuery.logger.debug({ 

				title: title,

				msgs: [{ type: type, msg: msg }] 

			});



		}		

	}

};



jQuery.fn.extend({

		logger: jQuery.logger.build

});	



// Add log functionality to all objects

jQuery.fn.log = function (msg, type, title) {

	if(!type) type = jQuery.logger.defaultLogType;

	if(!title) title = jQuery.logger.defaultLogTitle;

	jQuery.logger.log(msg, type, title);

	return this;

};

// Enable logger
jQuery(function() {
	jQuery(document).logger({ enabled: true });
});

;

/*
 *	jQuery showloading
 *	copyright 2009
 *
 *	@author 	Boy van Amstel
 *	@version 	1.0
 *
 *	Usage:
 *
 *	Minimal setup:
 *	$("#box_headlines_overview").showloading();
 *
 *	Changes 1.0:
 *	[09/10/2009]	- First release 
 */
 
jQuery.showloading = 
{
	object: null,
	show: function() {
		if(jQuery.showloading.object) {
			jQuery.showloading.reposition();
			jQuery.showloading.object.stop().fadeIn(100);
		}
	},
	hide: function() {
		if(jQuery.showloading.object)
			jQuery.showloading.object.stop().fadeOut(100);
	},
	reposition: function() {
		if(jQuery.showloading.object) {

			var el = jQuery(jQuery.showloading.object);
			var jWin = jQuery(window);
			var isWin = window;
			var heightFudge = isWin ? 2.0 : 1.8;

	        var x = (isWin ? jWin.width() : jWin.outerWidth()) / 2 - el.outerWidth() / 2;
	        var y = (isWin ? jWin.height() : jWin.outerHeight()) / heightFudge - el.outerHeight() / 2;

	        el.css("left", x + jWin.scrollLeft());
	        el.css("top", y + jWin.scrollTop());

		}
	},
	build : function(options) {
		
		try {
		
			// Default settings
			var defaults = {
				title: "jQuery.showloading"
			}
	
			// Move to options
			var options = jQuery.extend(defaults, options);
			
			// Variables
			var object = this;
			jQuery.showloading.object = object;
			
			// Add image
			$(object).html('<img src="/static/img/loading_circle-big.gif" alt="Loading.." />');
			
			jQuery(this).log("Class loaded", "info", options.title);
			
			jQuery(object).css({ position:'absolute', display: 'none' });
			
			jQuery.showloading.reposition();
						
			jQuery(window).resize(jQuery.showloading.reposition);
			//jQuery(object).resize(jQuery.showloading.reposition);
			
		}
		catch(err) {
			jQuery(this).log("Error during loading - " + err, "error", options.name);
		}

		return this;
	}
};

jQuery.fn.extend({
		showloading: jQuery.showloading.build
});

var loadingOverlay;
jQuery(function() {
    loadingOverlay = jQuery(".loading_overlay").showloading();
});


;

var wrap = null;
var overlayApi = null;
var overlayAjaxApi = null;
var pbplayerCurrent = null;
var pbplayerOverlayCurrent = null;
var settings = {};
var push_url = null;
var push_url_original = null;

var DriefmFunctions = new function() {
	var self = this;
	
	self.init = function() {
		self.init_lazyload();
		self.init_accordion();
		self.init_scrollboxes();
		self.init_tabs();
		self.init_player();
		self.init_overlay();
		self.init_popups();
		self.init_foldouts();
		self.init_linkselect();
		self.init_ajaxlink();
		self.init_formvalidation();
		self.init_topmenu();
		self.init_refreshcaptcha();
		self.init_stickyfooter();
		self.init_amberalert();
		self.init_datepicker();
		self.init_article_answer();
		
		self.social.facebook_init();
        self.social.twitter_init();
		self.social.attach_events();
	};
	
	/* INIT LAZYLOAD */
	self.init_lazyload = function() {
		if(typeof $.fn.lazyload != "undefined") {
			$("img[data-original]").lazyload({ 
				failure_limit: 4,
				threshold: 100,
				skip_invisible: false
			});
		}
	};
	
	/* INIT ACCORDION-TABS */
	self.init_accordion = function() {
		$.tools.tabs.addEffect("slideFast", function(i, done) {
			this.getPanes().slideUp('fast');
			this.getPanes().eq(i).slideDown('fast', function()  {
				done.call();
			});
		});
		
		$("#highlights_accordion").tabs("#highlights_accordion section", {
			tabs: 'h2',
			effect: 'slideFast',
			initialIndex: null
		});
	};
	
	/* INIT FANCY SCROLLABLE BOXES */
	self.init_scrollboxes = function() {
		if(typeof $.fn.slimScroll != "undefined") {
			$('#box5_agenda_recent .list-schedule-scrollable').slimScroll({
				height: '249px',
				color: '#acbfc3',
				opacity: 1,
				distance: '6px',
				size: '4px'
			});
			
			$('#box5_audio_recent .list-fragments-singleplayer').slimScroll({
				height: '368px',
				color: '#acbfc3',
				opacity: 1,
				distance: '6px',
				size: '4px'
			});
		}
	};
	
	/* INIT TABS */
	self.init_tabs = function() {
		$("#nieuws_recent_tabs").tabs("#box5_nieuws_recent .panes > div", {
			current: 'active'
		});
      
        $("#overlay_tabs").tabs(".overlay .panes > div", {
			current: 'active'
		});
	};
	
	/* INIT PLAYER */
	self.init_player = function() {
		if(typeof PB != "undefined" && typeof PB.Player != "undefined") {
			// Config
			PB.Player.config({
				swfPath: '/static/js/pbplayer/flex/',
				skin: 'npo',
				skinPath: '/static/js/pbplayer/skins/npo/',
				volume: 99
			});
			
			$("div.article-audiofragment-pb").each(function() {
				var url = $(this).data('url');
				var title = $(this).data('title');
				var player_id = 'audioplayer-' + helper_string_to_slug(url) + '-' + Math.ceil(Math.random()*33333);
				
				if($(this).attr('id') == undefined) {
					$(this).attr('id', player_id);
					
					if($(this).data('autoplay')) {
					   var autoplay = true;
					} else {
						var autoplay = false;
					}
					
					var player = new PB.Player(
						{
							title: title,
							url: url,
							codec: 'mp3'
						},
						// Instantie specifieke params
						{
							renderTo: player_id,
							autostart: autoplay,
							volume: 99
						}
					);
				}
			});
		}
	};
	
	self.init_article_answer = function() {
		$(".article-answer-reveal").on('click', function() {
			$(this).hide();
			$(this).parent().find('.article-answer').css('display', 'inline-block');
			
			return false;
		});
	};
	
	/* INIT OVERLAY */
	self.init_overlay = function() {
		// In #wrap moet de content komen te staan
		wrap = $("#overlay_ajax #wrap");
		
		overlayApi = $("#overlay").overlay(
			{
				api: true,
				speed: 100,
				top: 50,
				left: 'center',
				mask: {
					color: '#000000',
					opacity: 0.8,
					loadSpeed: 100
				},
				onBeforeLoad: function() {
				
					if(settings.overlaySettings.type == 'iframe') {
						// IFRAME maken + resize-listener starten
						$('<iframe />', {
							name:    'overlay_content',
							id:        'overlay_content',
							allowtransparency: 'true',
							width:    650,
							height:    ($(window).height() - 100),
							src:    settings.overlaySettings.url
						}).appendTo('#overlay');
						
						if(settings.overlaySettings.width_type == 'dynamic') {
							$("#overlay_content").width($(window).width() - 100);
							$("#overlay").width($(window).width() - 100);
						} else {
							$("#overlay").width(650);
						}
						
						// IFRAME-element in overlay-DIV bij resizing de juiste grootte geven
						$(window).bind('resize', function() {
							$("#overlay_content").height($(window).height() - 100);
							
							// Als de breedte ook moet meeveranderen, dat dan ook doen
							if(settings.overlaySettings.width_type == 'dynamic') {
								$("#overlay_content").width($(window).width() - 100);
							}
						});
					} else if(settings.overlaySettings.type == 'image') {
						// Image-overlay opbouwen
						$("<div />", {
							id:        'overlay_content'
						}).appendTo("#overlay");
						
						$("div#overlay_content").html('<div id="overlay_image_box"><a href="' + settings.overlaySettings.url + '" target="_blank"><img src="' + settings.overlaySettings.image_url + '" id="overlay_image" /></a></div><div id="overlay_image_info"><a href="' + settings.overlaySettings.url + '" target="_blank" id="overlay_image_title">' + settings.overlaySettings.image_title + '</a></div>');
						
						// Resize image
						$("#overlay_image").aeImageResize({
							width:    ($(window).width() - 100),
							height: ($(window).height() - 100 - 50)
						});
						
						$("#overlay").width($(window).width() - 100);
					}
				},
				onLoad: function() {
					// Close-button weer weergeven
					$("#overlay .close").fadeIn();
				},
				onClose: function() {
					// Content wissen (afbeelding of IFRAME)
					$("#overlay_content").remove();
					
					// Resize-listener wissen (indien aanwezig)
					$(window).unbind('resize');
				}
			}
		);
			
		// Instellen van overlay (onderdeel van jQuery Tools)
		overlayAjaxApi = $("#overlay_ajax").overlay(
			{
				api: true,
				fixed: false,
				speed: 100,
				left: 'center',
				top: 50,
				mask: {
					color: '#000000',
					opacity: 0.8,
					loadSpeed: 100
				},
				onBeforeLoad: function() {
					$("#overlay_ajax").removeClass("overlay_fullinfo");
					$(".overlay .close").hide();
				},
				onLoad: function() {
				
					// Centreren indien nodig
					$("#overlay_ajax").css('left', (($(document).width() - $("#overlay_ajax").width()) / 2) + 'px');
					
					// Doe een AJAX-request voor het ophalen van de content.
					$.ajax({
						cache: false,
						dataType: "html",
						url: settings.overlay_ajax_link,
						beforeSend: function(XMLHttpRequest) {
							wrap.html("<div style=\"text-align: center; padding-top: " + window.screen.availHeight / 3 + "px;\"><img src=\"/static/img/ajax_loader.gif\"></div>");
						},
						success: function(data, textStatus) {
							// Rest in callback, omdat er gewacht dient te worden tot de animatie is beeindigd
							wrap.hide().html(data).fadeIn('100');
							$(".overlay .close").fadeIn('100');
							$("#overlay_ajax").addClass("overlay_fullinfo");
							
							// Set URL using HTML5 pushState							
							if(typeof push_url == 'string' && push_url.length > 0) {
								if(typeof history.pushState != 'undefined') {
									history.pushState('', push_url, push_url);
								} else {
									document.location.hash = settings.overlay_ajax_link;
								}
							}
							
							// Center overlay
							$("#overlay_ajax").css('left', (($(document).width() - $("#overlay_ajax").width()) / 2) + 'px');
							
							self.init_overlay();
                            self.init_tabs();
							self.init_popups();
							self.init_foldouts();
							self.init_formvalidation();
							self.init_ajaxlink();
							attachPaging();
							self.init_refreshcaptcha();
						},
						error: function(XMLHttpRequest, textStatus, errorThrown) {
							alert("Er ging iets fout met het laden van deze pagina.\n\n\n\n\n" + textStatus + " - " + errorThrown);
							
							overlayAjaxApi.close();
						}
					});
				},
				onClose: function() {
					// Kijken of er een player loopt, en stoppen indien nodig
					if(pbplayerOverlayCurrent != null) {
						pbplayerOverlayCurrent.destroy();
						pbplayerOverlayCurrent = null;
					}
					
					// Reset URL
					if(typeof push_url == 'string' && push_url.length > 0) {
						push_url = null;
						history.back();
					}
				
					// #wrap leegmaken bij sluiten overlay (voor volgend gebruik)
					wrap.html("");
				}
			}
		);
		
		// define function that opens the overlay
		window.openOverlay = function() {       
			overlayApi.load();

			return false;
		}
		
		// define function that opens the AJAX overlay
		window.openAjaxOverlay = function(overlay_link) {
			settings.overlay_ajax_link = overlay_link;
			
			overlayAjaxApi.load();

			return false;
		}
		
		// Links met de class .open_overlay worden omgevormd zodat deze in de overlay openen
		$("a.open_in_overlay").each(function() {
			$(this).attr("overlay_link", $(this).attr("href"));
			$(this).removeAttr("href");
			
			$(this).click(function() {
				var isAjax = true;
				var overlay_link = $(this).attr("overlay_link");
				
				if($(this).hasClass('overlay_iframe_small')) {
					settings.overlaySettings = {
						type:    'iframe',
						url:    overlay_link,
						width_type: 'fixed',
						width:    680
					};
					isAjax = false;
				} else if($(this).hasClass('overlay_iframe_wide')) {
					settings.overlaySettings = {
						type:    'iframe',
						url:    overlay_link,
						width_type: 'dynamic',
						width:    ($(window).width() - 100)
					};
					isAjax = false;
				} else if($(this).hasClass('overlay_image')) {
					settings.overlaySettings = {
						type:    'image',
						url:    overlay_link,
						image_url: $(this).attr("rel"),
						image_title: $(this).find("img").attr('rel'),
						width_type: 'dynamic',
						width:    ($(window).width() - 100)
					};
					isAjax = false;
				}
				
				if(isAjax){
					window.openAjaxOverlay(overlay_link);
				}else{
					window.openOverlay();
				}
				
				return false;
			});
		});
		
		// Open overlay when linked to
		var overlayLocation = window.location.hash;
		overlayLocation = overlayLocation.replace("#","");
		var regexpOverlay = /ajax/;
		if(regexpOverlay.test(overlayLocation)){
			window.openAjaxOverlay(overlayLocation);
		}
	};
	
	/* INIT POP-UPS */
	self.init_popups = function() {
		$("a[target=radioplayer]").click(function() {
			var popup_link = $(this).attr('href');
			window.open(popup_link, "popup_3fm","resizable=0,scrollbars=0,status=0,toolbar=0,width=380,height=640");

			return false;
		});
	};
	
	self.init_foldouts = function() {
		if($("div.folded").length) {
			$("div.folded").each(function() {
				if(!$(this).prev().hasClass("fold_handler") && !$(this).prev().hasClass("unfold_handler")) {
					// Kijk of er geen foutmeldingen zijn weergegeven in .error_messages
					if($(this).find("dl.zend_form ul.errors").html() == "" || $(this).find("dl.zend_form ul.errors").length == 0) {
						$(this).prev().addClass("unfold_handler");
						$(this).hide();
					} else {
						$(this).prev().addClass("fold_handler");
					}
					
					$(this).prev().click(function() {
						if($(this).hasClass("unfold_handler")) {
							$(this).next().slideDown();
							$(this).removeClass("unfold_handler").addClass("fold_handler");
							$(this).find("h2").addClass("png_trans");
                            
                            // Add hash to URL
                            if(typeof $(this).attr('id') != "undefined") {
                              document.location = '#foldout=' + $(this).attr('id').replace('foldout_', '');
                            }
						} else {
							$(this).next().slideUp();
							$(this).removeClass("fold_handler").addClass("unfold_handler");
						}
						
						return false;
					});
				}
			});
					
			// Open from URL
			if(document.location.hash.substr(0, 9) == "#foldout=") {
				$(".unfold_handler").each(function() {
					if($(this).attr('id') == 'foldout_' + document.location.hash.substr(9)) {
						$(this).click();
                        
                        if(typeof $.fn.scrollTo != "undefined") {
                          $.scrollTo("#foldout_" + document.location.hash.substr(9));
                        }
					}
				});
			}
		}
      
        $(".minimized-handler").click(function(e) {
          $(this).parents('.minimized').removeClass('minimized');
          
           return false;
        });
      
      $(".minimized").each(function() {
        if($(this).height() > $("> *", this).height()) {
          $(".minimized-handler", this).click();
        }
      });
	};
	
	self.init_linkselect = function() {
		$("select.open_link").change(function () {
			var $element = $("option:selected", this);
			var location = $element.val();
			if(location != "") {
				window.location = location;
			}
		});
		
		$("select.open_link_blank").change(function () {
			var $element = $("option:selected", this);
			var location = $element.val();
			if(location != "") {
				window.open(location);
			}
		});
	};
	
	self.init_ajaxlink = function() {
		$("a.ajax_request").each(function() {
			if(!$(this).data("url")) {
				$(this).data("url", $(this).attr("href"));
				$(this).removeAttr("href");
			}

			$(this).unbind('click').click(function() {
				var ajax_url = $(this).data("url");
				if(!$(this).attr("target")) {
					var ajax_destination = "#wrap";
				} else {
					var ajax_destination = $(this).attr("target");
				}
				
				if(pbplayerOverlayCurrent != null) {
					pbplayerOverlayCurrent.destroy();
					pbplayerOverlayCurrent = null;
				}
				
				$.ajax({
					cache: false,
					dataType: "html",
					url: ajax_url,
					success: function(data, textStatus) {
						$(ajax_destination).html(data);
						
						self.init_foldouts();
						self.init_formvalidation();
						self.init_ajaxlink();
                        self.init_tabs();
						attachPaging();
					},
					error: function(XMLHttpRequest, textStatus, errorThrown) {
						alert("Er ging iets fout met het laden van deze pagina.\n\n\n\n\n" + textStatus + " - " + errorThrown);
					}
				});
				
				return false;
			});
		});
	};
	
	//
	// Controleren van ingevoerde formulierwaardes via javascript
	// Meer informatie op http://docs.jquery.com/Plugins/Validation
	//        DEPENDENCIES:
	//            - jquery.validate.js
	//            - jquery.ajaxform.js (optioneel, voor verzenden via AJAX)
	//
	self.init_formvalidation = function() {
		if (jQuery.isFunction(jQuery.fn.validate)) {

			jQuery.validator.addClassRules({
				'captcha-text': {
					required: true,
					minlength: 3
				}
			});
			
			$("form").each(function() {
				// START Form validation
				$(this).validate({
					highlight: function(element, errorClass) {
						$(element).addClass(errorClass);
						$(element.form).find("label[for=" + element.id + "]").addClass("error_messages");
					},
					unhighlight: function(element, errorClass) {
						$(element).removeClass(errorClass);
						$(element.form).find("label[for=" + element.id + "]").removeClass("error_messages");
					},
					submitHandler: function(form) {
						if($(form).hasClass("ajax_form")) {
							// Form moet via AJAX verzonden worden
							var ajax_action = $(form).find("input[name=ajax_action]").val();
							var ajax_load_url = $(form).find("input[name=ajax_load_url]").val();
							var ajax_load_target = $(form).find("input[name=ajax_load_target]").val();
							
							if(ajax_action == "" || ajax_action == undefined) {
								ajax_action = $(form).attr("action");
							}
							
							$(form).ajaxSubmit({
								url: ajax_action,
								success: function(responseText, statusText) {
									
									var responseText_filtered = responseText.replace(/[^a-z0-9]/ig, "");
									
									if(responseText_filtered == "true" || responseText_filtered == "") {
										// Post is succesvol, nu nog de content vernieuwen
										$(form).find(".error_messages").remove();
										$(form).resetForm();
										$(form).parent().prev().click(); // Foldout verbergen
										if(ajax_load_url == 'overlay_close') {
											overlayAjaxApi.close();
										} else if(ajax_load_url) {
											$(ajax_load_target).load(ajax_load_url);
										}
										attachPaging();
									} else {
										// Er zijn fouten, dus die weergeven
										jQuery(this).log(responseText);
										
										// Omzetten naar JSON om de data te kunnen lezen
										function parseError(json) {
											
											$(form).find(".error_messages").remove();
											$(form).prepend('<div class="error_messages"><ul></ul></div>');
											
											if(json.captcha) {
												$(form).find("div.error_messages ul").append("<li>" +json.captcha.badCaptcha + "</li>");
												jQuery(this).log(json.captcha.badCaptcha);
											}
											
											if(json.email) {
												$(form).find("div.error_messages ul").append("<li>" + json.email.emailAddressInvalidHostname + "</li>");
												jQuery(this).log(json.email.emailAddressInvalidHostname);
											}
										}
										
										eval('parseError(' + responseText + ')');
										
										// Nieuwe captcha ophalen
										$(form).find(".captcha-wrapper").load("/ajax/new-captcha");
									}
								},
								error: function (XMLHttpRequest, textStatus, errorThrown) {
									// Als via AJAX verzenden niet lukt, dan op de ouderwetse manier proberen
									form.submit();
								}
							});
						} else {
							// Form normaal verzenden, geen AJAX gebruiken
							form.submit();
						}
					}
				});
				// END Form validation
			});
		}
	};
	
	self.init_topmenu = function() {
		if(typeof page_menu != "undefined" && page_menu.length) {
			$("#site_topmenu_list > li").each(function() {
				if($(this).attr('id') == 'item_' + page_menu) {
					$("a.item", this).addClass("active");
				}
			});
		}
		
		if(!!('ontouchstart' in window) || !!('msmaxtouchpoints' in window.navigator)) {
			$("#site_topmenu_list > li > a").on('click', function(e) {
				if($(this).parent().hasClass('selected')) {
					// Already selected, close...
					$(this).parent().removeClass('selected');
				} else {
					// Close all dropdowns & open current
					$("#site_topmenu_list > li").removeClass('selected');
					$(this).parent().addClass('selected');
				}
				
				e.preventDefault();
			});
		}
	};
	
	self.init_refreshcaptcha = function() {
		if($("dd.captcha-wrapper").length > 0) {
			$("dd.captcha-wrapper img").after('<a id="captcha-refresh">Geen captcha of onleesbaar?</a>');
			
			$("#captcha-refresh").css('cursor', 'pointer').unbind('click').click(function(e) {
				$(".captcha-wrapper").load("/ajax/new-captcha", function() {
					$("#captcha-refresh", this).remove();
					refreshCaptchaHandler();
				});
				
				return false;
			});
		}
	};
	
	self.init_amberalert = function() {
		$('#overlay_amber').load('/data/cache/html/amberalert.html', function(data) {
			if(data != '' && $.cookie('AmberAlertHTMLWidget') == null) {
				var a = document.getElementsByTagName("head").item(0);
				var c = document.createElement("link");
				c.setAttribute("rel", "stylesheet");
				c.setAttribute("href", '/assets/amberalert/template/css/template.css');
				c.setAttribute("type", "text/css");
				c.setAttribute("media", "screen");
				c.setAttribute("charset", "utf-8");
				a.appendChild(c);
				
				// Open overlay
				var overlay_amber = $("#overlay_amber").overlay({
					top: 'center',
					mask: {
						color: '#000000',
						loadSpeed: 200,
						opacity: 0.5
					},
					// load it immediately after the construction
					load: true
				});
				
				$.cookie('AmberAlertHTMLWidget', '1', { expires: 1, path: '/' });
				setTimeout(function() {
					$("#overlay_amber").hide();
					$.mask.close();
				}, 15000);
			}
		});
	};
	
	self.init_datepicker = function() {
		$.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'],
			dateFormat: 'dd/mm/yy', firstDay: 1,
			isRTL: false};
		$.datepicker.setDefaults($.datepicker.regional.nl);

		var currentDate = $("#gemist_datepicker").data('current');
		jQuery("#gemist_datepicker").datepicker({
			dateFormat: 'dd/mm/yy',
			defaultDate: currentDate,
			onSelect: function(dateText, ins) {
				var base = "/gemist/dag";
				var dateArray = dateText.split('/');
				window.location = base + '/' + dateArray[2] + '/' + dateArray[1] + '/' + dateArray[0];
			}
		});
	};
	
	self.init_stickyfooter = function() {
		if($("#stickyfooter").length > 0 && $(window).width() > 940) {
			// Timestamp ophalen en verwijderen uit DOM
			var stickyfooter_timestamp = $("#stickyfooter").attr('title');
			$("#stickyfooter").attr('title', '');
		
			if($.cookie('3fm_footer_' + stickyfooter_timestamp)) {
				$("#stickyfooter").hide();
				$("#stickyfooter_show_container").show();
				$("#footer").css('margin-bottom', 0);
			} else {
				$("#stickyfooter").show();
				$("#stickyfooter_show_container").hide();
				$("#footer").css('margin-bottom', $("#stickyfooter").height());
			}
			
			$("#stickyfooter_close").click(function() {
				$("#stickyfooter").slideUp();
				$("#stickyfooter_show_container").slideDown();
				$("#footer").css('margin-bottom', 0);
				$.cookie('3fm_footer_' + stickyfooter_timestamp, 1, {
					expires: 7,
					path: '/'
				});
			});
			
			$("#stickyfooter_show").click(function() {
				$("#stickyfooter").slideDown();
				$("#stickyfooter_show_container").slideUp('normal', function() {
					$("#footer").css('margin-bottom', $("#stickyfooter").height());
				});
				$.cookie('3fm_footer_' + stickyfooter_timestamp, null, {
					expires: -7,
					path: '/'
				});
			});
		}
	};
	
	/* SOCIAL */
	self.social = {};
	
	self.social.attach_events = function() {
		$("a[target=social_popup], a[target=social_share]").unbind('click').click(function() {
			var width = 500;
			var height = 400;
			var left = parseInt((screen.availWidth/2) - (width/2));
			var top = parseInt((screen.availHeight/2) - (height/2));
			var myWindow = window.open($(this).attr('href'), "Social_" + Math.round(Math.random() * 1000), "width=" + width + ",height=" + height + ",status,resizable,left=" + left + ",top=" + top + "screenX=" + left + ",screenY=" + top);
			
			return false;
		});
		
		$("a[target=facebook_wallpost]").click(function() {
			if(!$(this).data('attachment-name') && $(this).data('message')) {
				$(this).data('attachment-name', $(this).data('message'));
			}
			
			var data = {
				method: 'stream.publish',
				message: $(this).data('message'),
				attachment: {
					name: $(this).data('attachment-name'),
					caption: $(this).data('attachment-caption'),
					description: $(this).data('attachment-description'),
					href: $(this).data('attachment-url')
				}
			};
			
			if($(this).data('media-type') == "image") {
				data.attachment.media = [{
					type: $(this).data('media-type'),
					src: $(this).data('media-src'),
					href: $(this).data('media-href')
				}];
			} else if($(this).data('media-type') == "mp3") {
				data.attachment.media = [{
					type: $(this).data('media-type'),
					src: $(this).data('media-src'),
					title: $(this).data('media-title'),
					artist: $(this).data('media-artist'),
					album: $(this).data('media-album')
				}];
			} else if($(this).data('media-type') == "flash") {
				data.attachment.media = [{
					type: $(this).data('media-type'),
					swfsrc: $(this).data('media-swfsrc'),
					imgsrc: $(this).data('media-imgsrc'),
					width: $(this).data('media-width'),
					height: $(this).data('media-height'),
					expanded_width: $(this).data('media-expanded_width'),
					expanded_height: $(this).data('media-expanded_height')
				}];
			}

			try {
				FB.ui(data);
			} catch(e) {
				alert("Er kon geen verbinding worden gemaakt met Facebook. Waarschijnlijk heb je geen toestemming gegeven voor 'social media' cookies.");
			}
			
			return false;
		});
	};
	
	self.social.facebook_init = function() {
		if($(".fb-like-box, .fb-like, .fb-comments, .fb-follow, a[target=facebook_wallpost]").length) {
			self.social.facebook_activate();
		}
	};
	
	self.social.facebook_activate = function() {
		if(typeof FB == "undefined" && npo_cookies.has_permission('social')) {
			$("body").append($("<div />").attr('id', 'fb-root'));
			
			(function(d, s, id) {
			var js, fjs = d.getElementsByTagName(s)[0];
			if (d.getElementById(id)) return;
			js = d.createElement(s); js.id = id;
			js.src = "//connect.facebook.net/nl_NL/all.js#xfbml=1&appId=160606020654144";
			fjs.parentNode.insertBefore(js, fjs);
			}(document, 'script', 'facebook-jssdk'));
		} else {
			try {
				FB.XFBML.parse();
			} catch(e) {
				// do nothing
			}
		}
	};

	self.social.twitter_init = function() {
		if($(".twitter-tweet").length && typeof twttr == "undefined" && npo_cookies.has_permission('social')) {
			!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+"://platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");
		}
	};
};

$(document).ready(DriefmFunctions.init);

// Helper: String to slug
function helper_string_to_slug(str) {
    str = str.replace(/^\s+|\s+$/g, ''); // trim
    str = str.toLowerCase();
    
    // remove accents, swap ñ for n, etc
    var from = "àáäâèéëêìíïîòóöôùúüûñç·/_,:;";
    var to   = "aaaaeeeeiiiioooouuuunc------";
    for (var i=0, l=from.length ; i<l ; i++) {
        str = str.replace(new RegExp(from.charAt(i), 'g'), to.charAt(i));
    }

    str = str.replace(/[^a-z0-9 -]/g, '') // remove invalid chars
        .replace(/\s+/g, '-') // collapse whitespace and replace by -
        .replace(/-+/g, '-'); // collapse dashes

    return str;
}

// Sitestat
function sitestat(u){ /** REMOVED **/ };

;

/* *    jQuery threefmpaging *    copyright 2009 * *    @author     Boy van Amstel *    @version     1.0 * *    Usage: *    This plugin will refresh an entire smartblock. *    Create a new page which corresponds to the page you want to paging to work on: *    For instance, we have http://test.www.3fm.nl/nieuws/archief. *    Take the smartblock that has the newsmessages and put in a new page with the AJAX template. *    The route to page should match the original one with ajax/ prepended: /ajax/nieuws/archief/:page. *    Enable the plugin and everything should work. * *    Minimal setup: *    $("#box_headlines_overview").threefmpaging(); * *    Changes 1.0: *    [09/10/2009]    - First release  */ jQuery.threefmpaging = {    build : function(options) {                try {                    // Default settings            var defaults = {                title: "jQuery.threefmpaging",                showLoading: false,                loadElement: undefined            }                // Move to options            var options = jQuery.extend(defaults, options);                        // Variables            var object = this;                        jQuery(this).log("Class loaded", "info", options.title);                        // Wrap the object so we can refresh the contents            jQuery(object).wrap('<div class="ajax_loader"></div>')            var wrapper = jQuery(object).parents(".ajax_loader");                        // Attach the pagenumber and previous/next buttons            function attachClicks() {                //jQuery(this).log("Attaching clicks");                jQuery(".abc-searchpagination a", wrapper).unbind("click").click(function() {                                        getThroughAjax(jQuery(this).attr("href"), jQuery(object));                                        return false;                });            }            attachClicks();                        // Get the content through an ajax call            function getThroughAjax(url) {                                // If we want to see the loadingthing, fade it in                if(options.showLoading && jQuery.showloading)                    jQuery.showloading.show();                                // Make sure the url looks the same in every browser                                var urlStripped = url.replace('http://' + window.location.hostname, '');                var urlChecked = urlStripped.replace("/ajax", "");                var urlHash = urlChecked.replace(/\//g,".");                                        // Set the hash so that we can pass the url along                window.location.hash = "#-page-"+urlHash;                                                // Actually load the page or element                                if(options.loadElement != undefined){                    var url = "/ajax" + urlChecked + " " + options.loadElement;                }else{                    var url = "/ajax" + urlChecked;                }                                jQuery(wrapper).load(                    url,                    function() {                        attachClicks();                        if(options.showLoading && jQuery.showloading)                            jQuery.showloading.hide();                    }                );                            }                        // If we find any hashtags, load the corresponding page            if(window.location.hash.match("#-page")) {                var existingUrl = window.location.hash.replace('#-page-','');                getThroughAjax(existingUrl.replace(/\./g, "/"));            }                    }        catch(err) {            jQuery(this).log("Error during loading - " + err, "error", options.name);        }        return this;    }};jQuery.fn.extend({        threefmpaging: jQuery.threefmpaging.build});function attachPaging() {    jQuery("#box_headlines_overview").threefmpaging({ showLoading: true });    jQuery(".add_paging").threefmpaging({ showLoading: true });}jQuery(function() {    attachPaging();});

;

/* * jQuery Form Plugin * version: 2.31 (09-SEP-2009) * @requires jQuery v1.2.2 or later * * Examples and documentation at: http://malsup.com/jquery/form/ * Dual licensed under the MIT and GPL licenses: *   http://www.opensource.org/licenses/mit-license.php *   http://www.gnu.org/licenses/gpl.html */;(function($) {/*    Usage Note:    -----------    Do not use both ajaxSubmit and ajaxForm on the same form.  These    functions are intended to be exclusive.  Use ajaxSubmit if you want    to bind your own submit handler to the form.  For example,    $(document).ready(function() {        $('#myForm').bind('submit', function() {            $(this).ajaxSubmit({                target: '#output'            });            return false; // <-- important!        });    });    Use ajaxForm when you want the plugin to manage all the event binding    for you.  For example,    $(document).ready(function() {        $('#myForm').ajaxForm({            target: '#output'        });    });    When using ajaxForm, the ajaxSubmit function will be invoked for you    at the appropriate time.*//** * ajaxSubmit() provides a mechanism for immediately submitting * an HTML form using AJAX. */$.fn.ajaxSubmit = function(options) {    // fast fail if nothing selected (http://dev.jquery.com/ticket/2752)    if (!this.length) {        log('ajaxSubmit: skipping submit process - no element selected');        return this;    }    if (typeof options == 'function')        options = { success: options };    var url = $.trim(this.attr('action'));    if (url) {	    // clean url (don't include hash vaue)	    url = (url.match(/^([^#]+)/)||[])[1];   	}   	url = url || window.location.href || '';    options = $.extend({        url:  url,        type: this.attr('method') || 'GET'    }, options || {});    // hook for manipulating the form data before it is extracted;    // convenient for use with rich editors like tinyMCE or FCKEditor    var veto = {};    this.trigger('form-pre-serialize', [this, options, veto]);    if (veto.veto) {        log('ajaxSubmit: submit vetoed via form-pre-serialize trigger');        return this;    }    // provide opportunity to alter form data before it is serialized    if (options.beforeSerialize && options.beforeSerialize(this, options) === false) {        log('ajaxSubmit: submit aborted via beforeSerialize callback');        return this;    }    var a = this.formToArray(options.semantic);    if (options.data) {        options.extraData = options.data;        for (var n in options.data) {          if(options.data[n] instanceof Array) {            for (var k in options.data[n])              a.push( { name: n, value: options.data[n][k] } );          }          else             a.push( { name: n, value: options.data[n] } );        }    }    // give pre-submit callback an opportunity to abort the submit    if (options.beforeSubmit && options.beforeSubmit(a, this, options) === false) {        log('ajaxSubmit: submit aborted via beforeSubmit callback');        return this;    }    // fire vetoable 'validate' event    this.trigger('form-submit-validate', [a, this, options, veto]);    if (veto.veto) {        log('ajaxSubmit: submit vetoed via form-submit-validate trigger');        return this;    }    var q = $.param(a);    if (options.type.toUpperCase() == 'GET') {        options.url += (options.url.indexOf('?') >= 0 ? '&' : '?') + q;        options.data = null;  // data is null for 'get'    }    else        options.data = q; // data is the query string for 'post'    var $form = this, callbacks = [];    if (options.resetForm) callbacks.push(function() { $form.resetForm(); });    if (options.clearForm) callbacks.push(function() { $form.clearForm(); });    // perform a load on the target only if dataType is not provided    if (!options.dataType && options.target) {        var oldSuccess = options.success || function(){};        callbacks.push(function(data) {            $(options.target).html(data).each(oldSuccess, arguments);        });    }    else if (options.success)        callbacks.push(options.success);    options.success = function(data, status) {        for (var i=0, max=callbacks.length; i < max; i++)            callbacks[i].apply(options, [data, status, $form]);    };    // are there files to upload?    var files = $('input:file', this).fieldValue();    var found = false;    for (var j=0; j < files.length; j++)        if (files[j])            found = true;	var multipart = false;//	var mp = 'multipart/form-data';//	multipart = ($form.attr('enctype') == mp || $form.attr('encoding') == mp);    // options.iframe allows user to force iframe mode   if (options.iframe || found || multipart) {       // hack to fix Safari hang (thanks to Tim Molendijk for this)       // see:  http://groups.google.com/group/jquery-dev/browse_thread/thread/36395b7ab510dd5d       if (options.closeKeepAlive)           $.get(options.closeKeepAlive, fileUpload);       else           fileUpload();       }   else       $.ajax(options);    // fire 'notify' event    this.trigger('form-submit-notify', [this, options]);    return this;    // private function for handling file uploads (hat tip to YAHOO!)    function fileUpload() {        var form = $form[0];        if ($(':input[name=submit]', form).length) {            alert('Error: Form elements must not be named "submit".');            return;        }        var opts = $.extend({}, $.ajaxSettings, options);		var s = $.extend(true, {}, $.extend(true, {}, $.ajaxSettings), opts);        var id = 'jqFormIO' + (new Date().getTime());        var $io = $('<iframe id="' + id + '" name="' + id + '" src="about:blank" />');        var io = $io[0];        $io.css({ position: 'absolute', top: '-1000px', left: '-1000px' });        var xhr = { // mock object            aborted: 0,            responseText: null,            responseXML: null,            status: 0,            statusText: 'n/a',            getAllResponseHeaders: function() {},            getResponseHeader: function() {},            setRequestHeader: function() {},            abort: function() {                this.aborted = 1;                $io.attr('src','about:blank'); // abort op in progress            }        };        var g = opts.global;        // trigger ajax global events so that activity/block indicators work like normal        if (g && ! $.active++) $.event.trigger("ajaxStart");        if (g) $.event.trigger("ajaxSend", [xhr, opts]);		if (s.beforeSend && s.beforeSend(xhr, s) === false) {			s.global && $.active--;			return;        }        if (xhr.aborted)            return;        var cbInvoked = 0;        var timedOut = 0;        // add submitting element to data if we know it        var sub = form.clk;        if (sub) {            var n = sub.name;            if (n && !sub.disabled) {                options.extraData = options.extraData || {};                options.extraData[n] = sub.value;                if (sub.type == "image") {                    options.extraData[name+'.x'] = form.clk_x;                    options.extraData[name+'.y'] = form.clk_y;                }            }        }        // take a breath so that pending repaints get some cpu time before the upload starts        setTimeout(function() {            // make sure form attrs are set            var t = $form.attr('target'), a = $form.attr('action');			// update form attrs in IE friendly way			form.setAttribute('target',id);			if (form.getAttribute('method') != 'POST')				form.setAttribute('method', 'POST');			if (form.getAttribute('action') != opts.url)				form.setAttribute('action', opts.url);            // ie borks in some cases when setting encoding            if (! options.skipEncodingOverride) {                $form.attr({                    encoding: 'multipart/form-data',                    enctype:  'multipart/form-data'                });            }            // support timout            if (opts.timeout)                setTimeout(function() { timedOut = true; cb(); }, opts.timeout);            // add "extra" data to form if provided in options            var extraInputs = [];            try {                if (options.extraData)                    for (var n in options.extraData)                        extraInputs.push(                            $('<input type="hidden" name="'+n+'" value="'+options.extraData[n]+'" />')                                .appendTo(form)[0]);                // add iframe to doc and submit the form                $io.appendTo('body');                io.attachEvent ? io.attachEvent('onload', cb) : io.addEventListener('load', cb, false);                form.submit();            }            finally {                // reset attrs and remove "extra" input elements				form.setAttribute('action',a);                t ? form.setAttribute('target', t) : $form.removeAttr('target');                $(extraInputs).remove();            }        }, 10);        var domCheckCount = 50;        function cb() {            if (cbInvoked++) return;            io.detachEvent ? io.detachEvent('onload', cb) : io.removeEventListener('load', cb, false);            var ok = true;            try {                if (timedOut) throw 'timeout';                // extract the server response from the iframe                var data, doc;                doc = io.contentWindow ? io.contentWindow.document : io.contentDocument ? io.contentDocument : io.document;                if (doc.body == null || doc.body.innerHTML == '') {                 	if (--domCheckCount) {	                    // in some browsers (Opera) the iframe DOM is not always traversable when	                    // the onload callback fires, so we loop a bit to accommodate	                    cbInvoked = 0;	                    setTimeout(cb, 100);	                    return;	                }	                log('Could not access iframe DOM after 50 tries.');	                return;	            }                xhr.responseText = doc.body ? doc.body.innerHTML : null;                xhr.responseXML = doc.XMLDocument ? doc.XMLDocument : doc;                xhr.getResponseHeader = function(header){                    var headers = {'content-type': opts.dataType};                    return headers[header];                };                if (opts.dataType == 'json' || opts.dataType == 'script') {                    var ta = doc.getElementsByTagName('textarea')[0];                    xhr.responseText = ta ? ta.value : xhr.responseText;                }                else if (opts.dataType == 'xml' && !xhr.responseXML && xhr.responseText != null) {                    xhr.responseXML = toXml(xhr.responseText);                }                data = $.httpData(xhr, opts.dataType);            }            catch(e){                ok = false;                $.handleError(opts, xhr, 'error', e);            }            // ordering of these callbacks/triggers is odd, but that's how $.ajax does it            if (ok) {                opts.success(data, 'success');                if (g) $.event.trigger("ajaxSuccess", [xhr, opts]);            }            if (g) $.event.trigger("ajaxComplete", [xhr, opts]);            if (g && ! --$.active) $.event.trigger("ajaxStop");            if (opts.complete) opts.complete(xhr, ok ? 'success' : 'error');            // clean up            setTimeout(function() {                $io.remove();                xhr.responseXML = null;            }, 100);        };        function toXml(s, doc) {            if (window.ActiveXObject) {                doc = new ActiveXObject('Microsoft.XMLDOM');                doc.async = 'false';                doc.loadXML(s);            }            else                doc = (new DOMParser()).parseFromString(s, 'text/xml');            return (doc && doc.documentElement && doc.documentElement.tagName != 'parsererror') ? doc : null;        };    };};/** * ajaxForm() provides a mechanism for fully automating form submission. * * The advantages of using this method instead of ajaxSubmit() are: * * 1: This method will include coordinates for <input type="image" /> elements (if the element *    is used to submit the form). * 2. This method will include the submit element's name/value data (for the element that was *    used to submit the form). * 3. This method binds the submit() method to the form for you. * * The options argument for ajaxForm works exactly as it does for ajaxSubmit.  ajaxForm merely * passes the options argument along after properly binding events for submit elements and * the form itself. */$.fn.ajaxForm = function(options) {    return this.ajaxFormUnbind().bind('submit.form-plugin',function() {        $(this).ajaxSubmit(options);        return false;    }).each(function() {        // store options in hash        $(":submit,input:image", this).bind('click.form-plugin',function(e) {            var form = this.form;            form.clk = this;            if (this.type == 'image') {                if (e.offsetX != undefined) {                    form.clk_x = e.offsetX;                    form.clk_y = e.offsetY;                } else if (typeof $.fn.offset == 'function') { // try to use dimensions plugin                    var offset = $(this).offset();                    form.clk_x = e.pageX - offset.left;                    form.clk_y = e.pageY - offset.top;                } else {                    form.clk_x = e.pageX - this.offsetLeft;                    form.clk_y = e.pageY - this.offsetTop;                }            }            // clear form vars            setTimeout(function() { form.clk = form.clk_x = form.clk_y = null; }, 10);        });    });};// ajaxFormUnbind unbinds the event handlers that were bound by ajaxForm$.fn.ajaxFormUnbind = function() {    this.unbind('submit.form-plugin');    return this.each(function() {        $(":submit,input:image", this).unbind('click.form-plugin');    });};/** * formToArray() gathers form element data into an array of objects that can * be passed to any of the following ajax functions: $.get, $.post, or load. * Each object in the array has both a 'name' and 'value' property.  An example of * an array for a simple login form might be: * * [ { name: 'username', value: 'jresig' }, { name: 'password', value: 'secret' } ] * * It is this array that is passed to pre-submit callback functions provided to the * ajaxSubmit() and ajaxForm() methods. */$.fn.formToArray = function(semantic) {    var a = [];    if (this.length == 0) return a;    var form = this[0];    var els = semantic ? form.getElementsByTagName('*') : form.elements;    if (!els) return a;    for(var i=0, max=els.length; i < max; i++) {        var el = els[i];        var n = el.name;        if (!n) continue;        if (semantic && form.clk && el.type == "image") {            // handle image inputs on the fly when semantic == true            if(!el.disabled && form.clk == el) {            	a.push({name: n, value: $(el).val()});                a.push({name: n+'.x', value: form.clk_x}, {name: n+'.y', value: form.clk_y});            }            continue;        }        var v = $.fieldValue(el, true);        if (v && v.constructor == Array) {            for(var j=0, jmax=v.length; j < jmax; j++)                a.push({name: n, value: v[j]});        }        else if (v !== null && typeof v != 'undefined')            a.push({name: n, value: v});    }    if (!semantic && form.clk) {        // input type=='image' are not found in elements array! handle it here        var $input = $(form.clk), input = $input[0], n = input.name;        if (n && !input.disabled && input.type == 'image') {        	a.push({name: n, value: $input.val()});            a.push({name: n+'.x', value: form.clk_x}, {name: n+'.y', value: form.clk_y});        }    }    return a;};/** * Serializes form data into a 'submittable' string. This method will return a string * in the format: name1=value1&amp;name2=value2 */$.fn.formSerialize = function(semantic) {    //hand off to jQuery.param for proper encoding    return $.param(this.formToArray(semantic));};/** * Serializes all field elements in the jQuery object into a query string. * This method will return a string in the format: name1=value1&amp;name2=value2 */$.fn.fieldSerialize = function(successful) {    var a = [];    this.each(function() {        var n = this.name;        if (!n) return;        var v = $.fieldValue(this, successful);        if (v && v.constructor == Array) {            for (var i=0,max=v.length; i < max; i++)                a.push({name: n, value: v[i]});        }        else if (v !== null && typeof v != 'undefined')            a.push({name: this.name, value: v});    });    //hand off to jQuery.param for proper encoding    return $.param(a);};/** * Returns the value(s) of the element in the matched set.  For example, consider the following form: * *  <form><fieldset> *      <input name="A" type="text" /> *      <input name="A" type="text" /> *      <input name="B" type="checkbox" value="B1" /> *      <input name="B" type="checkbox" value="B2"/> *      <input name="C" type="radio" value="C1" /> *      <input name="C" type="radio" value="C2" /> *  </fieldset></form> * *  var v = $(':text').fieldValue(); *  // if no values are entered into the text inputs *  v == ['',''] *  // if values entered into the text inputs are 'foo' and 'bar' *  v == ['foo','bar'] * *  var v = $(':checkbox').fieldValue(); *  // if neither checkbox is checked *  v === undefined *  // if both checkboxes are checked *  v == ['B1', 'B2'] * *  var v = $(':radio').fieldValue(); *  // if neither radio is checked *  v === undefined *  // if first radio is checked *  v == ['C1'] * * The successful argument controls whether or not the field element must be 'successful' * (per http://www.w3.org/TR/html4/interact/forms.html#successful-controls). * The default value of the successful argument is true.  If this value is false the value(s) * for each element is returned. * * Note: This method *always* returns an array.  If no valid value can be determined the *       array will be empty, otherwise it will contain one or more values. */$.fn.fieldValue = function(successful) {    for (var val=[], i=0, max=this.length; i < max; i++) {        var el = this[i];        var v = $.fieldValue(el, successful);        if (v === null || typeof v == 'undefined' || (v.constructor == Array && !v.length))            continue;        v.constructor == Array ? $.merge(val, v) : val.push(v);    }    return val;};/** * Returns the value of the field element. */$.fieldValue = function(el, successful) {    var n = el.name, t = el.type, tag = el.tagName.toLowerCase();    if (typeof successful == 'undefined') successful = true;    if (successful && (!n || el.disabled || t == 'reset' || t == 'button' ||        (t == 'checkbox' || t == 'radio') && !el.checked ||        (t == 'submit' || t == 'image') && el.form && el.form.clk != el ||        tag == 'select' && el.selectedIndex == -1))            return null;    if (tag == 'select') {        var index = el.selectedIndex;        if (index < 0) return null;        var a = [], ops = el.options;        var one = (t == 'select-one');        var max = (one ? index+1 : ops.length);        for(var i=(one ? index : 0); i < max; i++) {            var op = ops[i];            if (op.selected) {				var v = op.value;				if (!v) // extra pain for IE...                	v = (op.attributes && op.attributes['value'] && !(op.attributes['value'].specified)) ? op.text : op.value;                if (one) return v;                a.push(v);            }        }        return a;    }    return el.value;};/** * Clears the form data.  Takes the following actions on the form's input fields: *  - input text fields will have their 'value' property set to the empty string *  - select elements will have their 'selectedIndex' property set to -1 *  - checkbox and radio inputs will have their 'checked' property set to false *  - inputs of type submit, button, reset, and hidden will *not* be effected *  - button elements will *not* be effected */$.fn.clearForm = function() {    return this.each(function() {        $('input,select,textarea', this).clearFields();    });};/** * Clears the selected form elements. */$.fn.clearFields = $.fn.clearInputs = function() {    return this.each(function() {        var t = this.type, tag = this.tagName.toLowerCase();        if (t == 'text' || t == 'password' || tag == 'textarea')            this.value = '';        else if (t == 'checkbox' || t == 'radio')            this.checked = false;        else if (tag == 'select')            this.selectedIndex = -1;    });};/** * Resets the form data.  Causes all form elements to be reset to their original value. */$.fn.resetForm = function() {    return this.each(function() {        // guard against an input with the name of 'reset'        // note that IE reports the reset function as an 'object'        if (typeof this.reset == 'function' || (typeof this.reset == 'object' && !this.reset.nodeType))            this.reset();    });};/** * Enables or disables any matching elements. */$.fn.enable = function(b) {    if (b == undefined) b = true;    return this.each(function() {        this.disabled = !b;    });};/** * Checks/unchecks any matching checkboxes or radio buttons and * selects/deselects and matching option elements. */$.fn.selected = function(select) {    if (select == undefined) select = true;    return this.each(function() {        var t = this.type;        if (t == 'checkbox' || t == 'radio')            this.checked = select;        else if (this.tagName.toLowerCase() == 'option') {            var $sel = $(this).parent('select');            if (select && $sel[0] && $sel[0].type == 'select-one') {                // deselect all other options                $sel.find('option').selected(false);            }            this.selected = select;        }    });};// helper fn for console logging// set $.fn.ajaxSubmit.debug to true to enable debug loggingfunction log() {    if ($.fn.ajaxSubmit.debug && window.console && window.console.log)        window.console.log('[jquery.form] ' + Array.prototype.join.call(arguments,''));};})(jQuery);

;

/* * jQuery validation plug-in 1.5.5 * * http://bassistance.de/jquery-plugins/jquery-plugin-validation/ * http://docs.jquery.com/Plugins/Validation * * Copyright (c) 2006 - 2008 JÃ¶rn Zaefferer * * $Id: jquery.validate.js 6403 2009-06-17 14:27:16Z joern.zaefferer $ * * Dual licensed under the MIT and GPL licenses: *   http://www.opensource.org/licenses/mit-license.php *   http://www.gnu.org/licenses/gpl.html */(function($) {$.extend($.fn, {	// http://docs.jquery.com/Plugins/Validation/validate	validate: function( options ) {		// if nothing is selected, return nothing; can't chain anyway		if (!this.length) {			options && options.debug && window.console && console.warn( "nothing selected, can't validate, returning nothing" );			return;		}		// check if a validator for this form was already created		var validator = $.data(this[0], 'validator');		if ( validator ) {			return validator;		}				validator = new $.validator( options, this[0] );		$.data(this[0], 'validator', validator); 				if ( validator.settings.onsubmit ) {					// allow suppresing validation by adding a cancel class to the submit button			this.find("input, button").filter(".cancel").click(function() {				validator.cancelSubmit = true;			});						// when a submitHandler is used, capture the submitting button			if (validator.settings.submitHandler) {				this.find("input, button").filter(":submit").click(function() {					validator.submitButton = this;				});			}					// validate the form on submit			this.submit( function( event ) {				if ( validator.settings.debug )					// prevent form submit to be able to see console output					event.preventDefault();									function handle() {					if ( validator.settings.submitHandler ) {						if (validator.submitButton) {							// insert a hidden input as a replacement for the missing submit button							var hidden = $("<input type='hidden'/>").attr("name", validator.submitButton.name).val(validator.submitButton.value).appendTo(validator.currentForm);						}						validator.settings.submitHandler.call( validator, validator.currentForm );						if (validator.submitButton) {							// and clean up afterwards; thanks to no-block-scope, hidden can be referenced							hidden.remove();						}						return false;					}					return true;				}									// prevent submit for invalid forms or custom submit handlers				if ( validator.cancelSubmit ) {					validator.cancelSubmit = false;					return handle();				}				if ( validator.form() ) {					if ( validator.pendingRequest ) {						validator.formSubmitted = true;						return false;					}					return handle();				} else {					validator.focusInvalid();					return false;				}			});		}				return validator;	},	// http://docs.jquery.com/Plugins/Validation/valid	valid: function() {        if ( $(this[0]).is('form')) {            return this.validate().form();        } else {            var valid = true;            var validator = $(this[0].form).validate();            this.each(function() {				valid &= validator.element(this);            });            return valid;        }    },	// attributes: space seperated list of attributes to retrieve and remove	removeAttrs: function(attributes) {		var result = {},			$element = this;		$.each(attributes.split(/\s/), function(index, value) {			result[value] = $element.attr(value);			$element.removeAttr(value);		});		return result;	},	// http://docs.jquery.com/Plugins/Validation/rules	rules: function(command, argument) {		var element = this[0];				if (command) {			var settings = $.data(element.form, 'validator').settings;			var staticRules = settings.rules;			var existingRules = $.validator.staticRules(element);			switch(command) {			case "add":				$.extend(existingRules, $.validator.normalizeRule(argument));				staticRules[element.name] = existingRules;				if (argument.messages)					settings.messages[element.name] = $.extend( settings.messages[element.name], argument.messages );				break;			case "remove":				if (!argument) {					delete staticRules[element.name];					return existingRules;				}				var filtered = {};				$.each(argument.split(/\s/), function(index, method) {					filtered[method] = existingRules[method];					delete existingRules[method];				});				return filtered;			}		}				var data = $.validator.normalizeRules(		$.extend(			{},			$.validator.metadataRules(element),			$.validator.classRules(element),			$.validator.attributeRules(element),			$.validator.staticRules(element)		), element);				// make sure required is at front		if (data.required) {			var param = data.required;			delete data.required;			data = $.extend({required: param}, data);		}				return data;	}});// Custom selectors$.extend($.expr[":"], {	// http://docs.jquery.com/Plugins/Validation/blank	blank: function(a) {return !$.trim(a.value);},	// http://docs.jquery.com/Plugins/Validation/filled	filled: function(a) {return !!$.trim(a.value);},	// http://docs.jquery.com/Plugins/Validation/unchecked	unchecked: function(a) {return !a.checked;}});// constructor for validator$.validator = function( options, form ) {	this.settings = $.extend( {}, $.validator.defaults, options );	this.currentForm = form;	this.init();};$.validator.format = function(source, params) {	if ( arguments.length == 1 ) 		return function() {			var args = $.makeArray(arguments);			args.unshift(source);			return $.validator.format.apply( this, args );		};	if ( arguments.length > 2 && params.constructor != Array  ) {		params = $.makeArray(arguments).slice(1);	}	if ( params.constructor != Array ) {		params = [ params ];	}	$.each(params, function(i, n) {		source = source.replace(new RegExp("\\{" + i + "\\}", "g"), n);	});	return source;};$.extend($.validator, {		defaults: {		messages: {},		groups: {},		rules: {},		errorClass: "error",		validClass: "valid",		errorElement: "label",		focusInvalid: true,		errorContainer: $( [] ),		errorLabelContainer: $( [] ),		onsubmit: true,		ignore: [],		ignoreTitle: false,		onfocusin: function(element) {			this.lastActive = element;							// hide error label and remove error class on focus if enabled			if ( this.settings.focusCleanup && !this.blockFocusCleanup ) {				this.settings.unhighlight && this.settings.unhighlight.call( this, element, this.settings.errorClass, this.settings.validClass );				this.errorsFor(element).hide();			}		},		onfocusout: function(element) {			if ( !this.checkable(element) && (element.name in this.submitted || !this.optional(element)) ) {				this.element(element);			}		},		onkeyup: function(element) {			if ( element.name in this.submitted || element == this.lastElement ) {				this.element(element);			}		},		onclick: function(element) {			if ( element.name in this.submitted )				this.element(element);		},		highlight: function( element, errorClass, validClass ) {			$(element).addClass(errorClass).removeClass(validClass);		},		unhighlight: function( element, errorClass, validClass ) {			$(element).removeClass(errorClass).addClass(validClass);		}	},	// http://docs.jquery.com/Plugins/Validation/Validator/setDefaults	setDefaults: function(settings) {		$.extend( $.validator.defaults, settings );	},	messages: {		required: "This field is required.",		remote: "Please fix this field.",		email: "Please enter a valid email address.",		url: "Please enter a valid URL.",		date: "Please enter a valid date.",		dateISO: "Please enter a valid date (ISO).",		dateDE: "Bitte geben Sie ein gÃ¼ltiges Datum ein.",		number: "Please enter a valid number.",		numberDE: "Bitte geben Sie eine Nummer ein.",		digits: "Please enter only digits",		creditcard: "Please enter a valid credit card number.",		equalTo: "Please enter the same value again.",		accept: "Please enter a value with a valid extension.",		maxlength: $.validator.format("Please enter no more than {0} characters."),		minlength: $.validator.format("Please enter at least {0} characters."),		rangelength: $.validator.format("Please enter a value between {0} and {1} characters long."),		range: $.validator.format("Please enter a value between {0} and {1}."),		max: $.validator.format("Please enter a value less than or equal to {0}."),		min: $.validator.format("Please enter a value greater than or equal to {0}.")	},		autoCreateRanges: false,		prototype: {				init: function() {			this.labelContainer = $(this.settings.errorLabelContainer);			this.errorContext = this.labelContainer.length && this.labelContainer || $(this.currentForm);			this.containers = $(this.settings.errorContainer).add( this.settings.errorLabelContainer );			this.submitted = {};			this.valueCache = {};			this.pendingRequest = 0;			this.pending = {};			this.invalid = {};			this.reset();						var groups = (this.groups = {});			$.each(this.settings.groups, function(key, value) {				$.each(value.split(/\s/), function(index, name) {					groups[name] = key;				});			});			var rules = this.settings.rules;			$.each(rules, function(key, value) {				rules[key] = $.validator.normalizeRule(value);			});						function delegate(event) {				var validator = $.data(this[0].form, "validator");				validator.settings["on" + event.type] && validator.settings["on" + event.type].call(validator, this[0] );			}			$(this.currentForm)				.delegate("focusin focusout keyup", ":text, :password, :file, select, textarea", delegate)				.delegate("click", ":radio, :checkbox", delegate);			if (this.settings.invalidHandler)				$(this.currentForm).bind("invalid-form.validate", this.settings.invalidHandler);		},		// http://docs.jquery.com/Plugins/Validation/Validator/form		form: function() {			this.checkForm();			$.extend(this.submitted, this.errorMap);			this.invalid = $.extend({}, this.errorMap);			if (!this.valid())				$(this.currentForm).triggerHandler("invalid-form", [this]);			this.showErrors();			return this.valid();		},				checkForm: function() {			this.prepareForm();			for ( var i = 0, elements = (this.currentElements = this.elements()); elements[i]; i++ ) {				this.check( elements[i] );			}			return this.valid(); 		},				// http://docs.jquery.com/Plugins/Validation/Validator/element		element: function( element ) {			element = this.clean( element );			this.lastElement = element;			this.prepareElement( element );			this.currentElements = $(element);			var result = this.check( element );			if ( result ) {				delete this.invalid[element.name];			} else {				this.invalid[element.name] = true;			}			if ( !this.numberOfInvalids() ) {				// Hide error containers on last error				this.toHide = this.toHide.add( this.containers );			}			this.showErrors();			return result;		},		// http://docs.jquery.com/Plugins/Validation/Validator/showErrors		showErrors: function(errors) {			if(errors) {				// add items to error list and map				$.extend( this.errorMap, errors );				this.errorList = [];				for ( var name in errors ) {					this.errorList.push({						message: errors[name],						element: this.findByName(name)[0]					});				}				// remove items from success list				this.successList = $.grep( this.successList, function(element) {					return !(element.name in errors);				});			}			this.settings.showErrors				? this.settings.showErrors.call( this, this.errorMap, this.errorList )				: this.defaultShowErrors();		},				// http://docs.jquery.com/Plugins/Validation/Validator/resetForm		resetForm: function() {			if ( $.fn.resetForm )				$( this.currentForm ).resetForm();			this.submitted = {};			this.prepareForm();			this.hideErrors();			this.elements().removeClass( this.settings.errorClass );		},				numberOfInvalids: function() {			return this.objectLength(this.invalid);		},				objectLength: function( obj ) {			var count = 0;			for ( var i in obj )				count++;			return count;		},				hideErrors: function() {			this.addWrapper( this.toHide ).hide();		},				valid: function() {			return this.size() == 0;		},				size: function() {			return this.errorList.length;		},				focusInvalid: function() {			if( this.settings.focusInvalid ) {				try {					$(this.findLastActive() || this.errorList.length && this.errorList[0].element || []).filter(":visible").focus();				} catch(e) {					// ignore IE throwing errors when focusing hidden elements				}			}		},				findLastActive: function() {			var lastActive = this.lastActive;			return lastActive && $.grep(this.errorList, function(n) {				return n.element.name == lastActive.name;			}).length == 1 && lastActive;		},				elements: function() {			var validator = this,				rulesCache = {};						// select all valid inputs inside the form (no submit or reset buttons)			// workaround $Query([]).add until http://dev.jquery.com/ticket/2114 is solved			return $([]).add(this.currentForm.elements)			.filter(":input")			.not(":submit, :reset, :image, [disabled]")			.not( this.settings.ignore )			.filter(function() {				!this.name && validator.settings.debug && window.console && console.error( "%o has no name assigned", this);							// select only the first element for each name, and only those with rules specified				if ( this.name in rulesCache || !validator.objectLength($(this).rules()) )					return false;								rulesCache[this.name] = true;				return true;			});		},				clean: function( selector ) {			return $( selector )[0];		},				errors: function() {			return $( this.settings.errorElement + "." + this.settings.errorClass, this.errorContext );		},				reset: function() {			this.successList = [];			this.errorList = [];			this.errorMap = {};			this.toShow = $([]);			this.toHide = $([]);			this.formSubmitted = false;			this.currentElements = $([]);		},				prepareForm: function() {			this.reset();			this.toHide = this.errors().add( this.containers );		},				prepareElement: function( element ) {			this.reset();			this.toHide = this.errorsFor(element);		},			check: function( element ) {			element = this.clean( element );						// if radio/checkbox, validate first element in group instead			if (this.checkable(element)) {				element = this.findByName( element.name )[0];			}						var rules = $(element).rules();			var dependencyMismatch = false;			for( method in rules ) {				var rule = { method: method, parameters: rules[method] };				try {					var result = $.validator.methods[method].call( this, element.value.replace(/\r/g, ""), element, rule.parameters );										// if a method indicates that the field is optional and therefore valid,					// don't mark it as valid when there are no other rules					if ( result == "dependency-mismatch" ) {						dependencyMismatch = true;						continue;					}					dependencyMismatch = false;										if ( result == "pending" ) {						this.toHide = this.toHide.not( this.errorsFor(element) );						return;					}										if( !result ) {						this.formatAndAdd( element, rule );						return false;					}				} catch(e) {					this.settings.debug && window.console && console.log("exception occured when checking element " + element.id						 + ", check the '" + rule.method + "' method");					throw e;				}			}			if (dependencyMismatch)				return;			if ( this.objectLength(rules) )				this.successList.push(element);			return true;		},				// return the custom message for the given element and validation method		// specified in the element's "messages" metadata		customMetaMessage: function(element, method) {			if (!$.metadata)				return;						var meta = this.settings.meta				? $(element).metadata()[this.settings.meta]				: $(element).metadata();						return meta && meta.messages && meta.messages[method];		},				// return the custom message for the given element name and validation method		customMessage: function( name, method ) {			var m = this.settings.messages[name];			return m && (m.constructor == String				? m				: m[method]);		},				// return the first defined argument, allowing empty strings		findDefined: function() {			for(var i = 0; i < arguments.length; i++) {				if (arguments[i] !== undefined)					return arguments[i];			}			return undefined;		},				defaultMessage: function( element, method) {			return this.findDefined(				this.customMessage( element.name, method ),				this.customMetaMessage( element, method ),				// title is never undefined, so handle empty string as undefined				!this.settings.ignoreTitle && element.title || undefined,				$.validator.messages[method],				"<strong>Warning: No message defined for " + element.name + "</strong>"			);		},				formatAndAdd: function( element, rule ) {			var message = this.defaultMessage( element, rule.method );			if ( typeof message == "function" ) 				message = message.call(this, rule.parameters, element);			this.errorList.push({				message: message,				element: element			});			this.errorMap[element.name] = message;			this.submitted[element.name] = message;		},				addWrapper: function(toToggle) {			if ( this.settings.wrapper )				toToggle = toToggle.add( toToggle.parent( this.settings.wrapper ) );			return toToggle;		},				defaultShowErrors: function() {			for ( var i = 0; this.errorList[i]; i++ ) {				var error = this.errorList[i];				this.settings.highlight && this.settings.highlight.call( this, error.element, this.settings.errorClass, this.settings.validClass );				this.showLabel( error.element, error.message );			}			if( this.errorList.length ) {				this.toShow = this.toShow.add( this.containers );			}			if (this.settings.success) {				for ( var i = 0; this.successList[i]; i++ ) {					this.showLabel( this.successList[i] );				}			}			if (this.settings.unhighlight) {				for ( var i = 0, elements = this.validElements(); elements[i]; i++ ) {					this.settings.unhighlight.call( this, elements[i], this.settings.errorClass, this.settings.validClass );				}			}			this.toHide = this.toHide.not( this.toShow );			this.hideErrors();			this.addWrapper( this.toShow ).show();		},				validElements: function() {			return this.currentElements.not(this.invalidElements());		},				invalidElements: function() {			return $(this.errorList).map(function() {				return this.element;			});		},				showLabel: function(element, message) {			var label = this.errorsFor( element );			if ( label.length ) {				// refresh error/success class				label.removeClass().addClass( this.settings.errorClass );							// check if we have a generated label, replace the message then				label.attr("generated") && label.html(message);			} else {				// create label				label = $("<" + this.settings.errorElement + "/>")					.attr({"for":  this.idOrName(element), generated: true})					.addClass(this.settings.errorClass)					.html(message || "");				if ( this.settings.wrapper ) {					// make sure the element is visible, even in IE					// actually showing the wrapped element is handled elsewhere					label = label.hide().show().wrap("<" + this.settings.wrapper + "/>").parent();				}				if ( !this.labelContainer.append(label).length )					this.settings.errorPlacement						? this.settings.errorPlacement(label, $(element) )						: label.insertAfter(element);			}			if ( !message && this.settings.success ) {				label.text("");				typeof this.settings.success == "string"					? label.addClass( this.settings.success )					: this.settings.success( label );			}			this.toShow = this.toShow.add(label);		},				errorsFor: function(element) {			return this.errors().filter("[for='" + this.idOrName(element) + "']");		},				idOrName: function(element) {			return this.groups[element.name] || (this.checkable(element) ? element.name : element.id || element.name);		},		checkable: function( element ) {			return /radio|checkbox/i.test(element.type);		},				findByName: function( name ) {			// select by name and filter by form for performance over form.find("[name=...]")			var form = this.currentForm;			return $(document.getElementsByName(name)).map(function(index, element) {				return element.form == form && element.name == name && element  || null;			});		},				getLength: function(value, element) {			switch( element.nodeName.toLowerCase() ) {			case 'select':				return $("option:selected", element).length;			case 'input':				if( this.checkable( element) )					return this.findByName(element.name).filter(':checked').length;			}			return value.length;		},			depend: function(param, element) {			return this.dependTypes[typeof param]				? this.dependTypes[typeof param](param, element)				: true;		},			dependTypes: {			"boolean": function(param, element) {				return param;			},			"string": function(param, element) {				return !!$(param, element.form).length;			},			"function": function(param, element) {				return param(element);			}		},				optional: function(element) {			return !$.validator.methods.required.call(this, $.trim(element.value), element) && "dependency-mismatch";		},				startRequest: function(element) {			if (!this.pending[element.name]) {				this.pendingRequest++;				this.pending[element.name] = true;			}		},				stopRequest: function(element, valid) {			this.pendingRequest--;			// sometimes synchronization fails, make sure pendingRequest is never < 0			if (this.pendingRequest < 0)				this.pendingRequest = 0;			delete this.pending[element.name];			if ( valid && this.pendingRequest == 0 && this.formSubmitted && this.form() ) {				$(this.currentForm).submit();			} else if (!valid && this.pendingRequest == 0 && this.formSubmitted) {				$(this.currentForm).triggerHandler("invalid-form", [this]);			}		},				previousValue: function(element) {			return $.data(element, "previousValue") || $.data(element, "previousValue", previous = {				old: null,				valid: true,				message: this.defaultMessage( element, "remote" )			});		}			},		classRuleSettings: {		required: {required: true},		email: {email: true},		url: {url: true},		date: {date: true},		dateISO: {dateISO: true},		dateDE: {dateDE: true},		number: {number: true},		numberDE: {numberDE: true},		digits: {digits: true},		creditcard: {creditcard: true}	},		addClassRules: function(className, rules) {		className.constructor == String ?			this.classRuleSettings[className] = rules :			$.extend(this.classRuleSettings, className);	},		classRules: function(element) {		var rules = {};		var classes = $(element).attr('class');		classes && $.each(classes.split(' '), function() {			if (this in $.validator.classRuleSettings) {				$.extend(rules, $.validator.classRuleSettings[this]);			}		});		return rules;	},		attributeRules: function(element) {		var rules = {};		var $element = $(element);				for (method in $.validator.methods) {			var value = $element.attr(method);			if (value) {				rules[method] = value;			}		}				// maxlength may be returned as -1, 2147483647 (IE) and 524288 (safari) for text inputs		if (rules.maxlength && /-1|2147483647|524288/.test(rules.maxlength)) {			delete rules.maxlength;		}				return rules;	},		metadataRules: function(element) {		if (!$.metadata) return {};				var meta = $.data(element.form, 'validator').settings.meta;		return meta ?			$(element).metadata()[meta] :			$(element).metadata();	},		staticRules: function(element) {		var rules = {};		var validator = $.data(element.form, 'validator');		if (validator.settings.rules) {			rules = $.validator.normalizeRule(validator.settings.rules[element.name]) || {};		}		return rules;	},		normalizeRules: function(rules, element) {		// handle dependency check		$.each(rules, function(prop, val) {			// ignore rule when param is explicitly false, eg. required:false			if (val === false) {				delete rules[prop];				return;			}			if (val.param || val.depends) {				var keepRule = true;				switch (typeof val.depends) {					case "string":						keepRule = !!$(val.depends, element.form).length;						break;					case "function":						keepRule = val.depends.call(element, element);						break;				}				if (keepRule) {					rules[prop] = val.param !== undefined ? val.param : true;				} else {					delete rules[prop];				}			}		});				// evaluate parameters		$.each(rules, function(rule, parameter) {			rules[rule] = $.isFunction(parameter) ? parameter(element) : parameter;		});				// clean number parameters		$.each(['minlength', 'maxlength', 'min', 'max'], function() {			if (rules[this]) {				rules[this] = Number(rules[this]);			}		});		$.each(['rangelength', 'range'], function() {			if (rules[this]) {				rules[this] = [Number(rules[this][0]), Number(rules[this][1])];			}		});				if ($.validator.autoCreateRanges) {			// auto-create ranges			if (rules.min && rules.max) {				rules.range = [rules.min, rules.max];				delete rules.min;				delete rules.max;			}			if (rules.minlength && rules.maxlength) {				rules.rangelength = [rules.minlength, rules.maxlength];				delete rules.minlength;				delete rules.maxlength;			}		}				// To support custom messages in metadata ignore rule methods titled "messages"		if (rules.messages) {			delete rules.messages		}				return rules;	},		// Converts a simple string to a {string: true} rule, e.g., "required" to {required:true}	normalizeRule: function(data) {		if( typeof data == "string" ) {			var transformed = {};			$.each(data.split(/\s/), function() {				transformed[this] = true;			});			data = transformed;		}		return data;	},		// http://docs.jquery.com/Plugins/Validation/Validator/addMethod	addMethod: function(name, method, message) {		$.validator.methods[name] = method;		$.validator.messages[name] = message || $.validator.messages[name];		if (method.length < 3) {			$.validator.addClassRules(name, $.validator.normalizeRule(name));		}	},	methods: {		// http://docs.jquery.com/Plugins/Validation/Methods/required		required: function(value, element, param) {			// check if dependency is met			if ( !this.depend(param, element) )				return "dependency-mismatch";			switch( element.nodeName.toLowerCase() ) {			case 'select':				var options = $("option:selected", element);				return options.length > 0 && ( element.type == "select-multiple" || ($.browser.msie && !(options[0].attributes['value'].specified) ? options[0].text : options[0].value).length > 0);			case 'input':				if ( this.checkable(element) )					return this.getLength(value, element) > 0;			default:				return $.trim(value).length > 0;			}		},				// http://docs.jquery.com/Plugins/Validation/Methods/remote		remote: function(value, element, param) {			if ( this.optional(element) )				return "dependency-mismatch";						var previous = this.previousValue(element);						if (!this.settings.messages[element.name] )				this.settings.messages[element.name] = {};			this.settings.messages[element.name].remote = typeof previous.message == "function" ? previous.message(value) : previous.message;						param = typeof param == "string" && {url:param} || param; 						if ( previous.old !== value ) {				previous.old = value;				var validator = this;				this.startRequest(element);				var data = {};				data[element.name] = value;				$.ajax($.extend(true, {					url: param,					mode: "abort",					port: "validate" + element.name,					dataType: "json",					data: data,					success: function(response) {						var valid = response === true;						if ( valid ) {							var submitted = validator.formSubmitted;							validator.prepareElement(element);							validator.formSubmitted = submitted;							validator.successList.push(element);							validator.showErrors();						} else {							var errors = {};							errors[element.name] = previous.message = response || validator.defaultMessage( element, "remote" );							validator.showErrors(errors);						}						previous.valid = valid;						validator.stopRequest(element, valid);					}				}, param));				return "pending";			} else if( this.pending[element.name] ) {				return "pending";			}			return previous.valid;		},		// http://docs.jquery.com/Plugins/Validation/Methods/minlength		minlength: function(value, element, param) {			return this.optional(element) || this.getLength($.trim(value), element) >= param;		},				// http://docs.jquery.com/Plugins/Validation/Methods/maxlength		maxlength: function(value, element, param) {			return this.optional(element) || this.getLength($.trim(value), element) <= param;		},				// http://docs.jquery.com/Plugins/Validation/Methods/rangelength		rangelength: function(value, element, param) {			var length = this.getLength($.trim(value), element);			return this.optional(element) || ( length >= param[0] && length <= param[1] );		},				// http://docs.jquery.com/Plugins/Validation/Methods/min		min: function( value, element, param ) {			return this.optional(element) || value >= param;		},				// http://docs.jquery.com/Plugins/Validation/Methods/max		max: function( value, element, param ) {			return this.optional(element) || value <= param;		},				// http://docs.jquery.com/Plugins/Validation/Methods/range		range: function( value, element, param ) {			return this.optional(element) || ( value >= param[0] && value <= param[1] );		},				// http://docs.jquery.com/Plugins/Validation/Methods/email		email: function(value, element) {			// contributed by Scott Gonzalez: http://projects.scottsplayground.com/email_address_validation/			return this.optional(element) || /^((([a-z]|\d|[!#\$%&'\*\+\-\/=\?\^_`{\|}~]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])+(\.([a-z]|\d|[!#\$%&'\*\+\-\/=\?\^_`{\|}~]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])+)*)|((\x22)((((\x20|\x09)*(\x0d\x0a))?(\x20|\x09)+)?(([\x01-\x08\x0b\x0c\x0e-\x1f\x7f]|\x21|[\x23-\x5b]|[\x5d-\x7e]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(\\([\x01-\x09\x0b\x0c\x0d-\x7f]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF]))))*(((\x20|\x09)*(\x0d\x0a))?(\x20|\x09)+)?(\x22)))@((([a-z]|\d|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(([a-z]|\d|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])([a-z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])*([a-z]|\d|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])))\.)+(([a-z]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(([a-z]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])([a-z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])*([a-z]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])))\.?$/i.test(value);		},			// http://docs.jquery.com/Plugins/Validation/Methods/url		url: function(value, element) {			// contributed by Scott Gonzalez: http://projects.scottsplayground.com/iri/			return this.optional(element) || /^(https?|ftp):\/\/(((([a-z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(%[\da-f]{2})|[!\$&'\(\)\*\+,;=]|:)*@)?(((\d|[1-9]\d|1\d\d|2[0-4]\d|25[0-5])\.(\d|[1-9]\d|1\d\d|2[0-4]\d|25[0-5])\.(\d|[1-9]\d|1\d\d|2[0-4]\d|25[0-5])\.(\d|[1-9]\d|1\d\d|2[0-4]\d|25[0-5]))|((([a-z]|\d|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(([a-z]|\d|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])([a-z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])*([a-z]|\d|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])))\.)+(([a-z]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(([a-z]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])([a-z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])*([a-z]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])))\.?)(:\d*)?)(\/((([a-z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(%[\da-f]{2})|[!\$&'\(\)\*\+,;=]|:|@)+(\/(([a-z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(%[\da-f]{2})|[!\$&'\(\)\*\+,;=]|:|@)*)*)?)?(\?((([a-z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(%[\da-f]{2})|[!\$&'\(\)\*\+,;=]|:|@)|[\uE000-\uF8FF]|\/|\?)*)?(\#((([a-z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(%[\da-f]{2})|[!\$&'\(\)\*\+,;=]|:|@)|\/|\?)*)?$/i.test(value);		},        		// http://docs.jquery.com/Plugins/Validation/Methods/date		date: function(value, element) {			return this.optional(element) || !/Invalid|NaN/.test(new Date(value));		},			// http://docs.jquery.com/Plugins/Validation/Methods/dateISO		dateISO: function(value, element) {			return this.optional(element) || /^\d{4}[\/-]\d{1,2}[\/-]\d{1,2}$/.test(value);		},			// http://docs.jquery.com/Plugins/Validation/Methods/dateDE		dateDE: function(value, element) {			return this.optional(element) || /^\d\d?\.\d\d?\.\d\d\d?\d?$/.test(value);		},			// http://docs.jquery.com/Plugins/Validation/Methods/number		number: function(value, element) {			return this.optional(element) || /^-?(?:\d+|\d{1,3}(?:,\d{3})+)(?:\.\d+)?$/.test(value);		},			// http://docs.jquery.com/Plugins/Validation/Methods/numberDE		numberDE: function(value, element) {			return this.optional(element) || /^-?(?:\d+|\d{1,3}(?:\.\d{3})+)(?:,\d+)?$/.test(value);		},				// http://docs.jquery.com/Plugins/Validation/Methods/digits		digits: function(value, element) {			return this.optional(element) || /^\d+$/.test(value);		},				// http://docs.jquery.com/Plugins/Validation/Methods/creditcard		// based on http://en.wikipedia.org/wiki/Luhn		creditcard: function(value, element) {			if ( this.optional(element) )				return "dependency-mismatch";			// accept only digits and dashes			if (/[^0-9-]+/.test(value))				return false;			var nCheck = 0,				nDigit = 0,				bEven = false;			value = value.replace(/\D/g, "");			for (n = value.length - 1; n >= 0; n--) {				var cDigit = value.charAt(n);				var nDigit = parseInt(cDigit, 10);				if (bEven) {					if ((nDigit *= 2) > 9)						nDigit -= 9;				}				nCheck += nDigit;				bEven = !bEven;			}			return (nCheck % 10) == 0;		},				// http://docs.jquery.com/Plugins/Validation/Methods/accept		accept: function(value, element, param) {			param = typeof param == "string" ? param.replace(/,/g, '|') : "png|jpe?g|gif";			return this.optional(element) || value.match(new RegExp(".(" + param + ")$", "i")); 		},				// http://docs.jquery.com/Plugins/Validation/Methods/equalTo		equalTo: function(value, element, param) {			return value == $(param).val();		}			}	});// deprecated, use $.validator.format instead$.format = $.validator.format;})(jQuery);// ajax mode: abort// usage: $.ajax({ mode: "abort"[, port: "uniqueport"]});// if mode:"abort" is used, the previous request on that port (port can be undefined) is aborted via XMLHttpRequest.abort() ;(function($) {	var ajax = $.ajax;	var pendingRequests = {};	$.ajax = function(settings) {		// create settings for compatibility with ajaxSetup		settings = $.extend(settings, $.extend({}, $.ajaxSettings, settings));		var port = settings.port;		if (settings.mode == "abort") {			if ( pendingRequests[port] ) {				pendingRequests[port].abort();			}			return (pendingRequests[port] = ajax.apply(this, arguments));		}		return ajax.apply(this, arguments);	};})(jQuery);// provides cross-browser focusin and focusout events// IE has native support, in other browsers, use event caputuring (neither bubbles)// provides delegate(type: String, delegate: Selector, handler: Callback) plugin for easier event delegation// handler is only called when $(event.target).is(delegate), in the scope of the jquery-object for event.target // provides triggerEvent(type: String, target: Element) to trigger delegated events;(function($) {	$.each({		focus: 'focusin',		blur: 'focusout'		}, function( original, fix ){		$.event.special[fix] = {			setup:function() {				if ( $.browser.msie ) return false;				this.addEventListener( original, $.event.special[fix].handler, true );			},			teardown:function() {				if ( $.browser.msie ) return false;				this.removeEventListener( original,				$.event.special[fix].handler, true );			},			handler: function(e) {				arguments[0] = $.event.fix(e);				arguments[0].type = fix;				return $.event.handle.apply(this, arguments);			}		};	});	$.extend($.fn, {		delegate: function(type, delegate, handler) {			return this.bind(type, function(event) {				var target = $(event.target);				if (target.is(delegate)) {					return handler.apply(target, arguments);				}			});		},		triggerEvent: function(type, target) {			return this.triggerHandler(type, [$.event.fix({ type: type, target: target })]);		}	})})(jQuery);/* * Translated default messages for the jQuery validation plugin. * Language: NL */jQuery.extend(jQuery.validator.messages, {        required: "Dit is een verplicht veld",        remote: "Controleer dit veld",        email: "Vul een geldig e-mailadres in",        url: "Vul een geldige URL in",        date: "Vul een geldige datum in.",        dateISO: "Vul een geldige datum in (JJJJ-MM-DD)",        number: "Vul een geldig nummer in",        digits: "Vul alleen nummers in",        creditcard: "Vul een geldig creditcardnummer in",        equalTo: "Vul hier dezelfde waarde in",        accept: "Vul een waarde in met een geldige extensie",        maxlength: jQuery.validator.format("Vul maximaal {0} tekens in"),        minlength: jQuery.validator.format("Vul minimaal {0} tekens in"),        rangelength: jQuery.validator.format("Vul een waarde in van minimaal {0} en maximaal {1} tekens"),        range: jQuery.validator.format("Vul een waarde in tussen {0} en {1}"),        max: jQuery.validator.format("Vul een waarde in kleiner dan of gelijk aan {0}"),        min: jQuery.validator.format("Vul een waarde in groter dan of gelijk aan {0}")});

;

/** * Cookie plugin * * Copyright (c) 2006 Klaus Hartl (stilbuero.de) * Dual licensed under the MIT and GPL licenses: * http://www.opensource.org/licenses/mit-license.php * http://www.gnu.org/licenses/gpl.html * *//** * Create a cookie with the given name and value and other optional parameters. * * @example $.cookie('the_cookie', 'the_value'); * @desc Set the value of a cookie. * @example $.cookie('the_cookie', 'the_value', { expires: 7, path: '/', domain: 'jquery.com', secure: true }); * @desc Create a cookie with all available options. * @example $.cookie('the_cookie', 'the_value'); * @desc Create a session cookie. * @example $.cookie('the_cookie', null); * @desc Delete a cookie by passing null as value. Keep in mind that you have to use the same path and domain *       used when the cookie was set. * * @param String name The name of the cookie. * @param String value The value of the cookie. * @param Object options An object literal containing key/value pairs to provide optional cookie attributes. * @option Number|Date expires Either an integer specifying the expiration date from now on in days or a Date object. *                             If a negative value is specified (e.g. a date in the past), the cookie will be deleted. *                             If set to null or omitted, the cookie will be a session cookie and will not be retained *                             when the the browser exits. * @option String path The value of the path atribute of the cookie (default: path of page that created the cookie). * @option String domain The value of the domain attribute of the cookie (default: domain of page that created the cookie). * @option Boolean secure If true, the secure attribute of the cookie will be set and the cookie transmission will *                        require a secure protocol (like HTTPS). * @type undefined * * @name $.cookie * @cat Plugins/Cookie * @author Klaus Hartl/klaus.hartl@stilbuero.de *//** * Get the value of a cookie with the given name. * * @example $.cookie('the_cookie'); * @desc Get the value of a cookie. * * @param String name The name of the cookie. * @return The value of the cookie. * @type String * * @name $.cookie * @cat Plugins/Cookie * @author Klaus Hartl/klaus.hartl@stilbuero.de */jQuery.cookie = function(name, value, options) {    if (typeof value != 'undefined') { // name and value given, set cookie        options = options || {};        if (value === null) {            value = '';            options.expires = -1;        }        var expires = '';        if (options.expires && (typeof options.expires == 'number' || options.expires.toUTCString)) {            var date;            if (typeof options.expires == 'number') {                date = new Date();                date.setTime(date.getTime() + (options.expires * 24 * 60 * 60 * 1000));            } else {                date = options.expires;            }            expires = '; expires=' + date.toUTCString(); // use expires attribute, max-age is not supported by IE        }        // CAUTION: Needed to parenthesize options.path and options.domain        // in the following expressions, otherwise they evaluate to undefined        // in the packed version for some reason...        var path = options.path ? '; path=' + (options.path) : '';        var domain = options.domain ? '; domain=' + (options.domain) : '';        var secure = options.secure ? '; secure' : '';        document.cookie = [name, '=', encodeURIComponent(value), expires, path, domain, secure].join('');    } else { // only name given, get cookie        var cookieValue = null;        if (document.cookie && document.cookie != '') {            var cookies = document.cookie.split(';');            for (var i = 0; i < cookies.length; i++) {                var cookie = jQuery.trim(cookies[i]);                // Does this cookie string begin with the name we want?                if (cookie.substring(0, name.length + 1) == (name + '=')) {                    cookieValue = decodeURIComponent(cookie.substring(name.length + 1));                    break;                }            }        }        return cookieValue;    }};

;

var DriefmHeadernowticker = new function() {
	var self = this;
	
	self.interval_animate_wait = 5000;
	self.interval_animate_duration = 400;
	self.offset_top = 0;
	self.item_height = 43;
	self.item_current = 0;
	
	self.$element = null;
	self.interval_animate = null;
	self.is_mouseover = false;
	
	self.init = function() {
		// Element
		self.$element = $("#site_header_now ul");
		$("li:first", self.$element).addClass("active");
		
		// Attach/init
		self.attach_events();
		
		// Start interval
		self.interval_animate = setInterval(function() {
			self.exec_ticker();
		}, self.interval_animate_wait);
	};
	
	self.attach_events = function() {
		self.$element.on('mouseenter', function() {
			self.is_mouseover = true;
		}).on('mouseleave', function() {
			self.is_mouseover = false;
		});
	};
	
	self.exec_ticker = function() {
		if(!self.is_mouseover) {
			self.next();
		}
	};
	
	self.goTo = function(index) {
		self.item_current = index;
		
		self.do_animate();
	};
	
	self.next = function() {
		if((self.item_current + 1) >= $("li", self.$element).length) {
			self.item_current = 0;
		} else {
			self.item_current++;
		}
		
		self.do_animate();
	};
	
	self.previous = function() {
		if(self.item_current == 0) {
			self.item_current = ($("li", self.$element).length - 1);
		} else {
			self.item_current--;
		}
		
		self.do_animate();
	};
	
	self.do_animate = function() {
		// Scroll down
		var top = (self.offset_top - (self.item_height * self.item_current)) + 'px'
		self.$element.animate({
			top: top
		}, self.interval_animate_duration);
		
		// Change opacity
		$("li.active", self.$element).removeClass('active').fadeTo((self.interval_animate_duration + (self.interval_animate_duration / 2)), 0);
		$("li", self.$element).eq(self.item_current).addClass('active').fadeTo(self.interval_animate_duration, 1);
	};
};

$(document).ready(DriefmHeadernowticker.init);

;

var DriefmRefreshnowonair = new function() {
	var self = this;
	
	// Settings
	self.feed_track_url = "/data/cache/jsonp/nowplaying-encoded.json";
	self.feed_broadcast_url = "/data/cache/json/etalage-prevnownext.json";
	
	self.init = function() {
		// Get current broadcast
		self.broadcast.get();
		setInterval(function() {
			self.broadcast.get();
		}, 120000);
		
		// Get current track
		self.track.get();
		setInterval(function() {
			self.track.get();
		}, 60000);
		
		// Refresh webcam-screenshot
		setInterval(function() {
			self.livethumb.refresh();
		}, 120000);
		
		// Refresh highlights recentlyplayed
		self.highlights.init();
	};
	
	/** BROADCAST **/
	self.broadcast = {};
	
	self.broadcast.get = function() {
		$.ajax({
			url: self.feed_broadcast_url,
			cache: false,
			dataType: 'json',
			success: function(data) {
				self.broadcast.build(data);
			}
		});
	};
	
	self.broadcast.build = function(data) {
		if($(".refresh-broadcast").length) {
		
			// Broadcast name
			if(typeof data[1].website_url == "string") {
				$(".refresh-broadcast .broadcast-name").html($("<a />").attr('href', data[1].website_url).text(data[1].broadcast_name));
			} else {
				$(".refresh-broadcast .broadcast-name").text(data[1].broadcast_name);
			}
			
			// Presenters
			if(data[1].broadcast_presenters.length > 1) {
				$(".refresh-broadcast .broadcast-presenters").html('');
				
				for(var i in data[1].broadcast_presenters) {
					if($(".refresh-broadcast .broadcast-presenters").html() != "") {
						if(i == (data[1].broadcast_presenters.length - 1)) {
							$(".refresh-broadcast .broadcast-presenters").append(' en ');
						} else {
							$(".refresh-broadcast .broadcast-presenters").append(', ');
						}
					}
					
					$(".refresh-broadcast .broadcast-presenters").append($("<a />").attr('href', data[1].broadcast_presenters[i].url).text(data[1].broadcast_presenters[i].name));
				}
				
			} else if(data[1].broadcast_presenters.length == 1) {
				$(".refresh-broadcast .broadcast-presenters").html($("<a />").attr('href', data[1].broadcast_presenters[0].url).text(data[1].broadcast_presenters[0].name));
			} else {
				$(".refresh-broadcast .broadcast-presenters").html('');
			}
			
			// Broadcaster
			var broadcaster_logo_url = '/static/img/broadcasters/' + data[1].broadcaster.name.toLowerCase() + '_h16_bwod.png';
			if($(".refresh-broadcast .broadcast-broadcaster-logo img").length) {
				$(".refresh-broadcast .broadcast-broadcaster-logo img").attr('src', broadcaster_logo_url);
			} else {
				$(".refresh-broadcast .broadcast-broadcaster-logo").append($("<img />").attr('src', broadcaster_logo_url));
			}
		}
		
		// ETALAGE
		if($("#site_etalage").length) {
		
			// DJ image
			if(typeof data[1].etalage_programme_image_panorama == 'string' && data[1].etalage_programme_image_panorama.length) {
				// Multiple presenters, programme-image present
				$("#site_etalage").css('background-image', 'url("' + data[1].etalage_programme_image_panorama + '")');
				
			} else if(data[1].broadcast_presenters.length > 1 && typeof data[1].broadcast_presenters[0].image_panorama == 'string' && data[1].broadcast_presenters[0].image_panorama.length) {
				// Multiple presenters, no programme-image, pick random
				var randomPresenter = data[1].broadcast_presenters[Math.floor(Math.random() * data[1].broadcast_presenters.length)];
				
				if(typeof randomPresenter.image_panorama == 'string' && randomPresenter.image_panorama.length) {
					$("#site_etalage").css('background-image', 'url("' + randomPresenter.image_panorama + '")');
				} else {
					// Too bad, presenter without image... Grab index 0 instead
					$("#site_etalage").css('background-image', 'url("' + data[1].broadcast_presenters[0].image_panorama + '")');
				}
				
			} else if(data[1].broadcast_presenters.length > 0 && typeof data[1].broadcast_presenters[0].image_panorama == 'string' && data[1].broadcast_presenters[0].image_panorama.length) {
				// One presenter, with image
				$("#site_etalage").css('background-image', 'url("' + data[1].broadcast_presenters[0].image_panorama + '")');
				
			} else {
				// No image
                $("#site_etalage").css('background-image', 'none');
			}
			
			// Broadcaster logo
			var broadcaster_logo_url = '/static/img/broadcasters/' + data[1].broadcaster.name.toLowerCase() + '_h70_shdw.png';
			if($("#etalage_broadcaster_logo img").length) {
				$("#etalage_broadcaster_logo img").attr('src', broadcaster_logo_url);
			} else {
				$("#etalage_broadcaster_logo").append($("<img />").attr('src', broadcaster_logo_url));
			}
			
			// Information carrousel
			$("#list_etalage_information li:not(.etalage-information-screenthumb, .etalage-information-broadcast)").remove();
			
			// Fill broadcast slide
			$(".etalage-information-broadcast .information-contents-title").text(data[1].broadcast_name).attr('href', data[1].website_url);
			$(".etalage-information-broadcast .information-contents-broadcaster").text('(' + data[1].broadcaster.name + ')');
			
			if(data[1].broadcast_presenters.length > 1) {
				$(".etalage-information-broadcast .information-contents-text").html('');
				
				for(var i in data[1].broadcast_presenters) {
					if(typeof data[1].broadcast_presenters[i] == 'object') {
						if($(".etalage-information-broadcast .information-contents-text").html() != "") {
							if(i == (data[1].broadcast_presenters.length - 1)) {
								$(".etalage-information-broadcast .information-contents-text").append(' en ');
							} else {
								$(".etalage-information-broadcast .information-contents-text").append(', ');
							}
						}
						
						$(".etalage-information-broadcast .information-contents-text").append($("<a />").attr('href', data[1].broadcast_presenters[i].url).text(data[1].broadcast_presenters[i].name));
					}
				}
				
			} else {
				$(".etalage-information-broadcast .information-contents-text").html($("<a />").attr('href', data[1].broadcast_presenters[0].url).text(data[1].broadcast_presenters[0].name));
			}
			
			$(".etalage-information-broadcast .information-contents-text").prepend('met ');
			
			// Add items
			var oddEven = 'odd';
			if(data[1].broadcast_items != undefined && data[1].broadcast_items.length) {
				for(var i in data[1].broadcast_items) {
					if(typeof data[1].broadcast_items[i] == 'string') {
						if(oddEven == 'odd') { oddEven = 'even'; } else { oddEven = 'odd'; }
						
						$("#list_etalage_information").append('<li class="etalage-information-item ' + oddEven + '"><a href="/live" class="information-icon"></a><div class="information-contents"><div class="information-contents-title">Vandaag in ' + data[1].broadcast_name + '</div><div class="information-contents-text">' + data[1].broadcast_items[i] + '</div></div></li>');
					}
				}
			}
			
			// Add FB/Tw (if recent)
			
			
			if(data[1].programme_id == 2475) {
				
				function check_ditisdomiensocial() {
					var current_time = new Date((new Date().getTime() + self.date_offset));
					var current_time_hm = current_time.getHours();
					
					if(current_time.getMinutes().toString().length == 1) {
						current_time_hm = ('' + current_time_hm) + '0' + current_time.getMinutes();
					} else {
						current_time_hm = ('' + current_time_hm) + current_time.getMinutes();
					}
					
                    current_time_hm = parseInt(current_time_hm);
					
					if(current_time_hm > 1930 && current_time_hm < 2200) {
						$("body").attr('id', 'ditisdomientweepuntnul');
					} else {
						$("body").removeAttr('id');
					}
				}
				
				if(typeof self.date_offset == "undefined") {
					$.getJSON("/assets/timestamp-now.json.php", function(data) {
						// Offset t.o.v. lokale tijd berekenen
						var now_local = new Date().getTime();
						var now_server = (data.now * 1000);
						
						self.date_offset = Math.round(now_server - now_local);
						
						if(typeof self.interval_ditisdomientweepuntnul == "undefined") {
							self.interval_ditisdomientweepuntnul = setInterval(function() {
								check_ditisdomiensocial();
							}, 10000);
							check_ditisdomiensocial();
						}
					});
				} else {
					if(typeof self.interval_ditisdomientweepuntnul == "undefined") {
						self.interval_ditisdomientweepuntnul = setInterval(function() {
							check_ditisdomiensocial();
						}, 10000);
						check_ditisdomiensocial();
					}
				}
				
			} else {
				$("body").removeAttr('id');
				
				if(typeof self.interval_ditisdomientweepuntnul != "undefined") {
					clearInterval(self.interval_ditisdomientweepuntnul);
				}
			}
			
			// Do a count for this programme
			sitestat('http://nl.sitestat.com/klo/' + data[1].broadcaster.sitestat + '/s?3fm.etalage.home.' + data[1].broadcaster.sitestat + '.' + data[1].programme_sitestat + '&amp;category=' + data[1].programme_sitestat + '&amp;ns_channel=entertainment&amp;ns_webdir=' + data[1].programme_sitestat + '&amp;po_source=etalage&amp;po_merk=audio.3fm&po_sitetype=plus');
		}
	};
	
	/** TRACK **/
	self.track = {};
	
	self.track.get = function() {
		$.ajax({
			url: self.feed_track_url,
			cache: false,
			dataType: 'jsonp',
			jsonpCallback: 'driefmJsonNowplaying5',
			success: function(data) {
				self.track.build(data);
			}
		});
	};
	
	self.track.build = function(data) {
		if($(".refresh-track").length) {
			if(typeof data.song_url == "string") {
				$(".refresh-track .track-title").html($("<a />").attr('href', self.decodeNowplaying(data.song_url)).text(self.decodeNowplaying(data.title)));
			} else {
				$(".refresh-track .track-title").text(self.decodeNowplaying(data.title));
			}
			
			if(typeof data.artist_url == "string") {
				$(".refresh-track .track-artist").html($("<a />").attr('href', self.decodeNowplaying(data.artist_url)).text(self.decodeNowplaying(data.artist)));
			} else {
				$(".refresh-track .track-artist").text(self.decodeNowplaying(data.artist));
			}
		}
	};
	
	/** LIVETHUMB **/
	self.livethumb = {};
	self.livethumb.refresh = function() {
		var url = $(".etalage-information-screenthumb img").data('original');
		
		$(".etalage-information-screenthumb img").attr('src', url + '?_=' + new Date().getTime());
	};
	
	/** HIGHLIGHTS RECENTLYPLAYED **/
	self.highlights = {};
	self.highlights.init = function() {
		$("#highlights_recentlyplayed_refresh").on('click', function(e) {
			$("#highlights_recentlyplayed_refresh").addClass('active');
			
			$.ajax({
				url: '/api/ajax/highlights-recentlyplayed',
				dataType: 'html',
				cache: false,
				success: function(data) {
					$("#highlights_recentlyplayed_container > ul").replaceWith(data);
					$("#highlights_recentlyplayed_container > ul").hide().fadeIn(250);
					
					$("#highlights_recentlyplayed_refresh").removeClass('active');
				}
			});
			
			e.preventDefault();
			e.stopPropagation();
		});
	};
	
	self.decodeNowplaying = function(string) {
		string = string + '';
		var grapheme_extend = /(.)([\uDC00-\uDFFF\u0300-\u036F\u0483-\u0489\u0591-\u05BD\u05BF\u05C1\u05C2\u05C4\u05C5\u05C7\u0610-\u061A\u064B-\u065E\u0670\u06D6-\u06DC\u06DE-\u06E4\u06E7\u06E8\u06EA-\u06ED\u0711\u0730-\u074A\u07A6-\u07B0\u07EB-\u07F3\u0901-\u0903\u093C\u093E-\u094D\u0951-\u0954\u0962\u0963\u0981-\u0983\u09BC\u09BE-\u09C4\u09C7\u09C8\u09CB-\u09CD\u09D7\u09E2\u09E3\u0A01-\u0A03\u0A3C\u0A3E-\u0A42\u0A47\u0A48\u0A4B-\u0A4D\u0A51\u0A70\u0A71\u0A75\u0A81-\u0A83\u0ABC\u0ABE-\u0AC5\u0AC7-\u0AC9\u0ACB-\u0ACD\u0AE2\u0AE3\u0B01-\u0B03\u0B3C\u0B3E-\u0B44\u0B47\u0B48\u0B4B-\u0B4D\u0B56\u0B57\u0B62\u0B63\u0B82\u0BBE-\u0BC2\u0BC6-\u0BC8\u0BCA-\u0BCD\u0BD7\u0C01-\u0C03\u0C3E-\u0C44\u0C46-\u0C48\u0C4A-\u0C4D\u0C55\u0C56\u0C62\u0C63\u0C82\u0C83\u0CBC\u0CBE-\u0CC4\u0CC6-\u0CC8\u0CCA-\u0CCD\u0CD5\u0CD6\u0CE2\u0CE3\u0D02\u0D03\u0D3E-\u0D44\u0D46-\u0D48\u0D4A-\u0D4D\u0D57\u0D62\u0D63\u0D82\u0D83\u0DCA\u0DCF-\u0DD4\u0DD6\u0DD8-\u0DDF\u0DF2\u0DF3\u0E31\u0E34-\u0E3A\u0E47-\u0E4E\u0EB1\u0EB4-\u0EB9\u0EBB\u0EBC\u0EC8-\u0ECD\u0F18\u0F19\u0F35\u0F37\u0F39\u0F3E\u0F3F\u0F71-\u0F84\u0F86\u0F87\u0F90-\u0F97\u0F99-\u0FBC\u0FC6\u102B-\u103E\u1056-\u1059\u105E-\u1060\u1062-\u1064\u1067-\u106D\u1071-\u1074\u1082-\u108D\u108F\u135F\u1712-\u1714\u1732-\u1734\u1752\u1753\u1772\u1773\u17B6-\u17D3\u17DD\u180B-\u180D\u18A9\u1920-\u192B\u1930-\u193B\u19B0-\u19C0\u19C8\u19C9\u1A17-\u1A1B\u1B00-\u1B04\u1B34-\u1B44\u1B6B-\u1B73\u1B80-\u1B82\u1BA1-\u1BAA\u1C24-\u1C37\u1DC0-\u1DE6\u1DFE\u1DFF\u20D0-\u20F0\u2DE0-\u2DFF\u302A-\u302F\u3099\u309A\uA66F-\uA672\uA67C\uA67D\uA802\uA806\uA80B\uA823-\uA827\uA880\uA881\uA8B4-\uA8C4\uA926-\uA92D\uA947-\uA953\uAA29-\uAA36\uAA43\uAA4C\uAA4D\uFB1E\uFE00-\uFE0F\uFE20-\uFE26]+)/g;
		string = string.replace(grapheme_extend, '$2$1');
		string = string.split('').reverse().join('');
		return (string ? string : this).split('').map(function(_) { if (!_.match(/[A-za-z]/)) return _; c = Math.floor(_.charCodeAt(0) / 97); k = (_.toLowerCase().charCodeAt(0) - 83) % 26 || 26; return String.fromCharCode(k + ((c == 0) ? 64 : 96)); }).join('');
	}
};

$(document).ready(DriefmRefreshnowonair.init);

;

var DriefmLiveStudiomessage = new function() {
  var self = this;
  
  self.enable_display = false;
  self.queue = [];
  
  self.init = function() {
    self.init_form();
	self.receive.init();
    
    $("#box4_home_studiomessage .boxheader").unbind('click').click(function() {
      if($("#box4_home_studiomessage").hasClass('opened')) {
        $("#box4_home_studiomessage").removeClass('opened');
      } else {
        $("#box4_home_studiomessage").addClass('opened');
      }
      
      return false;
    });
  };
  
  self.init_form = function() {
	// Hide extra fields when not selected
	$("#box4_live_studiomessage #phonenumber-label, #box4_live_studiomessage #phonenumber-element, #box4_live_studiomessage #emailaddress-label, #box4_live_studiomessage #emailaddress-element, #box4_live_studiomessage #name-label, #box4_live_studiomessage #name-element, #box4_live_studiomessage #submit-label, #box4_live_studiomessage #submit-element, #box4_home_studiomessage #phonenumber-label, #box4_home_studiomessage #phonenumber-element, #box4_home_studiomessage #emailaddress-label, #box4_home_studiomessage #emailaddress-element, #box4_home_studiomessage #name-label, #box4_home_studiomessage #name-element, #box4_home_studiomessage #submit-label, #box4_home_studiomessage #submit-element").hide();
	
    // Change type of phonenumber-field
    $("#phonenumber").prop('type', 'tel');
	
	// Clear message-field when successfully sent
	if($("#box4_live_studiomessage .article, #box4_home_studiomessage .article").length) {
		$("#message").val('');
		setTimeout(function() {
			$("#box4_live_studiomessage .article, #box4_home_studiomessage .article").slideUp();
		}, 10000);
	}
    
    // Pre-fill phonenumber if known from previous use
    if(self.helpers.cookie.read('3fm_app_phonenumber')) {
      $("#box4_live_studiomessage #phonenumber, #box4_home_studiomessage #phonenumber").val(self.helpers.cookie.read('3fm_app_phonenumber'));
	  $("#box4_live_studiomessage #emailaddress, #box4_home_studiomessage #emailaddress").val(self.helpers.cookie.read('3fm_app_emailaddress'));
      $("#box4_live_studiomessage #name, #box4_home_studiomessage #name").val(self.helpers.cookie.read('3fm_app_name'));
    }
	
	// Show extra fields when textarea is focussed
	$("#box4_live_studiomessage #message, #box4_home_studiomessage #message").on('focus', function() {
		if($("#phonenumber-label").is(":hidden")) {
			$("#phonenumber-label, #phonenumber-element, #emailaddress-label, #emailaddress-element, #name-label, #name-element, #submit-label, #submit-element").fadeIn('fast');
		}
	});
	
	// Hide extra fields when losing focus, except when there is content in it
	$("#box4_live_studiomessage #message, #box4_home_studiomessage #message").on('blur', function() {
		if(!$("#message").val()) {
			$("#phonenumber-label, #phonenumber-element, #emailaddress-label, #emailaddress-element, #name-label, #name-element, #submit-label, #submit-element").hide();
		}
	});
    
    // Save phone number + name when submitted, so the user doesn't have to fill this in every time
    $("#appform").off('submit').on('submit', function() {
      self.helpers.cookie.create('3fm_app_name', $("#appform #name").val(), 90);
      self.helpers.cookie.create('3fm_app_phonenumber', $("#appform #phonenumber").val(), 90);
      self.helpers.cookie.create('3fm_app_emailaddress', $("#appform #emailaddress").val(), 90);
    });
	
	// Send through AJAX
	$("#appform").ajaxForm({
		url: '/api/live/studiomessage',
		success: function(data, statusText, xhr, $form) {
			$("#box4_live_studiomessage, #box4_home_studiomessage").replaceWith(data);
			
			self.init_form();
		},
		error: function() {
			alert("Door een technisch probleem kon je bericht op dit moment niet worden verzonden.");
		}
	});
  };
  
  /** RECEIVE **/
  self.receive = {};
  self.receive.last_timestamp = null;
  self.receive.init = function() {
	setInterval(function() {
		if(self.enable_display) {
			self.receive.get();
		} else {
			$("#studiomessages_list_container").remove();
            if(typeof self.interval_build_job != "undefined") {
              clearInterval(self.interval_build_job);
            }
		}
	}, 30000);
  };
  
  self.receive.get = function(callback) {
	if($("#studiomessages_list").length == 0) {
		$("#box4_live_studiomessage").append('<div id="studiomessages_list_container"><ul id="studiomessages_list"></ul></div>');
	}
    
    if(typeof self.interval_build_job == "undefined") {
      self.interval_build_job = setInterval(function() {
          self.build.job();
      }, 800);
    }
	
	$.ajax({
		url: '/data/cache/json/studiomessages-moderated.json',
		type: 'GET',
		dataType: 'json',
		timeout: 3000,
		cache: false,
		success: self.receive.process
	});
  };
  
  self.receive.process = function(data) {
	if(self.receive.last_timestamp == null) {
		// Full build
		self.receive.queue(data);
	} else {
		if(data[0].moderated_at_stamp != self.receive.last_timestamp) {
			// Partial build
			
			// Find from where to build
			for(var i in data) {
				if(data[i].moderated_at_stamp == self.receive.last_timestamp) {
					var last_index = i;
					
					break;
				}
			}
			
			if(last_index != undefined) {
				if(last_index > 0) {
					// Partial update
					self.receive.queue(data.slice(0, last_index));
				}
			} else {
				// last_index cannot be found, full update
				self.receive.queue(data);
			}
		}
	}
  };
  
  self.receive.queue = function(data) {
	data.reverse();
	
	for(var i in data) {
		if(data[i].id != undefined) {
			if(self.queue.length == 0) {
				// Queue empty, add
				self.queue.push(data[i]);
			} else {
				if(self.queue[(self.queue.length - 1)].moderated_at_stamp <= data[i].moderated_at_stamp) {
					// Item is newer than newest item in queue, just add at the end
					self.queue.push(data[i]);
				} else if (self.queue[0].moderated_at_stamp >= data[i].moderated_at_stamp) {
					// Oldest item in array is newer than this one, add as oldest
					self.queue.unshift(data[i]);
				} else {
					// Somewhere in between
					for(var i in self.queue) {
						if(self.queue[i].moderated_at_stamp >= data[i].moderated_at_stamp) {
							self.queue.splice((i-1), 0, data[i]);
							
							break;
						}
					}
				}
			}
		}
	}
	
	self.receive.last_timestamp = data[(data.length - 1)].moderated_at_stamp;
	
	// Limit list to self.queue.max_size
	if(self.queue.length > 25) {
		self.queue.reverse();
		self.queue = self.queue.slice(0, 25);
		self.queue.reverse();
	}
  };
  
  
  self.build = {};
  self.build.zebraClass = 'even';
  self.build.job = function() {
	if(self.queue.length != 0 && $("#studiomessages_list").length != 0) {
		if(self.queue.length >= 25) {
			// Delete all, show top 25
			var data = self.queue;
			self.queue = [];
			
			// HTML
			for(var i in data) {
				self.build.html(data[i]);
			}
			
			// Display
			$("#studiomessages_list").find("li:hidden").show();
			
		} else {
			// Get oldest & show
			var item = self.queue.shift();
			
			// HTML
			self.build.html(item);
			
			// Display
			$("#studiomessages_list").find('li:hidden').slideDown('fast');
		}
	}
  };
  
  self.build.html = function(item) {
	// Delete old
	$("#studiomessages_list").find("li:gt(24)").remove();
	
	if(typeof item == "object") {
		var html = '';
		
		// Date
		var date = new Date((item.created_stamp * 1000));
		var date_string = date.getHours() + ':';
		if(date.getMinutes().toString().length == 1) {
			date_string += '0' + date.getMinutes();
		} else {
			date_string += date.getMinutes();
		}
		
		// Zebra
		if(self.build.zebraClass == 'odd') {
			self.build.zebraClass = 'even';
		} else {
			self.build.zebraClass = 'odd';
		}
		
		if(item.name == undefined) {
			item.name = '';
		}
		
		html += '<li class="' + self.build.zebraClass + '" style="display: none;">';
		html += '<span class="omnisocial-item-user"><span>' + item.name + '</span></span>';
		html += '<span class="omnisocial-item-date">' + date_string + '</span>';
		html += '<span class="omnisocial-item-content">' + item.message + '</span>';
		html += '</li>';
		
		$("#studiomessages_list").prepend(html);
	}
  };
  
  /** HELPERS **/
  self.helpers = {};
  
  self.helpers.cookie = {};
  self.helpers.cookie.create = function(name,value,days,domain) {
	if (days) {
		var date = new Date();
		date.setTime(date.getTime()+(days*24*60*60*1000));
		var expires = "; expires="+date.toGMTString();
	}
	else { 
		var expires = "";
	}
	
	if(domain) {
		var domain = "; domain=" + domain;
	} else {
		var domain = "";
	}
	
	document.cookie = name+"="+value+expires+domain+"; path=/";
  };

  self.helpers.cookie.read = function(name) {
	var nameEQ = name + "=";
	var ca = document.cookie.split(';');
	for(var i=0;i < ca.length;i++) {
		var c = ca[i];
		while (c.charAt(0)==' ') {
			c = c.substring(1,c.length);
		}
		if (c.indexOf(nameEQ) == 0) {
			return c.substring(nameEQ.length,c.length);
		}
	}
	return null;
  };
  
  self.helpers.cookie.erase = function(name) {
	self.helpers.cookie.create(name,"",-1);
  };
};

$(document).ready(function() {
  DriefmLiveStudiomessage.init();
});