(function(){	  
	var imgTop = 30;
	var imgRight;
	var imgWidth = 120;//鍥剧墖瀹藉害
	var pageWidth = 1260;
	var winW;
	var scrollTop;

	$().ready(function(e) {	
		$("#sjTag").css({"display":"block"});//鍗佷匠鏍囧織鐨勬牱寮	
		var label = $("<label style='display:none;position:absolute; height:23px;width:23px;line-height:21px;text-align:center;color:#fff;top:-9px;right:0;font-size:20px;cursor:pointer;transition:all 0.4s;background:rgba(0,0,0,0.2);border-radius:50%;'>脳</label>");
		$("#sjTag").append(label);	  
		
		sjPosition();
		$("#sjTag").hover(
			function(){
				$("#sjTag label").show().hover(function(e) {
					$(this).css({"transform":"rotate(180deg)","background":"rgba(0,0,0,0.4)"})
				},function(e){
					$(this).css({"transform":"rotate(0deg)","background":"rgba(0,0,0,0.2)"})	
				});
			},function(){			    
				$("#sjTag label").hide();	  
			}
		);
		$("#sjTag").click(function(e) {
			$("#sjTag").hide();   
		}); 
	});
	
	$(window).scroll(function(e){
		winW= $(window).width();
		if(winW > (1260 + imgWidth * 2 + 10)){
			imgRight = (winW  - pageWidth) / 2 - imgWidth -10;
		} else {
			imgRight = 10;
		}
		scrollTop = $(document).scrollTop();
		$("#sjTag").stop().animate({top:imgTop+scrollTop},600);		
	});
	
	$(window).resize(function(e) {
		sjPosition();
	});

	function sjPosition(){
		winW= $(window).width();
		if(winW > (1260 + imgWidth * 2 + 10)){
			imgRight = (winW  - pageWidth) / 2 - imgWidth -10;
		} else {
			imgRight = 10;
		}	  
		scrollTop = $(document).scrollTop();
		$("#sjTag").css({"top":imgTop+scrollTop,"right":imgRight,"margin-right":"auto"});
	}		
})();