var map;
var INITIAL_KEYWORD = "住所を入力して地図を移動できます。例：東京都中央区銀座6-4-4";
var util = new CoordUtil();
var paramData = {
	"ST_NAME":"",
	"ST_DATA0":"",
	"ST_DATA1":"",
	"ST_DATA2":"",
	"ST_LATI":"",
	"ST_LONG":"",
	"ST_ADRS":""
};
var check_st_change_id = null;
/***********************************************************
 google map セット
***********************************************************/
window.onload = function() {
	scroll(0,0);
	
	/* 駅探マップ版 */
	map = new MaviScroll('mapBox', 710, 300, false);
	map.setEvent("click", emapClick);
	map.open(16772.459375,5137.650000000001, 3);		//東京3
	map.setController(new MaviControlTools(4));
}

/***********************************************************
 スポット名OK
***********************************************************/
function clickSpotName() {
	var ST_NAME = document.getElementById("goalNm");
	if( !ST_NAME ){ return false; }
	if( ST_NAME.value == "" ){
		alert("目的地名称を入力してください。");
		return false;
	}
	
	var step = document.getElementById("STEP3");
	step.style.visibility = "visible";
	step.style.display = "block";
	
	scrollToId("STEP2");
}

/***********************************************************
 マップをクリックしたときの処理
***********************************************************/
var marker = null;
function emapClick(event) {
	/* 駅探マップ */
	var mousePosition = map.getMousePoint(event);
	var deg = { "lng":mousePosition.lon, "lat":mousePosition.lat };
	
	mapClick(deg);
}
function mapClick(deg) {
	marker = new MaviFlg({
		id : 'spot_marker',
		lon : deg.lng,
		lat : deg.lat,
		img : "img_morii/mark7.gif",
		dx : -25,
		dy : -50
	});
	marker.setEvent("click",emapClick);
	marker.setEvent("mouseover",function(){ document.body.style.cursor = "auto" });
	map.addFlg(marker, false, true);
	
	var lati = deg.lat;
	var long = deg.lng;
	
	// データセット
	paramData["ST_LATI"] = lati;
	paramData["ST_LONG"] = long;
	var url = "./getStations.cgi?lati="+lati+"&long="+long;
	kickHttp(url,func1);
	
	return false;
	
	function func1(res){
		var json;
		try{
			json = eval("["+res+"]");
		}catch(e){
			json = {"status":"0"};
		}
		var step = document.getElementById("STEP2");
		step.style.display = "block";
		step.style.visibility = "visible";
//		var step = document.getElementById("STEP3");
//		step.style.display = "block";
		
		setStations(json);
		clearStep4();
//		scrollToId("STEP1");
		
		var goalNm = document.getElementById("goalNm");
		goalNm.focus();
		goalNm.select();
	}
}

