var brx = brx || {};
brx.productView = brx.productView || {}

brx.productView.addButton = function (args) {
//    var skuBaseId = args.skuBaseId;
    var progressNode = args.progressNode;
    var addButtonNode = args.addButtonNode;
    var skuData = args.skuData;
    var skuBaseId;
    if (args.skuData && args.skuData.SKU_BASE_ID) {
        skuBaseId = args.skuData.SKU_BASE_ID;
    } else if (args.skuBaseId) {
        skuBaseId = args.skuBaseId;
    } else {
        return null;
    }
    var itemType = args.itemType || 'cart';
    addButtonNode.observe("click", function(clickEvt) {
        clickEvt.preventDefault();
        var item_params = {};
        if (progressNode) {
            progressNode.style.display = "block";
            addButtonNode.style.display = "none";
        }
        var revertButton = function() {
            if (progressNode) {
                progressNode.style.display = "none";
                addButtonNode.style.display = "block";
            }            
        };
        // Send individual parameters based on type
        if (itemType == 'favorites') {
            item_params = {
                skus: [skuBaseId],
                itemType: 'favorites',
                action: 'add'
            }                   
        } else {
            item_params = {
                skus: [skuBaseId],
                itemType: 'cart',
                INCREMENT: 1
            }
        }
        generic.checkout.cart.updateCart({
            params: item_params,
            onSuccess: function(r) {
                var resultData = r.getData();
                revertButton();
                addButtonNode.fire("cartButton:success", resultData);
            },
            onFailure: function(r) {
              revertButton();
                var error = r.getError();
                var message = error.data.messages[0];
                var text = message.text;
                text = text.replace(/\\/g, "");
				
		if ( message &&  message.key.match('cart.qty_limit') ){
                generic.templatefactory.get({path:'/templates/cart-overlay.tmpl'}).evaluateCallback({
                        object: { cartMessage: text },
                        callback: function(html) {
						// WDR: IE was unhappy trying to use the "clonePosition" method off of the 
						// "lockToDomNode" option.  So I redid this to just calc the left offset directly,
						// based on the left edge of the header.
						var anchorNode = $("header");
						var pos = anchorNode.viewportOffset();
						var leftPos = pos.left + 640 + 'px';
						var topPos = '45px';                            
                           generic.overlay.launch({
							content: html,
							includeBackground: false,
							includeCloseLink: true,
							lockPosition: true,
							cssClass: "cart-box",
							cssStyle: {
								width: "325px", 
								top: topPos, 
								left: leftPos
							},
							center: false
						});
				createLwPopupLinks();
				var cart_content_Node   = $$(".cart-content")[0];
				cart_content_Node.hide();
                anchorNode.scrollIntoView();
                setTimeout("generic.overlay.hide()",10000);				
						/*	var containerNode   = $$(".overlay-container")[0];
                            var continueShoppingBtn = containerNode.select(".continue-shopping")[0];
                            $(continueShoppingBtn).observe("click", function(evt) {
                                evt.preventDefault();
                                generic.overlay.hide();
                            }); */
                        }
                    });
                }
            }
        });
    });
    return {
        getItemType: function() {
            return itemType;
        },
        setSkuBaseId: function (newSkuBaseId) {
            skuBaseId = newSkuBaseId;
        },
        setSkuData: function (data) {
            skuData = data;
            this.setSkuBaseId(data.SKU_BASE_ID);
        },
        setShoppable: function() {
            if (!skuData) {
                return null;
            }
            if (brx.productData.isShoppable(skuData)) {
                addButtonNode.removeClassName("hidden");                
            } else {
                addButtonNode.addClassName("hidden");                               
            }
        }
    };
};

brx.productData = {
    isShoppable : function(skuData) {
        return skuData.INVENTORY_STATUS && skuData.INVENTORY_STATUS == 1;
    },
    isTempOutOfStock: function(skuData) {
        return skuData.INVENTORY_STATUS && skuData.INVENTORY_STATUS == 2;
    },
    isComingSoon: function(skuData) {
        return skuData.INVENTORY_STATUS && skuData.INVENTORY_STATUS == 3;
    },
    isInactive: function(skuData) {
        return skuData.INVENTORY_STATUS && skuData.INVENTORY_STATUS == 5;
    },
    isSoldOut: function(skuData) {
        return skuData.INVENTORY_STATUS && skuData.INVENTORY_STATUS == 7;
    }
};

