function giftTab1(){
	document.getElementById("giftTabMain1").style.display="block";
	document.getElementById("giftTabMain2").style.display="none";
	document.getElementById("giftTabMain3").style.display="none";
	document.getElementById("giftTabMain4").style.display="none";
}

function giftTab2(){
	document.getElementById("giftTabMain1").style.display="none";
	document.getElementById("giftTabMain2").style.display="block";
	document.getElementById("giftTabMain3").style.display="none";
	document.getElementById("giftTabMain4").style.display="none";
}

function giftTab3(){
	document.getElementById("giftTabMain1").style.display="none";
	document.getElementById("giftTabMain2").style.display="none";
	document.getElementById("giftTabMain3").style.display="block";
	document.getElementById("giftTabMain4").style.display="none";
}
function giftTab4(){
	document.getElementById("giftTabMain1").style.display="none";
	document.getElementById("giftTabMain2").style.display="none";
	document.getElementById("giftTabMain3").style.display="none";
	document.getElementById("giftTabMain4").style.display="block";
}


function chgbgcolor(){
	
	document.getElementById("list01").style.background=" url(img/tab_contents02_01.jpg) no-repeat";
	document.getElementById("list02").style.background=" url(img/tab_contents02_02.jpg) no-repeat";
	document.getElementById("list06").style.background=" url(img/tab_contents02_03.jpg) no-repeat";
	document.getElementById("list09").style.background=" url(img/tab_contents02_04.jpg) no-repeat";
}

function list01(){
	document.getElementById("list01Frame").style.display="block";
	document.getElementById("list02Frame").style.display="none";
	document.getElementById("list06Frame").style.display="none";
	document.getElementById("list09Frame").style.display="none";
	chgbgcolor();
	document.getElementById("list01").style.background=" url(img/tab_contents02_on_01.jpg) no-repeat";
	document.getElementById("list01").style.display="block";
}

function list02(){
	document.getElementById("list01Frame").style.display="none";
	document.getElementById("list02Frame").style.display="block";
	document.getElementById("list06Frame").style.display="none";
	document.getElementById("list09Frame").style.display="none";
	chgbgcolor();
	document.getElementById("list02").style.background=" url(img/tab_contents02_on_02.jpg) no-repeat";
	document.getElementById("list02").style.display="block";
}

function list06(){
	document.getElementById("list01Frame").style.display="none";
	document.getElementById("list02Frame").style.display="none";
	document.getElementById("list06Frame").style.display="block";
	document.getElementById("list09Frame").style.display="none";
	chgbgcolor();
	document.getElementById("list06").style.background=" url(img/tab_contents02_on_03.jpg) no-repeat";
	document.getElementById("list06").style.display="block";
}

function list09(){
	document.getElementById("list01Frame").style.display="none";
	document.getElementById("list02Frame").style.display="none";
	document.getElementById("list06Frame").style.display="none";
	document.getElementById("list09Frame").style.display="block";
	chgbgcolor();
	document.getElementById("list09").style.background=" url(img/tab_contents02_on_04.jpg) no-repeat";
	document.getElementById("list09").style.display="block";
}



function resetGiftTab(){
if (!document.getElementById){ return;}
var obj;
	for (var i=2; i<5; i++){
	document.getElementById('giftTopTab'+i).style.backgroundPosition = '0px -28px';
	document.getElementById('giftTopTab'+i).style.fontWeight = 'normal';
	document.getElementById('giftTopTab'+i).style.color = '#393939';
	}
}

function setGiftTab(obj){
if (!document.getElementById){ return;}
var obj;
for (var i=1; i<5; i++){
document.getElementById('giftTopTab'+i).style.backgroundPosition = '0px -28px';
document.getElementById('giftTopTab'+i).style.fontWeight = 'normal';
document.getElementById('giftTopTab'+i).style.color = '#393939';
}
document.getElementById(obj).style.backgroundPosition = '0px 0px';
document.getElementById(obj).style.color = '#FFFFFF';
document.getElementById(obj).style.fontWeight = 'bold';
}



var tabs;
var pages = new Array();
var clickflg=0;

function tNavisetup(){
tabs = document.getElementById('tNavi').getElementsByTagName('li');
pages[0]=document.getElementById("page1");
pages[1]=document.getElementById("page2");
pages[2]=document.getElementById("page3");
pages[3]=document.getElementById("page4");	
}




var tNavi = {
	init: function(){
		for(i=0; i<pages.length; i++) {
			if(i !== 0) pages[i].style.display = 'none';
			tabs[i].onclick = function(){ tNavi.showpage(this); return false; };
			tabs[i].onmouseover = function(){ tNavi.mover(this); return false; };
			tabs[i].onmouseout = function(){ tNavi.mout(this); return false; };
		}
	},
	showpage: function(obj){
	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) {
			pages[num].style.display = 'block';
			
			clickflg=num;//クリックしたメニューの番号をセット


tabs[num].className = 'present';
tabs[num].style.color="#FFFFFF";

			}
			else{
			pages[i].style.display = 'none';

tabs[i].className = null;

			}
		}

	},

	mover: function(obj){
	var num;
		for(num=0; num<tabs.length; num++) {
			if(tabs[num] === obj) {
				//マウスオーバー時にメニュー番号にclass「present」を設定

				tabs[num].className = 'present';
				
			}else if(num == clickflg){
				//マウスオーバー時にクリックされているメニュー番号はclass「present」を設定
				tabs[num].className = 'present';
			}else{
				//その他はリセット
				tabs[num].className = null;
			}
		}
	},

	mout: function(obj){
	var num;
		for(num=0; num<tabs.length; num++) {
			if(tabs[num] === obj) {
				//マウスアウト時にメニュー番号をリセット
				tabs[num].className = null;
				//4が選択されたメニューの場合のみはclass「present」を設定
				if(clickflg==3){tabs[num].className = 'present';}//一番下のメニュー（page5）をmouseoutしたときの調整
			}else{
				//マウスアウト時にクリックされているメニュー番号にはclass「present」を設定

				tabs[clickflg].className = 'present';
			}
		}
	}
}
window.onload = function(){
	tNavisetup();
	tNavi.init();
}