var MHHE = MHHE || {};

(function ($, MHHE) {
    $.extend(MHHE.pages, {
        assignment: {
                months : ['January', 'February', 'March', 'April',
                    'May', 'June', 'July', 'August',
                    'September', 'October', 'November', 'December'],
            init : function () {
                $('.container').on(MHHE.touch_click_event, '.togglebutton', function (e) {
                    var dateVal = $(this).attr('data-dateVal'),
                        $dateVal = $('.date_' + dateVal),
                        loaded = $dateVal.attr('data-loaded'),
                        expandCollapseBtn = $('img.assignmentSprite', $(this)),
                        ajaxUrl, classList, dateValues, monthYear;
                    e.preventDefault();

                    if(dateVal === 'no_due') {
                        ajaxUrl = '/mconnect/section/' + MHHE.getProperty('sectionId') + '/assignmentsWithoutDue';
                        classList = 'no_due_collapse no_due_expand';
                        MHHE.logWTParams(["DCSext.tb_month_course",dateVal]);
                    } else {
                        dateValues = dateVal.split('_');
                        monthYear = MHHE.pages.assignment.months[dateValues[0] - 1] + ' ' + dateValues[1];
                        ajaxUrl = '/mconnect/section/' + MHHE.getProperty('sectionId') + '/assignmentsForMonth?month=' + dateValues[0]+'&year=' + dateValues[1];
                        classList = 'due_collapse due_expand';
                        MHHE.logWTParams(["DCSext.tb_month_course",monthYear]);
                    }

                    if(expandCollapseBtn.hasClass('due_expand')) {
                        $dateVal.toggleClass('expand collapse');
                        expandCollapseBtn.toggleClass('due_expand due_collapse');
                    } else if(expandCollapseBtn.hasClass('no_due_expand')) {
                        $dateVal.toggleClass('expand collapse');
                        expandCollapseBtn.toggleClass('no_due_expand no_due_collapse');
                    } else {
                        if(loaded === 'true'){
                            $dateVal.toggleClass('collapse expand');
                            if(dateVal === 'no_due') {
                                expandCollapseBtn.toggleClass('no_due_collapse no_due_expand');
                            } else {
                                expandCollapseBtn.toggleClass('due_collapse due_expand');
                            }
                        }else{
                            MHHE.ajaxManager.doAjax({
                                'url' : ajaxUrl,
                                'showLoading': true,
                                'success' : function (data) {
                                    $dateVal.html(data);
                                    $dateVal.attr('data-loaded','true');
                                    $dateVal.toggleClass('collapse expand');
                                    expandCollapseBtn.toggleClass(classList);
                                }
                            });
                        }
                    }
                });
            }
        }
    });
})(jQuery, MHHE);