var browserType = 'etc';			//ブラウザ判別フラグ

/*ブラウザ判別(onload前の処理)
-----------------------------------------------------------------------*/
window.onBeforeUnload = browser_check();

function browser_check()
{
	var browser = navigator.userAgent.toLowerCase();
	if(browser.indexOf('msie')	!= -1)	browserType = 'ie';
}

if(browserType == 'ie')	window.attachEvent('onload',f_set);
else window.addEventListener('load',f_set,false);


/*初期値設定
-----------------------------------------------------------------------*/
function f_set()
{
	var url = location.href;
	document.getElementById('course_MainBox02').style.display = 'none';
	document.getElementById('course_MainBox03').style.display = 'none';

	document.getElementById('course_Btn_top01').style.backgroundPosition = bgPositionXGet('course_Btn_top01') + ' bottom';
	document.getElementById('course_Btn_btm01').style.backgroundPosition = bgPositionXGet('course_Btn_btm01') + ' bottom';
	
	if(url.indexOf('course_Btn_top02') != -1) 
	{
		document.getElementById('course_MainBox01').style.display = 'none';
		document.getElementById('course_MainBox02').style.display = 'block';

		document.getElementById('course_Btn_top01').style.backgroundPosition = bgPositionXGet('course_Btn_top01') + ' top';
		document.getElementById('course_Btn_top02').style.backgroundPosition = bgPositionXGet('course_Btn_top02') + ' bottom';

		document.getElementById('course_Btn_btm01').style.backgroundPosition = bgPositionXGet('course_Btn_btm01') + ' top';
		document.getElementById('course_Btn_btm02').style.backgroundPosition = bgPositionXGet('course_Btn_btm02') + ' bottom';
	}
	else if(url.indexOf('course_Btn_top03') != -1)
	{
		document.getElementById('course_MainBox01').style.display = 'none';
		document.getElementById('course_MainBox03').style.display = 'block';

		document.getElementById('course_Btn_top01').style.backgroundPosition = bgPositionXGet('course_Btn_top01') + ' top';
		document.getElementById('course_Btn_top03').style.backgroundPosition = bgPositionXGet('course_Btn_top03') + ' bottom';

		document.getElementById('course_Btn_btm01').style.backgroundPosition = bgPositionXGet('course_Btn_btm01') + ' top';
		document.getElementById('course_Btn_btm03').style.backgroundPosition = bgPositionXGet('course_Btn_btm03') + ' bottom';
	}

}


/*タブ切替
-----------------------------------------------------------------------*/
function newsBtnClick(pass)
{
	document.getElementById('course_MainBox01').style.display = 'none';
	document.getElementById('course_MainBox02').style.display = 'none';
	document.getElementById('course_MainBox03').style.display = 'none';
	document.getElementById('course_MainBox' + pass).style.display = 'block';
	
	document.getElementById('course_Btn_top01').style.backgroundPosition = bgPositionXGet('course_Btn_top01') + ' top';
	document.getElementById('course_Btn_top02').style.backgroundPosition = bgPositionXGet('course_Btn_top02') + ' top';
	document.getElementById('course_Btn_top03').style.backgroundPosition = bgPositionXGet('course_Btn_top03') + ' top';

	document.getElementById('course_Btn_btm01').style.backgroundPosition = bgPositionXGet('course_Btn_btm01') + ' top';
	document.getElementById('course_Btn_btm02').style.backgroundPosition = bgPositionXGet('course_Btn_btm02') + ' top';
	document.getElementById('course_Btn_btm03').style.backgroundPosition = bgPositionXGet('course_Btn_btm03') + ' top';

	document.getElementById('course_Btn_top' + pass).style.backgroundPosition = bgPositionXGet('course_Btn_top' + pass) + ' bottom';
	document.getElementById('course_Btn_btm' + pass).style.backgroundPosition = bgPositionXGet('course_Btn_btm' + pass) + ' bottom';
}


/*選択されたIDの背景ポジションX取得
------------------------------------------------------------------------------------*/
function bgPositionXGet(idPass)
{
	var bgpositionX;
	
	if(browserType == 'ie')
	{
		bgpositionX = cssStyleGet(idPass , 'backgroundPositionX');
	}
	else
	{
		var bgPosition = cssStyleGet(idPass , 'backgroundPosition');
		var space = bgPosition.indexOf(' ');
		bgpositionX = bgPosition.substring(0,space);
	}

	return bgpositionX;
}

/*選択されたIDのCSS取得
------------------------------------------------------------------------------------*/
function cssStyleGet(idPass,styleType)
{	
	var pass = document.getElementById(idPass);
	
	if(browserType == 'ie')
	{
		return pass.currentStyle[styleType];
	}
	else
	{		
		return document.defaultView.getComputedStyle(pass, '')[styleType];
	}
}