$(document).ready(function(){
	$("body").append('<div id="sb_clickableItemPopup"><!-- --></div>');
	$("#sb_clickableIllustrations .sb_clikableItem").click(function(e){
		e.preventDefault();
		if ( !$("#sb_clickableItemPopup").is(":visible") ) {
			SB_openPopup( $(this) );
		} else {
			SB_closePopup( $(this) );
		}
	});
	$("#sb_clickableItemPopup .close").live("click",function(){
		$(this).parent().fadeOut();
	});
	$("#tabs .tabs li").click(function(){
		if ( $("#sb_clickableItemPopup").is(":visible") ) {
			$("#sb_clickableItemPopup").hide();
		}
	});
});

function SB_openPopup(clickedElem) {
	var leftVal = clickedElem.offset().left - 88;
	var topVal = clickedElem.offset().top - 50;
	$("#sb_clickableItemPopup").css({top:topVal,left:leftVal}).html( clickedElem.next().html() ).append("<div class='close'><!-- --></div>").fadeIn();
}
function SB_closePopup(clickedElem) {
	$("#sb_clickableItemPopup").fadeOut(300,function(){
		SB_openPopup(clickedElem);
	});
}
