function tab(id) {
	var link_src = '/fcontroller.php?v=' + id;
	link_src = link_src + '&aid=' + document.panelFrame.aid.value;
	link_src = link_src + '&cid=' + document.panelFrame.cid.value;
	vframe.location.href = link_src;

	if (id == 0) {
		document.getElementById('btab0').innerHTML = "<a href='javascript:tab(0);'><img src='/images/searchpanel/side_01x.gif' alt='エリア' width='88' height='40' /></a>"
		document.getElementById('btab1').innerHTML = "<img src='/images/searchpanel/side_02_off.gif' alt='カテゴリー' width='88' height='40' />";
		document.getElementById('btab2').innerHTML = "<img src='/images/searchpanel/side_03_off.gif' alt='コース' width='88' height='40' />";
		document.getElementById('btab3').innerHTML = "<a href='javascript:tab(3);'><img src='/images/searchpanel/side_04.gif' alt='マニュアル' width='88' height='40' /></a>";
		document.getElementById('btab4').innerHTML = "<a href='javascript:tab(4);'><img src='/images/searchpanel/side_05.gif' alt='都市情報' width='88' height='40' /></a>";
		document.getElementById('snavi').innerHTML = "エリアを選択してください。";
		document.panelFrame.tid.value = 0;
	} else if (id == 1) {
		document.getElementById('btab0').innerHTML = "<a href='javascript:tab(0);'><img src='/images/searchpanel/side_01.gif' alt='エリア' width='88' height='40' /></a>"
		document.getElementById('btab1').innerHTML = "<a href='javascript:tab(1);'><img src='/images/searchpanel/side_02x.gif' alt='カテゴリー' width='88' height='40' /></a>";
		document.getElementById('btab2').innerHTML = "<img src='/images/searchpanel/side_03_off.gif' alt='コース' width='88' height='40' />";
		document.getElementById('btab3').innerHTML = "<a href='javascript:tab(3);'><img src='/images/searchpanel/side_04.gif' alt='マニュアル' width='88' height='40' /></a>";
		document.getElementById('btab4').innerHTML = "<a href='javascript:tab(4);'><img src='/images/searchpanel/side_05.gif' alt='都市情報' width='88' height='40' /></a>";
		document.getElementById('snavi').innerHTML = "カテゴリーを選択してください。";
		document.panelFrame.tid.value = 1;
	} else if (id == 2) {
		document.getElementById('btab0').innerHTML = "<a href='javascript:tab(0);'><img src='/images/searchpanel/side_01.gif' alt='エリア' width='88' height='40' /></a>"
		document.getElementById('btab1').innerHTML = "<a href='javascript:tab(1);'><img src='/images/searchpanel/side_02.gif' alt='カテゴリー' width='88' height='40' /></a>";
		document.getElementById('btab2').innerHTML = "<img src='/images/searchpanel/side_03x.gif' alt='コース' width='88' height='40' />";
		document.getElementById('btab3').innerHTML = "<a href='javascript:tab(3);'><img src='/images/searchpanel/side_04.gif' alt='マニュアル' width='88' height='40' /></a>";
		document.getElementById('btab4').innerHTML = "<a href='javascript:tab(4);'><img src='/images/searchpanel/side_05.gif' alt='都市情報' width='88' height='40' /></a>";
		document.getElementById('snavi').innerHTML = "コースを選択してください。";
		document.panelFrame.tid.value = 2;
	} else if (id == 3) {
		document.getElementById('btab0').innerHTML = "<a href='javascript:tab(0);'><img src='/images/searchpanel/side_01.gif' alt='エリア' width='88' height='40' /></a>"
		document.getElementById('btab1').innerHTML = "<img src='/images/searchpanel/side_02_off.gif' alt='カテゴリー' width='88' height='40' />";
		document.getElementById('btab2').innerHTML = "<img src='/images/searchpanel/side_03_off.gif' alt='コース' width='88' height='40' />";
		document.getElementById('btab3').innerHTML = "<a href='javascript:tab(3);'><img src='/images/searchpanel/side_04x.gif' alt='マニュアル' width='88' height='40' /></a>";
		document.getElementById('btab4').innerHTML = "<a href='javascript:tab(4);'><img src='/images/searchpanel/side_05.gif' alt='都市情報' width='88' height='40' /></a>";
		document.getElementById('snavi').innerHTML = "マニュアル";
	} else if (id == 4) {
		document.getElementById('btab0').innerHTML = "<a href='javascript:tab(0);'><img src='/images/searchpanel/side_01.gif' alt='エリア' width='88' height='40' /></a>"
		document.getElementById('btab1').innerHTML = "<img src='/images/searchpanel/side_02_off.gif' alt='カテゴリー' width='88' height='40' />";
		document.getElementById('btab2').innerHTML = "<img src='/images/searchpanel/side_03_off.gif' alt='コース' width='88' height='40' />";
		document.getElementById('btab3').innerHTML = "<a href='javascript:tab(3);'><img src='/images/searchpanel/side_04.gif' alt='マニュアル' width='88' height='40' /></a>";
		document.getElementById('btab4').innerHTML = "<a href='javascript:tab(4);'><img src='/images/searchpanel/side_05x.gif' alt='都市情報' width='88' height='40' /></a>";
		document.getElementById('snavi').innerHTML = "都市情報";
	} else {
		document.getElementById('snavi').innerHTML = "";
	}
}

function search() {
	document.panelFrame.ci.value = document.panelFrame.aid.value;
	document.panelFrame.ca.value = document.panelFrame.cid.value;
	document.panelFrame.co.value = document.panelFrame.coid.value;

	document.panelFrame.submit();
}