/*
 * make hover on lists possible
 *
 */
        $(function () {
		
			$(".jq_item_nav").hover(  
				function() { 
				    /*All submenu divs by default have 990 of z-index, when one is hover reset all to default */
				    $(".submenu").css("z-index",990);
					$(this).addClass('hover');
					/*
					    By default every submenu has the style "submenu" with z-index 990 value. 
					    To make appear submenus placed more at left than the current active one,
					    this line fix it.
					*/
					$(".hover .submenu").css("z-index",999999);
					$("ul.menu li.active").addClass("tempActive");
					$("ul.menu li.active").removeClass("active");
				},
				function() {
					$("ul.menu li.tempActive").addClass("active");
					$("ul.menu li.tempActive").removeClass("tempActive");
					$(this).removeClass('hover');
				}
			);
						
			$("input").hover(  
				function() { 
					$(this).addClass('hover');
				},
				function() { 
					$(this).removeClass('hover');
				}
			);
						
        });
		
/*
 * overlays with menu
 *

$(function () { 
		
			$("li#beleggen").hover(  
				function() { 
					if(!$("li#beleggen").hasClass("active"))
					{
						$("#overlay-beleggen").addClass('hover');
					}
				},
				function() { 
					$("#overlay-beleggen").removeClass('hover');
				}
			);
			
			$("li#sparen").hover(  
				function() { 
					if(!$("li#sparen").hasClass("active"))
					{
						$("#overlay-sparen").addClass('hover');
					}
				},
				function() { 
					$("#overlay-sparen").removeClass('hover');
				}
			);

			$("#overlay-beleggen").hover( 
				function() { 
					$(this).addClass('hover'); // keep overlay visible
				},
				function() { 
					$(this).removeClass('hover');
				}
			);
			
			$("#overlay-sparen").hover(  
				function() { 
					$(this).addClass('hover'); // keep overlay visible
				},
				function() { 
					$(this).removeClass('hover');
				}
			);
						
        });

 */
		
/*
 * accordion menu
 *
 */

$(document).ready(function() {
						   
        $('div.accordion .bottom > div').hide(); 

		$('div.accordion .bottom > h3').click(function() {
			$(this).next('div').slideToggle('fast')
			.siblings('div:visible').slideUp('fast');
			$(this).addClass('active')
			.siblings().removeClass('active');
		});		

});


/*
 * Tooltip script 
 * powered by jQuery (http://www.jquery.com)
 * 
 * written by Alen Grakalic (http://cssglobe.com)
 * 
 * for more info visit http://cssglobe.com/post/1695/easiest-tooltip-and-image-preview-using-jquery
 *
 */
this.tooltip = function(){	
	/* CONFIG */		
		xOffset = 10;
		yOffset = 20;		
		// these 2 variable determine popup's distance from the cursor
		// you might want to adjust to get the right result		
	/* END CONFIG */		
	$("a.tooltip").hover(function(e){											  
		this.t = this.title;
		this.title = "";									  
		$("body").append("<p id='tooltip'>"+ this.t +"</p>");
		$("#tooltip")
			.css("top",(e.pageY - xOffset) + "px")
			.css("left",(e.pageX + yOffset) + "px")
			.fadeIn("fast");		
    },
	function(){
		this.title = this.t;		
		$("#tooltip").remove();
    });	
	$("a.tooltip").mousemove(function(e){
		$("#tooltip")
			.css("top",(e.pageY - xOffset) + "px")
			.css("left",(e.pageX + yOffset) + "px");
	});			
};



// starting the script on page load
$(document).ready(function(){
	tooltip();
});


$(document).ready(function(){ 
						   
	$("ul.lexiconAlphabet li.letter:first").addClass("first");
	$("ul.lexiconAlphabet li.letter:last").addClass("last");
 
	$("div.content div.floatcontainer:first").addClass("first");
	$("div.content div.floatcontainer:last").addClass("last");

});