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());

}