var expire = new Date();
expire.setTime(expire.getTime() + (30*24*60*60*1000));

function setCookie(name,value,expire) {
	document.cookie = name + '=' + escape(value) + '; path=/; expires=' + expire.toGMTString();
}

function getCookie(name){
	var cookName = name + '=';
	var cookNameLength = cookName.length;
	var artCookie = document.cookie;
	var startPos = artCookie.indexOf(cookName);
	var endPos;
	if(artCookie.length == 0) return null;
	if(startPos != -1){
		startPos = startPos + cookNameLength;
		endPos = artCookie.indexOf(';', startPos);
		if(endPos == -1) endPos = artCookie.length;
		return unescape(artCookie.substring(startPos,endPos));
	}
	return null;
}

YorN = getCookie('exp_show');

if((YorN == null) || (YorN == '')){
	YorN = 'hide'
	setCookie('exp_show',YorN,expire);
}

if(YorN == 'hide'){
	var closeButton = '<a href="#" style="display: none;" id="closeBtn" onclick="closeExp(); return false;" title="Close!!!" \/>Close!!!<\/a>'
	var openButton = '<a href="#" style="display: block;" id="openBtn" onclick="openExp(); return false;" title="Open!!!" \/>Open!!!<\/a>'
} else {
	var closeButton = '<a href="#" style="display: block;" id="closeBtn" onclick="closeExp(); return false;" title="Close!!!" \/>Close!!!<\/a>'
	var openButton = '<a href="#" style="display: none;" id="openBtn" onclick="openExp(); return false;" title="Open!!!" \/>Open!!!<\/a>'
}

if(document.getElementById) window.onload = function(){
	expEle = document.getElementById('explanation');
	str = expEle.innerHTML;
	strExp = '<span id="exp" style="display: none;">' + str + '<\/span>' + closeButton + openButton;
	expEle.innerHTML = strExp;
	expS = document.getElementById('exp');
	expSx = document.getElementById('explanation');
	if(YorN == 'hide'){
		expS.style.display = 'none';
	} else {
		expEle.style.background = 'url(..\/image\/art\/exp_bg.png) no-repeat center center';
		expS.style.display ='block';
	}
	openB = document.getElementById('openBtn');
	closeB = document.getElementById('closeBtn');

}

if(document.all) window.onload = function(){
	expEle = document.all('explanation');
	str = expEle.innerHTML;
	strExp = '<span id="exp" style="display: none;">' + str + '<\/span>' + closeButton + openButton;
	expEle.innerHTML = strExp;
	expS = document.all('exp');
	if(YorN == 'hide'){
		expS.style.display ='none';
	} else {
		expS.style.display ='block';
		expEle.style.background = 'url(..\/image\/art\/exp_bg.png) no-repeat center center';
	}
	openB = document.all('openBtn');
	closeB = document.all('closeBtn');
}

function closeExp(){
	openB.style.display = 'block';
	closeB.style.display = 'none';
	expS.style.display = 'none';
	expEle.style.background = 'none';
	YorN = 'hide'
	setCookie('exp_show',YorN,expire);
}
function openExp(){
	closeB.style.display = 'block';
	openB.style.display = 'none';
	expS.style.display = 'block';
	expEle.style.background = 'url(..\/image\/art\/exp_bg.png) no-repeat center center';
	YorN = 'show'
	setCookie('exp_show',YorN,expire);
}