$(function (){
  $("<div/>").css({
    "float": "right",
    width: 232,
    height: 420,
    background: "url('/images/facebook_slider.png') no-repeat bottom",
    display: "block",
    right: -205,
    padding: 0,
    position: "fixed",
    top: "50%",
    "margin-top": -192,
    "z-index": 1002
  }).html(
    $("<div/>").css({
      padding: "8px 5px 10px 10px",
      margin: "0 0 0 30px"
    }).addClass("fb-hover").html(
      $("<div/>").css({
        "background-color": "#fff"
      }).html(
//        $("<iframe src=\"http://www.facebook.com/plugins/likebox.php?href=http://www.facebook.com/pages/DOM.developerWroclaw/112564938810385&amp;width=194&amp;colorscheme=light&amp;connections=9&amp;stream=false&amp;header=false&amp;height=440\" scrolling=\"no\" frameborder=\"0\" allowTransparency=\"true\"/>").css({
        $("<iframe src=\"http://www.facebook.com/plugins/likebox.php?href=http://www.facebook.com/pages/nFinitypl/118044244933991&amp;width=194&amp;colorscheme=light&amp;connections=9&amp;stream=false&amp;header=false&amp;height=440\" scrolling=\"no\" frameborder=\"0\" allowTransparency=\"true\"/>").css({
          border: "none",
          overflow: "hidden",
          width: 190,
          height: 400
        })
      )
    )
  ).prepend(
    $("<div/>").addClass("fb-hover").css({
      width: 30,
      height: 112,
      position: "absolute",
      bottom: 0,
      left: 0
    })
  ).find(".fb-hover").hover(function(){
      $(this).parent().stop(true, false).animate({
        right: 0
      },"medium");
    },function(){
      $(this).parent().stop(true, false).animate({
        right: -205
      },"medium");
    },500)
  .end().appendTo('body');
});