var SHOW_NUM = 10;

function addListener(target, event, func) {
    if (target.addEventListener) { // for W3C DOM
      target.addEventListener(event, func, false);
    } else if (target.attachEvent) { // for IE
      target.attachEvent("on" + event, func);
    }
}

function itemRecommend() {
	getItemRecommend();
}

function getItemRecommend() {
	var newItemId = getThisItemId();
	
	if (!newItemId) {
		return;
	}


	var url = "/dap/sv/use010901";
	var pars = "itemId=" + newItemId;
	pars = pars + "&t=" + (new Date().getTime());
	
	var myAjax = new Ajax.Request(url, {
			method: 'get', 
			parameters: pars, 
			onComplete: getItemInfo
		});
}

function getThisItemId() {
	if (!document.myform) {
		return;
	} else if (!document.myform.seq_exhibit_id) {
		return;
	}
	return document.myform.seq_exhibit_id.value;
}

function getItemInfo(req, obj) {
	var value = req.responseText;
	if (!value) {
		var categId = document.myform.rankCategId.value;
		var url = "/ranking/rankingCateg" + categId + ".txt";
		var pars = pars + "&t=" + (new Date().getTime());
		var myAjax = new Ajax.Request(url, {
				method: 'get', 
				parameters: pars, 
				onComplete: getRankingInfo
			});
	}
	var url = "/dap/sv/use010701";
	var pars = "itemId=" + value + "&num=" + SHOW_NUM + "&random=Y";
	pars = pars + "&t=" + (new Date().getTime());
	
	var myAjax = new Ajax.Request(url, {
			method: 'get', 
			parameters: pars, 
			onComplete: showResponseForItemRecommend
		});
}


function showResponseForItemRecommend(req, obj) {
	var xmlObj = req.responseXML;
	var e = document.getElementById("itemRecom");
	e.innerHTML = toHtmlForItemRecommend(xmlObj);
}

function toHtmlForItemRecommend(xmlObj) {
	var param = document.getElementById("itemRecom").getAttribute("param");
	var rootNode = xmlObj.getElementsByTagName("data")[0];
	if (rootNode.hasChildNodes()) {
		var items = rootNode.getElementsByTagName('item');
		
		var pageAll = Math.ceil(items.length / 4);
		if(pageAll > 1){
		var nextpageButton ="/image/recom/scv_r.gif";
		var defnextclass =" defnextclass";
		}else{
		var nextpageButton ="/image/recom/scv_r_n.gif";
		var defnextclass =" ";
		}

		var retString = "<div id=\"item_recommends\"><div style=\"display: block;\" id=\"item_recommend\"><div class=\"item_recommend_title\">この商品を見た人はこんな商品も見ています</div>";
		retString = retString + "<div id=\"sc_button1\"><div class=\"scrollL\"><a href=\"javascript:;\"><img onClick=\"moveinner('#itemRecom','L');\" src=\"/image/recom/scv_l_n.gif\" class=\"pageLeftButton\"></a></div><div class=\"scrollR\"><a href=\"javascript:;\"><img onClick=\"moveinner('#itemRecom','R');\" src=\"" + nextpageButton + "\" class=\"pageRightButton " + defnextclass + "\"></a></div></div>";
		retString = retString + "<div class=\"page\"><span class=\"nowPage\">1</span> / <span class=\"pageAll\">" + pageAll + "</span></div><div class=\"recomInner\"><div class=\"recomInnerV\">";


		for (var i = 0; i < items.length; i++) {
			var historyCount = items[i].getElementsByTagName('historyCount')[0].firstChild.nodeValue;
			var itemUrl = items[i].getElementsByTagName('itemUrl')[0].firstChild.nodeValue + "?" + param;
			var imageUrl = items[i].getElementsByTagName('smlImageUrl')[0].firstChild.nodeValue;
			var itemTitle = items[i].getElementsByTagName('itemTitle')[0].firstChild.nodeValue;
			var supName = items[i].getElementsByTagName('supName')[0].firstChild.nodeValue;
			
			retString = retString + "<div class=\"productcheck r" + historyCount + " item\"><ul class=\"productconnect\"><li class=\"product_image\"><a href=\"" + itemUrl + "\"><img src=\"" + imageUrl + "\" width=\"100\" height=\"100\" alt=\"" + itemTitle + "\"></a></li><li class=\"name\"><a href=\"" + itemUrl + "\">" + itemTitle + "</a></li><li class=\"spec1\">" + supName + "</li></ul></div>";
			if(i == 3 || i == 7){
			retString = retString + "</div><div class=\"recomInnerV\">";
			}
		
		}

		return retString + "</div></div><div class=\"contEnd\"><hr></div></div></div>";
	}
	return "<div class=\"contEnd\"><hr></div></div></div>";
}


