var mailSent = false;

//------------------------------------------------------
// Function for sending question to customer service
//------------------------------------------------------
var sendMailDone = function(){
        $("#send-result").css({display:"block"});
        $("#send-wait").css({display:"none"});
}

//------------------------------------------------------
// Function for sending question to customer service
//------------------------------------------------------
var sendQuestion = function() {
    $("#send-wait").css({ display: "block" });
    $("#send-result").css({ display: "none" });
    var hasError = false;

    var emailReg = /^([\w-\.]+@([\w-]+\.)+[\w-]{2,4})?$/;

    var clientEmail = $("#client-email").val();
    if (clientEmail == '') {
        $("#client-email").css("border-color", "red");
        hasError = true;
    } else if (!emailReg.test(clientEmail)) {
        $("#client-email").css("border-color", "red");
        hasError = true;
    }
    else {
        $("#client-email").css("border-color", "black");
    }

    var clientPhone = $("#client-phone").val();

    var clientAccountNumber = $("#client-account-number").val();

    var clientName = $("#client-name").val();
    if (clientName == '') {
        $("#client-name").css("border-color", "red");
        hasError = true;
    } else {
        $("#client-name").css("border-color", "black");
    }
    var clientQuestion = $("#client-question").val();
    if (clientQuestion == '') {
        $("#client-question").css("border-color", "red");
        hasError = true;
    } else {
        $("#client-question").css("border-color", "black");
    }
    var category = $(".category-dropdown").val();
    if (category == '') {
        $(".category-dropdown").css("border-color", "red");
        if ($.browser.msie) {
            $("#category-span").css("color", "red");
        }
        hasError = true;
    } else {
        $(".category-dropdown").css("border-color", "black");
        if ($.browser.msie) {
            $("#category-span").css("color", "black");
        }
    }

    if (mailSent) {
        if (!confirm(EPLang["/faq/mail.alreadysentmail"])) {
            $("#send-wait").css({ display: "none" });
            return;
        }
    }

    if (!hasError) {
        var args = {
            "message": clientQuestion,
            "email": clientEmail,
            "name": clientName,
            "account": clientAccountNumber,
            "phone": clientPhone,
            "category": category
        }

        $('#send-result').load("/Shop/SendQuestion.aspx", args, sendMailDone);
        $("#errorBox").css({ display: "none" });
        mailSent = true;
        if (window.pageTracker) {
            pageTracker._trackPageview("/Shop/FAQ/CustomerService/" + category);
        }
    }
    else {
        $("#errorBox").css({ display: "block" });
        $("#send-wait").css({ display: "none" });
    }
}

$(document).ready(function() {
    $('#SendMail').click(function() { sendQuestion(); });

    $('.faq-category > a').click(function() {
        var categoryDiv = $(this).parent();
        if (categoryDiv.hasClass('faq-category-hidden')) {
            $(".faq-category-shown").each(function() {
                $(this).removeClass('faq-category-shown');
                $(this).addClass('faq-category-hidden');
            });
            categoryDiv.removeClass('faq-category-hidden');
            categoryDiv.addClass('faq-category-shown');

        } else {
            categoryDiv.removeClass('faq-category-shown');
            categoryDiv.addClass('faq-category-hidden');
        }
        return false;
    });

    $('.faq-qna > div > a').click(function() {
        var qnaDiv = $(this).parent().parent();

        if (qnaDiv.hasClass('faq-qna-hidden')) {
            qnaDiv.removeClass('faq-qna-hidden');
            qnaDiv.addClass('faq-qna-shown');
            if (!qnaDiv.data('sent')) {
                if (window.pageTracker) {
                    pageTracker._trackPageview(qnaDiv.find('a:first').attr('rel'));
                    qnaDiv.data('sent', 1);
                }
            }
        }
        else {
            qnaDiv.removeClass('faq-qna-shown');
            qnaDiv.addClass('faq-qna-hidden');
        }
        return false;
    });
})