function returnProp()
{
	var arrReturn=[];
	arrReturn=[document.documentElement.clientWidth,document.documentElement.clientHeight];
	//
	return arrReturn;
}
//
function photoSetInit()
{
	photobg=document.getElementById('productTargetAll');
	//
	photoCover=document.getElementById('productTargetWrap');
	ptContent=document.getElementById('ptContent');
	execute(photobg,0.8,0,0,1);
	execute(photoCover,1.0,0,0,1);
}
//
function changeMainImg(imgIndex,num)
{
	ptMain=document.getElementById('ptMain');
	ptMain.getElementsByTagName('IMG')[0].src="http://www.life-kitchen.com/wp-content/themes/img/lk/product/each/"+zeroPadding(num+1)+"/"+zeroPadding(imgIndex+1)+"L.png";
}

function zeroPadding( value )
{
	if( parseInt( value ) < 10 ) return "0" + value;
	else return value;
}

//
function deletePhotoSet()
{
	photoCover=document.getElementById('productTargetWrap');
	ptContent=document.getElementById('ptContent');
	photoCover.removeChild(ptContent);
}

function createPhotoSet(num,str,photoNum)
{
	photobg=document.getElementById('productTargetAll');
	photobg.style.width=returnProp()[0]+"px";
	photobg.style.height=returnProp()[1]+"px";
	//
	photoCover=document.getElementById('productTargetWrap');
	ptContent = document.createElement('div');
	ptContent.id="ptContent";
	photoCover.appendChild(ptContent);
	//
	ptMain = document.createElement('div');
	ptMain.id = "ptMain";
	//
	img=document.createElement('IMG');
	img.src='http://www.life-kitchen.com/wp-content/themes/img/lk/product/each/'+zeroPadding(num+1)+'/01L.png';
	img.style.backgroundColor ="white";
	ptMain.appendChild(img);
	//
	p=document.createElement('P');
	p.innerHTML=str;
	ptMain.appendChild(p);
	//
	closeSet=document.createElement('P');
	closeSet.id="closeSet";
	ptMain.appendChild(closeSet);
	//
	csAnc=document.createElement('A');
	csAnc.innerHTML="閉じる";
	csAnc.title="CLOSE";
	csAnc.href="#";
	csAnc.onclick=function()
	{
		deletePhotoSet();
		photoSetInit();
	};
	closeSet.appendChild(csAnc);
	//
	ptContent.appendChild(ptMain);
	//
	ptSide=document.createElement('DIV');
	ptSide.id="ptSide";
	ptContent.appendChild(ptSide);
	//
	ul=document.createElement('UL');
	ptSide.appendChild(ul);
	//
	
	for(i=0;i<photoNum;i++)
	{
		eachList=document.createElement('LI');
		listAnc=document.createElement('A');
		listAnc.href="#";
		(function()
		{
			var imgCount=i;
			listAnc.onclick=function(e){
				changeMainImg(imgCount,num);
			}
		})()
		listImg=document.createElement('IMG');
		listImg.src='http://www.life-kitchen.com/wp-content/themes/img/lk/product/each/'+zeroPadding(num+1)+'/'+zeroPadding(i+1)+'S.png';
		listImg.style.backgroundColor ="white";
		listAnc.appendChild(listImg);
		eachList.appendChild(listAnc);
		ul.appendChild(eachList);
	}
	photoCover.style.left=""+(returnProp()[0]-600)/2+"px"
	ptContent.style.margin=""+(returnProp()[1]-600)/2+"px auto 0 auto";
	ptContent.style.backgroundImage='url(http://www.life-kitchen.com/wp-content/themes/img/style/product/each/'+zeroPadding(num+1)+'/num.png)';
}
//
function uaScrollChange(flg)
{
	var html = document.getElementsByTagName("html")[0];
	var body = document.getElementsByTagName("body")[0];
	var wrap = document.getElementById('wrap');
	var wrapForProduct = document.getElementById('wrapForProduct');
	var photobg=document.getElementById('productTargetAll');
	var photoCover=document.getElementById('productTargetWrap');
	//
	if(flg == 0)
	{
		if((!window.opera)&&(document.all))
		{	
			html.style.height="100%";
			html.style.overflowY="hidden";
			html.style.overflowX="hidden";
		}
		else
		{
			html.style.overflow="hidden";
			html.style.height="100%";
			body.style.overflow="hidden";
			body.style.height="100%";
			wrapForProduct.style.overflow="hidden";
			wrapForProduct.style.height="100%";
		}
		photoCover.style.display="block";
	}
	else
	{
		/*
		html.style.height=pageHeight+"px";
		body.style.height=pageHeight+"px";
		wrapForProduct.style.height=pageHeight+"px";
		wrap.style.height=pageHeight+"px";
		*/
		//
		if((!window.opera)&&(document.all))
		{
			html.style.overflowY="scroll";
			html.style.overflowX="auto";
		}
		else if((window.opera)&&(document.all))
		{
			html.style.overflow="auto";
			html.style.overflow="auto";
		}
		else
		{
			html.style.overflow="visible";
			body.style.overflow="visible";
			wrapForProduct.style.overflow="visible";
		}
		photoCover.style.display="none";
		photobg.style.display="none";
	}
}
//delete photoCover
function execute(obj,fromNum,toNum,durationNum,flg)
{
	new Effect.Opacity(obj, {
		from:fromNum,
		to:toNum,
		duration:durationNum,
		fps:60,
		delay:0,
		beforeStartInternal: function(effect) {
			if(flg==0){
				obj.style.display="block";
			}
		},
		afterFinishInternal: function(effect) {
			uaScrollChange(flg);
		}
	});
}
//
window.onload=function()
{
	pageHeight = pageWidth = 0;
	photobg=document.getElementById('productTargetAll');
	photoCover=document.getElementById('productTargetWrap');
	//
	productAreaFirst=document.getElementById('set01');
	productAreaFirstULLength=productAreaFirst.getElementsByTagName('LI').length;
	//regist windowInitProp
	pageHeight = returnProp()[0];
	pageWidth = returnProp()[1];
	//regist windowInitProp end
	//setFunc
	for(i=0;i<productAreaFirstULLength;i++)
	{
		(function()
		{
			var targetTxt="";
			var tempNum=i;
			var targetTextsLength=productAreaFirst.getElementsByTagName('LI')[tempNum].getElementsByTagName('dd')[1].childNodes.length;
			var photoNum=productAreaFirst.getElementsByTagName('LI')[tempNum].getElementsByTagName('A')[0].rel;
			for(j = 0; j<targetTextsLength; j++)
			{
				if(productAreaFirst.getElementsByTagName('LI')[tempNum].getElementsByTagName('dd')[1].childNodes.item(j).nodeValue == null)
				{
					targetTxt+="<br />";
				}
				else
				{
					targetTxt+=productAreaFirst.getElementsByTagName('LI')[tempNum].getElementsByTagName('dd')[1].childNodes.item(j).nodeValue;
				}
			}
			productAreaFirst.getElementsByTagName('a')[tempNum].onclick=function(e)
			{
				execute(photobg,0,0.8,0.2,0);
				execute(photoCover,0,1.0,0.2,0);
				createPhotoSet(tempNum,targetTxt,photoNum);
			}
		})()
	}
	//end setFunc
	photobg.onclick=function(e){
		deletePhotoSet();
		photoSetInit();
	}
}
//
window.onresize=function()
{
	photobg.style.width=returnProp()[0]+"px";
	photobg.style.height=returnProp()[1]+"px";
	//
	photoCover=document.getElementById('productTargetWrap');
	ptContent=document.getElementById('ptContent');
	if(ptContent!=null)
	{
		photoCover.style.left=""+(returnProp()[0]-600)/2+"px"
		ptContent.style.margin=""+(returnProp()[1]-600)/2+"px auto 0 auto";
	}
}