jQuery(document).ready(function(){
	jQuery('#quicktip_content').css('display', 'none');
	jQuery('a[rel*=modalPanel]').click(function() {
		closeModal();
		var href = jQuery(this).attr('href');
		var id = href.substring(1);
		var content = jQuery('div#'+id).html();
		innerDiv = jQuery("<div></div>");
		innerDiv.html("<div class='modal_content'><span class='modal_close'>[x]</span>" + content + "</div>");
		var modalWindow = jQuery("<div class='modal' id='modal_up'></div>").html(innerDiv).prependTo('body');
		var modalHeight = modalWindow.outerHeight();
		modalWindow.css('display', 'none');
		
		var offset = jQuery(this).offset();
		var height = jQuery(this).outerHeight();
		var windowHeight = jQuery(window).height();
		var scrollTop = jQuery(window).scrollTop();
		
		var topSpace = offset.top - scrollTop;
		var bottomSpace = windowHeight - topSpace - height;
		
		var left = offset.left - 90;
		
		
		var idName = 'modal_down';
		var top = offset.top + height + 5;
		
		if ((topSpace > bottomSpace) && (topSpace > modalHeight)) {
			idName = 'modal_up';
			top = offset.top - modalHeight - 5;
		}
		
		modalWindow.attr('id', idName).css({'top': top, 'left': left}).fadeIn("slow");
		jQuery('span.modal_close').bind('click', closeModal);
		jQuery(document).click(function(event) {
			filterModal(event);
		});
		return false;
	});
	
	jQuery('span[class*=modal]').click(function() {
		jQuery(this).parent().find('a[rel*=modalPanel]').trigger('click');
	});
	
	function closeModal() {
		jQuery('div.modal').fadeOut("slow").remove();
	}
	
	function filterModal(e){
		 if (!e) {
			var e = window.event;
		};  
		if (!jQuery(e.target).parents().andSelf().filter('.modal').length) {
			closeModal();
			jQuery(document).unbind('click', filterModal);
		}
	};

});