/***********************************************************
 最寄り駅候補をフォームにセットする
***********************************************************/
//var st_text_func = "onfocus=\"fwOnfocus2(this)\" onblur=\"fwOnblur2(this)\" onkeyup=\"stTextOnkeyup(this)\" onchange=\"stTextOnkeyup(this)\"";
var st_text_func = "onfocus=\"fwOnfocus2(this)\" onblur=\"fwOnblur2(this)\"";
function setStations(json) {
	if( !json ){ return false; }
	
	var temp="";
	for( var i=0; i<3; i++ ) {
		var stSetId = "stSet0"+(i+1);
		var stSet = document.getElementById(stSetId);
		var divs = stSet.getElementsByTagName("DIV");
		var img = stSet.getElementsByTagName("IMG")[0];
		
		paramData['ST_DATA'+i] = "";
		
		if( (json.length <= i) || (json[i].status != 0) ){
			divs[0].innerHTML = "<input type='text' name='name_str' value='' style='font-weight: normal;ime-mode:active;' "+st_text_func+">";
			divs[0].innerHTML += "<input type='hidden' name='name'  value=''>";
			divs[0].innerHTML += "<input type='hidden' name='code' value=''>";
			divs[1].innerHTML = "<input type='button' value='決定' onclick=\"setOK('"+stSetId+"')\">";
			divs[2].innerHTML = "";
			divs[3].innerHTML = "<input type='text' name='move' value='' style='ime-mode:active;'>";
			divs[4].innerHTML = "<input type='text' name='time' value='' style='text-align:right;margin-right:3px;ime-mode:disabled;'><span>分</span>";
			divs[5].innerHTML = "<input type='text' name='fear' value='' style='text-align:right;margin-right:3px;ime-mode:disabled;'><span>円</span>";
			continue;
		}
		
		//最寄駅名
		divs[0].innerHTML = "<input type='text' name='name_str' value='"+json[i].name+"' style='font-weight: bold;ime-mode:active;' "+st_text_func+">";
		divs[0].innerHTML += "<input type='hidden' name='name'  value='"+json[i].name+"'>";
		
		//最寄駅コード
		divs[0].innerHTML += "<input type='hidden' name='code' value='"+json[i].code+"'>";
		
		//決定ボタン
		divs[1].innerHTML = "<input type='button' value='決定' onclick=\"setOK('"+stSetId+"')\">";
		divs[2].innerHTML = "";
		
		//移動手段
		divs[3].innerHTML = "<input type='text' name='move' value='徒歩' style='ime-mode:active;'>";
		
		//移動時間
		divs[4].innerHTML = "<input type='text' name='time' value='"+json[i].time+"' style='text-align:right;margin-right:3px;ime-mode:disabled;'><span>分</span>";
		
		//移動料金
		divs[5].innerHTML = "<input type='text' name='fear' value='0' style='text-align:right;margin-right:3px;ime-mode:disabled;'><span>円</span>";
		
		img.style.visibility = "hidden";
	}
}

function setOK(id) {
	var stSet = document.getElementById(id);
	var divs = stSet.getElementsByTagName("DIV");
	setSelectStation(id);
	var img = stSet.getElementsByTagName("IMG")[0];
	var input = stSet.getElementsByTagName("INPUT");
	
	// 入力チェック
	if( !checkInput(input) ){
		return false;
	}
	
	var data = new Array();
	var ok_flg = 0;
	for( var i=0; i<input.length; i++ ){
		switch (input[i].name) {
			case "name": data[0] = input[i].value; break;
			case "code": data[1] = input[i].value; break;
			case "move": data[2] = input[i].value; break;
			case "time": data[3] = input[i].value; break;
			case "fear": data[4] = input[i].value; break;
			default:break;
		}
	}
	if( (data[0] == "") || (data[1] == "") || (data[2] == "") || (data[3] == "") ){
		alert("未設定の項目があります。項目を入力してください。");
		return false;
	}
	
	id.match(/(\d)$/);
	paramData["ST_DATA"+(RegExp.$1-1)] = data.join(";");
	
	divs[1].innerHTML = "<input type='button' value='編集' onclick=\"setCansel('"+id+"')\">";
	img.style.visibility = "visible";
	for( var i=0; i<input.length; i++ ){
		if( input[i].type == "text" ){
			input[i].disabled = true;
		}else if( (input[i].type == "button") && (input[i].value == "戻る") ) {
			input[i].disabled = true;
		}
	}
	
	var mkbtn = document.getElementById("makeLinkBttn");
	mkbtn.disabled = false;
	var step = document.getElementById("STEP4");
	step.style.display = "none";
	step.style.visibility = "hidden";
	var step = document.getElementById("STEP5");
	step.style.display = "none";
	step.style.visibility = "hidden";
	var step = document.getElementById("STEP6");
	step.style.display = "none";
	step.style.visibility = "hidden";
}
function setCansel(id) {
	var stSet = document.getElementById(id);
	var divs = stSet.getElementsByTagName("DIV");
	var img = stSet.getElementsByTagName("IMG")[0];
	var input = stSet.getElementsByTagName("INPUT");
	divs[1].innerHTML = "<input type='button' value='決定' onclick=\"setOK('"+id+"')\">";
	img.style.visibility = "hidden";
	
	for( var i=0; i<input.length; i++ ){
		if( input[i].type == "text" ){
			input[i].disabled = false;
		}else if( (input[i].type == "button") && (input[i].value == "戻る") ) {
			input[i].disabled = false;
		}
	}
	
	id.match(/(\d)$/);
	paramData["ST_DATA"+(RegExp.$1-1)] = "";
	
	clearStep4();
}
function checkInput(input) {
	var err_msg = "";
	for( var i=0; i<input.length; i++ ){
		switch (input[i].name) {
		case "name_str":
			// 駅名チェック
			if( (input[i].style.fontWeight != "bold") && (input[i].style.fontWeight != 700) ){
				err_msg += "駅名が確定していません。駅名を入力し検索ボタンで駅を探してください。\n";
			}
			break;
		case "code": break;
		case "move":
			// 移動方法チェック
			if( input[i].value == "" ){
				err_msg += "移動方法を入力してください。\n"; continue;
			}
			if( input[i].value.length > 25 ){
				err_msg += "移動方法は25文字以内で入力してください。\n";
			}
			break;
		case "time":
			// 時間
			if( input[i].value == "" ){
				err_msg += "移動時間を入力してください。\n"; continue;
			}
			input[i].value = zen2han_num(input[i].value);
			if( !input[i].value.match(/^[0-9]+$/) ){
				err_msg += "移動時間は半角数字で指定してください。\n";
			}
			if( input[i].value > 180 ){
				err_msg += "移動時間は0〜180分で入力してください。\n";
			}
			break;
		case "fear":
			// 料金
			if( input[i].value == "" ){
				err_msg += "移動料金を入力してください。\n"; continue;
			}
			input[i].value = zen2han_num(input[i].value);
			if( !input[i].value.match(/^[0-9]+$/) ){
				err_msg += "移動料金は半角数字で指定してください。\n";
			}
			if( input[i].value > 999999 ){
				err_msg += "移動料金は0〜999999円で入力してください。\n";
			}
		break;
		default:break;
		}
	}
	if( err_msg != "" ){
		alert(err_msg);
		return false;
	}
	return true;
}

