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

	var parentX = jQuery(selector).parent().position().top;
	
	//クリックしたらスクロールしても現れないようにするフラグ
	var flg_scroll = true;
		
	jQuery(selector).css("top",jQuery(window).scrollTop() -400+"px");
	
	if(jQuery(window).scrollTop() < parentX) {
		jQuery(selector).stop().animate({top:0},1000,'easeOutBounce');
	} else {
		jQuery(selector).stop().animate({top:jQuery(window).scrollTop()-parentX},1000,'easeOutBounce');
	}

	jQuery(window).scroll(function(){
		if(flg_scroll) {
			if(jQuery(window).scrollTop() < parentX) {
				jQuery(selector).stop().animate({top:0},"slow",'easeOutBack');
			} else {
				jQuery(selector).stop().animate({top:jQuery(window).scrollTop()-parentX},"slow",'easeOutBack');
			}
		}
	});

	jQuery(selector+" .sc-close").click(function(event){
		flg_scroll = false;
		jQuery(selector).stop().animate({top:jQuery(window).scrollTop() + 100,opacity: 0},400,'easeInExpo');
		jQuery(selector+" p").stop().animate({opacity: 0},400,'easeInExpo');
		jQuery(selector).fadeOut(400);
	});
});