var IsMouseOverDiv = 0, tempX = 0, tempY = 0, opacity = 0, itemNoFromScreen; function SetXY(a) { tempX = a.clientX; tempY = a.clientY } function HideDetailDivAfterDelay() { IsMouseOverDiv = 0; setTimeout("HideDetailOnDelay()", 500) } function HideDetailOnDelay() { (document.getElementById("itemId").innerHTML != itemNoFromScreen || IsMouseOverDiv == 0) && HideDetailDiv() } function HideDetailDiv() { var a = "ItemDetail"; IsMouseOverDiv = 0; document.getElementById(a).style.top = -350; document.getElementById(a).style.left = -350; document.getElementById(a).style.display = "none" } function ShowDetailDiv() { IsMouseOverDiv = 1; document.getElementById("ItemDetail").style.display = "block" } function ShowDetailOnMouseOverDiv() { IsMouseOverDiv = 1; document.getElementById("ItemDetail").style.display = "block" } function HideDetailOnMouseOutDiv() { IsMouseOverDiv = 0; HideDetailDivAfterDelay() } function ShowDetail(a, b) { IsMouseOverDiv = 1; setTimeout("ShowDetailInternal('" + a + "', '" + b + "')", 500) } function ShowDetailInternal(a, b) { if (IsMouseOverDiv == 1) { itemNoFromScreen = a; Item.LoadHoverColumns(LoadColumns_callback); Item.ShowDetail(a, b, ShowDetail_callback) } } function LoadColumns_callback(b) { var e = "<br>", d = " : ", c = "|"; if (b.value) for (var a = 0; a < b.value.length; a++) if (b.value[a].substring(0, b.value[a].indexOf(c)) == "LongItemNumber") document.getElementById("itemNo_1").innerHTML = b.value[a].substring(b.value[a].indexOf(c) + 1) + d; else if (b.value[a].substring(0, b.value[a].indexOf(c)) == "BasePrice") document.getElementById("basePrice_1").innerHTML = "<br><br>" + b.value[a].substring(b.value[a].indexOf(c) + 1) + d; else if (b.value[a].substring(0, b.value[a].indexOf(c)) == "Features") document.getElementById("features_1").innerHTML = e + b.value[a].substring(b.value[a].indexOf(c) + 1) + d; else if (b.value[a].substring(0, b.value[a].indexOf(c)) == "Specifications") document.getElementById("specifications_1").innerHTML = e + b.value[a].substring(b.value[a].indexOf(c) + 1) + d; else if (b.value[a].substring(0, b.value[a].indexOf(c)) == "UOM") document.getElementById("sellum_1").innerHTML = e + b.value[a].substring(b.value[a].indexOf(c) + 1) + d } function ShowDetail_callback(a) { var d = "itemImage", c = "ItemDetail", b = this; if (a.error == null) { opacity = 0; if (document.getElementById) { b.obj = document.getElementById(c); b.style = document.getElementById(c).style } else if (document.all) { b.obj = document.all[c]; b.style = document.all[c].style } else if (document.layers) { b.obj = document.layers[c]; b.style = document.layers[c].style } document.getElementById("itemIdUrl1").setAttribute("href", a.value[9]); document.getElementById("itemIdUrl2").setAttribute("href", a.value[9]); if (document.body.clientWidth > 1200) { if (tempX > document.body.clientWidth / 2) tempX = tempX - 530; else tempX = tempX - 70; } else { if (tempX > document.body.clientWidth / 2) tempX = tempX - 400; else tempX = tempX + 70; } b.style.left = tempX + "px"; if (tempY > screen.height / 2) b.style.top = tempY - 200 + document.documentElement.scrollTop + "px"; else b.style.top = tempY - 100 + document.documentElement.scrollTop + "px"; b.style.display = "block"; b.style.zIndex = 25; document.getElementById("itemId").innerHTML = a.value[0]; document.getElementById("itemNo").innerHTML = a.value[1]; document.getElementById("shortDesc").innerHTML = a.value[2]; document.getElementById("longDesc").innerHTML = a.value[3]; document.getElementById("basePrice").innerHTML = a.value[4]; document.getElementById("features").innerHTML = a.value[5]; document.getElementById("specifications").innerHTML = a.value[6]; document.getElementById("sellum").innerHTML = a.value[7]; document.getElementById(d).setAttribute("src", a.value[8]); document.getElementById(d).setAttribute("alt", a.value[10]); MakeDivVisible() } } function MakeDivVisible() { var b = "ItemDetail", a = this; if (document.getElementById) { a.obj = document.getElementById(b); a.style = document.getElementById(b).style } else if (document.all) { a.obj = document.all[b]; a.style = document.all[b].style } else if (document.layers) { a.obj = document.layers[b]; a.style = document.layers[b].style } opacity = opacity + 1; a.style.opacity = opacity / 10; a.style.filter = "alpha(opacity=" + opacity * 10 + ")"; opacity <= 10 && setTimeout("MakeDivVisible()", 80) }