var g_lastSelectedSupplierIndex = 1;function setCss(){    var suppliers = $("featured-suppliers");    suppliers.className = "featured-suppliers";    var suppliers = $("suppliers");    suppliers.className = "suppliers";}function setShowMore(){    var showMore = document.createElement("div");    showMore.id = 'show-more';    showMore.className = 'show-more';    showMore.innerHTML = 'Show More &raquo;';    $('suppliers').appendChild(showMore);    listen(showMore, "click", function(eventArg){        showMore.className = 'hidden-div';                $('supplier-' + g_lastSelectedSupplierIndex + '-profile').className = 'supplier-profile-show-all';            });        listen(showMore, "mouseover", function(eventArg){        if (showMore.className == 'show-more') {            showMore.className = 'show-more-active';        }    });        listen(showMore, "mouseout", function(eventArg){        if (showMore.className == 'show-more-active') {            showMore.className = 'show-more';        }    });	resetShowMore();}function resetShowMore(){	var profile = $("supplier-" + g_lastSelectedSupplierIndex + "-profile");    if (profile.clientHeight >= profile.scrollHeight) {        $('show-more').className = 'hidden-div';    }    else {        $('show-more').className = 'show-more';    }}listenReady(function(){    var items = $("categories").getElementsByTagName("td");    var totalNumber = items.length;    var topOffset = 20;        for (var count = 1; count <= totalNumber; ++count) {        var catagoryPopup = $("category-" + count + "-subs");        var catagoryAnchor = $("category-" + count + "-anchor");                if (catagoryPopup != null) {            catagoryPopup.className = "hidden-div";            catagoryPopup.style.top = topOffset + "px";            var offset = count % 3;            if (offset == 1) {                catagoryPopup.style.left = 100 + "px";            }            else                 if (offset == 2) {                    catagoryPopup.style.left = 350 + "px";                }                else                     if (offset == 0) {                        catagoryPopup.style.left = 550 + "px";                    }            setPopupEventHandler(catagoryAnchor, catagoryPopup, "sub-categories-show", "categories-over", "categories-out");        }        else {            setHover(catagoryAnchor, "categories-over", "categories-out");        }                if (count % 3 == 0) {            topOffset += 26;        }    }        var items = $("featured-suppliers").getElementsByTagName("li");    var totalSupplier = items.length;        for (var count = 1; count <= totalSupplier; ++count) {        var name = $("supplier-" + count + "-name");        var profile = $("supplier-" + count + "-profile");        var supplierItem = $("supplier-" + count);               supplierItem.className = "";        if (count != 1) {            name.className = "supplier-name";            profile.className = "hidden-div";        }        else {            name.className = "supplier-name-selected";            profile.className = "supplier-profile-show";        }                listen(name, "click", function(eventArg){                    var lastSelectedName = $("supplier-" + g_lastSelectedSupplierIndex + "-name");                        lastSelectedName.className = "supplier-name";            var lastShowProfile = $("supplier-" + g_lastSelectedSupplierIndex + "-profile");                        lastShowProfile.className = "hidden-div";            var selectedItem = getEventSource(eventArg);                        selectedItem.className = "supplier-name-selected";            g_lastSelectedSupplierIndex = selectedItem.id.split('-')[1];            var profile = $("supplier-" + g_lastSelectedSupplierIndex + "-profile");                        profile.className = "supplier-profile-show";                        profile.scrollTop = 0;            resetShowMore();        });                listen(name, "mouseover", function(eventArg){            var supplierName = getEventSource(eventArg);            if (g_lastSelectedSupplierIndex != supplierName.id.split('-')[1]) {                supplierName.className = "supplier-name-hover";            }        });                listen(name, "mouseout", function(eventArg){            var supplierName = getEventSource(eventArg);                        if (g_lastSelectedSupplierIndex != supplierName.id.split('-')[1]) {                supplierName.className = "supplier-name";            }        });    }    setShowMore();    setCss();});