// JavaScript Document




function init(){
	//alert("called init");
	
	//document.getElementByIdなどの関数が使えるかチェック
	if( !document.getElementsByTagName ) return false;
	if( !document.getElementById ) return false;
	
	//IDがあるかチェック
	if( !document.getElementById("tab") ) return false;
	if( !document.getElementById("oneMonth") ) return false;
	if( !document.getElementById("twoMonth") ) return false;
	if( !document.getElementById("threeMonth") ) return false;
	if( !document.getElementById("fourMonth") ) return false;
	
	
	
	tab.setup = {
		tabs: document.getElementById("tab").getElementsByTagName("li"),
		pages: [
			document.getElementById("oneMonth"),
			document.getElementById("twoMonth"),
			document.getElementById("threeMonth"),
			document.getElementById("fourMonth"),
		]
	}
	tab.init();
	
}

var counter = 0;

var tab = {
	init: function(){
		var tabs = this.setup.tabs;
		var pages = this.setup.pages;
		
		
		//alert("tabs.length = "+tabs.length);

		for(i=0; i<tabs.length; i++) {
			
			//alert("tabs[i] : "+tabs[i]+" - [i] : "+i+" - [i-counter] : "+(i-counter));
			if( tabs[i].className !== "exception"){
				if( i !== 0 ){ pages[i].style.display = 'none'; }
				tabs[i].onclick = function(){ tab.showpage(this); return false; };
				
				//tabs[i]のpageにtabs[i]に対応するページを保存
				tabs[i].page = pages[i];
				
				
				//各tabs[i]にイベント処理
				tabs[i].onclick = function(){
					//alert("this="+this);
					/*
					for(num=0; num<tabs.length; num++) {
						if(tabs[num] === this) break;
					}
					*/
					
					//クリックされたタブに対応するページを表示
					this.page.style.display = 'block';
					this.className = 'active';
					
					//すべてのタブを走査
					for(var j=0; j<tabs.length; j++) {
						//クリックされたタブが自分でない　&& タブに対応するページが定義されているとき
						if(tabs[j] != this && tabs[j].page != undefined ) {
							//alert(tabs[j].page);
							//消す
							tabs[j].page.style.display = 'none';
							tabs[j].className = null;
							//tabs[j].page.style.display = 'block';
							//tabs[j].className = 'present';
						}
					}
				} // end of function
				
				
				
			} else {
				
				counter ++;
			}//end if
			
			
		}
		
		//this.dive();
	},
	
	
	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) {
				//alert("num = "+num);
				pages[num].style.display = 'block';
				tabs[num].className = 'active';
			}
			else{
				pages[i].style.display = 'none';
				tabs[i].className = null;
			}
		}
		
		return false;
	},

	dive: function(){
		var hash = window.location.hash;
		var url = window.location.href;
		
		hash = hash.split("?");
		hash = hash[0].split("#");
		
		//URLを分解。クエリーを求める
		var _q = window.location.href;
		_q = _q.split("?");
		//alert(_q[1]);
		
		if( _q[1] != undefined ){
			_q = _q[1].split("=");
			_q = _q[1];
			alert("_q = "+_q);
			
			
			//url = url.split("?");
			
	
			//alert(hash[0]);
			var tabs = this.setup.tabs;
			var pages = this.setup.pages;
			for(i=0; i<pages.length; i++) {
				if(pages[i] == document.getElementById(_q)) this.showpage(tabs[i]);
			}
		}
	}
}



$(document).ready(function(){ init(); });

/*


function changeSeries(str){
	
	var swf = "../imgdir/bland_swf/product_top_" + str + ".swf";
	
	var so = new SWFObject(swf, "", "581", "401", "8", "#FFF");
	so.write("promotion_area");
	
	
}

*/