// JavaScript Document
var windowWidth;
var windowHeight;
var windowMinHeight = 636;


$(function() {
	windowWidth = $(window).width();
	windowHeight = $(window).height();
	namePositionChange();
	nameSizeChange();
	singleContainerPosChange();
	footerPosChange();
});

$(window).resize(function() {
	windowWidth = $(window).width();
	windowHeight = $(window).height();
	namePositionChange();
	nameSizeChange();
	singleContainerPosChange();
	footerPosChange();
});

function namePositionChange(){
	var leftValue;
	var topValue;
	var nameHeight = $('img.bgimage').attr("height");
	var defaultX = 270;
	
	if(windowWidth>1004){
		leftValue = (windowWidth - 980)/2 + defaultX;
	}else{
		leftValue = defaultX;
	}
	
	if(windowHeight > windowMinHeight){
		topValue = windowHeight / 2 - nameHeight;
	}else{
		topValue = defaultX;
	}
	
	$('img.bgimage').css("top", topValue);
	$('img.bgimage').css("left", leftValue);
}

function nameSizeChange(){
	var nameWidth;
	var nameHeight;
	if(windowWidth>1004){
		nameWidth = 352+(windowWidth - 1004)/4;
		nameHeight = nameWidth * 0.13352272727272727272727272727273;
	}else{
		nameWidth = 352;
		nameHeight = 47;
	};
	$('img.bgimage').css("width", nameWidth);
	$('img.bgimage').css("height", nameHeight);
}

function singleContainerPosChange(){
	var containerHeight = 155; //ウィンドウの下部からコンテナの上部までの距離
	var leftValue = (windowWidth - 980)/2 + 451;
	var topValue;
	
	if(windowHeight > windowMinHeight){
		topValue = windowHeight - containerHeight;
	}else{
		topValue = windowMinHeight - containerHeight;
	}
	
	$('#sound_single').css("top", topValue);
	$('#sound_single').css("left", leftValue);
}

function footerPosChange(){
	var footHeight = 21;
	var topValue;
	
	if(windowHeight > windowMinHeight){
		topValue = windowHeight - footHeight;
	}else{
		topValue = windowMinHeight - footHeight;
	}
	
	$('#footer').css("top", topValue);
	$('#footer').css("width", windowWidth);
}