/**********************************************************************
CRIEPI : [ tab_change.js ]

08.1.xx
***********************************************************************
a variable : -
a function : tab_
**********************************************************************/

$(function(){

	var aobjTabName = [{
			'name' : 'DivAsia',
			'box'  : 'AsiaBlock',
			'bgline': '/en/common/img/switcher_5tab_asia_bg.gif'
		},{
			'name' : 'DivAmerica',
			'box'  : 'AmericaBlock',
			'bgline': '/en/common/img/switcher_5tab_america_bg.gif'
		},{
			'name' : 'DivEurope',
			'box'  : 'EuropeBlock',
			'bgline': '/en/common/img/switcher_5tab_europe_bg.gif'
		},{
			'name' : 'DivAfrica',
			'box'  : 'AfricaBlock',
			'bgline': '/en/common/img/switcher_5tab_africa_bg.gif'
		},{
			'name' : 'DivOceania',
			'box'  : 'OceaniaBlock',
			'bgline': '/en/common/img/switcher_5tab_oceania_bg.gif'
		},{
			'name' : 'DivNational',
			'box'  : 'NationalBlock',
			'bgline': '/en/common/img/switcher_5tab_national_bg.gif'
	}];

	//デフォルトカレント
	var strTabDefltCurrName = 'DivAsia';

	//現在のカレントパス
	var strTabCurrImgPath = '';

	var strCurrExt = '_ac';
	var strOverExt = '_on';

	var astrDefaultImgPath = [];

	//通常時の画像を配列に格納
	for (var i = 0; i < aobjTabName.length; i++){
		var obj = document.getElementById(aobjTabName[i]['name']);

		//イベントをそれぞれ設定
		addEventListener(obj, 'mouseover', tab_over);
		addEventListener(obj, 'mouseout', tab_out);
		addEventListener(obj, 'click', tab_current);

		//通常状態の画像を格納
		if ( $( "#" + aobjTabName[i]['name'] ).attr("src") ) {
			astrDefaultImgPath.push( $( "#" + aobjTabName[i]['name'] ).attr("src").replace(/_ac/i, '') );
		}

		$( "#" + aobjTabName[i]['name'] ).parent().focus(function(){
			$(this).blur();
		});
	}

	function tab_over(event) {
		var strNewImgPath = '';

		var target = event.target || event.srcElement;
			strTabCurrImgPath = $( "#" + target.id ).attr("src");
			if ( strTabCurrImgPath.indexOf('_ac') == -1 ) {
				strTabCurrImgPath.match(/^(.*\/.*)(\..*)$/);
				strNewImgPath = RegExp.$1 + strOverExt + RegExp.$2;
				$( "#" + target.id ).attr("src", strNewImgPath);
			}
	}

	function tab_out(event) {
		var strNewImgPath = '';

		var target = event.target || event.srcElement;
			strTabCurrImgPath = $( "#" + target.id ).attr("src");
			//カレントでなく、オーバー状態であれば
			if ( strTabCurrImgPath.indexOf('_ac') == -1 && strTabCurrImgPath.indexOf("_on") >= 0) {
				strNewImgPath = strTabCurrImgPath.replace(/_on/i, '');
				$( "#" + target.id ).attr("src", strNewImgPath);
			}
	}
	
	function tab_current(event) {
		var strNewImgPath = '';

		var target = event.target || event.srcElement;

		if (event.preventDefault) {
			event.preventDefault();
		} else {
			event.returnValue = false;
		}

		for (var i = 0; i < aobjTabName.length; i++){

			if ( target.id == aobjTabName[i]['name'] ) {

				document.getElementById(  aobjTabName[i]['box'] ).style.display = 'block';

				strTabCurrImgPath = $( "#" + aobjTabName[i]['name'] ).attr("src");

				//オーバー中であれば、通常時に戻す
				if (strTabCurrImgPath.indexOf("_on") >= 0) {
					strTabCurrImgPath = strTabCurrImgPath.replace(/_on/i, '');
				}

				//カレントしていなければ、カレントにする
				if ( strTabCurrImgPath.indexOf('_ac') == -1 ) {
					strTabCurrImgPath.match(/^(.*\/.*)(\..*)$/);
					strNewImgPath = RegExp.$1 + strCurrExt + RegExp.$2;
					$( "#" + aobjTabName[i]['name'] ).attr("src", strNewImgPath);
					document.getElementById( "DivSwitcher2" ).style.backgroundImage = "url(" + aobjTabName[i]['bgline'] + ")";
				}

			} else {
				document.getElementById( aobjTabName[i]['box'] ).style.display = 'none';
				$( "#" + aobjTabName[i]['name'] ).attr("src", astrDefaultImgPath[i]);
			}
		}
	}
		
	//クロスブラウザー用イベントリスナー
	function addEventListener(obj, eventType, func) {
		if (obj.addEventListener) {
			obj.addEventListener(eventType, func, false);
		} else if (obj.attachEvent) {
			obj.attachEvent('on' + eventType, func);
		}
	}

});










/*********************************************************************/