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_tab( _defaultSelectTab ){

	// タブ切替オブジェクト
	tab.setup = {
		tabs: document.getElementById('tab').getElementsByTagName('li'),
		imgs: document.getElementById('tab').getElementsByTagName('img'),
		pages: [
			document.getElementById('jsPage01'),
			document.getElementById('jsPage02'),
			document.getElementById('jsPage03'),
			document.getElementById('jsPage04')
		]
	}//オブジェクトをセット
	tab.init( 'tab02' , 'tab03' , 'tab04' , _defaultSelectTab );
	// ロールオーバースタート
	swapImage.init(); 
}


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

var tab = {
	init: function(){
		var tabs = this.setup.tabs;
		var pages = this.setup.pages;
		var imgs = this.setup.imgs;
		var arg = arguments;
		var param_name = 'page';

		for(var i=0; i<pages.length; i++) {
			if(i !== arg[3]) pages[i].style.display = 'none';
			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<pages.length; i++) {
						if(i == value) {
							pages[value].style.display = 'block';
							imgs[i].src = imgs[i].src.replace('_df','_ac');
						}
						else{
							pages[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 imgs = this.setup.imgs;
		var num;
		
		for(num=0; num<tabs.length; num++) {
			if(tabs[num] === obj) break;
		}
		
		for(var i=0; i<pages.length; i++) {
			if(i == num) {
				pages[num].style.display = 'block';
				imgs[i].src = imgs[i].src.replace('_ov','_ac');
			}
			else{
				pages[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';
			}
		}
	}
}