var message = new Array(); 
message[0] = ["please select Payslip Type","please select Payslip Type","please select Payslip Type","please select Payslip Type","please select Payslip Type", "blank.gif"];
message[1] = ["please select number of payslips required",15,30,40,"Please call for special price and massive discount", "self-sealer.jpg"]; 
message[2] = ["please select number of payslips required",12,24,30,"Please call for special price and massive discount", "sage-green-plus.jpg"]; 
message[3] = ["please select number of payslips required",13,26,35,"Please call for special price and massive discount", "premuim-sage-blue.jpg"]; 
message[4] = ["please select number of payslips required",13,26,35,"Please call for special price and massive discount", "premuim-sage-green.jpg"]; 

function IsNumeric(n) {
  return !isNaN(parseFloat(n)) && isFinite(n);
}

function AddPound(n) {
	n = "£" + " " + n;
	return n;
}
 
$(document).ready(function(){ 
					   
    $("#paytype, #howmanyp").change(function() 
    { 
        var message_index ;
		var howmanyp;
		var overValue;
		var imageValue;
		howmanyp = $("#howmanyp").val();
        message_index = $("#paytype").val(); 

        $("#total2").empty(); 
		imageValue = message[message_index][5]; 
		if (imageValue == "blank.gif"){
			imageValue = "<img src='img/" + imageValue + "' />";
		}
		else
		{
		imageValue = "<img style='border:1px solid grey' src='img/" + imageValue + "' />";
		}
		overValue = message[message_index][howmanyp];
		    if (message_index > 0) 
				$("#total").val(overValue); 
			if (howmanyp > 0) 
           		$("#total").val(overValue); 
		if(IsNumeric(overValue * 1)){
				overValue = AddPound(overValue);
			}
        if (message_index > 0) 
			$("#total2").html(overValue); 
			$("#image_new").html(imageValue);

		if (howmanyp > 0) 
            $("#total2").html(overValue); 


    }); 
});