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']");

	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="' + 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>' + 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());

}