var totallistindex = 1;

/* The variable http will hold our new XMLHttpRequest object. */
var http = createRequestObject();


function addNewUserListsEntry()
{	
	var entries = new Array();
	var reasons = new Array();
	var icon    = new Array();
	var totalitems = totallistindex + 1;
		
	var entryidbase = "entry";
   	var reasonbase = "reason";
	var iconbase = "icon";
	   			
	//save the current form data
	for (var e = 1; e < totalitems; e++)
	{
	   	var entryname = entryidbase + e;
	   	var reasonname = reasonbase + e;
		//var iconname = iconbase + e;
	   		   	
	   	entries[e-1] = document.getElementById(entryname).value;
		
		//icon[e-1] = document.getElementById(iconname).value;
	   	reasons[e-1] = document.getElementById(reasonname).value;
	   	
	   	//alert("end of a loop >> totalitems " + totalitems + " e " + e);
	}

	var text = document.getElementById('listitems').innerHTML;
		
	var varnewentry = "<div class=\"row\">";
	
	varnewentry += "<label for=\"entry" + totalitems + "\" >Name</label>";		
	varnewentry += "<input type='text' name='entry";
	varnewentry += totalitems + "' id='entry" + totalitems + "' ";
	varnewentry += "/>";
	
	varnewentry += "</div>";
	
/*
	varnewentry += "<div class=\"row\">";
	
	varnewentry += "<label for=\"icon" + totalitems + "\" >Choose an image to use as an icon</label>";
	varnewentry += "<input type=\"file\" name=\"icon" + totalitems + "\" id=\"icon" + totalitems + "\"  size=\"25\">";
	
	varnewentry += "</div>";
*/	
	
	varnewentry += "<div class=\"row\">";

	varnewentry += "<label for=\"reason" + totalitems + "\" >Reason</label>";
	varnewentry += "<textarea name=\"reason" + totalitems + "\" id=\"reason" + totalitems + "\" rows=\"5\" cols=\"30\" wrap=\"physical\">";
	varnewentry += "</textarea>";
	varnewentry += "</div>";
	
	//alert("newentry " + varnewentry);
	
	document.getElementById('listitems').innerHTML = text + " " + varnewentry;
		
	//update the form fields with saved data
	for (var e = 1; e < totalitems; e++)
	{
	   	var entryname = entryidbase + e;
	   	var reasonname = reasonbase + e;	
	   	//var iconname = iconbase + e;
	   	
	   	document.getElementById(entryname).value = entries[e-1];
		//document.getElementById(iconname).value = icon[e-1];
	   	document.getElementById(reasonname).value = reasons[e-1];
	}
	
	totallistindex++;
	
}


/* Replacement for old function */
function addNewUserListEntry(){		
	var entryname = escape(Del(document.getElementById("entry").value));
	//var entryicon = escape(Del(document.getElementById("uniquelistid").value));
	var entryreason = escape(Del(document.getElementById("reason").value));
	
	if(entryname == "") {
		alert("You must enter a name for this entry!");
		return false;
	}
	document.getElementById("do").value = "adduserlistentry";
	document.getElementById("entryname").value = entryname;	
	//document.getElementById("entryicon").value = entryicon;
	document.getElementById("entryreason").value = entryreason;
	document.add.submit();	
}

function clearUserListEntries(){ //change to newuserlist , its not an entry its the whole thing		
		document.getElementById("do").value = "clearuserlistentries";
		document.add.submit();	
}

/* Replacement for old function */
function clearCurrentListEntry(){ //change to newuserlist , its not an entry its the whole thing		
		document.getElementById("do").value = "";
		document.add.submit();
}

/* Replacement for old function */
function clearUserList(){ //change to newuserlist , its not an entry its the whole thing			
	var answer = confirm ("This will clear the entire shoutlist so that you can start again, are you sure you want to continue?")
	if (answer) {	
		document.getElementById("do").value = "clearuserlist";
		document.add.submit();	
	}
}

function publishList(){ 
	if(document.getElementById("totalentries").value < 1) {
		alert("You must add at least one entry to your shoutlist!");
		return false;
	} else {
		var answer = confirm ("This will publish your new shoutlist, click ok if you are finished adding entries and want to continue")
	}
	
	return answer;
}

function editUserListEntry(i){		
	document.getElementById("do").value = "edituserlistentry";
	document.getElementById("entryid").value = i;
	document.add.submit();
}

function editUserListTitle(){
	document.getElementById("do").value = "edituserlisttitle";
	document.add.submit();
}

function updateUserListEntry(i){				
	//var entryicon = escape(Del(document.getElementById("uniquelistid").value));
	var entryname = escape(Del(document.getElementById("entry").value));
	var entryreason = escape(Del(document.getElementById("reason").value));
	
	document.getElementById("do").value = "updateuserlistentry";
	document.getElementById("entryid").value = i;
	document.getElementById("entryname").value = entryname;
	document.getElementById("entryreason").value = entryreason;
	//document.getElementById("entryicon").value = entryicon + ".jpg";
	document.add.submit();
}

/* Replacement for old function */
function cancelEditUserListEntry(){
	document.getElementById("do").value = "";	
	document.add.submit();
}

/* Replacement for old function */
function removeUserListEntry(i){			
	document.getElementById("do").value = "removeuserlistentry";
	document.getElementById("entryid").value = i;
	document.add.submit();
}

/* Replacement for old function */
function updateUserListTitle(){				
	//var entryicon = escape(Del(document.getElementById("uniquelistid").value));
	var entryname = escape(Del(document.getElementById("entry").value));	
	var entrycategory = document.getElementById("cat").value;	
	var entrydescription = document.getElementById("listdescription").value;	
	var entrytags = document.getElementById("tags").value;	
	
	document.getElementById("do").value = "updateuserlisttitle";
	document.getElementById("entryname").value = entryname;
	document.getElementById("entrycategory").value = entrycategory;	
	document.getElementById("entrydescription").value = entrydescription;	
	document.getElementById("entrytags").value = entrytags;	
	
	document.add.submit();	
}

function deleteList() {
	var answer = confirm ("Are you sure you want to delete this list and its contents?")
	if (answer) {	
		document.deleteForm.submit(); 		
	}
}