/***********************************************************
 住所入力「検索」の処理
***********************************************************/
function keywordSubmit()
{
	var keyword_obj = document.getElementById("TEXT_ADRS");
	// 入力チェック
	if(keyword_obj.value == "" || keyword_obj.value == INITIAL_KEYWORD)
	{
		alert("住所を入力して下さい。");
		keyword_obj.focus();
		keyword_obj.select();
	}
	else
	{
		var str = keyword_obj.value.replace(/[ー−―−]/g,"-");
		// 住所から検索し、地図の中心を移動・マーキングする。
		var url = "./getGeocode.cgi?adrs="+EscapeSJIS(str);
		kickHttp(url,func1);
		
	}
	return false;
	
	function func1(res) {
		try{
			var json = eval("("+ res +")");
			var deg = new Object();
			
			if( json.status != 0 ){
				alert("\n住所入力が無効です。");
				keyword_obj.focus();
				keyword_obj.select();
				return;
			}
			/* 駅探マップ */
			var change_scale = map.scale;
			var tmp = parseInt(json.level.match(/(\d)$/));
			change_scale = tmp * 2 + 1;
			
//			prompt("",json.level + "," + map.scale + "," + change_scale);
			map.moveCsecWithScale(json.long, json.lati, change_scale, false);
//			map.moveCsec(json.long, json.lati, false);
//			map.moveCsec(12840581, 50315370, false);
//prompt("",json.lati +","+ json.long);
			deg.lat = json.lati;
			deg.lng = json.long;
//			var xy = util.exCsec2Pxy(deg.lng, deg.lat, change_scale);
//			map.movePosition( xy.X, xy.Y );
			mapClick(deg);
			
		}catch(e){
			alert("住所取得に失敗しました。");
			prompt(e,url);
		}
	};
}

