$(document).ready(function(){
	
	$('body').addClass('js');
	
	$('a.vblink').each(function(){
		var $this = $(this);
		$this.wrap('<span class="vblink"></span>').after('<span></span>');
		$this.next().html($this.attr('title')).hide();
		$this.removeAttr('title');
	
	});
	
	$('.vblink a').mouseover(function(){
		var $this = $(this);
		if($(window).height()<$this.offset().top + $this.height() + $this.next().height() + 12)
		{
			$this.next().css({'bottom':'1.5em','top':'auto'});
		}else{
			$this.next().css({'top':'1.5em','bottom':'auto'});
		}
		if($(window).width()<$this.offset().left + $this.next().width())
		{
			$this.next().css({'right':'0','left':'auto'});
		}else{
			$this.next().css({'left':'0','right':'auto'});
		}
		$this.next().fadeIn(200);
	});
	$('.vblink a').mouseout(function(){
		$(this).next().fadeOut(200);
	});
	
});