// JavaScript Document

/******************************
*                             *
*conecoクラブレビュー結果出力 *
*                             *
*******************************/

function drawHtml(coneco_data){

	// 指定IDのエレメント取得
	var cle_review = document.getElementById("cle_review");
	// 商品名を取得し、レビュータイトルを出力
	var tags = "";

	// ページカウントが0以上ならレビュー情報表示
	if ( (coneco_data.Header.Page.Count > 0) && (coneco_data.Item[0].Review.ReviewCount > 0) ) {
		tags = "<div id=\"cle_review_title\">" + coneco_data.Item[0].Name + "のユーザーレビュー</div>";
		// ロゴ画像出力
		tags += "<div id=\"cle_coneco_img_s\"><img src=\"/images/review-img/coneco_img_s.gif\"></div>";

		// 商品レビュー情報出力開始
		for (var i in coneco_data.Item[0].UserReview) {
			tags += "<div id=\"cle_review_contents\">";
			// 「レビュータイトル」出力
			tags += "<div id=\"cle_review_contents_title\">" + coneco_data.Item[0].UserReview[i].Summary + "</div>";
			// 「満足度」画像表示

			switch (parseInt(coneco_data.Item[0].UserReview[i].OverallRating)) {
				case 0:
					tags += "<div id=\"cle_review_star\"><img src=\"/images/review-img/star0.gif\"></div>";
					break;
				case 1:
					tags += "<div id=\"cle_review_star\"><img src=\"/images/review-img/star1.gif\"></div>";
					break;
				case 2:
					tags += "<div id=\"cle_review_star\"><img src=\"/images/review-img/star2.gif\"></div>";
					break;
				case 3:
					tags += "<div id=\"cle_review_star\"><img src=\"/images/review-img/star3.gif\"></div>";
					break;
				case 4:
					tags += "<div id=\"cle_review_star\"><img src=\"/images/review-img/star4.gif\"></div>";
					break;
				case 5:
					tags += "<div id=\"cle_review_star\"><img src=\"/images/review-img/star5.gif\"></div>";
					break;
				default:
					tags += "<div id=\"cle_review_star\"><img src=\"/images/review-img/star0.gif\"></div>";
					break;
			}

			// 「良い点」出力
			tags += "<div id=\"cle_review_contents_subtitle\">" + coneco_data.Item[0].UserReview[i].Pros + "</div>";
			// 「レビュー内容」出力
			tags += "<div id=\"cle_review_contents_body\">" + coneco_data.Item[0].UserReview[i].Description + "&nbsp;&nbsp;・・・<!--<a href=\"" + coneco_data.Item[0].UserReview[i].Url + "\" target=\"_blank\">Conecoクラブで続きを読む</a>--></div>";
			tags += "</div>";
			cle_review.innerHTML = tags;
		}
	} else {
		tags = "<div id=\"cle_review_title\">conecoクラブのユーザーレビュー</div>";
		// ロゴ画像出力
		tags += "<div id=\"cle_coneco_img_s\"><img src=\"/images/review-img/coneco_img_s.gif\"></div>";
		tags += "<div id=\"cle_review_contents\">";
		tags += "<div id=\"cle_review_contents_title\">まだ商品レビューはございません。</div>";
		tags += "</div>";
		cle_review.innerHTML = tags;
	}
}

/******************************
*                             *
*conecoクラブ画像出力         *
*                             *
*******************************/
function drawImg(coneco_data){

	// レビューカウントが0以上なら画像表示
	if ( (coneco_data.Header.Page.Count > 0) && (coneco_data.Item[0].Review.ReviewCount > 0) ) {
		// 指定IDのエレメント取得
		var cle_review_star = document.getElementById("cle_review_star");
		// 「みんなの評価」を取得し、表示する
		switch (parseInt(coneco_data.Item[0].Review.OverallRating)) {
			case 0:
				cle_review_star.innerHTML += "<img src=\"/images/review-img/all_star0.gif\">";
				break;
			case 1:
				cle_review_star.innerHTML += "<img src=\"/images/review-img/all_star1.gif\">";
				break;
			case 2:
				cle_review_star.innerHTML += "<img src=\"/images/review-img/all_star2.gif\">";
				break;
			case 3:
				cle_review_star.innerHTML += "<img src=\"/images/review-img/all_star3.gif\">";
				break;
			case 4:
				cle_review_star.innerHTML += "<img src=\"/images/review-img/all_star4.gif\">";
				break;
			case 5:
				cle_review_star.innerHTML += "<img src=\"/images/review-img/all_star5.gif\">";
				break;
			default:
				cle_review_star.innerHTML += "<img src=\"/images/review-img/all_star0.gif\">";
				break;
		}
	}
}
