var g_rankpos = 0;
var g_rank = ["", "", ""];
var g_offset = null;
var g_bAnimate = false;
var g_dir_prefix = "./";
var _GET = [];
var g_bDragging = false;

//Initialize
$.event.add(window, "load", function(){
	var i;
	var selstr = ""
	for (i = 1; i <= 12; i++) {
		var index = i;
		if (index < 10) index = "0" + index;
		
		$("#point"+index).draggable({containment: '#content_main_t'});
		$("#point"+index).bind('dragstart', onStartDrag);
		$("#point"+index).bind('dragstop', onStopDrag);
		$("#point"+index).bind('mousedown', onMouseDown);
		$("#point"+index).bind('mouseup', onMouseUp);
	    if (selstr == "") selstr = "#point"+index;
	    else selstr = ",#point"+index;
	}
});


function onStartDrag(e, dmy, ui) {
	$(ui.helper).css({"z-index": "10"});
	g_bDragging = true;
}

function onStopDrag(e, dmy, ui) {
	var id = $(ui.helper).attr("id");
	var go = $("#for_offset").offset();
	
	g_bDragging = false;

	//zIndexを戻す
	$(ui.helper).css({"z-index": "4"});
	
	if (elemOverElem($("#frame01"), $(ui.helper)) || elemOverElem($("#frame02"), $(ui.helper)) || elemOverElem($("#frame03"), $(ui.helper)) ) {
		var bFindInRank = false;
		//ランク内->ランク内のアイコンのドラッグはできない
		for (var i = 0; i < 3; i++) {
			if (g_rank[i] == id) {
				bFindInRank = true;
			}
		}
		if (bFindInRank) {
			for (var i = 0; i < 3; i++) {
				if (g_rank[i] == id) {
					var tid = g_rank[i];
					var tx = ($("#frame0"+(i+1)).offset().left - go.left);
					var ty = ($("#frame0"+(i+1)).offset().top  - go.top ) ;
					bFindInRank = true;
					$("#"+tid).css({"left": tx+"px", "top" : ty + "px"});
				}
			}
			
		} else {
			if (g_rank[g_rankpos] != "") {
				var tid = g_rank[g_rankpos];
				var tx = ($("#"+tid+"_dummy").offset().left - go.left);
				var ty = ($("#"+tid+"_dummy").offset().top  - go.top ) ;
				$("#"+tid).css({"z-index": "10"});
				$("#"+tid).draggable('disable');
				$("#"+tid).animate({"left": tx+"px", "top" : ty + "px"}, 200, "linear", function() {
					$("#"+tid).css({"z-index": "4"});
					$("#"+tid).draggable('enable');
				});
			}
			
		
			var label = "";
			switch(id) {
			case "point01":  label="siagari"; break;
			case "point02":  label="counseling"; break;
			case "point03":  label="masui"; break;
			case "point04":  label="jisseki"; break;
			case "point05":  label="kibo"; break;
			case "point06":  label="staff"; break;
			case "point07":  label="privacy"; break;
			case "point08":  label="soudan"; break;
			case "point09":  label="donichi"; break;
			case "point10":  label="price"; break;
			case "point11":  label="std"; break;
			case "point12":  label="power"; break;
			}
			//GAへトラッキングコードを送る
			pageTracker._trackEvent('button', 'click',label);
			
			g_rank[g_rankpos] = id;
			var tx = ($("#frame0"+(g_rankpos+1)).offset().left - go.left);
			var ty = ($("#frame0"+(g_rankpos+1)).offset().top  - go.top ) ;
			$(this).css({"left": tx+"px", "top" : ty + "px"});
			
			g_rankpos++;
			if (g_rankpos >= 3) g_rankpos = 0;
			updateRankPos();

		}
	} else {
		$(ui.helper).css({"left": ($("#"+id+"_dummy").offset().left - go.left) + "px"});
		$(ui.helper).css({"top" : ($("#"+id+"_dummy").offset().top  - go.top ) + "px"});
		for (var i = 0; i < 3; i++) {
			if (g_rank[i] == id) {
				g_rank[i]= "";
			}
		}
		
		//ランキング部分の表示更新
		for (var i = 0; i < 3;i++) {
			if (g_rank[i] == "") {
				g_rankpos = i;
				break;
			}
		}
		updateRankPos();
	}
}