/***********************************************************
 住所検索のテキストボックスがonFocusになったとき、文字を消し文字色を黒に
***********************************************************/
function fwOnfocus()
{
	var keyword_obj = document.getElementById("TEXT_ADRS");
	keyword_obj.style.color = "#000000";
	
	if(keyword_obj.value == "" || keyword_obj.value == INITIAL_KEYWORD)
	{
		keyword_obj.value = "";
	}
}
var fwOnfocus2_self = null;
function fwOnfocus2(self) {
	fwOnfocus2_self = self;
	var next = self.nextSibling;
	self.style.fontWeight = "normal";
	
	if(self.value == "" || self.value == next.value)
	{
		self.value = "";
	}
	// 入力チェック開始
	check_st_change_id = setInterval(stTextOnkeyup,1000);
}

/***********************************************************
 住所検索のテキストボックスがOnblurになったとき
***********************************************************/
function fwOnblur()
{
	// キーワードの文字列が入力されていない場合
	
	var keyword_obj = document.getElementById("TEXT_ADRS");
	
	if(keyword_obj.value == "" || keyword_obj.value == INITIAL_KEYWORD)
	{
		keyword_obj.style.color = "#888888";
		keyword_obj.value = INITIAL_KEYWORD;
	}
}
function fwOnblur2() {
	var self = fwOnfocus2_self;
	// キーワードの文字列が入力されていない場合
	var next = self.nextSibling;
	
	if(self.value == "" || self.value == next.value)
	{
		self.value = next.value;
		self.style.fontWeight = "bold";
	}
	// 入力チェック終了
	clearInterval(check_st_change_id);
//	stTextOnkeyup(self);
}

