var swapImage = {
//	className : 'swpImg',
//	defaultName : '_df',
//	hoverName : '_ov',
//	activeName : '_ac',
//
//	init : function() {
//		this.set('IMG');
//		this.set('INPUT');
//	},

	set : function(tagName) {
		var parent = this;
		var length = document.getElementsByTagName(tagName).length;
		for(var i = 0; i < length; i++) {
			var element = document.getElementsByTagName(tagName)[i];
			if(element.className == parent.className) {
				var hv = this.getHoverImage(element.src);
				parent.preload(hv);
				element.onmouseover = function() {
					this.src = parent.getHoverImage(this.src);
				}
				element.onmouseout = function() {
					this.src = parent.getDefaultImage(this.src);
				}
				element.onclick = function() {
					this.src = parent.getActiveImage(this.src);
				}
			}
		}
	},

	getExtension : function(string) {
		return string.substr(string.lastIndexOf('.'), string.length);
	},

	getDefaultImage : function(image) {
		var extension = this.getExtension(image);
		return image.replace(this.hoverName,this.defaultName);
	},

	getHoverImage : function(image) {
		var extension = this.getExtension(image);
		return image.replace(this.defaultName,this.hoverName);
	},

	getActiveImage : function(image) {
		var extension = this.getExtension(image);
		return image.replace(this.hoverName,this.activeName);
	},

	preload : function() {
		if(document.images) {
			if(!ary) var ary = new Array();
			var length = ary.length;
			var arg = this.preload.arguments;
			for(var i = 0; i < arg.length; i++) {
				ary[length] = new Image;
				ary[length].src = arg[i];
			}
		}
	}
}

//window.onload = function() {
//Event.observe(window, "load", function() {
function init_select( _defaultSelect ){

	// タブ切替オブジェクト
	_select.setup = {
//		tabs: document.getElementById('tab').getElementsByTagName('li'),
//		imgs: document.getElementById('tab').getElementsByTagName('img'),
		selects: document.getElementById('areaselectFormTop').getElementsByTagName('option'),

//		pages: [
//			document.getElementById('jsPage01'),
//			document.getElementById('jsPage02'),
//			document.getElementById('jsPage03'),
//			document.getElementById('jsPage04')],
		areabetu: [
			document.getElementById('areabetuContentsA01'),
			document.getElementById('areabetuContentsA02'),
			document.getElementById('areabetuContentsA03'),
			document.getElementById('areabetuContentsA04')],
		osusume: [
			document.getElementById('osusumeContentsA01'),
			document.getElementById('osusumeContentsA02'),
			document.getElementById('osusumeContentsA03'),
			document.getElementById('osusumeContentsA04')],
		map: [
			document.getElementById('mapBlockA01'),
			document.getElementById('mapBlockA02'),
			document.getElementById('mapBlockA03'),
			document.getElementById('mapBlockA04')],
		search: [
			document.getElementById('searchBlockA01'),
			document.getElementById('searchBlockA02'),
			document.getElementById('searchBlockA03'),
			document.getElementById('searchBlockA04')],
		pamphlet: [
			document.getElementById('pamphletA01'),
			document.getElementById('pamphletA02'),
			document.getElementById('pamphletA03'),
			document.getElementById('pamphletA04')],
		newspaper: [
			document.getElementById('newspaperA01'),
			document.getElementById('newspaperA02'),
			document.getElementById('newspaperA03'),
			document.getElementById('newspaperA04')],
		topicinfoA: [
			document.getElementById('topicinfoA01'),
			document.getElementById('topicinfoA02'),
			document.getElementById('topicinfoA03'),
			document.getElementById('topicinfoA04')],
		topicinfoB: [
			document.getElementById('topicinfoB01'),
			document.getElementById('topicinfoB02'),
			document.getElementById('topicinfoB03'),
			document.getElementById('topicinfoB04')],
		topicinfoC: [
			document.getElementById('topicinfoC01'),
			document.getElementById('topicinfoC02'),
			document.getElementById('topicinfoC03'),
			document.getElementById('topicinfoC04')],
		purpose: [
			document.getElementById('purposeA01'),
			document.getElementById('purposeA02'),
			document.getElementById('purposeA03'),
			document.getElementById('purposeA04')],
		sightseeing: [
			document.getElementById('sightseeingA01'),
			document.getElementById('sightseeingA02'),
			document.getElementById('sightseeingA03'),
			document.getElementById('sightseeingA04')],
		commodity: [
			document.getElementById('commodityBlockA01'),
			document.getElementById('commodityBlockA02'),
			document.getElementById('commodityBlockA03'),
			document.getElementById('commodityBlockA04')],
		recommend: [
			document.getElementById('recArea01'),
			document.getElementById('recArea02'),
			document.getElementById('recArea03'),
			document.getElementById('recArea04')]
	}//オブジェクトをセット
	_select.init( '' , '' , '' , _defaultSelect );
	// ��充��E�ーバースタート
//	swapImage.init();
}


