//area

function swapImgRestore() { 
  var i,x,a=document.sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}

function preloadImages() { 
  var d=document; if(d.images){ if(!d.p) d.p=new Array();
    var i,j=d.p.length,a=preloadImages.arguments; for(i=0; i<a.length; i++)
    if (a[i].indexOf("#")!=0){ d.p[j]=new Image; d.p[j++].src=a[i];}}
}

function findObj(n, d) { 
  var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
    d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
  if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
  for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=findObj(n,d.layers[i].document); return x;
}

function swapImage() { 
  var i,j=0,x,a=swapImage.arguments; document.sr=new Array; for(i=0;i<(a.length-2);i+=3)
   if ((x=findObj(a[i]))!=null){document.sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}

/* *****************************************
	画像切り替え
＜元画像に”-out”、
切り替え画像に"-over"を入れてください。＞
******************************************* */

function Rollover() {
	if(document.getElementsByTagName) {
		var images = document.getElementsByTagName("img");

		for(var i=0; i < images.length; i++) {
			if(images[i].getAttribute("src").match("-out."))
			{
				images[i].onmouseover = function() {
					this.setAttribute("src", this.getAttribute("src").replace("-out.", "-over."));
				}
				images[i].onmouseout = function() {
					this.setAttribute("src", this.getAttribute("src").replace("-over.", "-out."));
				}
			}
		}
	}
}

if(window.addEventListener) {
	window.addEventListener("load", Rollover, false);
}
else if(window.attachEvent) {
	window.attachEvent("onload", Rollover);
}

/* *****************************************
	タブ切り替え用
******************************************* */
var tab = {
	init: function(){
		var tabs = this.setup.tabs;
		var pages = this.setup.pages;
		
		for(i=0; i<pages.length; i++) {
			if(i !== 0) pages[i].style.display = 'none';
			tabs[i].onclick = function(){ tab.showpage(this); return false; };
		}
	},
	
	showpage: function(obj){
		var tabs = this.setup.tabs;
		var pages = this.setup.pages;
		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';
				tabs[num].className = 'present';
			}
			else{
				pages[i].style.display = 'none';
				tabs[i].className = null;
			}
		}
	}
}

// 実装部分
//<div id="container">
//<ul id="tab">
//<li class="present"><a href="#page1">上海</a></li>
//<li><a href="#page2">北京</a></li>
//</ul>

//データの頭にidで分ける
//<div id="page1"> 

//下記のデータを埋め込む（場所はどこでも可）
//<script type="text/javascript">
// <![CDATA[

//tab.setup = {
//	tabs: document.getElementById('tab').getElementsByTagName('li'),
//	
//	pages: [
//		document.getElementById('page1'),
//		document.getElementById('page2'),
//		document.getElementById('page3'),
//		document.getElementById('page4'),
//		document.getElementById('page5'),
//		document.getElementById('page6'),
//		document.getElementById('page7'),
//		document.getElementById('page8'),
//		document.getElementById('page9'),
//		document.getElementById('page10'),
//		document.getElementById('page11')
//		]
//}

//tab.init();


// ]]>
//</script