if (typeof Mxm == 'undefined') {
    var Mxm = {};
}

if (typeof Mxm.Catalogue == 'undefined') {
    Mxm.Catalogue = {};
}

Mxm.Catalogue.PointsTab = {

    activeTab : null,

    init : function () {
        this.setActiveClass($('activateFirstTab').up('li'), 'pointsTab');
        this.activateTab(0);

        $('activateFirstTab').observe('click', function(event) {
            Mxm.Catalogue.PointsTab.setActiveClass($('activateFirstTab').up('li'), 'pointsTab');
            Mxm.Catalogue.PointsTab.activateTab(0);
        });

        $('activateSecondTab').observe('click', function(event) {
            Mxm.Catalogue.PointsTab.setActiveClass($('activateSecondTab').up('li'), 'pointsTab');
            Mxm.Catalogue.PointsTab.activateTab(1);
        });

        $('activateThirdTab').observe('click', function(event) {
            Mxm.Catalogue.PointsTab.setActiveClass($('activateThirdTab').up('li'), 'pointsTab');
            Mxm.Catalogue.PointsTab.activateTab(2);
        });

        $('activateFourthTab').observe('click', function(event) {
            Mxm.Catalogue.PointsTab.setActiveClass($('activateFourthTab').up('li'), 'pointsTab');
            Mxm.Catalogue.PointsTab.activateTab(3);
        });
    },

    setActiveClass : function (clickedElm, tabListId) {
        objUl = $(tabListId);
        for( x = 0; x < objUl.childNodes.length; x++ ) {
            if (clickedElm == objUl.childNodes[x]) {
                objUl.childNodes[x].className = 'active';
            } else {
                objUl.childNodes[x].className = '';
            }
        }
    },

    activateTab : function (tabIndex) {
        objDivBlock = $('contRewardTab');
        objTabOne = $('rewardTabOne');
        objTabTwo = $('rewardTabTwo');
        objTabThree = $('rewardTabThree');
        objTabFour = $('rewardTabFour');
        switch(tabIndex){
            default:
            case 0:
                objTabOne.show();
                objTabTwo.hide();
                objTabThree.hide();
                objTabFour.hide();
                this.activeTab = objTabOne;
                break;

            case 1:
                objTabOne.hide();
                objTabTwo.show();
                objTabThree.hide();
                objTabFour.hide();
                this.activeTab = objTabTwo;
                break;

            case 2:
                objTabOne.hide();
                objTabTwo.hide();
                objTabThree.show();
                objTabFour.hide();
                this.activeTab = objTabThree;
                break;

            case 3:
                objTabOne.hide();
                objTabTwo.hide();
                objTabThree.hide();
                objTabFour.show();
                this.activeTab = objTabFour;
                break;
        }
    }
};