Subversion Repositories SmartDukaan

var $items = $('#vtab>ul>li');

$items.click(function() {
    $items.removeClass('selected');
    $(this).addClass('selected');
    trackEventWithGA('Payment Option', $(this).text(), "");
    var index = $items.index($(this));
    $('#vtab>div').hide().eq(index).show();
}).eq(0).click();

$items.hover(
        function () {
            $(this).addClass("hover");
        },
        function () {
                $(this).removeClass("hover");
        }
);

$("input[type='radio']").click(
        function(){
                var contents = $(this).parent().contents();
                var payment_method = contents.get(contents.index(this) + 2);
                //Appending the value to differentiate between the cases of cards issued inside and out of India.
                var payment_method_text = $(payment_method).text() + '-' + $(this).val();
                trackEventWithGA('Payment Option', payment_method_text, "");
        }
);

function verifyPaymentModeSelectionForm(formName){
        var payment_option = 0;
        var paymentOptionInputs = $("form[name='" + formName + "'] input[name='payment_option']");
        for(var i=0; i<paymentOptionInputs.length; i++)
                if(paymentOptionInputs[i].checked)
                        payment_option = paymentOptionInputs[i].value; 
        
        if(payment_option == '' || payment_option <= 0){
                dispError("Please select a payment method.");
                return false;
        }
        trackPaymentOptionFormSubmission();
        return true;
}

function verifyCodSelectionForm(formName){
        var captcha_response_input =$("form[name='" + formName + "'] :input[name='captcha_response_field']");
        var entered_text =  $.trim(captcha_response_input.val());
        if(entered_text == '' || entered_text == 'Enter the characters shown'){
                dispError("Please enter the characters shown.");
                captcha_response_input.blur();
                return false;
        }
        trackPaymentOptionFormSubmission();
        return true;
}

function trackPaymentOptionFormSubmission(){
        trackEventWithGA('Order', 'Payment method selected', '');
        return true;
}

function dispError(error){
        alert(error);
}

$('#captchaanchor').click(function () { $('#captchaImage').attr('src', '/captcha?rand=' + Math.floor(Math.random()*100) ); });

$('#captcha_response_box').val('Enter the characters shown')
        .focus(function(){
                if ($(this).val() == 'Enter the characters shown') {
                        $(this).val('');
                        $(this).removeClass('captcha_text_blur');
                        $(this).addClass('captcha_text_focus');
                }
        })
        .blur(function(){
                if ($(this).val() == '') {
                        $(this).val('Enter the characters shown');
                        $(this).removeClass('captcha_text_focus');
                        $(this).addClass('captcha_text_blur');
                }
        });

jQuery("#emi-options").find('tbody>tr').live('click', function(){
        $(this).find('input').attr("checked", "checked");
        $('span.mk_total_amount').html($(this).find('span:last').html());
});



jQuery(document).ready(function(){
        var bankEle = jQuery("#bank-name");
        jQuery.each(banks, function(index, bank){
                bankEle.append('<li title="' + bank.name +'" style="background-position:right ' + bank.top +'px;"><input type="radio" id="' + index +'" value="' + index +'" name="bank-selected"' + (bank.active ? '""' : 'disabled="disabled"') + ' /></li>');
        });
        bankEle.find("li").click(function(){
                var firstCb = jQuery(this).find("input")[0];
                if(!firstCb.disabled && !firstCb.checked) {
                        jQuery(firstCb).attr("checked", "checked");
                        var bankId = jQuery(firstCb).val();
                        var bank = banks[bankId];
                        var emiTableEle = jQuery("#emi-options");
                        tbodyEle = [];
                        jQuery.each(bank.emis, function(id, bankTenure) {
                        tbodyEle.push('<tr>');
                        tbodyEle.push('<td><input id="tenure_' + id + '" type="radio" name="payment_option" value="' + id + '"/></td>');
                        tbodyEle.push('<td>' + bankTenure.tenureDescription + '</td>');
                        tbodyEle.push('<td style="text-align:center"><span class="rupee-icon">' + bankTenure.emiProcessingCharge + '</span></td>');
                        tbodyEle.push('<td style="text-align:center"><span class="rupee-icon">' + bankTenure.monthlyEmi + '</span></td>');
                        tbodyEle.push('<td style="text-align:center"><span class="rupee-icon">' + bankTenure.totalAmount + '</span></td>');
                        tbodyEle.push('</tr>');
                        });
                        emiTableEle.find('tbody').html(tbodyEle.join(''));
                        
                        emiTableEle.find("tbody>tr:first").trigger("click");
                }
        });
        bankEle.find("li:first").trigger("click");
});