﻿/*
 * @author: Alexander Myadzel <aem@teletype.ru>
 * @modified: n/a
 *
 */

var Catalogue = {

    ON_CLOSE_POPUP_CALLBACK: null,
    IS_POPUP_OPEN: false,
    
    oTable: null,
    aOpenedFormsWrap: [],
    
    iProductToCartCurrentID: null,
    
    listenEscape: function(oEvent)
    {
        var oEvent = getEvent(oEvent);
        var iKeyCode = oEvent.keyCode || oEvent.which;

        if (iKeyCode == 27) {
            stopEvent(oEvent); 
            Catalogue.ON_CLOSE_POPUP_CALLBACK.apply(null);
        }
    },
    
    trackPopupClickOut: function(oEvent)
    {
        var oEvent = getEvent(oEvent);
        var oEventElement = getEventElement(oEvent);

        if (Catalogue.IS_POPUP_OPEN) {
            var bDoClose = true;
            while (oEventElement = oEventElement.parentNode) {
                if (oEventElement.id == 'popup-outer-wrap') {
                    bDoClose = false;
                    return;
                }
            }
            if (bDoClose) {
                Catalogue.clearPopup();
            }
        }
    },
    
    clearPopup: function()
    {
        $$('popup-outer-wrap').className = 'none';
        $$('popup-placeholder').innerHTML = '';
        Catalogue.IS_POPUP_OPEN = false;
    },
    
    makePopup: function()
    {
        if ($$('popup-content-src')) {
            addEvent($$('popup-starter-img'), 'click', Catalogue.proceedPopup);
            addEvent($$('popup-starter'), 'click', Catalogue.proceedPopup);
        }
    },
    
    proceedPopup: function(oEvent)
    {
        var oEvent = getEvent(oEvent);
        stopEvent(oEvent);
        
        $$('popup-placeholder').innerHTML = $$('popup-content-src').innerHTML;
        $$('popup-outer-wrap').className = 'block';
        
        addEvent($$('popup-closer'), 'click', Catalogue.clearPopup);
        
        addEvent(document, 'click', Catalogue.trackPopupClickOut);
        addEvent(document, 'keydown', Catalogue.listenEscape);
        
        Catalogue.IS_POPUP_OPEN = true;
    },

    paintOO: function(oEvent)
    {
        var oEvent = getEvent(oEvent);
        var oEventElement = getEventElement(oEvent);
        
        var sID = '';
        var oElement = oEventElement;
        while (oElement.tagName.toLowerCase() != 'tr') {
            oElement = oElement.parentNode;
        }

        if (oEvent.type == 'mouseover') {

            try {
                sID = getElementsByClassName('product-add-cart-preview-wrap', oElement)[0].id;
                if (Catalogue.iProductToCartCurrentID != sID) {
                    Catalogue.resetMessageBox(oElement);
                    Catalogue.iProductToCartCurrentID = sID;
                }
            } catch (oException) {}

            if (oElement.className.search(/in-cart/) != -1) {
                oElement.className = 'in-cart-over';
            } else {
                oElement.className = 'over';
            }
            Catalogue.shAddToCartBox(oElement, 'show');
        } else if (oEvent.type == 'mouseout')  {

            if (oElement.className.search(/in-cart/) != -1) {
                oElement.className = 'in-cart';
            } else {
                oElement.className = null;
            }
            Catalogue.shAddToCartBox(oElement, 'hide');
        } 
    },

    resetMessageBox: function(oTableRowElement)
    {
        var oForm = oTableRowElement.getElementsByTagName('form')[0];
        removeClassName(oForm, 'none');
        var oMessage = getElementsByClassName('message', oTableRowElement)[0];
        oMessage.innerHTML = '';
        addClassName(oMessage, 'none');
    },

    shAddToCartBox: function(oElement, sAction)
    {
        try {
            var oAddToCart = getElementsByClassName('product-add-cart-preview', oElement)[0];
            var sClassName = (sAction == 'hide' ? 'none' : 'block') + ' product-add-cart-preview';
            oAddToCart.className = sClassName;
        } catch (oException) {
            //
        }
        
    },    
     
    addProductsByAjax: function()
    {
        var oThis = this;
        
        if (!getElementsByClassName('add-to-cart').length) {
            return;
        }
        
        if (!getElementsByClassName("products-list").length && !getElementsByClassName("product-page").length) {
            return;
        }
        
        if (getElementsByClassName("products-list").length) {
            var oFormsAvailable = getElementsByClassName('products-list')[0].getElementsByTagName('form');
            for (var i = 0; i < oFormsAvailable.length; i++) {
                var oForm = oFormsAvailable[i];
                if (!hasClassName(oForm.parentNode, 'brands-filter')) {
                    addEvent(oForm, 'submit', function(oEvent){ 
                        oThis.addProductSubmit(oEvent);
                    });
                }
            }
        }
        
        if (getElementsByClassName("product-page").length) {
            var oFormAvailable = getElementsByClassName('product-page')[0].getElementsByTagName('form')[0];
            addEvent(oFormAvailable, 'submit', function(oEvent){ 
                oThis.addProductSubmit(oEvent);
            });
        }
    },
    
    addProductSubmit: function(oEvent)
    {
        var oEvent = getEvent(oEvent);
        stopEvent(oEvent);

        var oEventElement = getEventElement(oEvent);

        var oAjaxProvider = new Ajax('/services/');
        oAjaxProvider.addParameter('action', 'cart');
        oAjaxProvider.setMethod('get');
        
        var oInputs = oEventElement.getElementsByTagName('input');
        for (var i = 0; i < oInputs.length; i++) {
            oAjaxProvider.addParameter(oInputs[i].name, oInputs[i].value);
            oInputs[i].disabled = true;
        }    
        
        oAjaxProvider.setCallbackHandler(Catalogue.addProductHandler);
        oAjaxProvider.setCallbackErrorHandler(Catalogue.addProductErrorHandler);
        
        oAjaxProvider.transfer();
    },
    
    addProductHandler: function(oResponse)
    {
        Catalogue.enableP2CInputs(this);
        
        var sJSON = oResponse.responseText.toString().replace(/while\(1\);/g, '');
        var oJSON = eval('(' + sJSON + ')');
        
        var oDivToCart = $$('p2c_' + oJSON.product_id);

        var oForm = oDivToCart.getElementsByTagName('form')[0];
        var oFormQuantity = getElementsByClassName('quantity', oForm)[0];

        var oMessage = getElementsByClassName('message', oDivToCart)[0];

        if (oJSON.cart_product_count > 0) {
            $$('cart-info').innerHTML = 
                oJSON.cart_product_count + '&#160;' + 
                getRightCase(oJSON.cart_product_count, ['позиция', 'позиции', 'позиций']);
        }
        
        //product page
        if (getElementsByClassName("product-page").length) {
            var oFormSubmitLabel = oForm.getElementsByTagName('span')[0].getElementsByTagName('input')[0];
            oMessage.innerHTML = '';
            if (oJSON.quanity_in_order > 0) {
                oFormQuantity.value = oJSON.quanity_in_order;
                removeClassName(oMessage, 'none');
                oFormSubmitLabel.value = 'обновить';
                addClassName(oDivToCart, 'in-cart');
                oMessage.innerHTML = 'Готово, в заказе ' + oJSON.quanity_in_order + ' ' + 
                getRightCase(oJSON.quanity_in_order, ['штука', 'штуки', 'штук']);
            } else if (oJSON.quanity_in_order == 0 && hasClassName(oDivToCart, 'in-cart')) {
                removeClassName(oDivToCart, 'in-cart');
                oFormQuantity.value = 1;
                oMessage.innerHTML = 'Готово, удалено из заказа';
                oFormSubmitLabel.value = 'добавить';
            } else {
                addClassName(oMessage, 'none');
                removeClassName(oDivToCart, 'in-cart');
                oFormQuantity.value = 1;
                oFormSubmitLabel.value = 'добавить';
            }
        }
        
        //from rows
        if (getElementsByClassName("products-list").length) {
            var oFormQuantityLabel = oForm.getElementsByTagName('span')[0];
            var oFormSubmitLabel = oForm.getElementsByTagName('span')[2].getElementsByTagName('input')[0];
            
            var oTableRow = getParentElement(oDivToCart, 'tr');
            var oDivRow = oDivToCart.parentNode;
            
            if (oJSON.quanity_in_order > 0) {

                addClassName(oForm, 'none');
                addClassName(oTableRow, 'in-cart');
                
                if (oDivRow) {
                    addClassName(oDivRow, 'in-cart');
                }
                
                oMessage.innerHTML = 'Готово, в заказе ' + oJSON.quanity_in_order + ' ' + getRightCase(oJSON.quanity_in_order, ['штука', 'штуки', 'штук']);
                
                removeClassName(oMessage, 'none');
                oFormQuantity.value = oJSON.quanity_in_order;
                oFormQuantityLabel.innerHTML = 'Уже в заказе';
                oFormSubmitLabel.value = 'обновить';
            } else if (oJSON.quanity_in_order == 0 && (hasClassName(oTableRow, 'in-cart-over') || hasClassName(oTableRow, 'in-cart')) || (oDivRow && (hasClassName(oDivRow, 'in-cart-over') || hasClassName(oDivRow, 'in-cart')))) {
                $$('cart-info').innerHTML = 'пусто';
               
                addClassName(oForm, 'none');
                removeClassName(oTableRow, 'in-cart');
                
                if (oDivRow) {
                    removeClassName(oDivRow, 'in-cart');
                }
                
                oMessage.innerHTML = 'Готово, удалено из заказа';
                removeClassName(oMessage, 'none');
                
                oFormQuantity.value = 1;
                oFormQuantityLabel.innerHTML = 'Сколько заказать';
                oFormSubmitLabel.value = 'да';
            } else {
                oFormQuantity.value = 1;
            }

        }

    },
    
    addProductErrorHandler: function()
    {
        Catalogue.enableP2CInputs(this);
    },

    enableP2CInputs: function(oRequest)
    {
        var sRelatedObjectId;
        for (var i = 0; i < oRequest.aParameters.length; i++) {
            if (oRequest.aParameters[i].key == 'productId') {
                sRelatedObjectId = "p2c_" + oRequest.aParameters[i].value;
                break;
            }
        }
        var aInputs = $$(sRelatedObjectId).getElementsByTagName('input');
         for (var i = 0; i < aInputs.length; i++) {
            aInputs[i].disabled = false;
        }
    },  

    makeProductsOO: function()
    {
        //TODO: paint in CSS :hover
        try {    
            Catalogue.oTable = getElementsByClassName('products-table')[0];
            var aElements = Catalogue.oTable.getElementsByTagName('tr');
            for (var i = 0; i < aElements.length; i++) {
                var oElement = aElements[i];
                addEvent(oElement, 'mouseover', Catalogue.paintOO);
                addEvent(oElement, 'mouseout', Catalogue.paintOO);
            }
        } catch (oException) {
            //
        }
    },
    
    addToCart: function()
    {
        try {
            var oDocumentForLogged = getElementsByClassName('is-logged-user')[0];
            var oTableProductForLogged = getElementsByClassName('products-list', oDocumentForLogged)[0];
            if (oTableProductForLogged) {
                var aAddToCartObjects = getElementsByClassName('price-value', oTableProductForLogged);
                for (var i = 0; i < aAddToCartObjects.length; i++) {
                    addEvent(aAddToCartObjects[i], 'click', Catalogue.addToCartSH);
                }
            }
        } catch (oException) {}
    },
    
    addToCartGetParentObject: function(oElement)
    {
        var oElement = oElement;
        while (oElement.tagName.toLowerCase() != 'div') {
            oElement = oElement.parentNode;
        }
        return oElement;
    },
    
    addToCartSH: function(oEvent)
    {
        var oEvent = getEvent(oEvent);
        var oEventElement = getEventElement(oEvent);

        try {
            var oParentObject = Catalogue.addToCartGetParentObject(oEventElement);
            if (oParentObject) {
                var oFormWrap = getElementsByClassName('product-add-cart-preview', oParentObject)[0];
                
                Catalogue.resetMessageBox(oFormWrap);
                
                if (oFormWrap && oFormWrap.offsetHeight) {
                    oFormWrap.className = 'product-add-cart-preview none';
                } else {
                    Catalogue.addToCartHideAll();

                    oFormWrap.className = 'product-add-cart-preview';
                    Catalogue.aOpenedFormsWrap.push(oFormWrap);
                }
            }
            
        } catch (oException) {}

    },
    
    addToCartHideAll: function()
    {
        if (Catalogue.aOpenedFormsWrap) {
            for (var i = 0; i < Catalogue.aOpenedFormsWrap.length; i++) {
                Catalogue.aOpenedFormsWrap[i].className += ' none';
            }
            Catalogue.aOpenedFormsWrap = [];
        }
    },

    init: function()
    {
        Catalogue.ON_CLOSE_POPUP_CALLBACK = Catalogue.clearPopup;

        Catalogue.makePopup();
        Catalogue.makeProductsOO();

        Catalogue.addToCart();
        
        Catalogue.addProductsByAjax();
    }
    
}

addEvent(window, 'load', Catalogue.init);