YAHOO.namespace("SitNSleep.Widget");

(function() {
    var AVAILABLE = "available";
    var CHECKING = "checking";
    var UNAVAILABLE = "unavailable";
    var STORES_ONLY = "stores_only";
    var OUT_OF_STOCK = "out_of_stock";
    var UNKNOWN = "unknown";

    var STATES = { UNAVAILABLE: "Unavailable", UNKNOWN: "Unknown", CHECKING: "Checking", WAITING: "Waiting", CAN_SHIP: "CanShip", NO_SHIP: "NoShip" };
    var CLASSES = { UNAVAILABLE: "AvailabilityUnavailable", UNKNOWN: "AvailabilityUnknown", CHECKING: "AvailabilityChecking", WAITING: "AvailabilityUnknown", CAN_SHIP: "AvailabilityShipsTo", NO_SHIP: "AvailabilityNoShip" };

    YAHOO.SitNSleep.Widget.OptionsController = function(productsContainer, optionsContainer, productTags, cfg) {


        cfg = (cfg) ? cfg : {};
        this.optionsWrapper = (cfg.optionsWrapper) ? new YAHOO.util.Element(cfg.optionsWrapper) : null;
        this.optionsWrapper.addClass("Hidden");
        this.productsWrapper = (cfg.productsWrapper) ? new YAHOO.util.Element(cfg.productsWrapper) : null;
        this.productsWrapper.addClass("Hidden");
        this.productsContainer = YAHOO.util.Dom.get(productsContainer);
        this.optionsContainer = YAHOO.util.Dom.get(optionsContainer);
        this.productTags = productTags;
        this.product = this.productTags[0];
        this.option = this.product.options[0];
        this.availabilityContainer = (cfg.availabilityContainer) ? new YAHOO.util.Element(cfg.availabilityContainer) : null;
        this.availabilityMessageContainer = (cfg.availabilityMessageContainer) ? new YAHOO.util.Dom.get(cfg.availabilityMessageContainer) : null;
        this.addToCartContainer = (cfg.addToCartContainer) ? new YAHOO.util.Element(cfg.addToCartContainer) : null;
        this.totalContainer = (cfg.totalContainer) ? new YAHOO.util.Element(cfg.totalContainer) : null;
        this.discountContainer = (cfg.discountContainer) ? new YAHOO.util.Element(cfg.discountContainer) : null;
        this.subTotalLabel = (cfg.subTotalLabel) ? YAHOO.util.Dom.get(cfg.subTotalLabel) : null;
        this.zipForm = (cfg.zipForm) ? YAHOO.util.Dom.get(cfg.zipForm) : null;
        this.discountLabel = (cfg.discountLabel) ? YAHOO.util.Dom.get(cfg.discountLabel) : null;
        this.zipForm = (cfg.zipForm) ? YAHOO.util.Dom.get(cfg.zipForm) : null;
        this.zipFormButton = (cfg.zipFormButton) ? YAHOO.util.Dom.get(cfg.zipFormButton) : null;
        this.zipField = (cfg.zipField) ? YAHOO.util.Dom.get(cfg.zipField) : null;
        this.shippingCheckContainer = (cfg.shippingCheckContainer) ? new YAHOO.util.Element(cfg.shippingCheckContainer) : null;
        this.locationsUrl = (cfg.locationsUrl) ? cfg.locationsUrl : "/locations";
        this.phoneNumber = (cfg.phoneNumber) ? cfg.phoneNumber : "/locations";

        this.productSelected = (cfg.productSelected) ? cfg.productSelected : "null";
        //alert(cfg.subTotalLabel);

        YAHOO.util.Event.addListener(this.zipFormButton, "click", this.handleZipButtonEvent, this, true);
        YAHOO.util.Event.addListener(this.zipField, "keydown", this.handleZipFieldEvent, this, true);
        
        //@@PRODUCT SELECTED CHANGE    
        //this.updateSubTotal();
        this.buildProducts(this.productTags, this.productSelected);
        this.buildOptions(this.product.options, (this.product.available));
        
        //MOVE AFTER butildProducts
        this.updateSubTotal();

        this.setState(STATES.UNKNOWN);
    };

    YAHOO.SitNSleep.Widget.OptionsController.prototype = {

        setZip: function(zip) {
            if (this.state != STATES.UNAVAILABLE && this.state != STATES.UNKNOWN) {
                if (null != zip && "" != zip) {
                    this.zip = zip;
                    this.setState(STATES.CHECKING);
                    this.checkZip(this.zip, this.product, this.option);
                }
            }
        },

        handleZipSuccess: function() {
            if (this.state == STATES.CHECKING) {
                this.setState(STATES.CAN_SHIP);
            }
        },

        handleZipFailure: function() {
            if (this.state == STATES.CHECKING) {
                this.setState(STATES.NO_SHIP);
            }
        },

        checkAvailability: function() {
            if (this.state == STATES.UNKNOWN) {
                if (this.product.available && (null == this.option || this.option.available)) {
                    this.setState(STATES.WAITING);
                }
                else {
                    this.setState(STATES.UNAVAILABLE);
                }
            }
        },

        changeOption: function(option) {
            this.option = option;
            this.updateSubTotal();
            this.setState(STATES.UNKNOWN);
        },

        changeProduct: function(product) {
            this.product = product;
            this.showOptionsForProduct();
            this.updateSubTotal();
            this.setState(STATES.UNKNOWN);
        },

        setState: function(state) {
            switch (state) {
                case STATES.WAITING:
                    this.state = STATES.WAITING;
                    this.setDisplay(STATES.WAITING);
                    if (null != this.zip && "" != this.zip) {
                        this.setZip(this.zip);
                    }
                    break;
                case STATES.CAN_SHIP:
                    this.state = STATES.CAN_SHIP;
                    this.setDisplay(STATES.CAN_SHIP);
                    break;
                case STATES.NO_SHIP:
                    this.state = STATES.NO_SHIP;
                    this.setDisplay(STATES.NO_SHIP);
                    break;
                case STATES.CHECKING:
                    this.state = STATES.CHECKING;
                    this.setDisplay(STATES.CHECKING);
                    break;
                case STATES.UNKNOWN:
                    this.state = STATES.UNKNOWN;
                    this.setDisplay(STATES.UNKNOWN);
                    this.checkAvailability();
                    break;
                case STATES.UNAVAILABLE:
                    this.state = STATES.UNAVAILABLE;
                    this.setDisplay(STATES.UNAVAILABLE);
                    break;
            }
        },

        setDisplay: function(state) {

            this.addToCartContainer.removeClass("Hidden");
            this.totalContainer.removeClass("Hidden");



            this.shippingCheckContainer.removeClass("Hidden");
            this.availabilityContainer.removeClass(CLASSES.CAN_SHIP);
            this.availabilityContainer.removeClass(CLASSES.CHECKING);
            this.availabilityContainer.removeClass(CLASSES.NO_SHIP);
            this.availabilityContainer.removeClass(CLASSES.UNAVAILABLE);
            this.availabilityContainer.removeClass(CLASSES.UNKNOWN);
            this.availabilityContainer.removeClass(CLASSES.WAITING);

            switch (state) {
                case STATES.WAITING:
                    this.availabilityContainer.addClass(CLASSES.WAITING);
                    this.availabilityMessageContainer.innerHTML = "Enter a zip code to check availability:";
                    break;
                case STATES.CAN_SHIP:
                    this.availabilityContainer.addClass(CLASSES.CAN_SHIP);
                    this.availabilityMessageContainer.innerHTML = "Available to ship to <span>" + this.zipCode + "</span>";
                    break;
                case STATES.NO_SHIP:
                    this.availabilityContainer.addClass(CLASSES.NO_SHIP);
                    this.addToCartContainer.addClass("Hidden");
                    this.availabilityMessageContainer.innerHTML = "Does not ship to zip code: <span>" + this.zipCode + "</span>";
                    break;
                case STATES.CHECKING:
                    this.availabilityContainer.addClass(CLASSES.CHECKING);
                    this.availabilityMessageContainer.innerHTML = "Checking Availability";
                    break;
                case STATES.UNKNOWN:
                    this.availabilityContainer.addClass(CLASSES.UNKNOWN);
                    this.availabilityMessageContainer.innerHTML = "Enter a zip code to check availability:";
                    break;
                case STATES.UNAVAILABLE:
                    this.availabilityContainer.addClass(CLASSES.UNAVAILABLE);
                    this.totalContainer.addClass("Hidden");
                    this.addToCartContainer.addClass("Hidden");
                    this.shippingCheckContainer.addClass("Hidden");
                    this.availabilityMessageContainer.innerHTML = "<strong>Not Available Online</strong> - call us at <strong style='white-space:nowrap;'>" + this.phoneNumber + "</strong> or visit one of <span><a href='" + this.locationsUrl + "'>our locations</a></span>";
                    break;
            }
        },


        handleProductClick: function(ev, index) {
            this.changeProduct(this.productTags[index]);
        },

        handleOptionClick: function(ev, option) {
            this.changeOption(option);
        },

        handleZipButtonEvent: function(ev) {
            YAHOO.util.Event.preventDefault(ev);
            this.setZip(this.zipField.value);
        },

        handleZipFieldEvent: function(ev) {
            if (13 == ev.keyCode) {
                YAHOO.util.Event.preventDefault(ev);
                this.setZip(this.zipField.value);
            }
        },

        updateSubTotal: function() {
            //alert('Update SubTotal');
            var total = 0.0;
            if (this.product && this.product.price) {
                total += parseFloat(this.product.price);
            }
            if (this.option && this.option.price) {
                total += parseFloat(this.option.price);
            }
            this.subTotalLabel.innerHTML = YAHOO.util.Number.format(total, { prefix: "$", decimalPlaces: 2, decimalSeparator: "." });

            if (this.product.priceMSRP > 0.0) {
                this.discountLabel.innerHTML = YAHOO.util.Number.format(this.product.priceMSRP - this.product.price, { prefix: "-$", decimalPlaces: 2, decimalSeparator: "." });
                //alert(this.discountLabel.innerHTML);
                this.discountContainer.removeClass("Hidden");


            }
            else {

                this.discountContainer.addClass("Hidden");


            }
        },

        buildProducts: function(productTags, productSelected) {

            //@@PRODUCT SELECTED
            //alert(this.productSelected);
            var selectedTitle = (this.productSelected) ? productSelected : null;
            //var selectedTitle = (this.selectedProduct) ? this.selectedProduct.title : null;

            //alert(selectedTitle);
            this.selectedProduct = null;
            var selectedIndex = 0;

            if (0 == productTags.length) {
                this.productsWrapper.addClass("Hidden");
            } else {
                this.productsWrapper.removeClass("Hidden");
            }

            for (var i = 0; i < productTags.length; i++) {
                //alert(productTags[i].title);
                if (productTags[i].title == selectedTitle) {

                    this.selectedProduct == productTags[i];

                    this.product = productTags[i];
                    selectedIndex = i;
                }
            }

            this.selectedProduct = productTags[selectedIndex];

            var productsHTML = "<table><tbody>";
            for (var i = 0; i < productTags.length; i++) {
                var fieldId = YAHOO.util.Dom.generateId();
                productTags[i].fieldId = fieldId;
                productsHTML += this.buildField(productTags[i], "productId", (selectedIndex == i), (productTags[i].available/* && productTags[i].inStock*/));
            }

            for (var i = 0; i < productTags.length; i++) {
                YAHOO.util.Event.addListener(productTags[i].fieldId, "click", this.handleProductClick, i, this);
            }
            productsHTML += "</tbody></table>";
            this.productsContainer.innerHTML = productsHTML;
        },

        buildOptions: function(optionTags, enabled) {

            var selectedTitle = (this.option) ? this.option.title : null;
            this.option = null;
            var selectedIndex = 0;

            if (0 == optionTags.length) {
                this.optionsWrapper.addClass("Hidden");
            } else {
                this.optionsWrapper.removeClass("Hidden");
            }

            for (var i = 0; i < optionTags.length; i++) {
                if (optionTags[i].title == selectedTitle) {
                    this.option == optionTags[i];
                    selectedIndex = i;
                }
            }

            this.option = optionTags[selectedIndex];
            var optionsHTML = "<table><tbody>";
            for (var i = 0; i < optionTags.length; i++) {
                var fieldId = YAHOO.util.Dom.generateId();
                optionTags[i].fieldId = fieldId;
                optionsHTML += this.buildField(optionTags[i], "optionId", (selectedIndex == i), enabled);
            }

            optionsHTML += "</tbody></table>";
            this.optionsContainer.innerHTML = optionsHTML;

            for (var i = 0; i < optionTags.length; i++) {
                YAHOO.util.Event.addListener(optionTags[i].fieldId, "click", this.handleOptionClick, optionTags[i], this);
            }

        },

        showOptionsForProduct: function() {
            this.buildOptions(this.product.options, (this.product.available/* && this.product.inStock*/));
        },

        buildField: function(product, fieldName, selected, enabled) {
            var productHTML;

            if (product.priceMSRP > 0.0) {
                productHTML = "<tr class=\""
                    + ((product.available) ? "Available" : "Unavailable")
                    + "\"><td><label><input id=\""
                    + product.fieldId
                    + "\""
                    + ((selected) ? " checked=\"checked\"" : "")
                    + ((enabled && product.available /*&& product.inStock*/) ? "" : " disabled=\"disabled\"")
                    + " name=\""
                    + fieldName
                    + "\" type=\"radio\" value=\""
                    + product.id
                    + "\" />"
                    + product.title
                    + "</label><img class='ProductSalePriceImage' src='/images/sale_blue_55x22.gif' alt='' height='22px' width='55px'/></td><td class='Number'>"
                    + "<div class='ProductStrikeThroughDescription'>Regularly <span class= 'ProductStrikeThrough' >"
                    + ((0.0 < parseFloat(product.priceMSRP)) ? YAHOO.util.Number.format(product.priceMSRP, { prefix: "$", decimalPlaces: 2, decimalSeparator: "." }) : "")
                    + "</span></div><div class='ProductSalePrice'>"
                    + ((0.0 < parseFloat(product.price)) ? YAHOO.util.Number.format(product.price, { prefix: "$", decimalPlaces: 2, decimalSeparator: "." }) : "")
                    + "</div></td></tr>";
            }
            else {
                productHTML = "<tr class=\""
                    + ((product.available) ? "Available" : "Unavailable")
                    + "\"><td><label><input id=\""
                    + product.fieldId
                    + "\""
                    + ((selected) ? " checked=\"checked\"" : "")
                    + ((enabled && product.available /*&& product.inStock*/) ? "" : " disabled=\"disabled\"")
                    + " name=\""
                    + fieldName
                    + "\" type=\"radio\" value=\""
                    + product.id
                    + "\" />"
                    + product.title
                    + "</label></td><td class='Number'>"
                    + ((0.0 < parseFloat(product.price)) ? YAHOO.util.Number.format(product.price, { prefix: "$", decimalPlaces: 2, decimalSeparator: "." }) : "")
                    + "</td></tr>";

            }

            return productHTML
        },

        checkZip: function() {
            this.zipCode = this.zipField.value;
            if (this.zipCode && this.zipCode != "") {
                this.shipsTo = CHECKING;
                var callback =
            {
                success: this.handleZipCheck,
                failure: this.handleZipCheck,
                scope: this
            }
                YAHOO.util.Connect.setForm(this.zipForm);
                var cObj = YAHOO.util.Connect.asyncRequest('GET', "/util/available-for-zip-code?", callback);
            }
        },

        handleZipCheck: function(response) {
            if (response.responseText == "true") {
                this.handleZipSuccess();
            }
            else {
                this.handleZipFailure();
            }
        },


        setZipCookie: function(zipCode) {
            var expirationDate = new Date();
            expirationDate.setDate(expirationDate.getDate() + 365); //expires one year from now
            YAHOO.util.Cookie.set("zipCode", zipCode, {
                expires: expirationDate
            });
        },

        getZipCookie: function() {
            return YAHOO.util.Cookie.get("zipCode");
        }

    };


})();