// JavaScript Document

var $debug = false;

$(function(){
	// resize het de height spacer aan de hand van de schermgrootte
	//resizeHeightspacer(-180);
		   
	// maak van alle classes met de basis class ui-button een JQuery Ui gestylede knop
	$(".ui-button, .button-green").UiButton();
	
	$("a.disabled").click(function(){
		return false;							   
	});
	
	// loginmenu: verberg de login-knop, wanneer geklikt is en toon het formulier
	$("#login-container a.login").click(function(){		
		showLoginForm();
	});
	
	/**
	 *	Wanneer een andere link is ingesteld om het login formulier te tonen, 	
	 *	click handler op deze links toevoegen
	 */
	$("a.login-show-form").click(function(){
		showLoginForm();									  
	});
		
	$("#events-list").simpleAccordion();
	$("#hoofdmenu, #casesmenu").rfMenu();
	
	// pas de ajax check toe op het formulier
	$("form.bs-form").BsForm({check:true});
	$("form #omschrijving").show();
	
	/**
	 *  Tooltip toepassen op alle a-tags met een title tag gedefinieerd
	 */
	//$("a[title]").tooltip('#tooltip'); 
	
	$("a.bs-popup").UiPopup({modal:true});
	// ronde hoeken in IE:
	//$.uicornerfix("4px");
	

	/**
	 *	Toon de rss feeds	
	 */	
	
	
	
	$('div#feeds').load('rss-feeds.htm', function(){
		$(this).hover(function(){ $(this).addClass("hover"); } , function() { $(this).removeClass("hover"); });
		
		var ticker = function(){
			setTimeout(function(){
				// alleen door scrollen als de muis niet op dit item staat
				if(!$(this).hasClass("hover")){ 
					$('#feed li:first').animate( {marginTop: '-16px'}, 800, function(){
						$(this).detach().appendTo('ul#feed').removeAttr('style');	
					});
				}
				ticker();
			}, 4000);
		};
		ticker();
		
		$("ul#feed a").tooltip({
			position: 'center left', 
			effect: 'fade'
		}); 														
	});
	

});

/**
 *	Toon het login formulier en zet de focus op het veld
 *	@void
 */
function showLoginForm(){
	$("#login-container a.login").hide();
	$("#login-container div#form-hldr").slideDown("fast");
	$("#login_id").focus();	
}

/**
 *	Pa de hoogte van de heightspacer aan aan de grootte van het scherm
 *	@param int size_adjust
 *	@void
 */
function resizeHeightspacer(size_adjust){
	
	$size = $(document).height();
	$size = $size + size_adjust;
	$("#mainHeightSpacer").height($size);
}

/**
 *	Registreer een click op een FAQ item
 *	@param Int faq_id
 *	@void
 */
function FAQClick(faq_id){
	$.get("handleactions.php?action=faqClick&faq_id=" + faq_id);
}

function timestamp(){
	$date = new Date();
	return $date.getTime();
}


/**
 *  Simple accordion
 */
$.fn.simpleAccordion = function(options) {  
 	var defaults = {  
		open_class: "acc-open"	// naam van de display component	
	};  
	
	var $container = $(this);
	
	// extend options with the default options
	var options = $.extend(defaults, options);  
	return this.each(function(){ 
		$(this).children("li").each(function(){
			
			$(this).click(function(){
				if($(this).hasClass("open")){
					$(this).removeClass("open").children(".snippet").slideUp();	
				}else{
					$(this).addClass("open").children(".snippet").slideDown();	
				}
			});
		});
		
		return this;
	});  
};

