jQuery(function(){
    var y = 0;
    $(window).scroll(function(){
    	var y1 = document.documentElement.scrollTop;
        var y2 = document.body.scrollTop;
        if(y1>y2){y = y1}else{y = y2}
        $("#back").css("top",y+"px");
    });
    
    
    $(".mini").click(function(){
    	var h = $(window).height();
        $("#back").height(h);
        $("#back").css("opacity","0.7").fadeIn(500);
        $("#back").append("<img src='/pc/img/loading.gif' id='loading' style='margin-top:300px;' />");
        
        var fname = $(this).attr("src");
        $("body").append("<img src='"+fname+"' class='big' id='bigImg'>");
        $("#bigImg").css("visibility","hidden").css("display","block");
        //$("#bigImg").load(play);
        setTimeout(function(){play()},800);
        
    });
    
    function play(){
    	$("#bigImg").css("display","none").css("visibility","visible");
        $("#loading").remove();
        var h = $(window).height();
        var w = $(window).width();
        var imgH = $("#bigImg").height();
        var imgW = $("#bigImg").width();
        var imgLeft = (w-imgW-10*2)/2;
        var imgTop = (h-imgH-10*2-50)/2 + y;
        
        imgLeft = Math.floor(imgLeft);
        imgTop = Math.floor(imgTop);
        
        $("#bigImg").css("left",imgLeft+"px").css("top",imgTop+"px");
        $("#cl").width(imgW+10*2);
        $("#cl").css("left",imgLeft+"px").css("top",imgTop+imgH+10*2+"px");
        $("#bigImg,#cl").fadeIn(800);
        
        
    }
    
    
    $("#back,#cl").click(function(){
    	$("#bigImg").remove();
        $("#back,#cl").css("display","none");
    });
    $(".mini,#cl").css("cursor","pointer");
    
});