/*--setup--*/
var swapImage = {
	className : 'swpImg',
	defaultName : '_off',
	hoverName : '_on',
	activeName : '_on',
	
	init : function() {
		this.set('IMG');
	},
	
	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('tabTokyo').getElementsByTagName('li'),
   imgs: document.getElementById('tabTokyo').getElementsByTagName('img'),
   
   pages: [
      document.getElementById('contentTokyo'),
      document.getElementById('contentOsaka')
   ]
}

tab.init('tabOsaka');
swapImage.init();
}
/*--setup end--*/

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(i=0; i<pages.length; i++) {
         if(i !== 0) pages[i].style.display = 'none';
         tabs[i].onclick = function(){ tab.showpage(this,arg); return false; };
      }
      
      if(location.search){
			var query = location.search;
			query = query.substring(1,query.length);
			var querys = new Array();
			querys = query.split("#");
			var value = querys[1];
			if(value == 'tokyo') {
					for(var i=0; i<pages.length; i++) {
						if(i == 0) {
							pages[value].style.display = 'block';
							imgs[i].src = imgs[i].src.replace('_off','_on');
						}
						else{
							pages[i].style.display = 'none';
							imgs[i].src = imgs[i].src.replace('_on','_off');
						}
					}
				}
				if(value == 'osaka') {
					for(var i=0; i<pages.length; i++) {
						if(i == 1) {
							pages[value].style.display = 'block';
							imgs[i].src = imgs[i].src.replace('_off','_on');
						}
						else{
							pages[i].style.display = 'none';
							imgs[i].src = imgs[i].src.replace('_on','_off');
						}
					}
				}
				
		}
		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('_off','_on');
            //tabs[num].className = 'selected';
         }
         else{
            pages[i].style.display = 'none';
            imgs[i].src = imgs[i].src.replace('_on','_off');
            //tabs[i].className = null;
         }
      }
      if(arg) {
			for(var i=0; i<arg.length; i++) {
				document.getElementById(arg[i]).style.display = 'none';
			}
		}

   }
}