var arrCategory = [];
arrCategory['2'] = [
    {txt:'Website',val:'2-1'},
    {txt:'Marketing ',val:'2-2'},
    {txt:'Other',val:'2-3'}
];
arrCategory['4'] = [
    {txt:'Payments',val:'4-1'},
    {txt:'Individual Subscriptions',val:'4-2'},
    {txt:'Student Discounts',val:'4-3'},
    {txt:'Corporate Services',val:'4-4'},
    {txt:'School Groups',val:'4-5'},
    {txt:'Other',val:'4-6'}
];
arrCategory['5'] = [
    {txt:'Lesson Material (Audio, PDF, Expansion, Exercises.)',val:'5-1'},
    {txt:'Payments',val:'5-2'},
    {txt:'Other',val:'5-3'}
];
arrCategory['6'] = [
    {txt:'Lessons',val:'6-1'},
    {txt:'Service support',val:'6-2'},
    {txt:'Teacher services',val:'6-3'},
    {txt:'Other',val:'6-4'}
];
arrCategory['8'] = [
    {txt:'Partnerships',val:'8-1'},
    {txt:'Other',val:'8-2'}
];
arrCategory['9'] = [
    {txt:'Office visit',val:'9-1'},
    {txt:'Other',val:'9-2'}
];

$.validator.addMethod("chkIssue", function(value) {
        if($('#select2').is(':visible')) {
            return value != "";
        } else {
            return true;
        }        
    }, 'Please select!');


$(function() {
    var validator = $("#faqForm").validate({
    
       debug: true,
       event: "blur",
       errorElement: "em",
       errorClass:'errorForm',
       errorContainer: $("#warning"),
       success: function(label) {
                       //label.html("   ").addClass("successForm");
                   },
       errorPlacement: function(error, element) {
               //error.appendTo(element.next().html(''));
               error.insertAfter(element);
       },
       rules: {
           category: {
               required: true
           },
           issue: "chkIssue" 
           ,
           paidUser: {
               required: true
           },
           question: {
               required: true
           },
           email: {
               required: true,
               email: true
           },
           name: {
               required: true
           }           
       },
       messages: {
           category: {
               required: "Please select!"
           },
           issue: {
               required: "Please select!"
           },
           paidUser: {
               required: "Please select!"
           },
           question: "Please enter your question!"
       },
       submitHandler: function() {
           $('#submit').val('Sending...');
           $('#submit').attr('disabled',true);
           formAllValue = $('#faqForm').serialize();
           postUrl = '/faq/submit';
           $.ajax({
               type: "POST",
               url: postUrl,
               data: formAllValue,
               success: function(data) {
                   $('#div_content').hide();
                   $('#div_success').show();
                   $('#submit').val('Send');
                   $('#submit').attr('disabled',false);
                   //$('#tips').html(data);
               }
           }); 
       }
       });
       
    $('#category').bind(
        'change',
        function() {
            var categoryVal = $(this).val();
            if(categoryVal!='' && arrCategory[categoryVal]!=undefined) {
                setIssueOptions(categoryVal);
                $('#select2').show();
            } else {
                $('#select2').hide();
                $('#issue').val('');                
            }                       
        }    
    );

    $('#category,#issue').bind(
        'change',
        function() {
            getHelp();
        }    
    )    
}); 

var getHelp = function() {
    formAllValue = $('#faqForm').serialize();
    $.ajax({
        type: "POST",
        url: '/faq/getHelp',
        data: formAllValue,
        success: function(data) {
            if(data!='') {
                $('#div_help').show();
                $('#help').html(data);
            } else {
                $('#div_help').hide();
            }
        }
    });
}

function showDiv( divId ) {
    $('#'+divId).show();
}

function setIssueOptions(categoryVal) {
    setSelectOption('issue',arrCategory[categoryVal],'Please select.');
}

function setSelectOption(selectObj, optionList, firstOption, selected) {
    if (typeof selectObj != 'object') {
        selectObj = document.getElementById(selectObj);
    }
    removeOptions(selectObj); 
    var start = 0;
    if (firstOption) {
        selectObj.options[0] = new Option(firstOption, '');  
        start ++;
    }
    var len = optionList.length;
    for (var i=0; i < len; i++)    {
        selectObj.options[start] = new Option(optionList[i].txt, optionList[i].val); 
        if (selected == optionList[i].val) {
            selectObj.options[start].selected = true;
        }
        start ++;
    }
} 

function removeOptions(selectObj) {
    if (typeof selectObj != 'object') {
        selectObj = document.getElementById(selectObj);
    }
    var len = selectObj.options.length;
    for (var i=0; i < len; i++)
    {
        selectObj.options[0] = null;
    }

}