function elemOverElem(a, b) {
	var t  = a.offset();
	var tw = a.width();
	var th = a.height();
	var e  = b.offset();
	var ew = b.width();
	var eh = b.height();
	if(t.left    > e.left+ew) return false;
	if(t.top     > e.top+eh) return false;
	if(t.left+tw < e.left) return false;
	if(t.top+th  < e.top) return false;
	return true;
}

function onMouseDown(event) {
	if (g_bAnimate) return;
	g_offset = $(this).offset()
}


function onMouseUp(event) {
	if (g_bAnimate) return;
	if (g_bDragging) return;
	
	var go = $("#for_offset").offset();
	var id = $(this).attr("id");

    //クリック判定
	if (g_offset != null) {
		if (Math.abs($(this).offset().left - g_offset.left) < 1 &&
		    Math.abs($(this).offset().top - g_offset.top) < 1) {

			//ランキング側か判定
			var rankNo = -1;
			for (var i = 0; i < 3; i++) {
				if (g_rank[i] == id) {
					rankNo = i;
					break;
				}
			}
			
			if (rankNo >= 0) {
				//外す
				g_bAnimate = true;
				var tx = ($("#"+id+"_dummy").offset().left - go.left);
				var ty = ($("#"+id+"_dummy").offset().top  - go.top ) ;

				$(this).css({"z-index": "10"});
				$(this).draggable('disable');
				$(this).animate({"left": tx+"px", "top" : ty + "px"}, 200, "linear", function() {
					$(this).css({"z-index": "4"});
					$(this).draggable('enable');
					g_bAnimate = false;

				});
				g_rank[rankNo] = "";
				for (var i = 0; i < 3;i++) {
					if (g_rank[i] == "") {
						g_rankpos = i;
						break;
					}
				}
				updateRankPos();
				
			} else {
				//クリックで設置
				if (g_rank[g_rankpos] != "") {
					var tid = g_rank[g_rankpos];
					var tx = ($("#"+tid+"_dummy").offset().left - go.left);
					var ty = ($("#"+tid+"_dummy").offset().top  - go.top ) ;
					$("#"+tid).css({"z-index": "10"});
					$("#"+tid).draggable('disable');
					$("#"+tid).animate({"left": tx+"px", "top" : ty + "px"}, 200, "linear", function() {
						$("#"+tid).css({"z-index": "4"});
						$("#"+tid).draggable('enable');
					});
				}
			
				g_bAnimate = true;
				g_rank[g_rankpos] = id;
				var tx = ($("#frame0"+(g_rankpos+1)).offset().left - go.left);
				var ty = ($("#frame0"+(g_rankpos+1)).offset().top  - go.top ) ;
				
				$(this).css({"z-index": "10"});
				$(this).draggable('disable');
				$(this).animate({"left": tx+"px", "top" : ty + "px"}, 200, "linear", function() {
					$(this).css({"z-index": "4"});
					$(this).draggable('denable');
					g_bAnimate = false;
					g_rankpos++;
					if (g_rankpos >= 3) g_rankpos = 0;
					updateRankPos();
				});
				
				var label = "";
				switch(id) {
				case "point01":  label="siagari"; break;
				case "point02":  label="counseling"; break;
				case "point03":  label="masui"; break;
				case "point04":  label="jisseki"; break;
				case "point05":  label="kibo"; break;
				case "point06":  label="staff"; break;
				case "point07":  label="privacy"; break;
				case "point08":  label="soudan"; break;
				case "point09":  label="donichi"; break;
				case "point10":  label="price"; break;
				case "point11":  label="std"; break;
				case "point12":  label="power"; break;
				}

				//GAへトラッキングコードを送る
				pageTracker._trackEvent('button', 'click', label);
			}
		}
	}
	g_offset = null;
}

