// debug
var debugMode = true;

function _debug(_log) {
	if (!debugMode) return;
	if ( window.console ) {
		window.console.log(_log);
	}
}

$(document).ready(function(){
			
	//scroll
	$('a[href^=#]').click(function(e) {
		// アンカーの値取得
		var href= $(this).attr("href");
		// 移動先を取得
		var target = $(href == "#" || href == "" ? 'html' : href);
		e.preventDefault();
		namuScroll(target);
	});
	
	//imgage
	$('<div class="box">').appendTo( 'div#character' );
	$('div#character dl').each(function(){
		var $dt = $(this).find("dt");
		var $dd = $(this).find("dd");
		var $box = $('div#character').find("div.box");
		$box.css('display','none');

		$dt.bind("click", function() {
			$box.fadeIn(500);
			$dd.fadeIn(500).css({'left':'50%','top':'50%','margin':'-200px 0px 0px -300px','position':'fixed'});
		});
		$dd.bind("click", function() {
			$box.fadeOut(500);
			$dd.fadeOut(500);
		});
	});
	
});


function namuScroll(id) {
	var target = $(id);
	var position = target.offset().top;
	var documentHeight = $(document).height();
	var scrollPosition = $(this).scrollTop();
	var windowHeight = $(window).height();
	var height = documentHeight - position;
	if ( documentHeight <= position + windowHeight ) {
		var positionScroll = position - windowHeight - scrollPosition + height;
		$('html,body').animate({scrollTop:positionScroll}, 1400, 'easeOutCubic');
		return false;
	} else {
		$('html,body').animate({scrollTop:position}, 1400, 'easeOutCubic');
		return false;
	}

}