////////////////////////////////////////////////////////////////////////////////
// 2011 (c) http://kloka.com/
////////////////////////////////////////////////////////////////////////////////
(function($) {
	//--------------------------------------------------------------------------
	//  Variables
	//--------------------------------------------------------------------------
	
	//--------------------------------------------------------------------------
	//  Entry Point
	//--------------------------------------------------------------------------
	/**
	 * トップページ
	 */
	$(document).ready(function () {
		
		$("#News, #Lodge, #Shopping, #Contact").hover(
			function () {
				$(this).find(".hidden").stop(false, false).fadeIn(300, function() {
					$(this).css("opacity", 1)
				});
			},
			function () {
				$(this).find(".hidden").stop(false, false).fadeOut(200);
			}
		);
		
		$("#Works, #Access").smoke(40, 300);
	});
	
	//--------------------------------------------------------------------------
	//  Private Method
	//--------------------------------------------------------------------------
	/**
	 * jQuery拡張
	 */
	jQuery.fn.extend({
		/**
		 * 煙アニメーション
		 */
		smoke: function(diff, duration) {
			return this.each(function() {
				var $smoke = $(this).find(".hidden");
				var defaultX = $smoke.show().position().top;
				var hideX = defaultX + 150;
				
				$smoke.css({
					"top": hideX,
					"opacity": 0
				});
				
				$(this).hover(
					function () {
						$smoke.stop(false, false).animate({
							"top": defaultX,
							"opacity": 1
						}, duration);
					},
					function () {
						$smoke.stop(false, false).animate({
							"top": hideX,
							"opacity": 0
						}, duration);
					}
				);
			});
		}
	});
	
})(jQuery);