/**
* functie om een rij in een table te hi-lighten al er een mouseoverevent overheen gaat
* de functie verwacht een <tr id='..' en een te submitten form met id='grpFrm_..' 
*/
$(document).ready(function(){
	$("#setPointer").find("tr[id]")
		.mouseover(function(){
			$(this).addClass("hilight");
	 	})
		.mouseout(function(){
			$(this).removeClass("hilight");
		})
		.css("cursor","pointer")
		.click(function(){
			var id = $(this).attr("id");
			$("#grpFrm_"+id).submit();
		});
});

// groepen pagina
$(document).ready(function(){
	// archief entries tonen of verbergen
	$(".list").hide();
	$("#showArchive").toggle(
		function(){
			$(".list").show();
		},
		function(){
			$(".list").hide();
		}
	);
	var popupShowed = false;
	// tonen grotere groepsfoto bij mouseover
	$("#klassefoto").mouseenter(function(){
		// 1X doen, pas weer als de popup verdwenen is
		if(!popupShowed){
			// foto oppakken en in de originele grootte tonen
			var imgsrc = $(this).attr("src");
			var popupHtml = "<div id='fotopopup'><img id='fotofullsize' src='" + imgsrc + "'/></div>";
			$(this).after(popupHtml);
			popupShowed = true;
			// pas de CSS zo aan dat de foto precies over de kleine versie valt.
			// Dit voorkomt problemen bij de mouseout en het verwijderen van de
			// foto. Ziet er ook beter uit.
			var fotoWidth = $("#fotofullsize").width();
			var fotoHeight = $("#fotofullsize").height();			
			var displacementX = 615-fotoWidth;
			$("#fotopopup").animate({left:'+='+displacementX}, 0);
			$("#fotopopup").animate({top:'-='+5}, 0);
			// handler voor verkleinen van de foto op mouseout
			$("#fotopopup").mouseleave(function(){
				$(this).detach();
				popupShowed = false;
			})
		}
	});

});

// Kalender pagina
$(document).ready(function(){
	$("#activiteitenlijst").find("tr:odd").addClass("hilight");
});

// invoer calendar voor MR documenten
$(document).ready(function(){
	$("#datummr").datepicker($.datepicker.regional['nl']);
	$("#datummr").datepicker( "option", "dateFormat", 'dd-mm-yy' );
});

$(document).ready(function() {
	$(".stripeable:even").addClass("stripe");
});