$(document).ready(function () {

  topiccount = 11;

  $("#fpcatalog a").click(function() {
     currentid = $(this).attr("id"); // текущий айдишник
   if (currentid.toString().lastIndexOf("img") != -1)
     currentid = currentid.toString().replace("img", "");
   aoffset = $("#" + currentid).offset();
   awidth = $("#" + currentid).width();
   $("#" + currentid + "area").css({"top": (aoffset.top - 50) + "px", "left": (aoffset.left + awidth + 5) + "px"});
   $("#" + currentid).toggleClass("fpcataloga");
   $("#" + currentid + "area").toggle("slow");
   for(i = 1; i <= topiccount; i ++) {
    if (("t" + i) != currentid) {
      $("#t" + i).removeClass("fpcataloga");
      $("#t" + i + "area").hide();
    }
   }
  });
  
  $(".closecircle").click(function() {
     currentid = $(this).parent().attr("id"); // текущий айдишник
   $("#" + currentid.toString().replace("area", "")).toggleClass("fpcataloga");
   $("#" + currentid).toggle("slow");
  });

  
});