// default site JavaScript handler
$(document).ready(function(){
// fuck all ie6 users
if(undefined === $("body").css("max-height"))
{
    document.location.href="/browser.html";
}

    $(".ramka").wrap('<div style="overflow:hidden"></div>');

    $("a[rel='freebox'],a.plus").click(function(){
        freebox($(this).attr("href"));
        return false;
    });

    $("a.minus,.block_big2").live("click", function(){
        $("#freebox").remove();
        return false;
    });

//    $(".work").hover(function(){
//        $(this).css("background-image", "url("+$(this).attr("rel")+")");
//    }, function(){
//        $(this).css("background-image", "url("+$(this).attr("data-url")+")");
//    });
});

function freebox(src)
{
    var template='<div id="freebox"><div class="fon"></div>\n\
      <div class="block_big">\n\
        <div class="block_big1">\n\
        <div class="block_big2">\n\
        <table cellpadding="0" cellspacing="0">\n\
          <tr>\n\
             <td class="b_tl"></td>\n\
             <td class="b_t"></td>\n\
             <td class="b_tr"><a href="#" title="Закрыть" class="minus"></a></td>\n\
          </tr>\n\
             <tr>\n\
             <td class="b_l"></td>\n\
             <td class="b_center"><img src="'+src+'" alt="" /></td>\n\
             <td class="b_r"></td>\n\
          </tr>\n\
             <tr>\n\
             <td class="b_bl"></td>\n\
             <td class="b_b"></td>\n\
             <td class="b_br"></td>\n\
          </tr>\n\
        </table>\n\
        </div>\n\
        </div>\n\
      </div></div>';
    $(template).prependTo("body");
    // some magic...   
    $(".b_center img").load(function(){
        var img_height=$(".b_center img").height();
        var window_height=$(window).height();
       $(".block_big2").css("top", (window_height-img_height)/2-120+'px');
    });
}