var productsStyleSwitcher = new function() {
    this.switchList = function (){
        runAjax(1);
        switchTo("productList");
        return false;
    };
    this.switchWindows = function(){
        runAjax(0);
        switchTo("product");
        return false;
    };
    this.switchList2 = function() {
        runAjax(1);
        switchTo2("s_productsList","s_products");
        return false;
    };
    this.switchWindows2 = function() {
        runAjax(0);
        switchTo2("s_products","s_productsList");
        return false;
    };
    var runAjax = function (val) {
        $.ajax({
            type: 'POST',
            url: '/ajax/set-product-view-setting',
            data: 'list='+val,
            dataType: 'html',
            success: function(data){
                //console.log(data);
            },
            error: function(data){
                //console.log(data);
                //window.open().document.write("<plaintext>"+JSON.stringify(data, null, 4));
            }
        });
    };
    var switchTo = function(className){
        var elems = document.querySelectorAll(".product");
        for(let i = 0; i < elems.length; i++){
            elems[i].className = className;
        }
        var elems = document.querySelectorAll(".productList");
        for(let i = 0; i < elems.length; i++){
            elems[i].className = className;
        }
        if( typeof HorizontalMenuMovement !== 'undefined' ) {
            HorizontalMenuMovement = new HorizontalMenuMovement("menuMovement");
        }
    };
    var switchTo2 = function(AddClassName,RemoveClassName) {
        $("."+RemoveClassName).removeClass(RemoveClassName).addClass(AddClassName);
        $(".change_"+AddClassName).hide();
        $(".change_"+RemoveClassName).show();
        if( typeof HorizontalMenuMovement !== 'undefined' ) {
            HorizontalMenuMovement = new HorizontalMenuMovement("menuMovement");
        }
    };
};