//http://www.css-lecture.com/log/javascript/017.html

//ポップアップに表示される内容。
//見た目がこっちのほうがいいのかなぁと思って関数化。
function GethspHoliday() {
	var szHtml;
	szHtml = "<h3>病院の休診日</h3>" + 
						"<ul>" +
							"<li>土曜日</li>" +
							"<li>日曜日</li>" +
							"<li>祝日</li>" +
							"<li>８月１３日（午後１２時３０分から）</li>" +
							"<li>８月１４日</li>" +
							"<li>１２月３０日（正午から）</li>" +
							"<li>１２月３１日から１月３日まで</li>" +
						"</ul>" +
						"※ただし、救急の場合はお申し出ください。";
	
	return szHtml;
}

function GetJushinPeriode() {
	var szHtml;
	szHtml = "<h5 id=\"jushinperiod\">一定期間受診されていない方へ</h5>" + 
		        "<p><b>受診希望科</b>に<B>最終受診日</B>以後受診されていない方は、</p>" + 
		        "<p>新患受付が必要となります。</p>" + 
		        "<div style=\"text-align:right; margin-right:20px; margin-top:0px;\">平成２４年１月１日現在</div>" + 
		        
		        "<table id=\"BlueTable\" width=\"85%\" style=\"text-align:center; margin-top:10px; margin-bottom:10px;\">" + 
			        "<tr>" + 
			        	"<th>受診希望科</th>" + 
			        	"<th>最終受診日</th>" + 
			        "</tr>" + 
			        "<tr>" + 
			        	"<td>循環器内科</td>" + 
			        	"<td>平成２１年１２月３１日</td>" + 
			        "</tr>" + 
			        "<tr>" + 
				        "<td>消化器内科</td>" + 
				        "<td>平成２２年１２月３１日</td>" + 
			        "</tr>" + 
			        "<tr>" + 
				        "<td>呼吸器内科</td>" + 
				        "<td>平成２０年１２月３１日</td>" + 
			        "</tr>" + 
			        "<tr>" + 
				        "<td>神経内科</td>" + 
				        "<td>平成１７年１２月３１日</td>" + 
			        "</tr>" + 
			        "<tr>" + 
				        "<td>小児科</td>" + 
				        "<td>平成２２年１２月３１日</td>" + 
			        "</tr>" + 
			        "<tr>" + 
				        "<td>外科</td>" + 
				        "<td>平成２１年１２月３１日</td>" + 
			        "</tr>" + 
			        "<tr>" + 
				        "<td>脳神経外科</td>" + 
				        "<td>平成２１年１２月３１日</td>" + 
			        "</tr>" + 
			        "<tr>" + 
				        "<td>泌尿器科</td>" + 
				        "<td>平成２０年１２月３１日</td>" + 
			        "</tr>" + 
			        "<tr>" + 
				        "<td>整形外科</td>" + 
				        "<td>平成２１年１２月３１日</td>" + 
			        "</tr>" + 
			        "<tr>" + 
				        "<td>産婦人科</td>" + 
				        "<td>平成２１年１２月３１日</td>" + 
			        "</tr>" + 
			        "<tr>" + 
				        "<td>耳鼻咽喉科</td>" + 
				        "<td>平成２１年１２月３１日</td>" + 
			        "</tr>" + 
			        "<tr>" + 
				        "<td>皮膚科</td>" + 
				        "<td>平成２１年１２月３１日</td>" + 
			        "</tr>" + 
			        "<tr>" + 
				        "<td>形成外科</td>" + 
				        "<td>平成２１年１２月３１日</td>" + 
			        "</tr>" + 
			        "<tr>" + 
				        "<td>眼科</td>" + 
				        "<td>平成２１年１２月３１日</td>" + 
			        "</tr>" + 
			        "<tr>" + 
				        "<td>精神科</td>" + 
				        "<td>平成１８年１２月３１日</td>" + 
			        "</tr>" + 
		        "</table>" + 
		        
		        "<p>■問合せ先</p>" + 
		        "<p>　かづの厚生病院　医事企画課</p>" + 
		        "<p>　０１８６－２２－８１００　【平日】８：３０～１７：００</p>";
		
		return szHtml;
}

function DispTooltip(target_items, name, szHtml){
	$(target_items).each(function(i){
		
		$("body").append("<div class='"+name+"' id='"+name+i+"'>"+ szHtml +"</div>");
		var my_tooltip = $("#"+name+i);
		
		$(this).removeAttr("title").click(function(kmouse){ //クリック時にクリック位置に表示する
			var border_top = $(window).scrollTop();
			var border_right = $(window).width();
			var left_pos;
			var top_pos;
			var offset = 20;
			if(border_right - (offset *2) >= my_tooltip.width() + kmouse.pageX){
				left_pos = kmouse.pageX+offset;
			}else{
				left_pos = border_right-my_tooltip.width()-offset;
			}
			
			if(border_top + (offset *2)>= kmouse.pageY - my_tooltip.height()){
				top_pos = border_top +offset;
			}else{
				top_pos = kmouse.pageY-my_tooltip.height()-offset;
			}
			
			my_tooltip.css({left:left_pos, top:top_pos}).fadeIn(0);
		}).mouseout(function(){ //リンクから外れたら描画オフ。
				my_tooltip.css({display:"none"});
		});
	});
}

//リンクをクリックしたときに休日情報をツールチップで表示する。
//表示する内容は上のGethspHolidayで設定した内容。
function Tooltip_hspholiday(target_items, name){
	var szHtml = GethspHoliday();
	
	DispTooltip( target_items, name, szHtml );
}

// 外来受診の流れの「一定期間受診されてない方へ」のツールチップ用
// 表示する内容は上のGetJushinPeriode()
function Tooltip_JushinPeriode(target_items, name ){
	var szHtml = GetJushinPeriode();
	
	DispTooltip(target_items, name, szHtml );
}

//tooltipのIDのAリンクにだけ反応するように設定。
//ここがないと全てのAリンクに反応してしまう。
$(document).ready(function(){
	 Tooltip_hspholiday("#tooltip a","tooltip");
});

	/* IE6で1ページにtooltipを２つ使うと2つ目が出てこないので
	   やむを得ず同じのをもう１つ作成（tooltip2）。他の対応方法が分からない。。。
	 */
$(document).ready(function(){
	 Tooltip_hspholiday("#tooltip2 a","tooltip2");
});

// 外来受診の流れの「一定期間受診されてない方へ」のツールチップ用
$(document).ready(function(){
	Tooltip_JushinPeriode("#tooltip_jushinperiod a","tooltip_jushinperiod");
});


//クリッカブルマップ用のツールチップ表示
function popup(obj, id) {
    var elm = document.getElementById(id);
    elm.style.display='block';
    elm.style.position='absolute';
    /* 吹き出しの横軸を設定 */
    elm.style.left = obj.offsetLeft + "px";
    /* 吹き出しの縦軸を設定, 吹き出し自体の高さを引いて設定 */
    elm.style.top = (obj.offsetTop - elm.style.height.substring(0,elm.style.height.length-2) - 10) + "px";
}

//クリッカブルマップ用のツールチップ非表示
function popdown(id) {
    document.getElementById(id).style.display='none';
}