function getRankingInfo(req, obj) {
	var value = req.responseText;
	if (!value) {
		return;
	}
	var url = "/dap/sv/use010701";
	var pars = "itemId=" + value + "&num=" + SHOW_NUM;
	pars = pars + "&t=" + (new Date().getTime());
	
	var myAjax = new Ajax.Request(url, {
			method: 'get', 
			parameters: pars, 
			onComplete: showResponseForCategRanking
		});
}

function showResponseForCategRanking(req, obj) {
	var xmlObj = req.responseXML;
	var e = document.getElementById("itemRecom");
	e.innerHTML = toHtmlForCategRanking(xmlObj);
}

function toHtmlForCategRanking(xmlObj) {
	var param = document.getElementById("itemRecom").getAttribute("param");
	var rootNode = xmlObj.getElementsByTagName("data")[0];
	if (rootNode.hasChildNodes()) {
		var items = rootNode.getElementsByTagName('item');
		
		var pageAll = Math.ceil(items.length / 4);
		if(pageAll > 1){
		var nextpageButton ="/image/recom/scv_r.gif";
		var defnextclass =" defnextclass";
		}else{
		var nextpageButton ="/image/recom/scv_r_n.gif";
		var defnextclass =" ";
		}
		
		var retString = "<div id=\"item_recommends\"><div style=\"display: block;\" id=\"item_ranking\"><div class=\"item_recommend_title\">週間ランキング</div>";
		
		retString = retString + "<div id=\"sc_button1\"><div class=\"scrollL\"><a href=\"javascript:;\"><img onClick=\"moveinner('#itemRecom','L');\" src=\"/image/recom/scv_l_n.gif\" class=\"pageLeftButton\"></a></div><div class=\"scrollR\"><a href=\"javascript:;\"><img onClick=\"moveinner('#itemRecom','R');\" src=\"" + nextpageButton + "\" class=\"pageRightButton " + defnextclass + "\"></a></div></div>";
		retString = retString + "<div class=\"page\"><span class=\"nowPage\">1</span> / <span class=\"pageAll\">" + pageAll + "</span></div><div class=\"recomInner\"><div class=\"recomInnerV\">";


		for (var i = 0; i < items.length; i++) {
			var historyCount = items[i].getElementsByTagName('historyCount')[0].firstChild.nodeValue;
			var itemUrl = items[i].getElementsByTagName('itemUrl')[0].firstChild.nodeValue + "?" + param;
			var imageUrl = items[i].getElementsByTagName('smlImageUrl')[0].firstChild.nodeValue;
			var itemTitle = items[i].getElementsByTagName('itemTitle')[0].firstChild.nodeValue;
			var supName = items[i].getElementsByTagName('supName')[0].firstChild.nodeValue;
			
			retString = retString + "<div class=\"productcheck r" + historyCount + " item\"><ul class=\"productconnect\"><li class=\"product_image\"><a href=\"" + itemUrl + "\"><img src=\"" + imageUrl + "\" width=\"100\" height=\"100\" alt=\"" + itemTitle + "\"></a></li><li class=\"name\"><a href=\"" + itemUrl + "\">" + itemTitle + "</a></li><li class=\"spec1\">" + supName + "</li></ul></div>";
		
			if(i == 3 || i == 7){
			retString = retString + "</div><div class=\"recomInnerV\">";
			}
		
		}

		return retString + "</div></div><div class=\"contEnd\"><hr></div></div></div>";
	}
	return "<div class=\"contEnd\"><hr></div></div></div>";
}


addListener(window, "load", itemRecommend);