function resetSetting() {
	var go = $("#for_offset").offset();
	for (var j = 0; j < 3; j++) {
		if (g_rank[j] != "") {
			var id = g_rank[j];
			var tx = ($("#"+id+"_dummy").offset().left - go.left);
			var ty = ($("#"+id+"_dummy").offset().top  - go.top ) ;
			$("#"+id).animate({"left": tx+"px", "top" : ty + "px"}, 200, "linear", function() {
				$(this).css({"z-index": "4"});
			});
		}
	}
	g_rankpos = 0;
	for (var j = 0; j < 3; j++) {
		g_rank[j] = "";
	}
	updateRankPos();
}

function resetSetting2() {
	resetSetting();
	//ページスクロール
	var targetOffset = $('#header').offset().top;
	$('html,body').animate({ scrollTop: targetOffset}, 500);
}

function goSearch()
{
	var cnt = 1;
	var opt= "";
	for (var j = 0; j < 3; j++) {
		if (g_rank[j] != "") {
			if (opt !="") opt += "&";
			opt += "r"+cnt+"="+g_rank[j];
			cnt++;
		}
	}
	if (opt == "") {
		alert("アナタのこだわりを左から選んでください");
		return;
	}
	
	location.href=g_dir_prefix+"search/index.html?" + opt;
}

function updateRankPos()
{
	var go = $("#for_offset").offset();

	
	$("#point_number1 img").attr("src", g_dir_prefix + "img/frame_first.jpg");
	$("#point_number2 img").attr("src", g_dir_prefix + "img/frame_second.jpg");
	$("#point_number3 img").attr("src", g_dir_prefix + "img/frame_third.jpg");
	
	if (g_rankpos == 0) $("#point_number1 img").attr("src", g_dir_prefix + "img/frame_first_a.jpg");
	if (g_rankpos == 1) $("#point_number2 img").attr("src", g_dir_prefix + "img/frame_second_a.jpg");
	if (g_rankpos == 2) $("#point_number3 img").attr("src", g_dir_prefix + "img/frame_third_a.jpg");
}


