/**
 * FileName:area.js
 * @author uniteair.co.jp
 */

var TOOLTIP = '<div class="popupCheckItem"><div class="popupCheckInner"><div class="popupCheckCts"><p class="txC"><img src="/images/img_popupCheck.png" alt="全国地図" width="260" height="272"></p><p class="txSmall lastItem">※静岡県は大井川の東西で東日本・中部に分かれます。</p><!-- /div class popupCts --></div><!-- /div class popupInner --></div><!-- /div class popupItem --></div>';

/**
 * @constructor
 * @description クラスの宣言
 */
var Area = function(){
}


Area.prototype = {
/**
 * @class initialize
 */
 	initialize:function(){
		$("#wrap").before(TOOLTIP);
		this.hover();
	},
	
	getPosition:function(){
		var pos = new Object();
		var top = $(".js-area").offset().top;
		pos.top = top;
		
		var left = $(".js-area").offset().left;
		pos.left = left;
		
		return pos;
	},
	
 	hover:function(){
		$(".js-area").hover(
			function () {
				var pos = area.getPosition();
				var top = parseInt(pos.top) + 13;
				$(".popupCheckItem").css("top", top);
				var left = parseInt(pos.left) - 200;
				$(".popupCheckItem").css("left", left)
				$(".popupCheckItem").css("display", "block");
			},
			function () {
				$(".popupCheckItem").hover(
					function () {
						$(".popupCheckItem").css("display", "block");
					},
					function () {
						$(".popupCheckItem").css("display", "none");
					}
				)
				$(".popupCheckItem").css("display", "none");
			}
		)
	}
}

var area = new Area();

$(document).ready(function(){
	$(".js-area").css("cursor", "pointer");
	area.initialize();
});