// 読み込み直後のデフォルト処理
window.onload = function()
{
	cookieName = 'panelStat';
	// Cookie から値を取得
	selectedTab = getCookie(cookieName);
	setDisplay(selectedTab);
}

// 表示状態を切り替える
function setDisplay(id)
{
	if ( id == '' )
	{
		id = 'dogs';
	}
	switch ( id )
	{
		case 'cats':
			if ( document.getElementById('tabDogsOn') )
			{
				document.getElementById('tabDogsOn').id = 'tabDogsOff';
			}
			if ( document.getElementById('tabCatsOff') )
			{
				document.getElementById('tabCatsOff').id = 'tabCatsOn';
			}
			if ( document.getElementById('tabSmallAnimalsOn') )
			{
				document.getElementById('tabSmallAnimalsOn').id = 'tabSmallAnimalsOff';
			}
			document.getElementById('blockDogs').style.display = 'none';
			document.getElementById('blockCats').style.display = 'block';
			document.getElementById('blockSmallAnimals').style.display = 'none';
			break;
		case 'dogs':
			if ( document.getElementById('tabDogsOff') )
			{
				document.getElementById('tabDogsOff').id = 'tabDogsOn';
			}
			if ( document.getElementById('tabCatsOn') )
			{
				document.getElementById('tabCatsOn').id = 'tabCatsOff';
			}
			if ( document.getElementById('tabSmallAnimalsOn') )
			{
				document.getElementById('tabSmallAnimalsOn').id = 'tabSmallAnimalsOff';
			}
			document.getElementById('blockDogs').style.display = 'block';
			document.getElementById('blockCats').style.display = 'none';
			document.getElementById('blockSmallAnimals').style.display = 'none';
			break;
		case 'smallAnimals':
			if ( document.getElementById('tabDogsOn') )
			{
				document.getElementById('tabDogsOn').id = 'tabDogsOff';
			}
			if ( document.getElementById('tabCatsOn') )
			{
				document.getElementById('tabCatsOn').id = 'tabCatsOff';
			}
			if ( document.getElementById('tabSmallAnimalsOff') )
			{
				document.getElementById('tabSmallAnimalsOff').id = 'tabSmallAnimalsOn';
			}
			document.getElementById('blockDogs').style.display = 'none';
			document.getElementById('blockCats').style.display = 'none';
			document.getElementById('blockSmallAnimals').style.display = 'block';
			break;
		default:
	}
	// Cookie の保存
	setCookie(id);
}

// Cookie から値を取得
function getCookie(name)
{
	var regexp = new RegExp('; ' + name + '=(.*?);');
	var match  = ('; ' + document.cookie + ';').match(regexp);
	return match ? decodeURIComponent(match[1]) : '';
}

// Cookie に値を保存
function setCookie(name)
{
	var dataList = new Array();
	var limit = new Date();
	limit.setMonth(limit.getMonth()+1);
	dataList.push(cookieName + "=" + encodeURIComponent(name));
	dataList.push("path=/");
	dataList.push("expires=" + limit.toUTCString());
	var data = dataList.join("; ");
	document.cookie = data;
}