jQuery(document).ready(function(){
	
	//スクロール対象オブジェクトのセレクタ
	var selector = "#scrolltop";

	var parentX = jQuery(selector).parent().position().top;
	
	//クリックしたらスクロールしても現れないようにするフラグ
	var flg_scroll = true;
	var flg_first = true;

	jQuery(selector+" p").css({'opacity':0});
	jQuery(selector).css({'opacity':0});

	if(jQuery(window).scrollTop() < parentX) {
		jQuery(selector).css({'top':5});
		jQuery(selector).stop().animate({opacity:1},400,'linear');
		jQuery(selector+" p").stop().animate({opacity:1},400,'linear');
	} else {
		jQuery(selector).css({'top':jQuery(window).scrollTop()-parentX+5,'opacity':'0'});
		jQuery(selector).stop().animate({opacity:1},400,'linear');
		jQuery(selector+" p").stop().animate({opacity:1},400,'linear');
	}

	jQuery(window).scroll(function(){
		if(flg_first) {
			flg_first = false;
			jQuery(selector).stop().animate({opacity:1},1000,'linear');
			jQuery(selector+" p").stop().animate({opacity:1},1000,'linear');
		} else {
			if(flg_scroll) {
				if(jQuery(window).scrollTop() < parentX) {
					jQuery(selector).stop().animate({top:5,opacity:1},"slow",'easeOutBack');
				} else {
					jQuery(selector).stop().animate({top:jQuery(window).scrollTop()-parentX+5,opacity:1},"slow",'easeOutBack');
				}
			}
		}
	});

});