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");
        
    });
    
    
    $(".float_target").click(function(){
    	
        var fname = $(this).attr("attr");
    	var h = $(window).height();
        var ua = window.navigator.userAgent;
        if(ua.indexOf("MSIE 6.0") >=0 && ua.indexOf("MSIE 7.0") < 0){
       		window.open(fname,'sub','height='+h);
            //exit;
            return void(0);
        }
        
        $("#back").height(h);
        $("#back").css("opacity","0.7").fadeIn(500);
        
        
        
        $("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");
        
        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;
        var imgTop = y + 50;
        
        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(1500);
    }
    
    
    $("#back,#cl").click(function(){
    	$("#bigImg").remove();
        $("#back,#cl").css("display","none");
    });
    $(".float_target,#cl").css("cursor","pointer");
    
    
    /*
    var ii = 0;
    $("#rota").click(function(){
    	ii += 45;
        var d = displayInt(ii);
    	//$("#bigImg").rotate({angle:45});
        //$("#bigImg").rotateAnimation({angle:45,maxAngle:45,minAngle:-45});
        $("#bigImg").rotateAnimation(d);
        
        
    });
    
    
	function displayInt(ii){
		di = ii % 360;
		if(di < 0) di = 360 + di;
		return di;
	}
    
    */
    
    /*
	var rot=$('#migImg').rotate({maxAngle:25,minAngle:-55,
	bind:
		[
			{"mouseover":function(){rot[0].rotateAnimation(85);}},
			{"mouseout":function(){rot[0].rotateAnimation(-35);}}
		]
	});
    */
    
});