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(){
        if(jQuery(this).find("input:checked").length==0) {
                jQuery(this).find('input').attr("checked", "checked").trigger("change");
        }
});
jQuery("#emi-options").find('input').live('change', function(){
        var tRow = jQuery(this).closest('tr');
        showAmount(tRow);
        label = jQuery("#bank-name input:checked").closest("li").attr("title") + "-" + tRow.find("td").eq(1).html();
        trackEventWithGA('EMI', "Plan Selection", label);
});



jQuery(document).ready(function(){
        var bankEle = jQuery("#bank-name");
        var first = true;
        jQuery.each(banks, function(index, bank){
                var style = ' style="background: url(\'' + bank.img + '\') no-repeat right"';
                if(first){
                        bankEle.append('<li title="' + bank.name + '"' + style +'><input type="radio" id="' + index +'" value="' + index +'" name="bankselected"' + (bank.active ? '""' : 'disabled="disabled"') + ' checked="checked"/></li>');
                        first = false;
                }else {
                        bankEle.append('<li title="' + bank.name +'"' + style +'><input type="radio" id="' + index +'" value="' + index +'" name="bankselected"' + (bank.active ? '""' : 'disabled="disabled"') + ' /></li>');
                }
        });
        /*var cbankEle = jQuery("#comingsoon");
        jQuery.each(comingSoonBanks, function(index, bank){
                var style = ' style="background: url(\'' + bank.img + '\') no-repeat right"';
                cbankEle.append('<li title="' + bank.name +'"' + style +'><input type="radio" id="' + index +'" value="' + index +'" name="bankselected"' + (bank.active ? '""' : 'disabled="disabled"') + ' /></li>');
        });*/
        bankEle.find("input").change(function(){
                showEmiPlans(this);
                var bankName = jQuery(this).closest("li").attr("title");
                trackEventWithGA('EMI', "Bank Selection", bankName);
        });
        bankEle.find("li").click(function(){
                var cb = jQuery(this).find("input")[0];
                if(!cb.disabled && !cb.checked) {
                        jQuery(cb).attr("checked", "checked").trigger("change");
                }
        });
        showEmiPlans(bankEle.find("li:first>input")[0]);
});

function showEmiPlans(htmlInput) {
        var bankId = jQuery(htmlInput).val();
        var bank = banks[bankId];
        var emiTableEle = jQuery("#emi-options");
        tbodyEle = [];
        var first = true;
        jQuery.each(bank.emis, function(id, bankTenure) {
                tbodyEle.push('<tr>');
                if(first) {
                        tbodyEle.push('<td><input id="tenure_' + id + '" type="radio" name="payment_option" value="' + id + '" checked="checked"/></td>');
                        first = false;
                } else {
                        tbodyEle.push('<td><input id="tenure_' + id + '" type="radio" name="payment_option" value="' + id + '"/></td>');
                }
                tbodyEle.push('<td>' + bankTenure.tenureDescription + '</td>');
                if (id in EMI.discounts){
                        emiProcessingCharge = bankTenure.emiProcessingCharge - EMI.discounts[id];
                        tbodyEle.push('<td class="emi-amount"><span class="rupee-icon" style="text-decoration:line-through">' + bankTenure.emiProcessingCharge + '</span>&nbsp;<span class="red">' +bankTenure.discountedEmiProcessingCharge+'</span></td>');
                        tbodyEle.push('<td class="emi-amount"><span class="rupee-icon" style="text-decoration:line-through">' + bankTenure.monthlyEmi + '</span>&nbsp;<span class="red">' +bankTenure.discountedMonthlyEmi+'</span></td>');
                        tbodyEle.push('<td class="emi-amount"><span class="rupee-icon" style="text-decoration:line-through">' + bankTenure.totalAmount + '</span>&nbsp;<span class="red">' +bankTenure.discountedTotalAmount+'</span></td>');
                } else {
                        tbodyEle.push('<td class="emi-amount"><span class="rupee-icon">' + bankTenure.emiProcessingCharge + '</span></td>');
                        tbodyEle.push('<td class="emi-amount"><span class="rupee-icon">' + bankTenure.monthlyEmi + '</span></td>');
                        tbodyEle.push('<td class="emi-amount"><span class="rupee-icon">' + bankTenure.totalAmount + '</span></td>');
                }
                tbodyEle.push('</tr>');
        });
        emiTableEle.find('tbody').html(tbodyEle.join(''));
        //emiTableEle.find("tbody>tr:first").trigger("click");
        showAmount(emiTableEle.find("tbody>tr:first")[0]);
}

function showAmount(htmlRow){
        $('span.mk_total_amount').html($(htmlRow).find('td:last').html());
}