//////////////////////////////////////////////////////////////////////////
//
// 商品選択
//
//////////////////////////////////////////////////////////////////////////

var selectedId = "";	//現在選択されている商品
var selectedBeforeId = "";	//現在選択されている商品の1個前に選択していたもの
var proBefore = '';
var incBefore = '';

function productsSelect(id){
	selectedId = id;
	document.getElementById('selected'+ selectedId).style.display = 'block';	//選択商品⇒選択済み
	document.getElementById('selectedProducts').innerHTML = '<img src="index/img/pro/proun_' + selectedId +'_o.jpg" width="180" height="93" alt="" id="productImg' + selectedId + '" />';	//選択商品⇒表示（左メニュー） 
	document.getElementById('grayImgBtn01').style.display = 'none';	//取消し⇒クリッカブル
	inceptionArray = new Array();
	inceptionArray = [
					  [],
					 // ['2010年1月1日～2010年12月31日','2011年1月1日～'],	//コープの団体傷害保険 (あんしん生活) ～特定一般団体傷害保険～ 約款集alt
					  ['2010年1月1日～2010年12月31日','2011年1月1日～'],
					  ['2010年1月1日～2010年12月31日','2011年1月1日～2012年12月31日','2012年1月1日～']	//コープの団体傷害保険 (あんしん生活) ～特定一般団体傷害保険～ ご加入のしおりalt
					 ];
	var inceptionHTML = '';
	var prepareFlag = 0;	//準備中flag

	for(i=1; i<(inceptionArray[selectedId].length+1); i++){	//保険始期<li>部分のHTMLを商品分生成
		if(i == inceptionArray[selectedId].length){
			inceptionHTML += '<li id="inception' + selectedId + i + '" class="last">\n';
		}else{
			inceptionHTML += '<li id="inception' + selectedId + i + '">\n';
		}
		
		if(inceptionArray[selectedId][(i-1)] == "現在、メンテナンスを実施しています。 ご迷惑をおかけし、大変申し訳ございません。"){
			prepareFlag = 1;
		}
		
		if(prepareFlag == 1){
			
			inceptionHTML += '<img src="index/img/inc/inc_preparing_' + selectedId + '_0' + i +'.jpg" alt="' + inceptionArray[selectedId][i-1] + '" />\n';
		}else{
			inceptionHTML += '<a onclick="inceptionSelect(\'' + selectedId + '\',\'' + i + '\')"><img src="index/img/inc/inc_' + selectedId + '_0' + i +'.jpg" alt="' + inceptionArray[selectedId][i-1] + '" onmouseover="this.src=\'index/img/inc/inc_' + selectedId + '_0' + i +'_o.jpg\'" onmouseout="this.src=\'index/img/inc/inc_' + selectedId + '_0' + i +'.jpg\'" /></a>\n';
		}
		
		inceptionHTML += '<img src="index/img/inc/inc_selected_' + selectedId + '_0' + i + '.jpg" alt="選択済み" id="incSelected'+ selectedId + i +'" class="selected png" />\n';
		//inceptionHTML += '<img src="index/img/inc/inc_selected_all.jpg" alt="選択済み" id="incSelected'+ selectedId + i +'" class="selected png" />\n'; inc/inc_selected_all.jpg
		inceptionHTML += '</li>\n';
	}
	prepareFlag = 0;
	document.getElementById('car'+ selectedId).innerHTML = inceptionHTML;	//保険始期部分のHTML生成
	document.getElementById('car'+ selectedId).style.display = 'block';		//保険始期部分のHTML表示
	document.getElementById('grayImgStep2').style.display = 'none';			//STEP2のグレー枠を非表示
	document.getElementById('grayImgStep3').style.display = 'block';		//STEP3のグレー枠を表示
	if(selectedBeforeId == ""){
		selectedBeforeId = selectedId;	//1個前の値に現在の値を代入
	}
	else{
		document.getElementById('selected'+ selectedBeforeId).style.display = 'none';	//1個前に選択した選択済み画像を非表示
		document.getElementById('car'+ selectedBeforeId).style.display = 'none';	//1個前に選択した保険始期部分のHTMLを非表示
		document.getElementById('selectedInception').innerHTML = '<img src="index/img/inc/inc_unselected.gif" width="107" height="90" alt="" />';	//選択した保険始期の商品画像を選択してくださいの画像に変更
		selectedBeforeId = selectedId;
	}
	
}

function productsCancell(){
	document.getElementById('selected'+ selectedId).style.display = 'none';
	document.getElementById('selectedProducts').innerHTML = '<img src="index/img/pro/pro_unselected.gif" width="180" height="93" alt="" />';
	document.getElementById('grayImgStep2').style.display = 'block';
	document.getElementById('car'+ selectedId).style.display = 'none';
	document.getElementById('selectedInception').innerHTML = '<img src="index/img/inc/inc_unselected.gif" width="107" height="90" alt="" />';
	document.getElementById('grayImgStep3').style.display = 'block';
	document.getElementById('grayImgBtn01').style.display = 'block';
	document.getElementById('grayImgBtn02').style.display = 'block';
	selectedBeforeId = "";
}


function inceptionSelect(pro,inc){
	if((proBefore == "")&&(incBefore == "")){
		proBefore = pro;
		incBefore = inc;
	}else{
		document.getElementById('incSelected'+ proBefore + incBefore).style.display = 'none';
		
		proBefore = pro;
		incBefore = inc;
	}
	//alert('incSelected'+ pro + inc);
	document.getElementById('incSelected'+ pro + inc).style.display = 'block';
	document.getElementById('grayImgStep3').style.display = 'none';
	document.getElementById('selectedInception').innerHTML = '<img src="index/img/inc/inc_' + pro + '_0' + inc + '_s.jpg" width="107" height="90" alt="" />';
	var deleteHTML = '';
	//alert('incSelected'+ pro + inc);
	//document.getElementById('incSelected'+ pro + inc).style.display = 'block';
//	document.getElementById('grayImgStep3').style.display = 'none';
//	document.getElementById('selectedInception').innerHTML = '<img src="index/img/inc/inc_' + pro + '_0' + inc + '_s.jpg" width="107" height="90" alt="" />';
//	var deleteHTML = '';
	
	document.getElementById('grayImgBtn02').style.display = 'none';
	document.getElementById('seeBtn').innerHTML = '<a href="index/pdf/' + pro + '_' + inc + '.pdf" target="_blank"><img src="index/img/btn_see.jpg" width="270" height="50" alt="確認する" onmouseover="this.src=\'index/img/btn_see_o.jpg\'"  onmouseout="this.src=\'index/img/btn_see.jpg\'" /></a>';
	//alert('incSelected'+ pro + inc);
	
	//追加
	if((proBefore == "")&&(incBefore == "")){
		proBefore = pro;
		incBefore = inc;
	}else{
		document.getElementById('incSelected'+ proBefore + incBefore).style.display = 'block';
		
		proBefore = pro;
		incBefore = inc;
	}
	
	

}

function inceptionCancell(pro2,inc2){
	//alert('incSelected'+ pro2 + inc2);
	document.getElementById('selectedInception').innerHTML = '<img src="index/img/inc/inc_unselected.gif" width="107" height="90" alt="" />';
	document.getElementById('incSelected'+ pro2 + inc2).style.display = 'none';
	document.getElementById('grayImgBtn02').style.display = 'block';
	document.getElementById('grayImgStep3').style.display = 'block';
}