var PropertyTabsHandler = {

    propertyTabs : '',
    tabsListItems : '',
    tabsItems : '',

    /*
     * Initialize Property Filter Handling
     * If view has Property Filters Form add the event event listeners and add the filters
     */
    init : function () {

        PropertyTabsHandler.propertyTabs = document.getElementById('property-tabs');

        if(isset(PropertyTabsHandler.propertyTabs)){


            PropertyTabsHandler.tabsListItems = PropertyTabsHandler.propertyTabs.querySelectorAll('.tabs-nav li');
            PropertyTabsHandler.tabsItems = PropertyTabsHandler.propertyTabs.querySelectorAll('.tab-placeholder .tab');

            var tabsListItemsLength = PropertyTabsHandler.tabsListItems.length;
            for(var i = 0; i < tabsListItemsLength; i++){

                PropertyTabsHandler.tabsListItems[i].addEventListener('click', function () {
                    PropertyTabsHandler.setTab(this.getAttribute('data-tab'));
                });
            }

            document.querySelector('#main-property-text .read-more').addEventListener('click', function () {
                document.getElementById('main-property-text').classList.add('open');
            });

        }
    },

    setTab : function (tabName) {


        // Set Tab List item
        var tabsListItemsLength = PropertyTabsHandler.tabsListItems.length;
        for(var i = 0; i < tabsListItemsLength; i++){

            var loopTabListItem = PropertyTabsHandler.tabsListItems[i];

            if(loopTabListItem.getAttribute('data-tab') === tabName){
                loopTabListItem.classList.add('active');
            }
            else{
                loopTabListItem.classList.remove('active');
            }
        }

        // Set Tab item
        var tabsItemsLength = PropertyTabsHandler.tabsItems.length;
        for(var j = 0; j < tabsItemsLength; j++){

            var loopTabItem = PropertyTabsHandler.tabsItems[j];

            if(loopTabItem.getAttribute('data-tab') === tabName){
                loopTabItem.classList.add('active');
            }
            else{
                loopTabItem.classList.remove('active');
            }
        }

    }

};

PropertyTabsHandler.init();