// JavaScript Document

//This javascript goes with sitesuggest.html in /div/contact

//error handling code from W3Schools javascript tutorial
onerror=showJSError;
var err="";

function showJSError(msg,url,l)
{
	err="Error in javascript.\n\n";
	err+="Error: " + msg + "\n\n";
	err+="URL: " + url + "\n\n";
	err+="Line: " + l + "\n\n";
	err+="Please alert IPL staff if you see this message.\n\n";
	err+="Click OK to continue.\n\n";
	alert(err);
	return true;
}

// Mike Galloway 5/10/2006
//Based on code by Dustin Diaz from this site:
//http://www.dustindiaz.com/add-and-remove-html-elements-dynamically-with-javascript/
//Add and Remove HTML elements dynamically with Javascript - Filed under: D.O.M. , Usability - Monday, February 28th, 2005

var textboxnum = 2;

function addtextboxes()
{
var ni = document.getElementById('otroBox');
var numi = document.getElementById('otroValue');
var num = (document.getElementById("otroValue").value -1)+ 2;
numi.value = num;
var divIdName = "otro"+num+"Box";
var newdiv = document.createElement('div');
newdiv.setAttribute("id",divIdName);
//adding divides in QRC message view
newdiv.innerHTML = "<input type=\"hidden\" name=\"site"+textboxnum+"\" value=\"---------------\" />";
newdiv.innerHTML += "<div class=\"center\" style=\"border-top: 1px dotted black; width: 50%;\"><strong>Site Suggestion #"+textboxnum+"</strong></div><strong>Site's URL:</strong> &nbsp;";
newdiv.innerHTML += "<input name=\"site"+textboxnum+"_url\" size=\"40\" /><br />";
newdiv.innerHTML += "<strong>Site's Title:</strong>&nbsp;";
newdiv.innerHTML += "<input name=\"site"+textboxnum+"_title\" size=\"40\" /><br />";
newdiv.innerHTML += "Describe how this is a good site for the IPL:<br />";
newdiv.innerHTML += "<textarea name=\"describe"+textboxnum+"\" rows=\"2\" cols=\"60\"></textarea><br />";
newdiv.innerHTML += "<input type=\"checkbox\" name=\"author\" value=\"Yes\" /> Yes! I am the author of this site's content.<br />";
newdiv.innerHTML += "<input type=\"checkbox\" name=\"webmaster\" value=\"Yes\" /> Yes! I can address technical issues regarding this site.<br />";
newdiv.innerHTML += " <input type=\"button\" id=\"addasite"+textboxnum+"\" onclick=\"addtextboxes()\" value=\"Suggest another site\" /> <input type=\"button\" id=\"removeasite"+textboxnum+"\" onclick=\"rmTextboxes(\'"+divIdName+"\')\" value=\"Remove this entry\" />";
//keep track of how many sites are added - if Add Another Sites button hit
//adding divides in QRC message view
//this just gives the total number of sites after each site is listed
newdiv.innerHTML += "<input type=\"hidden\" name=\"numofsitesis\" value=\"---------------There are "+textboxnum+" sites total---------------\" />";

var textboxnumOld = textboxnum - 1;
//alert(textboxnumOld); //debugging
//to avoid snafus, best to limit user's functionality so they can only add or remove last set of fields
document.getElementById('addasite'+textboxnumOld).disabled=true;
// no first instance of the remove a site button, and the script will stop in error if it can't find it, so...
if (textboxnumOld > 1) {
	document.getElementById('removeasite'+textboxnumOld).disabled=true;
}

textboxnum++;
ni.appendChild(newdiv);
}

function rmTextboxes(divNum)
{
var d = document.getElementById('otroBox');
var olddiv = document.getElementById(divNum);

//we'll want to make sure the add or remove buttons are enabled for last set of fields
var textboxnumOld = textboxnum - 2;
//alert(textboxnumOld); //debugging
document.getElementById('addasite'+textboxnumOld).disabled=false;
// no first instance of the remove a site button, and the script will stop in error if it can't find it, so...
if (textboxnumOld > 1) {
	document.getElementById('removeasite'+textboxnumOld).disabled=false;
}


d.removeChild(olddiv);
textboxnum--;
}