function stTextOnkeyup(){
	var self = fwOnfocus2_self;
	var id = self.parentNode.parentNode.parentNode.parentNode.id;
	var btn_div = self.parentNode.nextSibling.nextSibling.nextSibling;
	var divs = self.parentNode.parentNode.getElementsByTagName("DIV");
	
	if( self.value != "" ){
		divs[2].innerHTML = "<input type='button' value='検索' onclick='getStation(this)'>";
	}else{
		divs[2].innerHTML = "";
	}
}
/***********************************************************
 駅名検索
***********************************************************/
function getStation() {
	var self = fwOnfocus2_self;
	var id = self.parentNode.parentNode.parentNode.parentNode.id;
	var divs = self.parentNode.parentNode.getElementsByTagName("DIV");
	
	var st_obj = divs[0].getElementsByTagName("INPUT");
	if( st_obj[0].value == "" ){
		return;
	}
	
	var def_name = st_obj[1].value;
	var def_code = st_obj[2].value;
	var btn = "<input type=\"button\" class=\"button\" value=\"戻る\" onclick=\"resetStation(this,'"+def_name+"','"+def_code+"');\">";
	var url = "./getStationList.cgi?SF="+EscapeSJIS(st_obj[0].value);
	
	kickHttp(url,func1);
	
	return false;
	
	function func1(res) {
		try{
			var json = eval("["+res+"]");
			var out="";
			
			if( json.length > 1 ){
				out += "<select name=''>\n";
				for( var i=0; i<json.length; i++ ){
					out += "<option value="+json[i].c+">"+json[i].n+"</option>\n";
				}
				out += "</select>\n";
				divs[2].innerHTML = btn;
			}else if( json.length == 1 ){
				out += "<input type='text' name='name_str' value=\""+json[0].n+"\" style='font-weight: bold;' "+st_text_func+">";
				out += "<input type='hidden' name='name' value='"+json[0].n+"'>";
				out += "<input type='hidden' name='code' value='"+json[0].c+"'>";
//				divs[2].innerHTML = btn;
				divs[2].innerHTML = "";
			}
			divs[0].innerHTML = out;
		}catch(e){
			alert("2 "+e);
			alert(res);
		}
	};
	
}
function setSelectStation(id){
	var divs = document.getElementById(id).getElementsByTagName("DIV");
	var name="";
	var code="";
	
	try{
		if( !divs[0].getElementsByTagName("SELECT").length ){ return false; }
		var obj = divs[0].getElementsByTagName("SELECT")[0];
		name = obj.options[obj.selectedIndex].text;
		code = obj.options[obj.selectedIndex].value;
		//最寄駅名
		divs[0].innerHTML = "<input type='text' name='name_str' value='"+name+"' style='font-weight: bold;' "+st_text_func+">";
		divs[0].innerHTML += "<input type='hidden' name='name' value='"+name+"'>";
		
		//最寄駅コード
		divs[0].innerHTML += "<input type='hidden' name='code' value='"+code+"'>";
		
		//決定ボタン
	//	divs[1].innerHTML = "<input type='button' value='決定' onclick=\"setOK('"+id+"')\">";
	//	divs[2].innerHTML = "";
	}catch(e){
		alert(e);
	}
}
function resetStation(self,name,code){
	var id = self.parentNode.parentNode.parentNode.parentNode.id;
	var divs = self.parentNode.parentNode.getElementsByTagName("DIV");
	
	divs[0].innerHTML = "<input type='text' name='name_str' value='"+name+"' style='font-weight: bold;' "+st_text_func+">";
	divs[0].innerHTML += "<input type='hidden' name='name' value='"+name+"'>";
	
	//最寄駅コード
	divs[0].innerHTML += "<input type='hidden' name='code' value='"+code+"'>";
	
	//決定ボタン
	divs[1].innerHTML = "<input type='button' value='決定' onclick=\"setOK('"+id+"')\">";
	divs[2].innerHTML = "";
}
/***********************************************************
 URL作成
***********************************************************/
var sendUrl="";
function makeUrl() {
	var name_obj = document.getElementById("goalNm");
	paramData["ST_NAME"] = name_obj.value;
	
	if( (paramData["ST_NAME"] == "") ){
		alert("目的地名称を入力してください。");
		return false;
	}
	if( (paramData["ST_LATI"] == "") || (paramData["ST_LONG"] == "") ){
		alert("地図で目的地を指定してください。");
		return false;
	}
	if( (paramData["ST_DATA0"] == "") && (paramData["ST_DATA1"] == "") && (paramData["ST_DATA2"] == "") ){
		alert("最寄り駅が設定されていません。決定ボタンを押して決定してください。");
		return false;
	}
	
	var param="";
	var tmp ="";
	var cnt=0;
	for( var key in paramData ){
		if( paramData[key] == "" ){ continue; }
		if( cnt++ > 0 ){ param += "&"; }
		param += key + "=" + EscapeSJIS(paramData[key]+"");
		tmp += key + "=" + paramData[key]+"\n";
	}
	
	var url = "./mkLink.cgi?"+param;
	if( sendUrl == url ){
		var step = document.getElementById("STEP4");
		step.style.display = "block";
		step.style.visibility = "visible";
		var step = document.getElementById("STEP5");
		step.style.display = "block";
		step.style.visibility = "visible";
		var step = document.getElementById("STEP6");
		step.style.display = "block";
		step.style.visibility = "visible";
		scrollToId("STEP4");
		return false;
	}
	
	if( !confirm('この条件でリンクを作成します。よろしいですか？') ){
		return false;
	}
	
	sendUrl = url;
	kickHttp(url,func1);
	
	return false;
	
	function func1(res) {
		try{
			var json = eval("("+res+")");
			if( json.status != 0 ){
				alert("err");
				return false;
			}
			var step = document.getElementById("STEP4");
			var input = step.getElementsByTagName("INPUT");
			input[0].value = json.url;
			// 追加パラメータ
			if( location.search.substring(1) ) {
				input[0].value += "&" + location.search.substring(1);
			}
			input[1].onclick = function(e){
				var input = document.getElementById("STEP4").getElementsByTagName("INPUT")[0];
				window.open(input.value);
			};
			
			paramData.id = json.id;
			
			step.style.display = "block";
			step.style.visibility = "visible";
			var step = document.getElementById("STEP5");
			step.style.display = "block";
			step.style.visibility = "visible";
			
			var step = document.getElementById("STEP6");
			step.style.display = "block";
			step.style.visibility = "visible";
			
			scrollToId("STEP4");
		}catch(e){
			alert(e);
		}
	}
}

