// スライドの隙間
var sukima = 10;

// 一旦止まる時間と完全に閉まるまでの動作時間
var break_delay = 500;
var lastslide_ms = 500;

// スライドを閉じる（プロフィールの表示）
function slide_close() {
	jQuery('body').animate( { backgroundPosition: '-='+(900-sukima) }, 750, 'easeInOutCubic' );
	jQuery('#box-right').animate({ width: 900, left: 150+sukima }, 750, 'easeInOutCubic' );
	jQuery('#box-center').animate( { width: sukima }, 750, 'easeInOutCubic', function(){
		jQuery('#profile').css('display','block');
		jQuery('#profile').animate({width:'700px', opacity:1.0 },500);
		jQuery('#box-right').delay(break_delay).animate( { left: 150 }, lastslide_ms, 'easeOutBounce' );
		jQuery('#box-center').delay(break_delay).animate( { width: 0 }, lastslide_ms, 'easeOutBounce' );
		jQuery('body').delay(break_delay).animate({ backgroundPosition: '-='+sukima }, lastslide_ms, 'easeOutBounce' );
	} );
	jQuery('.isSlideClose').fadeIn(500);
	jQuery('.isSlideOpen').fadeOut(500);
}

// スライドを開く（ブログの表示）
function slide_open() {
	jQuery('#profile').animate( { width: 0, opacity: 0 }, 200, function(){
		jQuery('#box-center').animate( { width: 900 }, 750, 'easeInOutQuint' );
		jQuery('body').animate({ backgroundPosition: '+=900' }, 750, 'easeInOutQuint' );
		jQuery('#box-right').animate({ width: 170, left: 1050 }, 750, 'easeInOutQuint' );
		jQuery('.isSlideClose').fadeOut(750);
		jQuery('.isSlideOpen').fadeIn(750);
	} );
}