$.fn.UiConfirm = function(options) {  
	var defaults = {  
		message: "Wilt u doorgaan?",
		title: "Wilt u doorgaan?",
		cancel_text : 'Annuleren',
		confirm_text : 'Ok',
		target : false
	};  
	
	var options = $.extend(defaults, options);
	
	return this.each(function(){
		$(this).click(function(){
			$("body").append('<div id="ui-dialog-confirm" title="'+options.title+'"><p><span class="ui-icon ui-icon-alert" style="float:left; margin:0 7px 20px 0;"></span>'+options.message+'</p></div>');
			$("#ui-dialog-confirm").dialog("destroy");
			
			var confirm_text 	= options.confirm_text;
			var cancel_text 	= options.cancel_text;
			if(options.target){
				var $target = options.target;
			}else{
				var $target = $(this).attr("href");
			}
			
			$("#ui-dialog-confirm").dialog({
				resizable: false,
				modal: true,
				buttons: {
					"Ok": function() {
						// verwijder de dialog box
						$(this).dialog('close').dialog("destroy");
						$("#ui-dialog-confirm").remove();
						// ga naar de actie toe
						window.location = $target;
					},
					"Annuleren": function() {
						// verwijder de dialog box
						$(this).dialog('close').dialog("destroy");
						$("#ui-dialog-confirm").remove();
					}					
				}
			});
			
			return false;
		});  
	});
}

/**
 *  Maak een Ajax popup aan met behulp van de Jquery Ui
 */
$.fn.UiPopup = function(options) {  
	var defaults = {  
		width: 500,
		heigth: "auto",
		buttons: false,
		modal: false,
		title:""
	};  
	
	var options = $.extend(defaults, options);
		
	return this.each(function(){
		if($(this).attr("title") != ""){
			options.title = $(this).attr("title");
		}
		$(this).click(function(){
			$popup_id = "popup_"+timestamp();
			$("body").append('<div id="'+$popup_id+'" title="'+options.title+'" style="display:none;"><div class="content"><img src="images/ajax-loader.gif"/></div></div>');
			$("#"+$popup_id).dialog("destroy");
						
			if(options.target){
				var $target = options.target;
			}else{
				var $target = $(this).attr("href");
			}
			
			// laad de content
			$("#"+$popup_id+' .content').ajaxError(function(event, request, settings){
			   $(this).html('<div class="ui-widget ui-state-error ui-corner-all" style="padding:10px;"><span class="ui-icon ui-icon-alert" style="float:left; mergin-right:5px;"></span><strong>' + settings.url + '</strong> kon niet worden geladen...</div>');
			 });
			
			// probeer de content te laden
			$("#"+$popup_id+' .content').load($target, function(){
				$("#"+$popup_id).dialog({
					resizable: false,
					modal: options.modal,
					width: options.width,	
					position:'top',
					close: function(event, ui) { 
						$(this).remove(); 
						$(this).dialog("destroy");
						$('.youtube-video').css({'visibility':'visible'});},
					open:function(event){ 
						$('.youtube-video').css({'visibility':'hidden'});
					}
				});													
			});			
						
			
			return false;
		}); 
	});
};
/**
 *  Zorg voor de ronde hoekjes in IE8 voor Jquery
 */
$.uicornerfix = function(r){
  DD_roundies.addRule('.ui-corner-all', r);
  DD_roundies.addRule('.ui-corner-top', r+' '+r+' 0 0');
  DD_roundies.addRule('.ui-corner-bottom', '0 0 '+r+' '+r);
  DD_roundies.addRule('.ui-corner-right', '0 '+r+' '+r+' 0');
  DD_roundies.addRule('.ui-corner-left', r+' 0 0 '+r);
  DD_roundies.addRule('.ui-corner-tl', r+' 0 0 0');
  DD_roundies.addRule('.ui-corner-tr', '0 '+r+' 0 0');
  DD_roundies.addRule('.ui-corner-br', '0 0 '+r+' 0');
  DD_roundies.addRule('.ui-corner-bl', '0 0 0 '+r);
};

$.fn.showMoreList = function(options) {  
	var defaults = {  
		show: 10,
		children:'li'
	};  
	
	var options = $.extend(defaults, options);
	
	// toepassen
	return this.each(function(){
		
		
	});
}