// JavaScript Document
var myPhotoName1;
var myPhotoName2;

//イメージロールオーバー
function RO_swapImgRestore() { //v3.0
  var i,x,a=document.RO_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}
function RO_preloadImages() { //v3.0
	var d=document;
	if(d.images){ 
		if(!d.RO_p) {
			d.RO_p=new Array();
		}
		var i;
		var j=d.RO_p.length;
		var a=RO_preloadImages.arguments;
		for(i=0; i<a.length; i++) {
			if (a[i].indexOf("#")!=0){
				d.RO_p[j]=new Image;
				d.RO_p[j++].src=a[i];
			}
		}
	}
}
function RO_findObj(n, d) { //v4.01
  var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
    d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
  if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
  for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=RO_findObj(n,d.layers[i].document);
  if(!x && d.getElementById) x=d.getElementById(n); return x;
}
function RO_swapImage() { //v3.0
  var i,j=0,x,a=RO_swapImage.arguments; document.RO_sr=new Array; for(i=0;i<(a.length-2);i+=3)
   if ((x=RO_findObj(a[i]))!=null){document.RO_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}

// 単なる設定
function $(e) { return document.getElementById(e); }

// 商品データ読み込み
var QS = new Array;
if (location.search.length > 1) {
　var m_Array = location.search.substr(1).split("&");
　for (idx in m_Array) {
　　QS.push(m_Array[idx].split("="));
　}
}

// クリックイベント
function photo1_Check() {
	RO_swapImage('ph1','','item/'+myPhotoName1,1);
}
function photo2_Check() {
	RO_swapImage('ph1','','item/'+myPhotoName2,1);
}
// メニューボタン変化
function Menu_Over() {
	RO_swapImage('Menu_Button','','image/b-menu2.gif',1);
}
function Menu_Out() {
	RO_swapImage('Menu_Button','','image/b-menu.gif',1);
}
function Concept_Over() {
	RO_swapImage('Concept_Button','','image/b-concept2.gif',1);
}
function Concept_Out() {
	RO_swapImage('Concept_Button','','image/b-concept.gif',1);
}
function Info_Over() {
	RO_swapImage('Info_Button','','image/b-info2.gif',1);
}
function Info_Out() {
	RO_swapImage('Info_Button','','image/b-info.gif',1);
}
function Ranking_Over() {
	RO_swapImage('Ranking_Button','','image/b-rank2.gif',1);
}
function Ranking_Out() {
	RO_swapImage('Ranking_Button','','image/b-rank.gif',1);
}
function Item_Over() {
	RO_swapImage('Item_Button','','image/b-item2.gif',1);
}
function Item_Out() {
	RO_swapImage('Item_Button','','image/b-item.gif',1);
}

// XMLHttpRequestオブジェクト生成
function createHttpRequest(){

	// Win ie用
	if(window.ActiveXObject){
		try {
			// MSXML2以降用
			return new ActiveXObject("Msxml2.XMLHTTP")
		} catch (e) {
			try {
				// 旧MSXML用
				return new ActiveXObject("Microsoft.XMLHTTP")
			} catch (e2) {
				return null
			}
		}
	} else if(window.XMLHttpRequest){
		// Win ie以外のXMLHttpRequestオブジェクト実装ブラウザ用
		return new XMLHttpRequest()
	} else {
		return null
	}
}

// ファイルにアクセスし受信内容を確認します
function requestFile( data , method , fileName , async ) {
	// XMLHttpRequestオブジェクト生成
	var httpoj = createHttpRequest()

	// open メソッド
	httpoj.open( method , fileName , async )

	// 受信時に起動するイベント
	httpoj.onreadystatechange = function() {
		// readyState値は4で受信完了
		if (httpoj.readyState==4) {
			// コールバック
			on_loaded(httpoj)
		}
	}

	// send メソッド
	httpoj.send( data )
}

// コールバック関数 ( 受信時に実行されます )
function on_loaded(oj) {
	
	// oj.responseText				   →　CSVデータ
	var NonUseLine = 0;				// →　CSVデータの中で、解説が書かれている「データとして使用しない行数」(項目列は含みません)
	var SizeRow = 8;				// →　CSVデータの中で、何列目からサイズデータか
	var DataArray = new Array;		// →　列に分けたデータ
	var KomokuArray = new Array;	// →　元データ１列目の「項目名」データ
	var tempArray = new Array;		// →　列データをとりあえず「,」で分けたデータ
	var NaiyouArray = new Array;	// →　各修正を加え、元データを全て正しく格納したデータ
	//例　NaiyouArray[2][0]　→　[２商品目]の[１つめの項目]（３商品目じゃないです。[0]はデータ無し）
	var CR = String.fromCharCode(13);
	var LF = String.fromCharCode(10);
	
	// 配列に格納
	DataArray = oj.responseText.split("\n");
	KomokuArray = DataArray[ 0 + NonUseLine ].split(",");
	
	for (i = 1; i < DataArray.length - (1 + NonUseLine); ++i) {
		tempArray = DataArray[ i + NonUseLine ].split(",");
		for (j = 0; j < KomokuArray.length; ++j) {
			TempA = new String (tempArray[j]);
			TempB = new String (tempArray[j+1]);
			if ( TempA.indexOf('"') == 0 && TempB.lastIndexOf('"') == (TempB.length-1) ) {
				// 金額にカンマが入っていた時の処理
				tempArray[j] = TempA.replace('"','') + "," + TempB.replace('"','');
				tempArray = tempArray.slice(0 , j+1).concat(tempArray.slice(j+2));
			}
		}
		NaiyouArray[i] = tempArray;
	}
	
	// ページ内容表示
	if( QS[0] == 'all' ) {
		
		$('MainTable').innerHTML = '';
		var tempHTML = '';
		
		// 一覧ページ表示
		for (i = 1; i < NaiyouArray.length; ++i) {
			tempHTML += '<div class="ItemWindow"><a href="shosai.html?'+i+'">';
			tempHTML += '<img src="item/'+NaiyouArray[i][3]+'" alt="'+NaiyouArray[i][1]+'" width="87" height="130" border="0" class="img" /></a><br>';
			tempHTML += '<a href="shosai.html?'+i+'">'+NaiyouArray[i][1]+'</a><br>￥'+NaiyouArray[i][2]+'-</div>';
			if ((i%4) == 0) tempHTML += '<div style="clear:both;"></div>';
		}
		$('MainTable').innerHTML = tempHTML;
		
	} else if( QS[0] ) {
		
		// 詳細ページ表示
		var myItemNum = 	NaiyouArray[QS[0]][0];	// 商品番号
		var myItemNew = 	NaiyouArray[QS[0]][5];	// 新商品判定
		var myItemName = 	NaiyouArray[QS[0]][1];	// 商品名
		var myItemPrice = 	NaiyouArray[QS[0]][2];	// 価格
		var myItemCom = 	NaiyouArray[QS[0]][6];	// コメント
			myPhotoName1 = 	NaiyouArray[QS[0]][3];	// 画像１
			myPhotoName2 = 	NaiyouArray[QS[0]][4];	// 画像２
		var myItemStock = 	NaiyouArray[QS[0]][7];	// 商品在庫数
		
		$('ph_s1').onclick = photo1_Check;
		$('ph_s2').onclick = photo2_Check;
		
		RO_swapImage('ph1','','item/'+myPhotoName1,1);
		if (myItemNew == 1) RO_swapImage('NewW','','image/new.gif',1);
		$('ItemNameW').value = myItemName;
		$('ItemPriceW').value = '￥' + myItemPrice + '−';
		$('ItemNumW').value = 'Item No. ' + myItemNum;
		$('Moji_gazo').className = 'Test';
		RO_swapImage('ph_s1','','item/'+myPhotoName1,1);
		RO_swapImage('ph_s2','','item/'+myPhotoName2,1);
		TempHtml = myItemCom + '<br /><br />';
		for (i = SizeRow; i < KomokuArray.length; ++i) {
			if ( (NaiyouArray[QS[0]][i] != '') && (NaiyouArray[QS[0]][i] != CR) ) {
				TempHtml += NaiyouArray[QS[0]][i] + '<br />';
			}
		}
		$('ItemComW').innerHTML = TempHtml;
		
		
		if ( myItemStock == '-' ){
			$('OrderButton').innerHTML = '<a href="order.html?'+QS[0]+'" target="_self"><img src="image/order.gif" alt="ご注文" title="ご注文" border="0" align="middle"/></a>';
		} else 	if ( myItemStock > 0 ){
			$('OrderButton').innerHTML = '在庫数：' + myItemStock + '点　　　';
			$('OrderButton').innerHTML += '<a href="order.html?'+QS[0]+'" target="_self"><img src="image/order.gif" alt="ご注文" title="ご注文" border="0" align="middle"/></a>';
		} else {
			$('OrderButton').innerHTML = '<span class="ItemStock">申し訳ありませんが、只今お品切れとなっております</span>';
		}
		
	}
	
}

// 全て読み込んだ後の処理
window.onload
    = function () {
		
	    $('Menu_Button').onmouseover = Menu_Over;
	    $('Menu_Button').onmouseout = Menu_Out;
	    $('Concept_Button').onmouseover = Concept_Over;
	    $('Concept_Button').onmouseout = Concept_Out;
	    $('Info_Button').onmouseover = Info_Over;
	    $('Info_Button').onmouseout = Info_Out;
	    $('Ranking_Button').onmouseover = Ranking_Over;
	    $('Ranking_Button').onmouseout = Ranking_Out;
	    $('Item_Button').onmouseover = Item_Over;
	    $('Item_Button').onmouseout = Item_Out;
		
		// 商品ページだった場合の処理
		if( QS[0] ) {
			myDate = new Date();
			requestFile( '' , 'GET', 'item/item.csv?'+myDate.getHours()+myDate.getMinutes()+myDate.getSeconds() , true );
		}
		
		// 通常のメニュー部分の処理
		RO_preloadImages(	'image/b-menu2.gif',
							'image/b-concept2.gif',
							'image/b-info2.gif',
							'image/b-rank2.gif',
							'image/b-item2.gif');
		
    };