/*-------------------------------------------------------------------------*/
function onLoadSearchResultPage() {
	retrieveGET();
	var param = [_GET['r1'], _GET['r2'], _GET['r3']];
	var kodawarino = [0,0,0];
	var linktitle = ["","",""];
	var go = $("#for_offset").offset();
	
	for (var i = 0; i < 3; i++) {	
		if (typeof(param[i]) == "undefined") param[i] = "";
	}
	
	//選択部分初期化
	for (var i = 0; i < 3; i++) {	
		if (param[i] != "") {
			g_rank[i] = param[i];
			var tx = ($("#frame0"+(i+1)).offset().left - go.left);
			var ty = ($("#frame0"+(i+1)).offset().top  - go.top ) ;
			$("#"+g_rank[i]).css({"left": tx+"px", "top" : ty + "px"});
		}
	}
	
	//何も選択されていない場合の処理
	if (param[0] == "" && param[1] == "" && param[2] == "") {
		$("#content_main2").css({"display":"none"});
		$("#content_main_t2").css({"display":"none"});
		$("#content_main_b2").css({"display":"none"});
		$("#clinick_btn3").css({"display":"none"});
		return;
	}


	//チョイス部分
	for (var i = 0; i < 3; i++) {
		fname = param[i] + ".jpg";
		if (fname == "point01.jpg") {fname = "point_n1_off.jpg";kodawarino[i]=1;linktitle[i]="各クリニックの術式";}
		if (fname == "point02.jpg") {fname = "point_n2_off.jpg";kodawarino[i]=2;linktitle[i]="カウンセリングの質";}
		if (fname == "point03.jpg") {fname = "point_n3_off.jpg";kodawarino[i]=3;linktitle[i]="各クリニックの麻酔方法";}
		if (fname == "point04.jpg") {fname = "point_n4_off.jpg";kodawarino[i]=4;linktitle[i]="各クリニックの治療実績";}
		if (fname == "point05.jpg") {fname = "point_n5_off.jpg";kodawarino[i]=5;}
		if (fname == "point06.jpg") {fname = "point_n6_off.jpg";kodawarino[i]=6;}
		if (fname == "point07.jpg") {fname = "point_n7_off.jpg";kodawarino[i]=7;}
		if (fname == "point08.jpg") {fname = "point_n8_off.jpg";kodawarino[i]=8;}
		if (fname == "point09.jpg") {fname = "point_n9_off.jpg";kodawarino[i]=9;}
		if (fname == "point10.jpg") {fname = "point_n10_off.jpg";kodawarino[i]=10;linktitle[i]="治療費用";}
		if (fname == "point11.jpg") {fname = "point_n11_off.jpg";kodawarino[i]=11;linktitle[i]="各クリニックの性病治療";}
		if (fname == "point12.jpg") {fname = "point_n12_off.jpg";kodawarino[i]=12;linktitle[i]="各クリニックのペニス強化";}
		if (param[i] == "") {
			$("#choice"+(i+1)).html('');
		} else if (kodawarino[i] == "1" || kodawarino[i] == "2" || kodawarino[i] == "3" || kodawarino[i] == "4" || kodawarino[i] == "10" || kodawarino[i] == "11" || kodawarino[i] == "12"){
			$("#choice"+(i+1)).html('<a href="javascript:openShadowBoxPopup(\'point'+kodawarino[i]+'\')"><img src="'+g_dir_prefix + 'img/' + fname + '" /></a>');
		} else {
			$("#choice"+(i+1)).html('<img src="'+g_dir_prefix + 'img/' + fname + '" />');
		}
	}
	
	//順位の計算
	var rank = [];
	var pointtable = [
		[150,120,100,80,60,50,40,30,20,10],
		[120,100,80,60,50,40,30,20,10,5],
		[100,80,60,50,40,30,20,10,5,1],
	];
	
	for (var i = 0; i < clinicdata.length; i++) {
		clinicdata[i].pt = 0;
		for (var j = 0; j < 3; j++) {
			var r = 11;
			if (param[j] == "point01") r = clinicdata[i].point01;
			if (param[j] == "point02") r = clinicdata[i].point02;
			if (param[j] == "point03") r = clinicdata[i].point03;
			if (param[j] == "point04") r = clinicdata[i].point04;
			if (param[j] == "point05") r = clinicdata[i].point05;
			if (param[j] == "point06") r = clinicdata[i].point06;
			if (param[j] == "point07") r = clinicdata[i].point07;
			if (param[j] == "point08") r = clinicdata[i].point08;
			if (param[j] == "point09") r = clinicdata[i].point09;
			if (param[j] == "point10") r = clinicdata[i].point10;
			if (param[j] == "point11") r = clinicdata[i].point11;
			if (param[j] == "point12") r = clinicdata[i].point12;
			clinicdata[i].trank[j] = r;
			
			if (r == 111) pt = pointtable[j][0];
			else if (r > 10) pt = 0;
			else if (r == 0) pt = 0;
			else pt = pointtable[j][r-1];
			
			clinicdata[i].pt += pt;
		}
	}
	
	//ソート
	var sorttable = new Array();
	for (var i = 0; i < clinicdata.length; i++) sorttable.push(i);
	for (var i = 0; i < clinicdata.length; i++) {
		for (var j = i+1; j < clinicdata.length; j++) {
			if (clinicdata[sorttable[i]].pt < clinicdata[sorttable[j]].pt) {
				var tmp = sorttable[i];
				sorttable[i] = sorttable[j];
				sorttable[j] = tmp;
			}
		}
	}
	
	//記事の流し込み
	var tmpl = $("#clinic_template").html();
	var output = "";
	var output2 = "";
	for (var i = 0; i < clinicdata.length; i++) {
		var buf = tmpl;
		var cinfo = clinicdata[sorttable[i]];

		buf = buf.replace("__name__",  cinfo.name);
		buf = buf.replace(/__shortname__/g,  cinfo.shortname);
		buf = buf.replace("{rankimg}",  '<img src="./img/rank_'+(i+1)+'.gif" />');
		buf = buf.replace("{nameimg}",  ' <img src="./img/name_'+cinfo.shortname+'.gif" alt="'+cinfo.name+'"/>');
		buf = buf.replace("{shortname}",  cinfo.shortname);
		buf = buf.replace(/__link__/g,  cinfo.link);
		buf = buf.replace("{tel}",  cinfo.tel);
		buf = buf.replace("{reservetime}",  cinfo.reservetime);
		buf = buf.replace("{operationtime}",  cinfo.operationtime);
		buf = buf.replace("{holiday}",  cinfo.holiday);
		buf = buf.replace("{after}",  cinfo.after);
		buf = buf.replace("{support}",  cinfo.support);
		buf = buf.replace("{price}",  cinfo.price);
		buf = buf.replace("{place}",  cinfo.place);
		buf = buf.replace("{spec}",  cinfo.spec);
		buf = buf.replace("{point}",  numtoimg(cinfo.pt));
		if (cinfo.link == "") {
			buf = buf.replace(/__linkarea__/g,  
				'<img src="./img/btn2.jpg" />');
			buf = buf.replace(/__linktag__/g,  '');
			buf = buf.replace(/__linktag_c__/g,  '');
			
		} else {
			buf = buf.replace(/__linkarea__/g,  
				'<a href="'+cinfo.link+'" target="_blank" onClick="pageTracker._trackEvent(\'link\', \'click\', \''+cinfo.shortname+'\');"><img src="./img/btn1.jpg" /></a>');
			buf = buf.replace(/__linktag__/g,  
				'<a href="'+cinfo.link+'" target="_blank" onClick="pageTracker._trackEvent(\'link\', \'click\', \''+cinfo.shortname+'\');">');
			buf = buf.replace(/__linktag_c__/g,  '</a>');
		}
		
		if (kodawarino[0] == "1" || kodawarino[0] == "2" || kodawarino[0] == "3" || kodawarino[0] == "4" || kodawarino[0] == "10" || kodawarino[0] == "11" || kodawarino[0] == "12"){
			buf = buf.replace("{kodawari1}",  
				'<div><a href="javascript:openShadowBoxPopup(\'point'+kodawarino[0]+'\')"><img src="./img/point_mini_n'+kodawarino[0]+'_off.jpg" /></a></div>'+
				'<div class="ml1 mt10"><img src="./img/rankpoint1_'+cinfo.trank[0]+'.jpg" /></div>'+ 
				'<div class="ml1 mt15"><div class="left"><img src="../img/icon_box.gif" /></div><div class="w135 left"><a href="javascript:openShadowBoxPopup(\'point'+kodawarino[0]+'\')">'+linktitle[0]+'</a></div><div class="cb"></div></div>');
		} else {
			buf = buf.replace("{kodawari1}",  
				'<div><img src="./img/point_mini_n'+kodawarino[0]+'_off.jpg" /></div>'+
				'<div class="ml1 mt10"><img src="./img/rankpoint1_'+cinfo.trank[0]+'.jpg" /></div>'+
				'<div class="ml1 mt15">&nbsp;</div>');
		}
		
		if (param[1] != "") {
			if (kodawarino[1] == "1" || kodawarino[1] == "2" || kodawarino[1] == "3" || kodawarino[1] == "4" || kodawarino[1] == "10" || kodawarino[1] == "11" || kodawarino[1] == "12"){
				buf = buf.replace("{kodawari2}",  
					'<div><a href="javascript:openShadowBoxPopup(\'point'+kodawarino[1]+'\')"><img src="./img/point_mini_n'+kodawarino[1]+'_off.jpg" /></a></div>'+
					'<div class="ml1 mt10"><img src="./img/rankpoint2_'+cinfo.trank[1]+'.jpg" /></div>'+
					'<div class="ml1 mt15"><div class="left"><img src="../img/icon_box.gif" /></div><div class="w135 left"><a href="javascript:openShadowBoxPopup(\'point'+kodawarino[1]+'\')">'+linktitle[1]+'</a></div><div class="cb"></div></div>');
			} else {
				buf = buf.replace("{kodawari2}",  
					'<div><img src="./img/point_mini_n'+kodawarino[1]+'_off.jpg" /></div>'+
					'<div class="ml1 mt10"><img src="./img/rankpoint2_'+cinfo.trank[1]+'.jpg" /></div>'+
					'<div class="ml1 mt15">&nbsp;</div>');
			}
		} else {
			buf = buf.replace("{kodawari2}",  "");
		}
		if (param[2] != "") {
			if (kodawarino[2] == "1" || kodawarino[2] == "2" || kodawarino[2] == "3" || kodawarino[2] == "4" || kodawarino[2] == "10" || kodawarino[2] == "11" || kodawarino[2] == "12"){
				buf = buf.replace("{kodawari3}",  
					'<div><a href="javascript:openShadowBoxPopup(\'point'+kodawarino[2]+'\')"><img src="./img/point_mini_n'+kodawarino[2]+'_off.jpg" /></a></div>'+
					'<div class="ml1 mt10"><img src="./img/rankpoint3_'+cinfo.trank[2]+'.jpg" /></div>'+
					'<div class="ml1 mt15"><div class="left"><img src="../img/icon_box.gif" /></div><div class="w135 left"><a href="javascript:openShadowBoxPopup(\'point'+kodawarino[2]+'\')">'+linktitle[2]+'</a></div><div class="cb"></div></div>');
			} else {
				buf = buf.replace("{kodawari3}",  
					'<div><img src="./img/point_mini_n'+kodawarino[2]+'_off.jpg" /></div>'+
					'<div class="ml1 mt10"><img src="./img/rankpoint3_'+cinfo.trank[2]+'.jpg" /></div>'+
					'<div class="ml1 mt15">&nbsp;</div>');
			}
		} else {
			buf = buf.replace("{kodawari3}",  "");
		}
		
		//このクリニックが高く評価されている比較項目
		var tbuf = "";
		for (var j = 0; j < cinfo.point.length; j++) {
			var cpoint = "";
			var clinktitle  = "";
			if (cinfo.point[j] == "point1") {cpoint = "point_n1_off.jpg";clinktitle="各クリニックの術式";}
			if (cinfo.point[j] == "point2") {cpoint = "point_n2_off.jpg";clinktitle="カウンセリングの質";}
			if (cinfo.point[j] == "point3") {cpoint = "point_n3_off.jpg";clinktitle="カウンセリングの質";}
			if (cinfo.point[j] == "point4") {cpoint = "point_n4_off.jpg";clinktitle="各クリニックの治療実績";}
			if (cinfo.point[j] == "point5") {cpoint = "point_n5_off.jpg";}
			if (cinfo.point[j] == "point6") {cpoint = "point_n6_off.jpg";}
			if (cinfo.point[j] == "point7") {cpoint = "point_n7_off.jpg";}
			if (cinfo.point[j] == "point8") {cpoint = "point_n8_off.jpg";}
			if (cinfo.point[j] == "point9") {cpoint = "point_n9_off.jpg";}
			if (cinfo.point[j] == "point10") {cpoint = "point_n10_off.jpg";clinktitle="治療費用";}
			if (cinfo.point[j] == "point11") {cpoint = "point_n11_off.jpg";clinktitle="各クリニックの性病治療";}
			if (cinfo.point[j] == "point12") {cpoint = "point_n12_off.jpg";clinktitle="各クリニックのペニス強化";}
			
			if(cpoint == "") {
				tbuf = tbuf + '<div class="point_bn"><img src="../img/'+cinfo.point[j]+'.png" /></div>';
			} else if (cinfo.point[j] == "point1" || cinfo.point[j] == "point2" || cinfo.point[j] == "point3" || cinfo.point[j] == "point4" || cinfo.point[j] == "point10" || cinfo.point[j] == "point11" || cinfo.point[j] == "point12"){
				tbuf = tbuf + '<div class="point_bn"><a href="javascript:openShadowBoxPopup(\''+cinfo.point[j]+'\')"><img src="../img/'+cpoint+'" /></a><div class="ml10"><div class="left"><img src="../img/icon_box.gif" /></div><div class="w135 left"><a href="javascript:openShadowBoxPopup(\''+cinfo.point[j]+'\')">'+clinktitle+'</a></div><div class="cb"></div></div></div>';
			} else {
				tbuf = tbuf + '<div class="point_bn"><img src="../img/'+cpoint+'" /><div class="ml10">&nbsp;</div></div>';
			}
		}
		buf = buf.replace("{point}",  tbuf);
		
		//対応しているサービス
		tbuf = "";
		for (var j = 0; j < cinfo.service.length; j++) {
			var cservice = "";
			if (cinfo.service[j] == "point1") {cservice = "point_n1_off.jpg";}
			if (cinfo.service[j] == "point2") {cservice = "point_n2_off.jpg";}
			if (cinfo.service[j] == "point3") {cservice = "point_n3_off.jpg";}
			if (cinfo.service[j] == "point4") {cservice = "point_n4_off.jpg";}
			if (cinfo.service[j] == "point5") {cservice = "point_n5_off.jpg";}
			if (cinfo.service[j] == "point6") {cservice = "point_n6_off.jpg";}
			if (cinfo.service[j] == "point7") {cservice = "point_n7_off.jpg";}
			if (cinfo.service[j] == "point8") {cservice = "point_n8_off.jpg";}
			if (cinfo.service[j] == "point9") {cservice = "point_n9_off.jpg";}
			if (cinfo.service[j] == "point10") {cservice = "point_n10_off.jpg";}
			if (cinfo.service[j] == "point11") {cservice = "point_n11_off.jpg";}
			if (cinfo.service[j] == "point12") {cservice = "point_n12_off.jpg";}

			if(cservice == "") {
				tbuf = tbuf + '<div class="point_bn"><img src="../img/'+cinfo.service[j]+'.png" /></div>';
			} else if (cinfo.service[j] == "point1" || cinfo.service[j] == "point2" || cinfo.service[j] == "point3" || cinfo.service[j] == "point4" || cinfo.service[j] == "point10" || cinfo.service[j] == "point11" || cinfo.service[j] == "point12"){
				tbuf = tbuf + '<div class="point_bn"><a href="javascript:openShadowBoxPopup(\''+cinfo.service[j]+'\')"><img src="../img/'+cservice+'" /></a></div>';
			} else {
				tbuf = tbuf + '<div class="point_bn"><img src="../img/'+cservice+'" /></div>';
			}
		}
		buf = buf.replace("{service}",  tbuf);

		if (i < 5) {//5位まで
			output += buf;
		} else {//それ以上
			output2 += buf;
		}
	}
	$("#dummy_frame").html(output);
	$("#dummy_frame2").html(output2);
	
	setTimeout(function() {Shadowbox.init();}, 100);

	smartRollover();

	//ページスクロール
	var targetOffset = $('#content_main2').offset().top;
	$('html,body').animate({ scrollTop: targetOffset}, 500);
}

