var introImgBlock = null;
var indexWrapBlock = null;
var bodyElement = null;

window.onload = function()
{
	init();
	checkImgPosition();
	resizeSet();
}

function init()
{
	indexWrapBlock = $("#indexWrap")
	indexWrapBlock.css("display", "none");
	indexWrapBlock.css("opacity", 0);
	//
	introImgBlock = $("#introImg");
	introImgBlock.css("display","block");
	introImgBlock.css("opacity", 0);
	introImgBlock.animate({opacity:1},1500);
	introImgBlock.click(
		function()
		{
			introEnd();
		}
	);
}

function resizeSet()
{
	$(window).bind('resize',
		function()
		{
			checkImgPosition();
		}
	);
}

function resizeDelete()
{
	$(window).unbind('resize',
		function()
		{
			checkImgPosition();
		}
	);
}

function checkImgPosition()
{
	var bodyHeight = $(window).height();
	var divHeight = introImgBlock.height();
	introImgBlock.css('paddingTop', (bodyHeight-divHeight)*0.5);
}

function introEnd()
{
	introImgBlock.animate({opacity:0},1000,
		function()
		{
			resizeDelete();
			introImgBlock.css("display","none");
			indexWrapBlock.css("display", "Block");
			indexWrapBlock.animate({opacity:1},1000);		
		}
	);
}