//This code is protected by copyright. Any not allowed by copyright laws use of this content (distribution, translation, alteration, copying) requires an explicit approval of its authors.
function initCompareProducts(){
	if (itemsNSIds.length>1){
		var div = document.createElement("div");
		div.id="divCompare";
		div.innerHTML = "<div align=\'left\' class=\'divClose\' ><div><span style=\'cursor:pointer\' onclick=\'endCompareProducts();\' >Close</span> <img src=\'/site/img06/buttons/remove.gif\' onclick=\'endCompareProducts();\' style=\'cursor:pointer\' /></div><img id=\'logo-ijss\' src=\'/site/img06/misc/logo-ijss_compare.gif\' /></div><table align=\'center\'><tr><td class=\'tdInfoCompare oddRow\'>&#160;</td></tr><tr><td class=\'tdInfoCompare evenRow\'>Product</td></tr><tr><td class=\'tdInfoCompare oddRow\'>Condition</td></tr><tr><td class=\'tdInfoCompare evenRow\'>Page Yield</td></tr><tr><td class=\'tdInfoCompare oddRow\'>Color</td></tr><tr><td class=\'tdInfoCompare evenRow\'>Printer Technology</td></tr><tr><td class=\'tdInfoCompare oddRow\'>OEM Part#</td></tr><tr><td class=\'tdInfoCompare evenRow\'>Price</td></tr><tr><td class=\'tdInfoCompare oddRow\'>Price per Page</td></tr></table>";
	
		var trs = div.getElementsByTagName("table")[0].getElementsByTagName("tr");			
		itemQty = itemsNSIds.length;
		
		for (var i=0;i<itemsNSIds.length;i++){		
			var tip = document.getElementById(itemsNSIds[i].id.replace("chk_","tip_"));
			
			var td0 = document.createElement("td");
			td0.id="tr0_td_"+i.toString();
			td0.className = "tdDataCompare oddRow";
			td0.innerHTML = "<a style=\'cursor:pointer\'><img src=\'/site/img06/buttons/remove.gif\' rel=\'td_"+i.toString()+"\' onclick=\'removeCompareItem(event);\'/>&#160;&#160;<a class=\'removeItem\' rel=\'td_"+i.toString()+"\' onclick=\'removeCompareItem(event);\' style=\'cursor:pointer\'>Remove product</a>";
			trs[0].appendChild(td0);
			
			var td1 = document.createElement("td");
			td1.id="tr1_td_"+i.toString();
			td1.className = "tdDataCompare evenRow";
			td1.innerHTML ="<a href=\'"+tip.getAttribute("itm_href")+"\'><img border=\'0\' src=\'" + tip.getAttribute("img_src") + "\' width=\'85px\' /></a><p><a href=\'"+tip.getAttribute("itm_href")+"\' ><strong>"+tip.getAttribute("itm_descrip")+"</strong></a></p> ";		
			trs[1].appendChild(td1);
					
			var td2 = document.createElement("td");
			td2.id="tr2_td_"+i.toString();
			td2.className = "tdDataCompare oddRow";
			td2.innerHTML = tip.getAttribute("itm_cond");
			trs[2].appendChild(td2);
			
			var td3 = document.createElement("td");
			td3.id="tr3_td_"+i.toString();
			td3.className = "tdDataCompare evenRow";
			td3.innerHTML = tip.getAttribute("itm_page_yield");
			trs[3].appendChild(td3);
			
			var td4 = document.createElement("td");
			td4.id="tr4_td_"+i.toString();
			td4.className = "tdDataCompare oddRow";
			td4.innerHTML = getImgColor(tip.getAttribute("itm_color"));
			trs[4].appendChild(td4);
			
			var td5 = document.createElement("td");
			td5.id="tr5_td_"+i.toString();
			td5.className = "tdDataCompare evenRow";
			td5.innerHTML = tip.getAttribute("itm_tech");
			trs[5].appendChild(td5);
			
			var td6 = document.createElement("td");
			td6.id="tr6_td_"+i.toString();
			td6.className = "tdDataCompare oddRow";
			td6.innerHTML = tip.getAttribute("itm_oem_part");
			trs[6].appendChild(td6);
			
			var td7 = document.createElement("td");
			td7.id="tr7_td_"+i.toString();
			td7.className = "tdDataCompare evenRow";
			td7.innerHTML = "<div style=\'width:110px\'><strong><span class=\'it-msrp\'>MSRP: "+tip.getAttribute("itm_msrp")+"</span><br/><span class=\'it-price\'>Our Price "+tip.getAttribute("itm_price")+"</span><br/>You Save "+getSaving(tip.getAttribute("itm_msrp"),tip.getAttribute("itm_price"))+" %</strong><input id=\'cmpaddtocart\' type=\'image\' style=\'border:0\' class=\'btn-BuyOff\'  onMouseOver=\"this.className=\'btn-BuyOn\'; return true;\" onMouseOut=\"this.className=\'btn-BuyOff\'; return true;\" onkeypress=\"window.event.cancelBubble=true;\" onclick=\"document.forms[\'form"+tip.getAttribute("id").replace("tip_","")+"\'].submit();\" src=\'/site/img06/buttons/add2cartg.gif\' border=\'0\' /></div>";
			trs[7].appendChild(td7);

			var td8 = document.createElement("td");
			td8.id="tr8_td_"+i.toString();
			td8.className = "tdDataCompare evenRow";
			td8.innerHTML = "$" + ((parseFloat(tip.getAttribute("itm_price").replace("$",""))/parseFloat(tip.getAttribute("itm_page_yield"))).toFixed(5)).toString();
			trs[8].appendChild(td8);
		}	
		document.getElementsByTagName("body")[0].appendChild(div);
		document.getElementById("divCompare").style.width = (71 + 132*itemQty) + "px";
		if (screen.width ==800) document.getElementById("divCompare").style.left = 100;
		if (screen.width > 800) document.getElementById("divCompare").style.left = 230;	
		lockDocument();		
	}
}
function removeCompareItem(event){
	if (itemQty>1){
		event = event || window.event; // IE doesn't pass event as argument.
		var a = event.target || event.srcElement; // IE doesn't use .target
		var _id=a.getAttribute("rel");
		var trs = document.getElementById("divCompare").getElementsByTagName("tr");
		for (var i=0;i<trs.length;i++){
			trs[i].removeChild(document.getElementById("tr" + i.toString() +"_"+ _id));	
		}
		itemQty--;
		document.getElementById("divCompare").style.width = (71 + 132*itemQty) + "px";
	}
}
function endCompareProducts(){
	unlockDocument();
	removeNode(document.getElementById("divCompare"));
}
var itemsNSIds = new Array(); 
var itemQty = 0;
function setItemNSId(event){		
		event = event || window.event; // IE doesn't pass event as argument.
		var chk = event.target || event.srcElement; // IE doesn't use .target

		if (chk.checked == true){
			itemsNSIds[itemsNSIds.length]={id:chk.id};			
		}else{
			for(var i=0;i<itemsNSIds.length;i++){
				if (itemsNSIds[i].id==chk.id) 
					itemsNSIds.splice(i,1);
			}
		}	
}
var cmbHiddens = new Array();
function lockDocument(){
	if (!document.getElementById("overTop")) {
		var n = navigator.userAgent;
		if (/MSIE/.test(n)){
			cmbHiddens = document.getElementsByTagName("select");
			for (var i=0;i<cmbHiddens.length;i++){
				cmbHiddens[i].style.visibility = "hidden";
			}
		}
		div=document.createElement("div");
		div.id="overTop";
		var h1=document.body.offsetHeight;
		var h2=document.body.scrollHeight;
		if (h1>h2){
			h=h1;
		}else{
			h=h2;
		}
		div.style.height=h+"px"
		if (document.all){
			div.style.width=(document.body.offsetWidth-20)+"px";
		}
		var tt=document.createTextNode(" ");
		div.appendChild(tt);
		document.getElementsByTagName("body")[0].appendChild(div);
		document.getElementById("overTop").className="overTop";
		window.scroll(0,0)
	}
}	
function unlockDocument(){
	if (cmbHiddens.length > 0){
		for (var i=0;i<cmbHiddens.length;i++)
				cmbHiddens[i].style.visibility = "visible";
	}
	if (document.getElementById("overTop")) {
		removeNode(document.getElementById("overTop"));		
	}
}
function removeNode(pObj){
	if (pObj){
		pObj.parentNode.removeChild(pObj);
	}
}
function getImgColor(color){
	//"<%=getCurrentAttribute("item", "custitem2")";
    if (color == "Black") return "<img src=\'http://www.inkjetsuperstore.com/site/img/misc/color-black.gif\'/>";
    if (color == "Cyan") return "<img src=\'http://www.inkjetsuperstore.com/site/img/misc/color-cyan.gif\'/>";
    if (color == "Magenta") return "<img src=\'http://www.inkjetsuperstore.com/site/img/misc/color-magenta.gif\'/>";
    if (color == "Yellow") return "<img src=\'http://www.inkjetsuperstore.com/site/img/misc/color-yellow.gif\'/>";
    if (color == "Gray") return "<img src=\'http://www.inkjetsuperstore.com/site/img/misc/color-gray.gif\'/>";
    if (color == "Green") return "<img src=\'http://www.inkjetsuperstore.com/site/img/misc/color-green.gif\'/>";
    if (color == "Red") return "<img src=\'http://www.inkjetsuperstore.com/site/img/misc/color-red.gif\'/>";
    if (color == "Blue") return "<img src=\'http://www.inkjetsuperstore.com/site/img/misc/color-blue.gif\'/>";
    if (color == "Light Cyan")  return "<img src=\'http://www.inkjetsuperstore.com/site/img/misc/color-light-cyan.gif.gif\'/>";
    if (color == "Light Magenta")  return "<img src=\'http://www.inkjetsuperstore.com/site/img/misc/color-lightmagenta.gif.gif\'/>";
    if (color == "Light Black")  return "<img src=\'http://www.inkjetsuperstore.com/site/img/misc/color-light-black.gif.gif\'/>";
    if (color == "Photo Black")  return "<img src=\'http://www.inkjetsuperstore.com/site/img/misc/color-black.gif\'/>";
    if (color == "Photo Cyan")  return "<img src=\'http://www.inkjetsuperstore.com/site/img/misc/color-cyan.gif\'/>";
    if (color == "Photo Magenta")  return "<img src=\'http://www.inkjetsuperstore.com/site/img/misc/color-magenta.gif\'/>";
    if (color == "Photo Yellow")  return "<img src=\'http://www.inkjetsuperstore.com/site/img/misc/color-yellow.gif\'/>";
	if (color == "Matte Black")  return "<img src=\'http://www.inkjetsuperstore.com/site/img/misc/color-black.gif\'/>";
    if (color == "3-Color")  return "<img src=\'http://www.inkjetsuperstore.com/site/img/misc/color-3.gif\'/>";
	if (color == "4-Color")  return "<img src=\'http://www.inkjetsuperstore.com/site/img/misc/color-4.gif\'/>";
	return 'http://www.inkjetsuperstore.com/site/img/misc/color-black.gif';
}
function getSaving(original,finalPrice){
	finalPrice = finalPrice.slice(1,finalPrice.length);
	finalPrice = parseFloat(finalPrice);
	original = parseFloat(original);
	var porcentaje = (finalPrice * 100) / original;
	var ahorro = Math.ceil(100 - porcentaje);
	return ahorro;
}