$(document).ready(function(){
	
	simple_tooltip("a.tooltip","tooltip-display");
	
	$(function() {
		$("#tabs").tabs({ fx: { opacity: 'toggle' } }).addClass('ui-tabs-vertical ui-helper-clearfix');
	});

	$(".lightbox").fancybox({
	  'titlePosition' : 'over',
		'titleFormat'		: function(title, currentArray, currentIndex, currentOpts) {
			return '<span id="fancybox-title-over">Image ' + (currentIndex + 1) + ' / ' + currentArray.length + (title.length ? ' &nbsp; ' + title : '') + '</span>';
		}
	});

	$(".swfbox").fancybox({
		'width'				: 689,
		'height'			: 551,
		'padding'			: 0,
		'autoScale'			: false,
		'transitionIn'		: 'none',
		'transitionOut'		: 'none',
		'titleShow' : false
	});
			
});

/*

http://www.kriesi.at/archives/create-simple-tooltips-with-css-and-jquery-part-2-smart-tooltips

*/

function simple_tooltip(target_items, name){
	$(target_items).each(function(i){
		$("body").append("<div class='"+name+"' id='"+name+i+"'><h4>"+$(this).attr('title')+"</h4> <p>"+$(this).attr('rel')+"</p></div>");

		var my_tooltip = $("#"+name+i);

		if($(this).attr("title") != "" && $(this).attr("title") != "undefined" ){

			$(this).removeAttr("title").mouseover(function(){
				my_tooltip.css({opacity:1, display:"none"}).fadeIn(0);

			}).mousemove(function(kmouse){
				var border_top = $(window).scrollTop();
				var border_right = $(window).width();
				var left_pos;
				var top_pos;
				var offset = 15;
				
				if(border_right - (offset *2) >= my_tooltip.width() + kmouse.pageX){
					left_pos = kmouse.pageX+offset;
				} else{
					left_pos = kmouse.pageX-my_tooltip.width()-offset;
				}

				if(border_top + (offset *2)>= kmouse.pageY - my_tooltip.height()){
					top_pos = border_top +offset;
				} else{
					top_pos = kmouse.pageY-my_tooltip.height()-offset;
				}

				my_tooltip.css({left:left_pos, top:top_pos});

			}).mouseout(function(){
				my_tooltip.fadeOut(0);
			});

		}

	});
}