brx.productView.cartOverlay = {
    getMessage: function(cartMethod) {
        if (!cartMethod) {
            return null;
        }
        var rbLanguageHash = generic.rb('language');
        var msgs = {
            "add": rbLanguageHash.get("the_following_added_to_cart_txt")
        };
        if (msgs[cartMethod]) {
            return msgs[cartMethod];
        } else {
            return null;
        }
    },
    launch: function(cartResponseObj) {
        if (typeof cartResponseObj.getItem !== "function") {
            return;
        }
        
        /* WDR 6/9/11: Tweaked for CL */
        var cartItem = cartResponseObj.getItem();
        cartItem.totalCartItems = generic.checkout.cart.getTotalShoppedItems(); // this will return 0 until response to cart JSON-RPC is modified to include user transaction data
        var cartMethod = cartResponseObj.getMethod();
        cartItem.cartMessage = this.getMessage(cartMethod);

        generic.templatefactory.get({path:"/templates/cart-overlay.tmpl", forceReload: true}).evaluateCallback({
            object: cartItem,
            callback: function(html) {
            	// WDR: IE was unhappy trying to use the "clonePosition" method off of the 
            	// "lockToDomNode" option.  So I redid this to just calc the left offset directly,
            	// based on the left edge of the header.
        		var anchorNode = $("header");
        		var pos = anchorNode.viewportOffset();
        		var leftPos = pos.left + 640 + 'px';
        		var topPos = '45px';

                generic.overlay.launch({
                    content: html,
                    includeBackground: false,
                    includeCloseLink: true,
                    lockPosition: true,
                    cssClass: "cart-box",
                    cssStyle: {
                        width: "325px", 
                        top: topPos, 
                        left: leftPos
                    },
                    center: false
                });
                createLwPopupLinks();
                anchorNode.scrollIntoView();
                setTimeout("generic.overlay.hide()",10000);
            }
        });
    }
};

document.observe("cart:updated", function(cartEvt) {
    var cartResponseObj = cartEvt.memo;
    brx.productView.cartOverlay.launch(cartResponseObj);
});


brx.productView.favoritesMessageDisplay = {
    getMessage: function(jsonRpcResponse) {
        if (!jsonRpcResponse) {
            return null;
        }
        var textObj = {};
        var rbLanguageHash = generic.rb('language');
        var cartResults = jsonRpcResponse.getCartResults();
        var cartItem = cartResults.getItem();

        var msgHash = {
            name: cartItem.product.PROD_RGN_NAME + ' ',
            text: rbLanguageHash.get('success.add_sku.collection')
        };
        var shadename = cartItem.product.sku.SHADENAME;
        if (shadename) {
            msgHash.name += shadename + " ";
        };                    
        textObj.text = msgHash.name + ' ' + msgHash.text;
        
        return textObj;
    },
    launch: function(jsonRpcResponse) {
        var textObj = this.getMessage(jsonRpcResponse);        
        generic.templatefactory.get({path: "/templates/favorites-results.tmpl"}).evaluateCallback({
            object: textObj,
            callback: function(html) {
                generic.overlay.launch({
                    content: html,
                    includeBackground: false,
                    lockPosition: true,
                    cssStyle: {
                        width: "340px"
                    }
                });                
                // Add click event to favorites close button
                var closeNode = $('favorites-message').select("a.close-btn");
                closeNode[0].observe("click", function(e) {
                    e.preventDefault();
                    generic.overlay.hide();
                });
            }
        });
    }
};

document.observe("favorites:updated", function(cartEvt) {
    brx.productView.favoritesMessageDisplay.launch(cartEvt.memo);
});


