var data_array = new Object();
data_array["all"] = new Array(1,65);
data_array["seki"] = new Array(1,14);
data_array["ten"] = new Array(15,19);
data_array["shiki"] = new Array(20,50);
data_array["pattern"] = new Array(51,58);
data_array["wa"] = new Array(59,65);

function setHTML(id, html){
	if (document.getElementById) {
		document.getElementById(id).innerHTML = html;
	}else if (document.layers) {
	    document.layers[id].document.open();
	    document.layers[id].document.write("<div>");
	    document.layers[id].document.write(html);
	    document.layers[id].document.write("</div>");
	    document.layers[id].document.close();
	}else if (document.all) {
		document.all.item(id).innerHTML = html;
	}
}
function aboutItem(page){
	var tmp_about = '<img src="./img/about/'+page+'.gif" alt="商品について" />';
	tmp_about += '<div id="changeBtn">';
	if(page==3){
		tmp_about += '<div id=linkimg><a href="http://www.wacoa.jp/hekisou/" target="_blank" onmouseout="MM_swapImage(\'link\',\'\',\'img/images/link.gif\',1);" onmouseover="MM_swapImage(\'link\',\'\',\'img/images/link_o.gif\',1);"><img name="link" src="img/images/link.gif" width="254" height="20" border="0" id="link" alt="" /></a></div>';
	}
/*
	if(page>1){
		tmp_about += '<a href="javascript:aboutItem('+(page-1)+')" onMouseOut=MM_swapImgRestore(); onMouseOver=MM_swapImage("preview","","img/button/preview_o.gif",1); title="前のページへ"><img name="preview" src="img/button/preview.gif" width="80" height="24" border="0" alt="前のページへ" /></a>';
	}else{
		tmp_about += '<img src="./img/button/bb.gif" width="80" height="24" border="0" alt="" />';
	}
	if(page<4){
		tmp_about += '<a href="javascript:aboutItem('+(page+1)+')" onMouseOut=MM_swapImgRestore(); onMouseOver=MM_swapImage("next","","img/button/next_o.gif",1); title="次のページへ"><img name="next" src="img/button/next.gif" width="80" height="24" border="0" alt="次のページへ" /></a>';
	}else{
		tmp_about += '<img src="./img/button/bb.gif" width="80" height="24" border="0" alt="" />';
	}
*/
	tmp_about += '<br /><a href="#" onMouseOut=MM_swapImgRestore(); onMouseOver=MM_swapImage("top","","img/button/top_o.gif",1); title="pre"><img name="top" src="img/button/top.gif" width="110" height="24" border="0" alt="このページの先頭へ" /></a>';
	tmp_about += '<br /><a href="javascript:window.close()" onMouseOut=MM_swapImgRestore(); onMouseOver=MM_swapImage("quit","","img/button/quit_o.gif",1); title="終了する"><img name="quit" src="img/button/quit.gif" width="110" height="24" border="0" alt="終了する" /></a>';
	tmp_about += '</div>';
	//document.all.insertPage.innerHTML = tmp_about;
	setHTML("insertPage", tmp_about)
}

