$(function() {

    // console.profile();
    //$(":input").hide();
    $(".editButton").show();
    $(".cancelButton").hide();
    $(".saveButton").hide();

    $("input").attr("readonly","readonly");
    $("select").attr("disabled", "disabled");
  
    $(".editButton").click(function() {


	
	var id = $(this).parents('tr').attr('id');
	//alert(id);
	makeEditable(id);

	$('.editButton').hide();

	$("#"+id).find('.saveButton').show();
	$("#"+id).find('.cancelButton').show();
	return false;
    });


    $(".cancelButton").click(function() {
	
	var id = $(this).parents('tr').attr('id');
	$(this).hide();
	$("#"+id).find('.saveButton').hide();
	$("#"+id).find('.editButton').show();
	cancelEditable(id);
	return false;
    });


    $(".saveButton").click(function() {
	var id = $(this).parents('tr').attr('id');
	var serializedForm = $("#"+'form_'+id).serialize();

	$.post('/jobs/ajax_edit', serializedForm, function(data) {
	    alert("Success! Job Edited"+data); //Need to do something here to update the Row.
	    window.location.reload();
	});

	//console.log($("#"+id).find('form').serialize());
	return false;

    });

    $('form').submit(function() {
	//console.log($(this).serialize());
	return false;
    });

//console.profileEnd();

});


function makeEditable(id) {
    $("#"+id).find('input').attr("readonly","");
    $("#"+id).find('select').attr("disabled","");
}


function cancelEditable(id) {
    $("#"+id).find('input').attr("readonly","readonly");
    $("#"+id).find('select').attr("disabled","disabled");
    $(".editButton").show();
}


function getParent() {
    
}