function addProducerField() {
    var id = document.getElementById("producers").value;

    if(id=="")
    {
        $("#producerfields").append("<p id='row'>First Name &nbsp;&nbsp;<input type='text' size='20' name='txtfn_produced[]' id='txtfn_produced'> &nbsp;&nbsp;Last Name &nbsp;&nbsp;<input type='text' size='20' name='txtln_produced[]' id='txtln_produced' ><p>");
    } else {
        $("#producerfields").append("<p id='row" + id + "'>First Name &nbsp;&nbsp;<input type='text' size='20' name='txtfn_produced[]' id='txtfn_produced"+id+"'> &nbsp;&nbsp;Last Name &nbsp;&nbsp;<input type='text' size='20' name='txtln_produced[]' id='txtln_produced"+id+"'> &nbsp;&nbsp;<a href='#' onClick='removeProducerField(\"#row" + id + "\"); return false;'>Remove</a><p>");
    }
    id = (id - 1) + 2;
    document.getElementById("producers").value = id;
}

function removeProducerField(id) {
	$(id).remove();
}


function addDirectorField() {
	var id = document.getElementById("directors").value;

    if(id=="")
    {
        $("#directorfields").append("<p id='row'>First Name &nbsp;&nbsp;<input type='text' size='20' name='txtfn_directed[]' id='txtfn_directed'> &nbsp;&nbsp;Last Name &nbsp;&nbsp;<input type='text' size='20' name='txtln_directed[]' id='txtln_directed'><p>");
    } else {
        $("#directorfields").append("<p id='row" + id + "'>First Name &nbsp;&nbsp;<input type='text' size='20' name='txtfn_directed[]' id='txtfn_directed" + id + "'> &nbsp;&nbsp;Last Name &nbsp;&nbsp;<input type='text' size='20' name='txtln_directed[]' id='txtln_directed" + id + "'> &nbsp;&nbsp;<a href='#' onClick='removeDirectorField(\"#row" + id + "\"); return false;'>Remove</a><p>");
    }
    id = (id - 1) + 2;
    document.getElementById("directors").value = id;
}

function removeDirectorField(id) {
	$(id).remove();
}

function addWriterField() {
	var id = document.getElementById("writers").value;
    if(id=="")
    {
    $("#writerfields").append("<p id='row'>First Name &nbsp;&nbsp;<input type='text' size='20' name='txtfn_writer[]' id='txtfn_writer' /> &nbsp;&nbsp;Last Name &nbsp;&nbsp;<input type='text' size='20' name='txtln_writer[]' id='txtln_writer' /><p>");
    }else
    {
    $("#writerfields").append("<p id='row" + id + "'>First Name &nbsp;&nbsp;<input type='text' size='20' name='txtfn_writer[]' id='txtfn_writer" + id + "' /> &nbsp;&nbsp;Last Name &nbsp;&nbsp;<input type='text' size='20' name='txtln_writer[]' id='txtln_writer" + id + "' /> &nbsp;&nbsp;<a href='#' onClick='removeDirectorField(\"#row" + id + "\"); return false;'>Remove</a><p>");

    /*$('#row' + id).highlightFade({
		speed:1000
	});*/
     }
   id = (id - 1) + 2;
   document.getElementById("writers").value = id;
}

function removeWriterField(id) {
	$(id).remove();
}

function addCastField() {
	var id = document.getElementById("casts").value;
    if(id=="")
    {
    $("#castfields").append("<p id='row'>First Name &nbsp;&nbsp;<input type='text' size='20' name='txtfn_cast[]' id='txtfn_cast' /> &nbsp;&nbsp;Last Name &nbsp;&nbsp;<input type='text' size='20' name='txtln_cast[]' id='txtln_cast' /><p>");
    }else
    {
    $("#castfields").append("<p id='row" + id + "'>First Name &nbsp;&nbsp;<input type='text' size='20' name='txtfn_cast[]' id='txtfn_cast" + id + "' /> &nbsp;&nbsp;Last Name &nbsp;&nbsp;<input type='text' size='20' name='txtln_cast[]' id='txtln_cast" + id + "' /> &nbsp;&nbsp;<a href='#' onClick='removeCastField(\"#row" + id + "\"); return false;'>Remove</a><p>");

    /*$('#row' + id).highlightFade({
		speed:1000
	});*/
     }
  id = (id - 1) + 2;
  document.getElementById("casts").value = id;
}

function removeCastField(id) {
	$(id).remove();
}

function addCrewField() {
	var id = document.getElementById("crews").value;
    if(id=="")
    {
      $("#crewfields").append("<p id='row'>First Name &nbsp;&nbsp;<input type='text' size='20' name='txtfn_crew[]' id='txtfn_crew' /> &nbsp;&nbsp;Last Name &nbsp;&nbsp;<input type='text' size='20' name='txtln_crew[]' id='txtln_crew' /><p>");
    }else
    {
    $("#crewfields").append("<p id='row" + id + "'>First Name &nbsp;&nbsp;<input type='text' size='20' name='txtfn_crew[]' id='txtfn_crew" + id + "' /> &nbsp;&nbsp;Last Name &nbsp;&nbsp;<input type='text' size='20' name='txtln_crew[]' id='txtln_crew" + id + "' /> &nbsp;&nbsp;<a href='#' onClick='removeCrewField(\"#row" + id + "\"); return false;'>Remove</a><p>");

    /*$('#row' + id).highlightFade({
		speed:1000
	});*/
     }
 id = (id - 1) + 2;
  document.getElementById("crews").value = id;
}

function removeCrewField(id) {
	$(id).remove();
}