function viewDetail(cate, num){
	var tmp_detail = '<div id="info"><img src="./img/sl/info/SL_'+(300+num)+'.gif" border=0 alt="SL-'+(300+num)+'" /></div>';
	tmp_detail += '<div id="download"><a href="javascript:download('+(300+num)+')" onMouseOut=MM_swapImgRestore(); onMouseOver=MM_swapImage("download","","img/button/download_o.gif",1); title="download"><img name="download" src="./img/button/download.gif" border=0 width=100 height=16 alt="画像ダウンロード"></a></div>'
	tmp_detail += '<div id="SL"><img src="./img/sl/l/SL_'+(300+num)+'.jpg" border=0 width=293 height=376 alt="SL-'+(300+num)+'" /></div>';
	tmp_detail += '<div id="mapping"><img src="./img/sl/mapping/SL-'+(300+num)+'.jpg" border=0 width=293 height=376 alt="SL-'+(300+num)+'"></div>';
	tmp_detail += '<div id="changeBtn">';
	var tmp_cate;	
	var tmp_page = 1;
	//一覧ページ
	if(cate == "all"){
		tmp_cate = "all";
		tmp_page = (num-1)-(num-1)%25;
	}else if(num >= data_array["shiki"][0] && num <= data_array["shiki"][1]){
		tmp_cate = "shiki";
		tmp_page = (num-1)-(num-1)%25;
	}else if(num >= data_array["seki"][0] && num <= data_array["seki"][1]){
		tmp_cate = "seki";
	}else if(num >= data_array["ten"][0] && num <= data_array["ten"][1]){
		tmp_cate = "ten";
	}else if(num >= data_array["wa"][0] && num <= data_array["wa"][1]){
		tmp_cate = "wa";
	}else if(num >= data_array["pattern"][0] && num <= data_array["pattern"][1]){
		tmp_cate = "pattern";
	}
	MM_nbGroup('down','navbar1','menu_'+tmp_cate,'img/menu/menu_'+tmp_cate+'_d.gif',1);
	if(num>1){
		tmp_detail += '<a href="javascript:viewDetail(\''+cate+'\', '+(num-1)+')" onMouseOut=MM_swapImgRestore(); onMouseOver=MM_swapImage("preitem","","img/button/preitem_o.gif",1); title="pre"><img name="preitem" src="img/button/preitem.gif" width="80" height="24" border="0" alt="前の商品へ" /></a>';
	}else{
		tmp_detail += '<img src="./img/button/bb.gif" width="80" height="24" border="0" alt="" />';
	}
	tmp_detail += ' <a href="javascript:changePage(\''+tmp_cate+'\', '+tmp_page+')" onMouseOut=MM_swapImgRestore(); onMouseOver=MM_swapImage("list","","img/button/list_o.gif",1); title="list"><img name="list" src="img/button/list.gif" width="80" height="24" border="0" alt="一覧へ戻る" /></a> ';
	if(num<65){
		tmp_detail += ' <a href="javascript:viewDetail(\''+cate+'\', '+(num+1)+')" onMouseOut=MM_swapImgRestore(); onMouseOver=MM_swapImage("nextitem","","img/button/nextitem_o.gif",1); title="next"><img name="nextitem" src="img/button/nextitem.gif" width="80" height="24" border="0" alt="次の商品へ" /></a>';
	}else{
		tmp_detail += '<img src="./img/button/bb.gif" width="80" height="24" border="0" alt="" />';
	}
	tmp_detail += '</div>';
	//document.all.insertPage.innerHTML = tmp_detail;
	setHTML("insertPage", tmp_detail)
}

function changePage(cate, page){
	var num=data_array[cate][0]+page;
	var tmp_table = '<div id="click">商品画像をクリックすると詳細説明が見られます。</div>';
	tmp_table += '<table border="0" cellspacing="0" cellpadding="0">';
	for(var i=0;i<5;i++){
		tmp_table += '<tr>';
		for(var j=0;j<5;j++){
			tmp_table += '<td class="thumb">';
			if(num<=data_array[cate][1]){
				tmp_table += '<a href="javascript:viewDetail(\''+cate+'\', '+num+')" title="SL-'+(300+num)+' 詳細へ">';
				tmp_table += '<img src="./img/sl/s/SL_'+(300+num)+'.jpg" border=0 width=113 height=88 alt="SL-'+(300+num)+'" />';
				tmp_table += '<p class="item_name">SL-'+(300+num)+'</p></a>';
			}else{
				tmp_table += '&nbsp;';
			}
			tmp_table += '</td>';
			num++;
		}
		if(num>data_array[cate][1])break;
		tmp_table += '</tr>';
	}
	tmp_table += '</table>';
	tmp_table += '<div id="changeBtn">';
	if(page>1){
		tmp_table += '<a href="javascript:changePage(\''+cate+'\', '+(page-25)+')" onMouseOut=MM_swapImgRestore(); onMouseOver=MM_swapImage("preview","","img/button/preview_o.gif",1); title="前のページへ"><img name="preview" src="img/button/preview.gif" width="80" height="24" border="0" alt="前のページへ" /></a>';
	}else{
		tmp_table += '<img src="./img/button/bb.gif" width="80" height="24" border="0" alt="" />';
	}
	if(num<=data_array[cate][1]){
		tmp_table += '<a href="javascript:changePage(\''+cate+'\', '+(page+25)+')" onMouseOut=MM_swapImgRestore(); onMouseOver=MM_swapImage("next","","img/button/next_o.gif",1); title="次のページへ"><img name="next" src="img/button/next.gif" width="80" height="24" border="0" alt="次のページへ" /></a>';
	}else{
		tmp_table += '<img src="./img/button/bb.gif" width="80" height="24" border="0" alt="" />';
	}
	tmp_table += '<br /><a href="javascript:window.close()" onMouseOut=MM_swapImgRestore(); onMouseOver=MM_swapImage("quit","","img/button/quit_o.gif",1); title="終了する"><img name="quit" src="img/button/quit.gif" width="110" height="24" border="0" alt="終了する" /></a>';
	tmp_table += '</div>';
	//document.all.insertPage.innerHTML = tmp_table;
	setHTML("insertPage", tmp_table)
}

function download(num){
	window.open('./img/zip/SL-'+num+'.zip');
}


changePage("all", 0);