var swapImage = {
	className : 'swpImg',
	defaultName : '_df',
	hoverName : '_df',
	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(){
	/*
	var s_tabs2 = document.getElementById('jsTab11').getElementsByTagName('li');
	var s_imgs2 = document.getElementById('jsTab11').getElementsByTagName('img');
	var s_pages2 = [
		document.getElementById('jsPage11'),
		document.getElementById('jsPage12'),
		document.getElementById('jsPage13'),
		document.getElementById('jsPage14')
	]
	

	var s_tab2 = new tabchange(s_tabs2, s_pages2, s_imgs2);
	s_tab2.init('jsTab12');
	s_tab2.init('jsTab13');
	s_tab2.init('jsTab14');
	
	swapImage.init();
	*/
	
}

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

function tabchange(tabs, pages, imgs) {
	this.tabs = tabs;
	this.pages = pages;
	this.imgs = imgs;
	this.param = 'page';
}

tabchange.prototype.init = function(){
	var tabs1 = this.tabs;
	var pages1 = this.pages;
	var imgs1 = this.imgs;
	var arg1 = arguments;
	var param_name = this.param;

	for(var i=0; i<pages1.length; i++) {
		if(i !== 0) pages1[i].style.display = 'none';
		tabs1[i].onclick = function(){ tabchange.prototype.showpage(this, tabs1, pages1, imgs1, arg1, param_name); 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<pages1.length; i++) {
					if(i == value) {
						pages1[value].style.display = 'block';
						imgs1[i].src = imgs1[i].src.replace('_df','_ac');
					}
					else{
						pages1[i].style.display = 'none';
						imgs1[i].src = imgs1[i].src.replace('_ac','_df');
					}
				}
			}
		}
	}
	
	// hide id
	if(arg1) {
		for(var i=0; i<arg1.length; i++) {
			document.getElementById(arg1[i]).style.display = 'none';
		}
	}
}

tabchange.prototype.showpage = function (obj, tabs1, pages1, imgs1, arg1, param_name){	
	var num;
	
	for(num=0; num<tabs1.length; num++) {
		if(tabs1[num] === obj) break;
	}
	
	for(var i=0; i<pages1.length; i++) {
		if(i == num) {
			pages1[num].style.display = 'block';
			imgs1[i].src = imgs1[i].src.replace('_df','_ac');
		}
		else{
			pages1[i].style.display = 'none';
			imgs1[i].src = imgs1[i].src.replace('_ac','_df');
		}
	}
	
	// hide id
	if(arg1) {
		for(var i=0; i<arg1.length; i++) {
			document.getElementById(arg1[i]).style.display = 'none';
		}
	}
}