/***********************************************************
 ステップ４クリア
***********************************************************/
function clearStep4() {
	var mkbtn = document.getElementById("makeLinkBttn");
	if( ((paramData.ST_DATA0 != "") || (paramData.ST_DATA1 != "") || (paramData.ST_DATA2 != ""))
	 ){
		mkbtn.disabled = false;
	}else{
		mkbtn.disabled = true;
	}
	var step = document.getElementById("STEP4");
	step.style.display = "none";
	step.style.visibility = "hidden";
	var step = document.getElementById("STEP5");
	step.style.display = "none";
	step.style.visibility = "hidden";
	var step = document.getElementById("STEP6");
	step.style.display = "none";
	step.style.visibility = "hidden";
}
/***********************************************************
 テキストエリアにHTMLタグを表示
***********************************************************/
function dispHtmlCode(self) {
	var div = self.parentNode.getElementsByTagName("DIV")[0];
	var src = document.getElementById("src");
	var preview = document.getElementById("sampleBox");
	var tag_a = div.getElementsByTagName("A");
	var url = document.getElementById("geneURL");
	
	if( tag_a.length > 0 ){
		tag_a[0].href = url.value;
	}
	try{
		src.value  = div.innerHTML;
	}catch(e){ prompt("err2",e); }
	try{
		preview.innerHTML = div.innerHTML;
	}catch(e){ prompt("err1",e); }
}
/***********************************************************
 スクロール
***********************************************************/
function scrollToId(id) {
	var to = document.getElementById(id);
	if( !to ){ return; }
	
	var nowY = nowX = 0;
	var moveY;
	var moveP = getY(to);
	
	nowY = document.documentElement.scrollTop || document.body.scrollTop; 
	nowX = document.documentElement.scrollLeft || document.body.scrollLeft; 
	
	var moveY = parseInt(nowY + ((moveP - nowY) / 2));
	scroll( nowX, moveY );
	
	var nowY2 = document.documentElement.scrollTop || document.body.scrollTop; 
	if( nowY != nowY2 ){
		setTimeout("scrollToId('"+id+"')",50);
	}
	
	return;
	function getY(el){
		var y = 0;
		while(el.offsetParent){
			y += el.offsetTop;
			el = el.offsetParent;
		}
		return y;
	};
}
/***********************************************************
緯度経度系
***********************************************************/
// 秒 → 度分秒
function sec2dms(num) {
	var ms = num % 100;
	num = (num - ms) / 100; // numを秒に変換
	var s = num % 60;
	num = (num - s) / 60; // numを分に変換
	var m = num % 60;
	var d = (num - m) / 60;
	var dms = d+"."+m+"."+s+"."+ms;
	return dms;
}
// 度分秒 → 秒
function dms2sec(dms) {
	if( dms.match(/^(\d+)\.(\d+)\.(\d+\.\d+)/) ) {
		var sec = ((RegExp.$1 * 3600) + (RegExp.$2 * 60)) * 100 + (RegExp.$3 * 100);
		return sec;
	}
}
// 度分秒 → 度秒
function dms2degree(dms) {
	if( dms.match(/^(\d+)\.(\d+)\.(\d+\.\d+)/) ) {
		var d =  parseInt(RegExp.$1);
		var m =  parseInt(RegExp.$2);
		var s =  parseFloat(RegExp.$3)*10000;
		var deg = (d+(m/60)+((s/3600)/10000));
		return deg;
	}
}
// 度秒 → 度分秒
function degree2dms(deg) {
	var sf = Math.round(deg * 360000);
	var s  = Math.floor(sf / 100) % 60;
	var m  = Math.floor(sf / 6000) % 60;
	var d = Math.floor(sf / 360000);
	sf %= 100;
	if (m  < 10) m  = "0" + m;
	if (s  < 10) s  = "0" + s;
	if (sf < 10) sf = "0" + sf;
	var dms = d +"."+ m +"."+ s + "." + sf;
	return dms;
}
// 日本測地系 → 世界測地系
function J2W(deg) {
	var a = deg.lng;
	var b = deg.lat;
	deg.lat = b - b * 0.00010695  + a * 0.000017464 + 0.0046017;
	deg.lng = a - b * 0.000046038 - a * 0.000083043 + 0.010040;
	return deg;
}
// 世界測地系 → 日本測地系
function W2J(deg) {
	var a = deg.lng;
	var b = deg.lat;
	deg.lat = b + 0.00010696* b - 0.000017467 * a - 0.0046020;
	deg.lng = a + 0.000046047* b + 0.000083049 * a - 0.010041;
	return deg;
}
// 全角数値を半角数値変換
function zen2han_num(str) {
	if( str.match(/^[0-9]*$/) ) {
		return(str);
	}
	if( !str.match(/^[０-９0-9]+$/) ) {
		return(str);
	}
	var han = "0123456789.,-+";
	var zen = "０１２３４５６７８９．，−＋";
	var out = "";
	for( var i=0; i<str.length; i++ )
	{
		var c = str.charAt(i);
		var n = zen.indexOf(c,0);
		if (n >= 0) c = han.charAt(n);
		out += c;
	}
	return(out);
}
/***********************************************************
 フラッシュパーツセレクト
***********************************************************/
var move_table = 0;
function overLeft(){
	var obj = document.getElementById("ctrlLeft");
	obj.style.backgroundImage = "url(./img/arrow_on_back.gif)";
	move_table=1;
	scrollTable(-15);
}
function overRight(){
	var obj = document.getElementById("ctrlRight");
	obj.style.backgroundImage = "url(./img/arrow_on_next.gif)";
	move_table=1;
	scrollTable(15);
}
function outLeft(){
	var obj = document.getElementById("ctrlLeft");
	obj.style.backgroundImage = "url(./img/arrow_off_back.gif)";
	move_table=0;
}
function outRight(){
	var obj = document.getElementById("ctrlRight");
	obj.style.backgroundImage = "url(./img/arrow_off_next.gif)";
	move_table=0;
}
function scrollTable(move){
	if( 1 == move_table ){
		var obj = document.getElementById("partsBox");
		obj.scrollLeft += move;
		setTimeout("scrollTable("+move+")",5);
	}
}

