// add & delete records
var browserType;
if (document.layers) {browserType = "nn4"}
if (document.all) {browserType = "ie"}
if (window.navigator.userAgent.toLowerCase().match("gecko")) {browserType= "gecko"}


function hide() {
	if (browserType == "gecko" )
		document.poppedLayer = eval('document.getElementById("row_" + records )');
	else if (browserType == "ie")
		document.poppedLayer = eval('document.getElementById("row_" + records)');
	else
		document.poppedLayer = eval('document.layers["row_" + records]');
	document.poppedLayer.style.display = "none";
	
	if (records == 2 ) {
		// don't show delete button
		if (browserType == "gecko" )
			document.poppedLayer = eval('document.getElementById("delete_row_button")');
		else if (browserType == "ie")
			document.poppedLayer = eval('document.getElementById("delete_row_button")');
		else
			document.poppedLayer = eval('document.layers["delete_row_button"]');
		document.poppedLayer.style.visibility = "hidden";
	}
	if (records == 20 ) {
		// show add button
		if (browserType == "gecko" )
			document.poppedLayer = eval('document.getElementById("add_row_button")');
		else if (browserType == "ie")
			document.poppedLayer = eval('document.getElementById("add_row_button")');
		else
			document.poppedLayer = eval('document.layers["add_row_button"]');
		document.poppedLayer.style.visibility = "visible";
	}
	
	// clear row values
	// leave date as it is (no none option)
	document.getElementById("data[site_text_" + records + "]").value = '';
	document.getElementById("data[site_" + records + "]").value = 'none';
	document.getElementById("data[species_text_" + records + "]").value = '';
	document.getElementById("data[species_cat_" + records + "]").value = 'none';
	document.getElementById("data[species_" + records + "]").innerHTML = "<option value=\"\"></option>";
	document.getElementById("data[species_" + records + "]").disabled = true;
	document.getElementById("data[count_" + records + "]").value = '';
	document.getElementById("data[breed_status_" + records + "]").value = 'none';
	document.getElementById("data[comment_" + records + "]").value = '';

	records--;
}


function show() {
	var next_record = records + 1;
	if (browserType == "gecko" )
		document.poppedLayer = eval('document.getElementById("row_" + next_record )');
	else if (browserType == "ie")
		document.poppedLayer = eval('document.getElementById("row_" + next_record )');
	else
		document.poppedLayer = eval('document.layers["row_" + next_record]');
	document.poppedLayer.style.display = "inline";

	if (records == 1 ) {
		// show delete button
		if (browserType == "gecko" )
			document.poppedLayer = eval('document.getElementById("delete_row_button")');
		else if (browserType == "ie")
			document.poppedLayer = eval('document.getElementById("delete_row_button")');
		else
			document.poppedLayer = eval('document.layers["delete_row_button"]');
		document.poppedLayer.style.visibility = "visible";
	}
	if (records == 19 ) {
		// don't show add button
		if (browserType == "gecko" )
			document.poppedLayer = eval('document.getElementById("add_row_button")');
		else if (browserType == "ie")
			document.poppedLayer = eval('document.getElementById("add_row_button")');
		else
			document.poppedLayer = eval('document.layers["add_row_button"]');
		document.poppedLayer.style.visibility = "hidden";
	}
	
	// copy date
	document.getElementById("data[day_" + next_record + "]").value = document.getElementById("data[day_" + records + "]").value;
	document.getElementById("data[month_" + next_record + "]").value = document.getElementById("data[month_" + records + "]").value;
	document.getElementById("data[year_" + next_record + "]").value = document.getElementById("data[year_" + records + "]").value;
	
	// copy site
	document.getElementById("data[site_text_" + next_record + "]").value = document.getElementById("data[site_text_" + records + "]").value;
	document.getElementById("data[site_" + next_record + "]").value = document.getElementById("data[site_" + records + "]").value;
	
	// copy species
	document.getElementById("data[species_text_" + next_record + "]").value = document.getElementById("data[species_text_" + records + "]").value;
	document.getElementById("data[species_cat_" + next_record + "]").value = document.getElementById("data[species_cat_" + records + "]").value;
	cat_change(next_record);
	document.getElementById("data[species_" + next_record + "]").value = document.getElementById("data[species_" + records + "]").value;
	document.getElementById("data[species_" + next_record + "]").disabled = document.getElementById("data[species_" + records + "]").disabled;
	
	records = next_record;
}


