/*
 * behaviour info: dirkjan.degroot@accensible.nl
 */


 function simple_tooltip(target_items, name){
 $(target_items).each(function(i){
		$("body").append("<div class='"+name+"' id='"+name+i+"'><p>"+$(this).attr('title')+"<span class='tooltip-end'></span></p></div>");
		var my_tooltip = $("#"+name+i);

		if($(this).attr("title") != ""){ // checks if there is a title

		$(this).removeAttr("title").mouseover(function(){
				my_tooltip.css({display:"none"}).fadeIn(400);
		}).mousemove(function(kmouse){
				my_tooltip.css({left:kmouse.pageX-65, top:kmouse.pageY-80});
		}).mouseout(function(){
				my_tooltip.fadeOut(400);
		});

		}
	});
}

// starting the script on page load
$(document).ready(function(){
	
	$("ul.menu a").focus(function(){ 
		$(this).toggleClass("focus");
		$(this).children("span.selector").toggleClass("focus");
	 });
	 
	$("ul.menu a").blur(function(){ 
		$(this).removeClass("focus");
		$(this).children("span.selector").removeClass("focus");
	 }); 
	 
	$("dl dd input, dl dd textarea").focus(function(){ 
		$(this).parents("fieldset").addClass("focus");
	}); 
	
	$("dl dd input, dl dd textarea").blur(function(){ 
		$(this).parents("fieldset").removeClass("focus");
	}); 
	
	$("button span").mouseover(function(){ 
		$(this).addClass("hover");
	});
	 
	$("button span").mouseout(function(){ 
		$(this).removeClass("hover");
	});
	 
	$("fieldset.large input").focus(function(){ 
		$(this).parents("fieldset").addClass("focus");
	}); 
	
	$("fieldset.large input").blur(function(){ 
		$(this).parents("fieldset").removeClass("focus");
	}); 
	
	$("a.external").attr("title","This is a link to an external website");
	
	simple_tooltip("a.external","tooltip");
	
	/*$("a.external").each(function(i){
		$(this).append("<div class='tooltip'><span class='tooltip'>"+$(this).attr('title')+"<span class='tooltip-end'></span></span></div>");
 		$(this).attr("title","");	
 	});
	
	$("a.external").mouseover(function() {
		$(this).children("div.tooltip").addClass("show");
	});
	
	$("a.external").mouseout(function() {
		$(this).children("div.tooltip").removeClass("show");
	});*/
	
});