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, "");
        }
);

$("#bankSelect").live('change',
        function(){
                var payment_method_text = $(this).find(":selected").html() + '-' + $(this).val();
                trackEventWithGA('Payment Option', payment_method_text, "");
        }
);

function verifyPaymentModeSelectionForm(formName){
        var payment_option = 0;
        if(formName=="bankSelection") {
                if($("#bankChosen").val()=="0"){
                        dispError("Please select a payment method.");
                        return false;
                } else {
                        return true;
                }
        }
        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']");
        
        if(captcha_response_input.length!=0){
                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("#bankSelection").find("[name='payment_option']").live('change', function(){
        var chosenVal = jQuery(this).val();
        if (this.nodeName=="SELECT"){
                jQuery("#bankSelection").find("input[type='radio']").removeAttr("checked");
                jQuery("#bankSelection").find("input:radio[value='" + chosenVal + "']").attr("checked", "checked");
        } else if (this.nodeName=="INPUT") {
                jQuery("#bankSelect").val(chosenVal);
        }
        
        $("#bankChosen").val(chosenVal);
});

jQuery(document).ready(function(){
        if(typeof banks!=="undefined"){
                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="EMI~' + id + '" checked="checked"/></td>');
                        first = false;
                } else {
                        tbodyEle.push('<td><input id="tenure_' + id + '" type="radio" name="payment_option" value="EMI~' + 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>' + bankTenure.interestRate + '%</span></td>');
                        tbodyEle.push('<td class="emi-amount"><span class="rupee-icon">' + bankTenure.totalInterest + '</span></td>');
                        tbodyEle.push('<td class="emi-amount"><span class="rupee-icon">' + bankTenure.totalAmount + '</span></td>');
                        tbodyEle.push('<td class="emi-amount"><span class="rupee-icon">' + bankTenure.installment + '</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());
}