// JavaScript Document
arr_loss_rows_count = 0;
arr_damage_rows_count = 0;
$(document).ready(function(){
    $("#btnSubmit").bind("click", onBtnSubmitClick);
	$("#btn_new_record").bind("click", btn_new_record_Click);
	$("#btn_new_record_damage").bind("click", btn_new_record_damage_Click);	
	$(".delButton").live("click", btnDelete_Click);
	$(".input_amount").live("keyup", onAmountChanged);
	for (var i=1; i<=3; i++)
	{
		newLossRow();
		newDamageRow();
	}
	
	
	$("input[name=name]").bind("change keyup",function() {
		$('#full_name').html($(this).val());
	});
	
	$('.date-pick').datepick({dateFormat:'dd/mm/yy',defaultDate: '-1w', showDefault: true, closeAtTop: false, showOn: 'both', buttonImageOnly: true, buttonImage: '/images/calendar.png'});
	$('.time-pick').timeEntry({spinnerImage: '/images/spinnerOrange.png'});
});


function newLossRow() {
	arr_loss_rows_count++;
	var row='<tr>';
	for (var i=1; i<7; i++)
	{
		var aClass = "";
		if (i == 3 || i == 4) aClass = ' class = "numeric_input" ';
		if (i == 6 ) aClass = ' class = "input_amount numeric_input" ';
		row += '<td><input'+ aClass+' type="text" name="loss_' + arr_loss_rows_count + '_'+ i +'" id="loss_' + arr_loss_rows_count + '_' + i + '" /></td>';
	}
	row+='<td class="center"><a href="#" class="delButton"><img src="/images/delete2.png" alt="Delete item" width="16" height="16" /></a></td>';
	row+='</tr>';
	$("#table_loss tbody").append(row);
	return false;	
}

function newDamageRow() {
	arr_damage_rows_count++;
	var row='<tr>';
	for (var i=1; i<4; i++)
	{
		var aClass = "";
		if (i == 1 ) aClass = ' class = "input_long" ';
		if (i == 2 ) aClass = ' class = "input_medium" ';
		if (i == 3 ) aClass = ' class = "input_amount numeric_input" ';
		row += '<td><input'+ aClass+' type="text" name="damage_' + arr_damage_rows_count + '_'+ i +'" id="damage_' + arr_damage_rows_count + '_' + i + '" /></td>';
	}
	row+='<td class="center"><a href="#" class="delButton"><img src="/images/delete2.png" alt="Delete item" width="16" height="16" /></a></td>';
	row+='</tr>';
	$("#table_damage tbody").append(row);
	return false;	
}

function btn_new_record_Click(){
	newLossRow();
	return false;
}

function btn_new_record_damage_Click(){
	newDamageRow();
	return false;
}

function btnDelete_Click() {
	$($(this).parents().get(1)).remove();
	onAmountChanged();
	return false;
}

function onAmountChanged(){
	var sum = 0;
	$("#table_loss .input_amount").each(function(i){
		value = $(this).val();
		if (!isNaN(value)) sum+= Number(value);
	});
	$("#total_loss").html('&pound;'+sum);

	sum=0
	$("#table_damage .input_amount").each(function(i){
		value = $(this).val();
		if (!isNaN(value)) sum+= Number(value);
	});
	$("#total_damage").html('&pound;'+sum);
}


function onBtnSubmitClick(){
		post_data = $('form').serialize();
		$("#btnSubmit").unbind("click");
		$.post('/property_claim_send', post_data, function(data) {										
			if (data=='done') {
				$("form").fadeOut("normal", function(){
					$("#thank_you").show("fast");
				});				
			} else {
				$("#error").show("fast");
				$("#error").text(data);
				$("#btnSubmit").bind("click", onBtnSubmitClick);
			}
		});
		return false;
}