brx.productView.filterTable = function (args) {
    var initFilterChangeEvent = function(selectNode){
        var self = this;
        selectNode.observe('change', function (evt) {
            // evt.target.fire("table:filter", evt.target);
            that.filter(evt.target);
        });
    };
    var filterNodes = new Hash();
    var sortNode = null;
    var tableData;
    var that = {};
    /**
     * This method builds the HTML select menu node.
     * @methodOf brx.filter
     * @param {Node} args.filterMenuContainerNode the node where the filter menus will be inserted
     */
    that.createMenus = function(args) {
        var self = this;
        var options = Object.extend({
            filterMenuContainerNode: null,
            tableData: null,
            menuMetaData: null,
            menuWidth: 130 }, args || {});
        for (var i in options) {
            if (options[i] === null) {
                return null;
            }
        }
        tableData = options.tableData;
        var getMenuElements = function(){
            var menus = [];
            options.menuMetaData.filters.each(function(filterObj){
                var slct = initFilterMenu({
                    field: filterObj.field,
                    label: filterObj.label
                });
                if (slct) {
                    menus.push({label: "" + filterObj.label + brx.rb.language.filterBy + ':', node: slct});
                }
            });
            return menus;
        };
        var initFilterMenu = function(menuArgs){
            //args.tableData args.field args.label args.menuWidth
            var fields = menuArgs.field.split('::');
            var menuOptions = getMenuOptions(fields);
            if (menuOptions) {
                return buildFilterMenu({
                    menuOptions: menuOptions,
                    fieldName: menuArgs.field,
                    menuLabel: menuArgs.label });
            } else {
                return null;
            }
        };
        var buildFilterMenu = function(buildArgs) {
            var slct = new Element("select", {
                'class' : "width_" + options.menuWidth,
                id : buildArgs.fieldName,
                name : buildArgs.fieldName
            });
            var opt = new Element("option", { value : "" });
            opt.insert( brx.rb.language.all );
            slct.insert(opt);
            buildArgs.menuOptions.each( function(val) {
                opt = new Element("option", {
                    value : val
                })
                opt.insert(val);
                slct.insert(opt);
            });
            return slct;
        };
        var getMenuOptions = function(fields){
            var menuOptions = [];
            for (var i = 0, len = fields.length; i<len; i++) {
                var fieldName = fields[i];
                options.tableData.each(function(record){
                    var menuVal = record[fieldName];
                    if (menuVal) {
                        menuOptions.push(menuVal);
                    }
                });
                menuOptions = $A(menuOptions).uniq();
                if (menuOptions.length < 2) {
                    return null;
                }
                return menuOptions;
            }
        };

        var filterMenuObjects = getMenuElements();

        if (filterMenuObjects.length > 0) {
            filterMenuObjects.each(function(record){
                var lbl = new Element('label', {'class':'filterby'});
                lbl.insert(record.label);
                options.filterMenuContainerNode.insert(lbl);
                var slct = record.node;
                options.filterMenuContainerNode.insert(slct);
                self.addFilterNode(slct, slct.name);
            });
        }
    }; // createMenus
    that.addFilterNode = function (selectNode, field) {
      // if (this.validateSelectNode(selectNode)) {
        filterNodes.set(field, selectNode);
        // }
        initFilterChangeEvent(selectNode);
    };

    /**
     * This function registers a select menu as a Sort control for the table.
     * @param {Node} selectNode the select node
     * @param {string} field the name of the field on which this menu will filter.
     * The field must be the name of a top-level property of a tableData item. For example,
     * a table displaying Product items might sort on a field Product.PROD_RGN_NAME.
     * The parameter passing in this case would be "PROD_RGN_NAME".
     * @methodOf productPage.FilterTable
     */
    that.addSortNode = function (selectNode, field) {
        sortNode = selectNode;
        initFilterChangeEvent(selectNode);
    };
    
    /**
     * This method creates an HTML select menu node, add options, and insert the select menu
     * in the DOM.
     * @param {Node} args.containerNode the node into which the sort menu will be inserted
     * @param {number} args.menuWidth width in pixels of a custom menu to be rendered
     * the select menu takes this number and assigns the node a class of that width.
     * @param {string} args.selectNodeID the ID that will be given to the the select menu node
     * @param {Array} args.sortMenuArray an array of JS Hash objects. These objects define the options that
     * are inserted into the menu - the format must be { field: *string*, label: *string* } where
     * field is the sorting property and label is the text displayed in the menu.
     * @methodOf productPage.FilterTable
     * @returns {Node} the select menu
     */
    that.buildSortMenu = function(args) {
        if (!args.containerNode) {
            return;
        }
        options = Object.extend({
            menuWidth: 100,
            selectNodeID: "sort-menu"
        }, args || {});
        var slct = new Element("select", {
            'class': "width_" + options.menuWidth,
            id: options.selectNodeID,
            name: options.selectNodeID });
        options.sortMenuArray.each(function(sortMenuRecord){
            slct.insert(new Element("option", {
                value: sortMenuRecord.field,
                selected: "selected" }).insert(sortMenuRecord.label));
        });
        options.containerNode.insert(slct);
        return slct;
    };
    
    
    
    /**
     * This function reads the values from filtering and sorting menus, puts the
     * requested items into an array and then passes that array to the build function.
     * It is called when the user changes a filter or sort criteria menu.
     * @methodOf productPage.FilterTable
     */
    that.filter = function() {
        var self = this;
        var filterFunctions = function(field){
            return function(valueToFind, valueToSearch){
                return valueToSearch === valueToFind;
            };
        };
        //
        // iterate through the data and filter out non-matching items
        tableData.each(function(item){
            item.display = false;
            //
            // the keys of the filter_node hash are the names of the fields
            // we are going to filter
            filterNodes.keys().each(function(menuName){
                //
                // menuName can contain multiple field names separated by '::'
                var fields = menuName.split('::');
                var menuValue = $F(filterNodes.get(menuName));
                for (var i=0, len=fields.length; i<len; i++) {
                    var field = fields[i];
                    //
                    // if the data fails the test and if the menu option value
                    // is a non-empty string, do not display the item
                    if (menuValue.length < 1 || filterFunctions(field)(menuValue, item[field])) {
                        item.display = true;
                        break;
                    } else {
                        item.display = false;
                    }
                }
                if (!item.display) {
                    throw $break;
                }
            });
        });
        // Sort data. The menu option value is the name of a product field.
        if (sortNode) {
            var sortCriteria = $F(sortNode);
            if (tableData[0].hasOwnProperty(sortCriteria)) {
                tableData = tableData.sortBy(function(p){
                    return p[sortCriteria];
                });
            }
        }
        this.build(tableData);
    };
    
    return that;
};