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';


    
    // For CoreMetrics - When adding to cart, track what category the item came from
    var cat_base_id;
    if (!cat_base_id && args.productCategoryId) {
        var matchResult = args.productCategoryId.match("CAT[0-9]+");
        if (matchResult) {
            cat_base_id = matchResult[0];
            cat_base_id = cat_base_id.match("[0-9]+")[0];
            console.log("CAT BASE from value last chance",cat_base_id );
        }
    }

    addButtonNode.observe("click", function(clickEvt) {
		//alert("onclicnk");
		//alert("args.addButtonNode----"+args.addButtonNode);
		//alert("skubaseid"+skuData.SKU_BASE_ID);
        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',
                CAT_BASE_ID: cat_base_id
            }                   
        } else {
            item_params = {
                skus: [skuBaseId],
                itemType: 'cart',
                INCREMENT: 1,
                CAT_BASE_ID: cat_base_id
            }
        }
        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 errorObjectsArray = r.getMessages();
                generic.showErrors(errorObjectsArray);
            }
        });
    });
    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 */
        /* WDR 9/12/11: Fixed (again) for multiple skus added */
        
        var cartMethod = cartResponseObj.getMethod();
        var totalCartItems = generic.checkout.cart.getTotalShoppedItems();
        var cartItem = cartResponseObj.getItem();
        var cartItems = cartResponseObj.getItems();
        
        var cartMessage = generic.rb('language').get('the_following_added_to_cart_txt');
        var cartInfo = {
        	totalCartItems: totalCartItems,
        	cartMessage: cartMessage
        };
        
        var cartRows = '';

		// Load these first.  We'll reference them below.
		// Doing both this way lets us leverage some multi-threads on the ajax end.
        var cartRowTmpl = generic.templatefactory.get({path:"/templates/cart-overlay-row.tmpl"});
        var cartOverlayTmpl = generic.templatefactory.get({path:"/templates/cart-overlay.tmpl", forceReload: true});

        cartRowTmpl.evaluateCallback({
        	callback: function(cartRowHtml) {
        		// When we're here, we know we have the cart row template.
        		// Loop thru our cart items and make the output rows.
        		$A(cartItems).each(function(item){
        			// If we have a collection id and no item type,
        			// this is probably just the repl item.  Skip it.
        			if ( item.COLLECTION_ID && !item.itemType ) {
        			}
        			else {
        				cartRows += cartRowTmpl.evaluate(item);
        			}
        		});
        		
        		// Add the rows to our main info object.
        		// Then we can get the main cart overlay and launch the thingy.
        		cartInfo.cartRowData = cartRows;
        		
                //NEED TO ADD THE GWP-OFFER OVERLAY HERE !
                
		        cartOverlayTmpl.evaluateCallback({
		        	object: cartInfo,
		        	callback: function(cartInfoHtml) {
		        		
		            	// 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: cartInfoHtml,
		                    includeBackground: false,
		                    includeCloseLink: true,
		                    lockPosition: true,
		                    cssClass: "cart-box",
		                    cssStyle: {
		                        width: "325px", 
		                        top: topPos, 
		                        left: leftPos
		                    },
		                    center: false,
                            fireOnClose:'dropcart:finished'
		                });
		                
		                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;
};