$(document).ready(function() 
{
	$('.confirm').click(function()
	{
		var answer = confirm($(this).attr("title"));
		return answer;
	}); 
	
	var animationTime = 250; // Time of animations
	var hideTime = 500; // After mouse out how long before hide

	var hideTimeTimer = null;

	var beingShown = false;
    var shown = false;
	var panel = $('#divloginPanel').css('opacity', 0);
	var arrow = $('#arrowLogin');
    $('.loginPanel').mouseover(function () {
        if (hideTimeTimer) clearTimeout(hideTimeTimer);
        if (beingShown || shown) { // don't trigger the animation again
            return;
        } else {
            beingShown = true;
            panel.css({display: 'block'}).animate({opacity: 1}, animationTime, 'swing', function() { beingShown = false; shown = true; });
			arrow.slideDown(animationTime*1.1);
        }
        return false;
    }).mouseout(function () {
        if (hideTimeTimer) clearTimeout(hideTimeTimer);
        hideTimeTimer = setTimeout(function () {
            hideTimeTimer = null;
			arrow.slideUp(animationTime*1.1);
			panel.animate({opacity: 0}, animationTime, 'swing', function () { shown = false; panel.css('display', 'none'); });
        }, hideTime);
        return false;
    });

});

(function($) {
	$.fn.tooltip = function(options)
	{
		if (!this.length) { return this; }
		$.tooltip = 
		{
			defaults: {
				partof: 'body',
				contentFrom: null
			}
		};
		gg = $.extend($.tooltip.defaults, options || {});
		var id = 0;
		return this.each(function() 
		{
			$(this).mouseover(function(e)
			{
			    if(!$('#tooltip').length > 0) 
			    {
			        $(gg.partof).append('<div id="tooltip"><div id="tt_tekst"></div><div id="tooltip-triangle"></div></div>');
			    }
				id++;
				var trigger = $(this),
					$screen = $(document),
					data = null,
					$tipDiv = $('#tooltip'),
					$tipTxt = $('#tt_tekst'),
					$tipArr = $('#tooltip-triangle');

				data = (gg.contentFrom==null) ? ((trigger.children("span")!="") ? trigger.children("span").html() : "?") : gg.contentFrom;

			    $tipTxt.removeClass();
			    $tipArr.removeClass();
			    $tipTxt.html(data);
			    $tipArr.addClass('triangle');
	
			    var offset = $.extend({}, $(this).offset(), {width: this.offsetWidth, height: this.offsetHeight});
	
/* 			    var mousex = (e.pageX)-(((($screen.width())-webpage_width)/2) + (webpage_width-page_width)); */
			    var mousex = (e.pageX);
			    var tooltipHeight = $('#tooltip').height();
			    var tooltipWidth = $('#tooltip').width();
			    $("#tooltip").css({left: this.offsetLeft+20, top: (this.offsetTop-(tooltipHeight/2))+20});
			    $tipArr.addClass('triangle-border');
			    $tipDiv.show();
		    }).mouseout(function () {
				$('#tooltip').fadeOut();
		    });

		});
	};
})(jQuery);





(function($) {
	$.fn.toggler = function(options)
	{
		if (!this.length) { return this; }
		$.toggler = 
		{
			defaults: {
				active: 0,
				closeText: "Sluiten",
				openText: "Antwoord",
				divClick: "title",
				divInfo: "content",
				divToggle: "toggle",
				classUp: '',
				classDown: ''
			}
		};
		gg = $.extend($.toggler.defaults, options || {});
		var id = 0;
		return this.each(function() 
		{
			id++;
			var trigger = $(this),
				screen = $(window),
				$divClick = $('.'+gg.divClick, trigger),
				$divInfo = $('.'+gg.divInfo, trigger),
				$button = $('<div class="'+gg.divToggle+'"><div class="img"></div><span></span></div>'),
				$divToggle = $('.'+gg.divToggle, trigger);

			$(this).prepend($button);

			if(gg.active==id)
			{	
				$(trigger).addClass("active");
				$('.'+gg.divToggle, trigger).addClass("active");
				$divInfo.slideDown("fast");			
			}

			var visibile;
			visibile = $divInfo.is(':visible');		

			var toggle = $('.'+gg.divToggle, trigger);
			toggle.children("span").html(((visibile) ? gg.closeText : gg.openText));
			toggle.children(".img").attr('class', ((visibile) ? 'img up' : 'img down'));
			toggle.children("span").addClass(gg.classUp);

			$divClick.click(function(event) { toggleNow(event); });
			$button.click(function(event) { toggleNow(event); });
			
			function toggleNow(event)
			{
				event.preventDefault();
				$divInfo.slideToggle("fast", function() 
				{
					visibile = $(this).is(':visible');
					toggle.children("span").removeClass();
					if(visibile)
					{
						toggle.children("span").addClass(gg.classDown);
						toggle.children(".img").attr('class', 'img up');
						toggle.children("span").html(gg.closeText);
					}
					else
					{
						toggle.children("span").addClass(gg.classUp);
						toggle.children(".img").attr('class', 'img down');
						toggle.children("span").html(gg.openText);
					}
				});
				$('.'+gg.divToggle, trigger).toggleClass("active");
			}
			
		});
	};
})(jQuery);