/***********************************************************
 フラッシュ挿入ＪＳ作成
***********************************************************/
function makeTag(id,st,type,target){
	var output = "";
	output += '<script src="http://pre-go.ekitan.com/link/js/sparts.js" langeuage="javascript" type="text/javascript" charset="SHIFT_JIS"></script><script><!--\r\n';
	output += 'go.ekitan.com.dispFlashParts("'+id+'","'+st+'",'+type+','+target+');//--></script>\n';
	output += '<noscript><a href="http://pre-go.ekitan.com/navi/go-norikae.cgi?id='+id+'">ここへの行き方！</a></noscript>';
	return(output);
}

function viewSampleHtml(type,num){
	var id = paramData.id;
	var st = paramData.ST_NAME;
	var st_enc = EscapeSJIS(st);
	
	var target = document.getElementsByName("target_flg");
	var target_flg = 0;
	for( var i=0; i<target.length; i++ ){
		if( target[i].checked ){
			target_flg = target[i].value;
		}
	}
	
	
//	var html = makeTag(id,st_enc,type,target_flg);
	var html = go.ekitan.com.makeTagHtml(id,st_enc,type,target_flg);
	var view = document.getElementById("sample");
	var src = document.getElementById("src");
	
	view.innerHTML = go.ekitan.com.makeTagFlashParts(id,st_enc,type,target_flg);
	
	src.value = html;
	src.focus();
	src.select();
	return false;
}
/***********************************************************
 クリップボードへコピー
***********************************************************/
function setClipboard(){
	var src = document.getElementById("src").value;
	if( src == "" ){
		alert("上のカタログからお好きなパーツをクリックしてください。");
		return;
	}
	document.getElementById('Clipboard').innerHTML = "";
	var swf = "<embed src='./js/setClipboard.swf' FlashVars='code="+encodeURIComponent(src)+"' width='0' height='0' type='application/x-shockwave-flash'></embed>";
	document.getElementById('Clipboard').innerHTML = swf;
	alert("クリップボードへコピーしました。");
}