var HIST_NUM = 10;
var SHOW_NUM = 10;
var CK_NAME = "itemHistory";

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 itemHist() {
	showHistory();
	setHistory();
}

function setHistory() {
    var period = 365 * 2;
    var value = getValueFromCookie(CK_NAME);
    if (document.myform == null || document.myform.seq_exhibit_id == null || document.myform.seq_exhibit_id.value == null) {
    	return;
    }
    var newItemIds = document.myform.seq_exhibit_id.value;
    if (value) {
    	var newItemId = newItemIds;
        var itemIds = value.split(",");
        var size = itemIds.length;
        var itemListSize = 1;
        for (var i = 0; i < size; i++) {
        	if (itemListSize >= HIST_NUM) {
        		break;
        	}
            var itemIdTemp = itemIds[i];
            if (itemIdTemp != newItemId) {
                newItemIds = newItemIds + "," + itemIdTemp;
                itemListSize++;
            }
        }
    }
    setCookie(CK_NAME, newItemIds, getExpires(period), "/", null, null);
}

function getExpires(day) {
    var nowtime = new Date().getTime();
    return new Date(nowtime + (60 * 60 * 24 * 1000 * day));
}

function showHistory() {
	var value = getValueFromCookie(CK_NAME);
	var dispItemIds = exceptThisItem(value);

	if (!dispItemIds) {
		return;
	}


	
	var url = "/dap/sv/use010701";
	var pars = "itemId=" + dispItemIds + "&num=" + SHOW_NUM;
	
	var myAjax = new Ajax.Request(url, {
			method: 'get', 
			parameters: pars, 
			onComplete: showResponseItemHistory

		});
}


function exceptThisItem(items) {
	var dispItemIds = "";
	var exceptItemId = getThisItemId();
	if (!exceptItemId) {
		return items;
    }
    var itemIds = items.split(",");
    var first = true;
    for (var i = 0; i < itemIds.length; i++) {
        var itemIdTemp = itemIds[i];
        if (itemIdTemp != exceptItemId) {
        	if (!first) {
        		dispItemIds = dispItemIds + ",";
        	} else {
        		first = false;
        	}
        	dispItemIds = dispItemIds + itemIdTemp;
        }
    }
    return dispItemIds;
}
function getThisItemId() {
	if (!document.myform) {
		return;
	} else if (!document.myform.seq_exhibit_id) {
		return;
	}
	return document.myform.seq_exhibit_id.value;
}

function showResponseItemHistory(req, obj) {
	var xmlObj = req.responseXML;
	var e = document.getElementById("itemHist");
	e.innerHTML = toHtml(xmlObj);
}



function toHtml(xmlObj) {
	var param = document.getElementById("itemHist").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 =" ";
		}
		document.getElementById("itemHist").style.marginBottom = "30px";
		var retString = "<div id=\"history_results\" class=\"recom_box length" + items.length + "\"><div style=\"display: block;\" id=\"history_result\"><div class=\"history_title\">最近チェックした商品</div>";
		retString = retString + "<div id=\"sc_button1\"><div class=\"scrollL\"><a href=\"javascript:;\"><img onClick=\"moveinner('#itemHist','L');\" src=\"/image/recom/scv_l_n.gif\" class=\"pageLeftButton\"></a></div><div class=\"scrollR\"><a href=\"javascript:;\"><img onClick=\"moveinner('#itemHist','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 + "\" alt=\"" + itemTitle + "\" width=\"100\" height=\"100\"></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", itemHist);