// JavaScript Document

$(function() {
	$("div#topimage").fadeIn();
	//$(".page_index").fadeIn('slow');
	
	/*$("#menu a.m1").toggle(
		function() { showPlanList(); },
		function() { hidePlanList(); }
	);*/
	
	$("div#menu a.m1").toggle(
		function() { showPlanBtnList(); },
		function() { hidePlanBtnList(); }
	);
	
	$("div#plan_btn_box").click( function() {
		hidePlanBtnList();
	});
	
	$("div#plan_btn_box a.close").click( function() {
		hidePlanBtnList();
	});
	
	//フッターの高さ
	var FH = $("div#sitemap").height();
	$("div#footer").height(FH+60);
	tooltip();
});



//====================================================================

//プラン一覧表示
function showPlanList() {
	
	var sec = 50;
	var len = $("div.plan_list .line").length;
	var cnt = 0;
	
	if (len > 0) {
		$.timerset(sec, function (timer) {
			if (cnt <= len) {
				$("div.plan_list .line:eq("+cnt+")").fadeTo('normal',0.9).fadeIn();
				cnt++;
				
			} else {
				timer.stop();
			}
		});
	}
	
	$("div#menu a.m1").addClass("now");
}

function hidePlanList() {
	
	var sec = 50;
	var len = $("div.plan_list .line").length;
	var cnt = len;
	
	if (len > 0) {
		$.timerset(sec, function (timer) {
			if (cnt >= 0) {
				$("div.plan_list .line:eq("+cnt+")").fadeOut('normal');
				cnt--;
				
			} else {
				timer.stop();
			}
		});
	}
	
	$("div#menu a.m1").removeClass("now");
}

//====================================================================

//プラン一覧表示（ボタン仕様）
function showPlanBtnList() {
	
	$("div#plan_btn_box").fadeIn();
	
	$("div#menu a.m1").addClass("now");
}

function hidePlanBtnList() {
	
	$("div#plan_btn_box").fadeOut();
	$("div#menu a.m1").removeClass("now");
}

//====================================================================

//選択メニュー
function mainMenu(name) {
	
	var men;
	var cls;
	var flg = 0;
	
	switch (name) {
		case "marriage":
			men = "m1";
			cls = "red";
			flg = 1;
			break;
			
		case "seijin":
			men = "m2";
			cls = "purple";
			flg = 1;
			break;
			
		case "wedding":
			men = "m3";
			cls = "blue";
			flg = 1;
			break;
			
		case "graduation":
			men = "m4";
			cls = "pink";
			flg = 1;
			break;
			
		case "hime":
			men = "m5";
			cls = "green";
			break;
			
		case "nishi":
			men = "m6";
			cls = "green";
			break;
			
		case "req":
			men = "m7";
			cls = "green";
			break;
	}
	
	$("ul#topmenu li."+men+" a").addClass("now");
	$("div#container").removeClass();
	$("div#container").addClass("main_"+cls);
}


//プランメニュー
function planMenu(name) {
	$(".plan_btn_list li."+name+" a").addClass("now");
}

//プラン内リンク
function subMenu(name) {
	$(".plan_menu a."+name).addClass("now");
}

//====================================================================

//ツールチップ

this.tooltip = function(){	
	/* CONFIG */		
		xOffset = 15;
		yOffset = 15;		
		// these 2 variable determine popup's distance from the cursor
		// you might want to adjust to get the right result		
	/* END CONFIG */		
	$(".tooltip").hover(function(e){											  
		this.t = this.title;
		this.title = "";									  
		$("body").append("<p id='tooltip'>"+ this.t +"</p>");
		$("#tooltip")
			.css("top",(e.pageY - xOffset) + "px")
			.css("left",(e.pageX + yOffset) + "px")
			.fadeIn("fast");		
    },
	function(){
		this.title = this.t;		
		$("#tooltip").remove();
    });	
	$(".tooltip").mousemove(function(e){
		$("#tooltip")
			.css("top",(e.pageY - xOffset) + "px")
			.css("left",(e.pageX + yOffset) + "px");
	});			
};