/*-----------------------------------------------------------
 tab chabge

 Original
 http://archiva.jp/web/javascript/tab-menu.html
------------------------------------------------------------*/

var _select = {
	init: function(){
//		var tabs = 			this.setup.tabs;
//		var pages = 		this.setup.pages;
		var selects = 		this.setup.selects;
		var areabetu = 		this.setup.areabetu;
		var osusume = 		this.setup.osusume;
		var map = 			this.setup.map;
		var search = 		this.setup.search;
		var pamphlet = 		this.setup.pamphlet;
		var newspaper = 	this.setup.newspaper;
		var recommend = 	this.setup.recommend;
		var topicinfoA = 	this.setup.topicinfoA;
		var topicinfoB = 	this.setup.topicinfoB;
		var topicinfoC = 	this.setup.topicinfoC;
		var purpose = 		this.setup.purpose;
		var sightseeing = 	this.setup.sightseeing;
		var commodity = 	this.setup.commodity;
		var imgs = 			this.setup.imgs;
		var arg = 			arguments;
		var param_name = 	'page';

		for(var i=0; i<selects.length; i++) {
			if(i !== arg[3]) {
//				if(pages[i])		pages[i].style.display = 		'none';
				if(areabetu[i])		areabetu[i].style.display = 	'none';
				if(osusume[i])		osusume[i].style.display = 		'none';
				if(map[i])			map[i].style.display = 			'none';
				if(search[i])		search[i].style.display = 		'none';
				if(pamphlet[i])		pamphlet[i].style.display = 	'none';
				if(newspaper[i])	newspaper[i].style.display = 	'none';
				if(recommend[i])	recommend[i].style.display = 	'none';
				if(topicinfoA[i])	topicinfoA[i].style.display = 	'none';
				if(topicinfoB[i])	topicinfoB[i].style.display = 	'none';
				if(topicinfoC[i])	topicinfoC[i].style.display = 	'none';
				if(purpose[i])		purpose[i].style.display = 		'none';
				if(sightseeing[i])	sightseeing[i].style.display = 	'none';
				if(commodity[i])	commodity[i].style.display = 	'none';
			}else{
//				if(pages[i])		pages[i].style.display = 		'block';
				if(areabetu[i])		areabetu[i].style.display = 	'block';
				if(osusume[i])		osusume[i].style.display = 		'block';
				if(map[i])			map[i].style.display = 			'block';
				if(search[i])		search[i].style.display = 		'block';
				if(pamphlet[i])		pamphlet[i].style.display = 	'block';
				if(newspaper[i])	newspaper[i].style.display = 	'block';
				if(recommend[i])	recommend[i].style.display = 	'block';
				if(topicinfoA[i])	topicinfoA[i].style.display = 	'block';
				if(topicinfoB[i])	topicinfoB[i].style.display = 	'block';
				if(topicinfoC[i])	topicinfoC[i].style.display = 	'block';
				if(purpose[i])		purpose[i].style.display = 		'block';
				if(sightseeing[i])	sightseeing[i].style.display = 	'block';
				if(commodity[i])	commodity[i].style.display = 	'block';
			}
//			tabs[i].onclick = function(){ tab.showpage(this, arg); return false; };

		}

		// request param
		if(location.search){
			var query = location.search;
			query = query.substring(1,query.length);
			var querys = new Array();
			querys = query.split("&");

			for(var i=0; i<querys.length; i++){
				var pram = new Array();
				pram = querys[i].split("=");
				var name = pram[0];
				var value = pram[1];

				if(name == param_name) {
					for(var i=0; i<selects.length; i++) {
						if(i == value) {
//							if(pages[i])		pages[value].style.display = 		'block';
							if(areabetu[i])		areabetu[value].style.display = 	'block';
							if(osusume[i])		osusume[value].style.display = 		'block';
							if(map[i])			map[value].style.display = 			'block';
							if(search[i])		search[value].style.display = 		'block';
							if(pamphlet[i])		pamphlet[value].style.display = 	'block';
							if(newspaper[i])	newspaper[value].style.display = 	'block';
							if(recommend[i])	recommend[value].style.display =  	'block';
							if(topicinfoA[i])	topicinfoA[value].style.display = 	'block';
							if(topicinfoB[i])	topicinfoB[value].style.display = 	'block';
							if(topicinfoC[i])	topicinfoC[value].style.display = 	'block';
							if(purpose[i])		purpose[value].style.display = 		'block';
							if(sightseeing[i])	sightseeing[value].style.display = 	'block';
							if(commodity[i])	commodity[value].style.display = 	'block';
							imgs[i].src = imgs[i].src.replace('_df','_ac');
						}
						else{
//							if(pages[i])		pages[i].style.display = 		'none';
							if(areabetu[i])		areabetu[i].style.display = 	'none';
							if(osusume[i])		osusume[i].style.display = 		'none';
							if(map[i])			map[i].style.display = 			'none';
							if(search[i])		search[i].style.display = 		'none';
							if(pamphlet[i])		pamphlet[i].style.display = 	'none';
							if(newspaper[i])	newspaper[i].style.display = 	'none';
							if(recommend[i])	recommend[i].style.display =  	'none';
							if(topicinfoA[i])	topicinfoA[i].style.display = 	'none';
							if(topicinfoB[i])	topicinfoB[i].style.display = 	'none';
							if(topicinfoC[i])	topicinfoC[i].style.display = 	'none';
							if(purpose[i])		purpose[i].style.display = 		'none';
							if(sightseeing[i])	sightseeing[i].style.display = 	'none';
							if(commodity[i])	commodity[i].style.display = 	'none';
							imgs[i].src = imgs[i].src.replace('_ac','_df');
						}
					}
				}
			}
		}


//		for (var i = 0 ; i < tabs.length ; i++){
//			if( i == arg[3] )
//				imgs[i].src = imgs[i].src.replace('_df','_ac');
//			else
//				imgs[i].src = imgs[i].src.replace('_ac','_df');
//		}
		// hide id ( 'jsTab1', 'jsTab2' を非表示)
//		if(arg) {
//			for(var i=0; i<arg.length-1; i++) {
//				document.getElementById(arg[i]).style.display = 'none';
//			}
//		}
	},

	showpage: function(obj, arg){
//		var tabs = 			this.setup.tabs;
//		var pages = 		this.setup.pages;
		var selects = 		this.setup.selects;
		var areabetu = 		this.setup.areabetu;
		var osusume = 		this.setup.osusume;
		var map = 			this.setup.map;
		var search = 		this.setup.search;
		var pamphlet = 		this.setup.pamphlet;
		var newspaper = 	this.setup.newspaper;
		var recommend = 	this.setup.recommend;
		var topicinfoA = 	this.setup.topicinfoA;
		var topicinfoB = 	this.setup.topicinfoB;
		var topicinfoC = 	this.setup.topicinfoC;
		var purpose = 		this.setup.purpose;
		var sightseeing = 	this.setup.sightseeing;
		var commodity = 	this.setup.commodity;
		var imgs = 			this.setup.imgs;
		var num;

		for(num=0; num<selects.length; num++) {
			if(selects[num] === obj) break;
		}

		for(var i=0; i<selects.length; i++) {
			if(i == num) {
//				if(pages[i])		pages[num].style.display = 			'block';
				if(areabetu[i])		areabetu[num].style.display = 		'block';
				if(osusume[i])		osusume[num].style.display = 		'block';
				if(map[i])			map[num].style.display = 			'block';
				if(search[i])		search[num].style.display = 		'block';
				if(pamphlet[i])		pamphlet[num].style.display = 		'block';
				if(newspaper[i])	newspaper[num].style.display = 		'block';
				if(recommend[i])	recommend[num].style.display =	 	'block';
				if(topicinfoA[i])	topicinfoA[num].style.display = 	'block';
				if(topicinfoB[i])	topicinfoB[num].style.display = 	'block';
				if(topicinfoC[i])	topicinfoC[num].style.display = 	'block';
				if(purpose[i])		purpose[num].style.display = 		'block';
				if(sightseeing[i])	sightseeing[num].style.display = 	'block';
				if(commodity[i])	commodity[num].style.display = 		'block';
				imgs[i].src = imgs[i].src.replace('_ov','_ac');
			}
			else{
//				if(pages[i])		pages[i].style.display = 		'none';
				if(areabetu[i])		areabetu[i].style.display = 	'none';
				if(osusume[i])		osusume[i].style.display = 		'none';
				if(map[i])			map[i].style.display = 			'none';
				if(search[i])		search[i].style.display = 		'none';
				if(pamphlet[i])		pamphlet[i].style.display = 	'none';
				if(newspaper[i])	newspaper[i].style.display = 	'none';
				if(recommend[i])	recommend[i].style.display = 	'none';
				if(topicinfoA[i])	topicinfoA[i].style.display = 	'none';
				if(topicinfoB[i])	topicinfoB[i].style.display = 	'none';
				if(topicinfoC[i])	topicinfoC[i].style.display = 	'none';
				if(purpose[i])		purpose[i].style.display = 		'none';
				if(sightseeing[i])	sightseeing[i].style.display = 	'none';
				if(commodity[i])	commodity[i].style.display = 	'none';
				imgs[i].src = imgs[i].src.replace('_ac','_df');
			}
		}

		// hide id
//		if(arg) {
//			for(var i=0; i<arg.length-1; i++) {
//				document.getElementById(arg[i]).style.display = 'none';
//			}
//		}
	}
}