function displayUnder5() {
	$("#dummy_frame2").css({"display":"block"});
	$("#clinick_btn3").css({"display":"none"});
}

function retrieveGET() {
	var query = window.location.search.substring(1);
	var parms = query.split('&');
	for (var i=0; i<parms.length; i++) {
		var pos = parms[i].indexOf('=');
		if (pos > 0) {
			var key = parms[i].substring(0,pos);
			var val = parms[i].substring(pos+1);
			_GET[key] = val;
		}
	}
}

function numtoimg(num) {
	var str = num.toString();
	var out = "";
	for(var i = 0; i < str.length; i++) {
		var c = str.charAt(i);
		out += '<img src="./img/num_'+c+'.gif"/>';
	}
	return out;
}

var dump = function(o){
  var str = "<pre>---------------------\n";
  for(var i in o) {
    str = str + "\n" + i + "\t"+ o[i];
  }
  str += "</pre>";
  $("#debug").html($("#debug").html()+str);
} 

function openShadowBox() {
	var buf = $("#hidden_point").html();
	Shadowbox.open({ 
		player: 'html', 
		content: buf, 
		height: 700, 
		width: 617
	
	}); 
}

function openShadowBoxPopup(name) {
	Shadowbox.open({ 
		player: 'iframe', 
		content: './'+name+'.html', 
		height: 700, 
		width: 617
	}); 
}