// clear predictive text field
function site_change (id) {
	document.getElementById("data[site_text_" + id + "]").value = '';
}
// clear drop down
function site_text_change (id) {
	var list = document.getElementById("data[site_" + id + "]");
    if (list) list.selectedIndex =0;
	//document.getElementById("data[site_" + id + "]").value = 'none';
}

// clear predictive text field
function species_change (id) {
	document.getElementById("data[species_text_" + id + "]").value = '';
}
// clear drop downs
function species_text_change (id) {
	var list = document.getElementById("data[species_cat_" + id + "]");
    if (list) list.selectedIndex =0;
	//document.getElementById("data[species_cat_" + id + "]").value = 'none';
	document.getElementById("data[species_" + id + "]").innerHTML = "<option value=\"\"></option>";
	document.getElementById("data[species_" + id + "]").disabled = true;
}


function select_innerHTML(objeto,innerHTML){
/******
* select_innerHTML - corrige o bug do InnerHTML em selects no IE
* Veja o problema em: http://support.microsoft.com/default.aspx?scid=kb;en-us;276228
* Vers�o: 2.1 - 04/09/2007
* Autor: Micox - N�iron Jos� C. Guimar�es - micoxjcg@yahoo.com.br
* @objeto(tipo HTMLobject): o select a ser alterado
* @innerHTML(tipo string): o novo valor do innerHTML
*******/
    objeto.innerHTML = ""
    var selTemp = document.createElement("micoxselect")
    var opt;
    selTemp.id="micoxselect1"
    document.body.appendChild(selTemp)
    selTemp = document.getElementById("micoxselect1")
    selTemp.style.display="none"
	if(innerHTML.indexOf("<option")<0){//se n�o � option eu converto
        innerHTML = "<option>" + innerHTML + "</option>"
    }
 	innerHTML = innerHTML.replace(/<option/g,"<span").replace(/<\/option/g,"</span")
    selTemp.innerHTML = innerHTML
      
    
    for(var i=0;i<selTemp.childNodes.length;i++){
  var spantemp = selTemp.childNodes[i];
  
        if(spantemp.tagName){     
            opt = document.createElement("OPTION")
    
   if(document.all){ //IE
    objeto.add(opt)
   }else{
    objeto.appendChild(opt)
   }       
    
   //getting attributes
   for(var j=0; j<spantemp.attributes.length ; j++){
    var attrName = spantemp.attributes[j].nodeName;
    var attrVal = spantemp.attributes[j].nodeValue;
    if(attrVal){
     try{
      opt.setAttribute(attrName,attrVal);
      opt.setAttributeNode(spantemp.attributes[j].cloneNode(true));
     }catch(e){}
    }
   }
   //getting styles
   if(spantemp.style){
    for(var y in spantemp.style){
     try{opt.style[y] = spantemp.style[y];}catch(e){}
    }
   }
   //value and text
   opt.value = spantemp.getAttribute("value")
   opt.text = spantemp.innerHTML
   //IE
   opt.selected = spantemp.getAttribute('selected');
   opt.className = spantemp.className;
  } 
 }    
 document.body.removeChild(selTemp)
 selTemp = null
}

function limitText(limitField, limitNum) {
    if (limitField.value.length > limitNum) {
        limitField.value = limitField.value.substring(0, limitNum);
    } 
}

function enter() {
		document.getElementById("action").value = "enter";
		document.form.submit();
}

function show_form() {
		document.getElementById("action").value = "show_form";
		document.form.submit();
}