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

// タブ切替オブジェクト
tab.setup = {
tabs: document.getElementById('jsTab0').getElementsByTagName('li'),
imgs: document.getElementById('jsTab0').getElementsByTagName('img'),
pages: [
document.getElementById('jsPage0'),
document.getElementById('jsPage1')
]
}//オブジェクトをセット
tab.init('jsTab1');

// ロールオーバースタート
swapImage.init(); 

}

/*-- tab change--*/

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 !== 0) 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');
}
}
}
}
}

// hide id ( 'jsTab1' を非表示)
if(arg) {
for(var i=0; i<arg.length; 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; i++) {
document.getElementById(arg[i]).style.display = 'none';
}
}
}
}