//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/compare/cancelcompare.png\' onclick=\'endCompareProducts();\' style=\'cursor:pointer\' /></div><img id=\'logo-ebodyboarding\' src=\'/site/new_ebody/images/misc/logo.png\' /></div><table align='center' width='100%'><tr><td class=\'tdInfoCompare oddRow\'>&#160;</td></tr><tr><td class=\'tdInfoCompare evenRow\'>Product</td></tr><tr><td class=\'tdInfoCompare evenRow\'>Name</td></tr><tr><td class=\'tdInfoCompare evenRow\'>Price</td></tr><tr><td class=\'tdInfoCompare oddRow\'>Board Core</td></tr><tr><td class=\'tdInfoCompare evenRow\'>Board Length</td></tr><tr><td class=\'tdInfoCompare oddRow\'>Board Tail</td></tr><tr><td class=\'tdInfoCompare evenRow\'>Stringer</td></tr><tr><td class=\'tdInfoCompare oddRow\'>Brand</td></tr><tr><td class=\'tdInfoCompare evenRow\'>Description</td></tr><tr><td colspan=\'3\' class=\'tdInfoCompare evenRow\'><b>Polypropylene (Polypro)</b> = Stiffer, lighter and more durable.<br><b>Polyethylene (DOW)</b> = Heavier and more flexible.<br><b>Crescent tail</b> = Better edge control, good all-around tail shape.<br><b>Bat tail</b> = Better speed, more ideal for prone riding.</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 descTip = document.getElementById(itemsNSIds[i].id.replace("chk_","tip_")+"_description");
			
			var td0 = document.createElement("td");
			td0.id="tr0_td_"+i.toString();
			td0.className = "tdDataCompare evenRow";
			td0.innerHTML = "<a style=\'cursor:pointer\'><img src=\'/site/compare/cancelcompare.png\' 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 oddRow";
			td1.innerHTML ="<a href=\'"+tip.getAttribute("itm_href")+"\'>" + tip.getAttribute("img_src") + "</a>";		
			trs[1].appendChild(td1);
			
			var td2 = document.createElement("td");
			td2.id="tr2_td_"+i.toString();
			td2.className = "tdDataCompare evenRow";
			td2.innerHTML = tip.getAttribute("itm_DispName");
			trs[2].appendChild(td2);

			var td3 = document.createElement("td");
			td3.id="tr3_td_"+i.toString();
			td3.className = "tdDataCompare evenRow";
			td3.innerHTML = tip.getAttribute("itm_price");
			trs[3].appendChild(td3);
			
			var td4 = document.createElement("td");
			td4.id="tr4_td_"+i.toString();
			td4.className = "tdDataCompare oddRow";
			td4.innerHTML = tip.getAttribute("itm_core");
			trs[4].appendChild(td4);
			
			var td5 = document.createElement("td");
			td5.id="tr5_td_"+i.toString();
			td5.className = "tdDataCompare evenRow";
			td5.innerHTML = tip.getAttribute("itm_length");
			trs[5].appendChild(td5);
			
			var td6 = document.createElement("td");
			td6.id="tr6_td_"+i.toString();
			td6.className = "tdDataCompare oddRow";
			td6.innerHTML = tip.getAttribute("itm_tail");
			trs[6].appendChild(td6);
			
			var td7 = document.createElement("td");
			td7.id="tr7_td_"+i.toString();
			td7.className = "tdDataCompare evenRow";
			td7.innerHTML = tip.getAttribute("itm_stringer");
			trs[7].appendChild(td7);
			
			var td8 = document.createElement("td");
			td8.id="tr8_td_"+i.toString();
			td8.className = "tdDataCompare oddRow";
			td8.innerHTML = tip.getAttribute("itm_vendor");				
			trs[8].appendChild(td8);
			
			var td9 = document.createElement("td");
			td9.id="tr9_td_"+i.toString();
			td9.className = "tdDataCompare evenRow";
			td9.innerHTML = descTip.innerHTML;
			trs[9].appendChild(td9);
						
	
		}	
		document.getElementsByTagName("body")[0].appendChild(div);
		document.getElementById("divCompare").style.width = (71 + 150*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 + 150*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);
	}
}