function tabCont(){

	showContentsTabCont();
	showtabCont();
	showtabCont2();


	$$('ul.contentsTabNav li').each(function(obj){
		Event.observe( obj, 'click', clickContentsTabCont );
	});

	$$('ul.tabNav li').each(function(obj){
		Event.observe( obj, 'click', clicktabCont );
	});

	$$('ul.tabNav3 li').each(function(obj){
		Event.observe( obj, 'click', clicktabCont2 );
	});

}

function showContentsTabCont(){

	// cookie名
	var keyName = "CURRENT_TAB";

	// 全ての半角スペースを表す正規表現
	var oExp = new RegExp(" ", "g");
	var coVal = document.cookie;
	var coDatas = coVal.split(";");

	for(var i=0;i<coDatas.length;i++){
		coDatas[i] = coDatas[i].replace(oExp, "");
		var coItem = coDatas[i].split("=");

		if( keyName == coItem[0] && coItem[1] != "" ){
			$$('ul.contentsTabNav li > span').each(function(obj){
				var tag = Element.classNames(obj);

				if( tag.toString().indexOf(coItem[1]) ){
					Element.removeClassName(obj.parentNode, "activeTab");
				}else{
					Element.addClassName(obj.parentNode, "activeTab");
				}
			});
			break;
		}
	}

	// コンテンツを全て非表示 
	$$('ul.contentsTabNav li > span').each(function(obj){
		obj = Element.classNames(obj).toString();
		$$('div.'+obj).each(function(subObj){
			Element.setStyle( subObj,{
				'display': 'none'
			});
		});
	});

	// activeTabのコンテンツを表示 
	var activeTabId = $$('ul.contentsTabNav li.activeTab > span');
	if( typeof(activeTabId.first()) != 'undefined' ){
		activeTabId = Element.classNames( activeTabId.first() ).toString();
		activeTabId = activeTabId.replace('firstChild','');
		activeTabId = activeTabId.replace('lastChild','');
		activeTabId = activeTabId.replace(' ','');

		$$('div.'+activeTabId).each(function(subObj){
			Element.setStyle( subObj,{
				'display': 'block'
			});
		});
	}
}

function clickContentsTabCont(e){

	// cookie名
	var keyName = "CURRENT_TAB";

	// cookie有効期限：365日
	var cookieExpires = 365;

	var activeTabId = Element.classNames(Event.element(e));
	var str = keyName + "=" + activeTabId;
	var dt = new Date();
	dt.setDate(dt.getDate() + cookieExpires);
	str += ";expires=" + dt.toGMTString() + ";";

	document.cookie = str;

	showContentsTabCont();
}

function showtabCont(){

	// コンテンツを全て非表示 
	$$('ul.tabNav li span').each(function(obj){
		obj = Element.classNames(obj).toString();
		obj = obj.replace('firstChild','');
		obj = obj.replace('lastChild','');
		obj = obj.replace(' ','');
		Element.setStyle( $$('div.'+obj).first(),{
			'display': 'none'
		});
	});

	// activeTabのコンテンツを表示 
	var activeTabId = $$('ul.tabNav li.activeTab span');
	if( typeof(activeTabId.first()) != 'undefined' ){
		activeTabId = Element.classNames( activeTabId.first() ).toString();
		activeTabId = activeTabId.replace('firstChild','');
		activeTabId = activeTabId.replace('lastChild','');
		activeTabId = activeTabId.replace(' ','');
		Element.setStyle( $$('div.'+activeTabId).first(),{
			'display': 'block'
		});
	}
}

function showtabCont2(){

	// コンテンツを全て非表示 
	$$('ul.tabNav3 li span').each(function(obj){
		obj = Element.classNames(obj).toString();
		obj = obj.replace('firstChild','');
		obj = obj.replace('lastChild','');
		obj = obj.replace(' ','');
		Element.setStyle( $$('div.'+obj).first(),{
			'display': 'none'
		});
	});

	// activeTabのコンテンツを表示 
	var activeTabId = $$('ul.tabNav3 li.activeTab span');
	if( typeof(activeTabId.first()) != 'undefined' ){
		activeTabId = Element.classNames( activeTabId.first() ).toString();
		activeTabId = activeTabId.replace('firstChild','');
		activeTabId = activeTabId.replace('lastChild','');
		activeTabId = activeTabId.replace(' ','');
		Element.setStyle( $$('div.'+activeTabId).first(),{
			'display': 'block'
		});
	}
}

function clicktabCont(e){

	var tabUrl = Event.element(e);
	var activeTabId = Element.classNames(tabUrl);

	$$('ul.tabNav li span').each(function(obj){
		var tag = Element.classNames(obj);

		if( tag.toString().indexOf(activeTabId.toString()) ){
			Element.removeClassName(obj.parentNode, "activeTab");
		}else{
			Element.addClassName(obj.parentNode, "activeTab");
		}
	});

	showtabCont();
}

function clicktabCont2(e){

	var tabUrl = Event.element(e);
	var activeTabId = Element.classNames(tabUrl);

	$$('ul.tabNav3 li span').each(function(obj){
		var tag = Element.classNames(obj);

		if( tag.toString().indexOf(activeTabId.toString()) ){
			Element.removeClassName(obj.parentNode, "activeTab");
		}else{
			Element.addClassName(obj.parentNode, "activeTab");
		}
	});

	showtabCont2();
}


Event.observe(window, 'load', tabCont, false);