YAHOO.namespace("po");
YAHOO.po = {
    init: function() {
        // first add listener to "more details" and "h3" so we have something to click on
        var products = YAHOO.util.Dom.getElementsByClassName("separate", "div");
        for (var i = 0; i < products.length; i++) {
            var moreInfo = YAHOO.util.Dom.getElementsByClassName("moreinfo", "a", products[i]);
            var myDiv = YAHOO.util.Dom.getElementsByClassName("productbody", "div", products[i]);
            if (moreInfo !== undefined && myDiv !== undefined) {
                YAHOO.util.Event.addListener(moreInfo, "click", YAHOO.po.disappear, myDiv, true);
            }
        }
    },

    disappear: function(o) {
        YAHOO.util.Event.preventDefault(o); // stop the click working
        var displayStyle = YAHOO.util.Dom.getStyle(this, "display");
        if(displayStyle == null || "none" == displayStyle){
        YAHOO.util.Dom.setStyle(this, "display", "inline");
            } else{
            YAHOO.util.Dom.setStyle(this, "display", "none");
        }
    }
}
YAHOO.util.Event.addListener(window, "load", YAHOO.po.init);