function putBorder(id){

	//check if we are in edit mode already
	if(document.getElementById(id).getAttribute("edit")=="false"){
		for(i=0;i<fields.length;i++){
			tag = document.getElementById(fields[i]+''+id);
			tag.style.border="2px inset";
		}	
		document.getElementById(id).style.background="#FFFFCC";
	}
}
function removeBorder(id){
	for(i=0;i<fields.length;i++){
		tag = document.getElementById(fields[i]+''+id);
		tag.style.border="0px";
	}
	document.getElementById(id).style.background="";
}

function enterEditMode(id){
	//check if we are in edit mode already
	if(document.getElementById(id).getAttribute("edit")=="false"){
		removeBorder(id);
		document.getElementById(id).setAttribute("edit","true");
		for(z=0;z<fields.length;z++){
			tag = document.getElementById(fields[z]+''+id);
			if(z==3){
				tag.innerHTML = "<textarea style='font-family:Arial' cols=28 rows=3 oldvalue='"+tag.innerHTML+"'>"+tag.innerHTML+"</textarea>";
			} else if(z==0){
//				tag.innerHTML = "<input type='text' size=15 value='"+document.FRM.getAttribute("oldvalue")+"'  />";
				tag.innerHTML="<span oldvalue='"+tag.innerHTML+"'></span>";
				tag.firstChild.innerHTML = fill_select(id)
				tag.firstChild.innerHTML = tag.firstChild.innerHTML + year_install(id);
				update_days(id)
				select_date(id)
			} else {
				tag.innerHTML="<input type='text' size=15 value='"+tag.innerHTML+"' oldvalue='"+tag.innerHTML+"' />";
			}
		}	
		
			txt='	<input type="button" onClick="saveEditMode(\''+id+'\')" value="Save" />';
			txt+='	<input type="button" onClick="cancelEditMode(\''+id+'\')" value="Cancel" />';
			document.getElementById('edit'+id).innerHTML=txt;
	}
}

function saveEditMode(id){
	i = 0;
	tag = document.getElementById(fields[i]+id);
	date = document.getElementById('days'+id).selectedIndex+1;
	month = (document.getElementById('months'+id).selectedIndex+1);
	year = document.getElementById('years'+id).selectedIndex+2006;
	tempDate = date+'/'+month+'/'+year
	tag.setAttribute('date',tempDate);
	newDate = makeOverDate(date, month, year);
	tag.innerHTML = newDate
	temp = "data.up["+id.substr(2)+"]."+fields[i];
	eval(temp+" = tempDate");
	for(i=1;i<fields.length;i++){
		tag = document.getElementById(fields[i]+''+id);
		tag.innerHTML = tag.firstChild.value;
		temp = "data.up["+id.substr(2)+"]."+fields[i];
		eval(temp+" = tag.innerHTML"); // store into data object
	}
	saveData(data.toJSONString());
	exitEditMode(id);
}

function cancelEditMode(id){
	for(i=0;i<fields.length;i++){
		tag = document.getElementById(fields[i]+''+id);
		tag.innerHTML = tag.firstChild.getAttribute("oldvalue");
	}
	exitEditMode(id);
}

function exitEditMode(id){
	tag = document.getElementById(id);
	tag.setAttribute("edit","false"); // set edit off
	document.getElementById('edit'+id).innerHTML='';
}

function addEvent(){
	data.up.splice(data.up.length,1,{"Date":"--Date--","Event":"--Event--","Time":"--Time--","Info":"--Info--"})
	writeEvents()
	enterEditMode('up'+(data.up.length-1))
	saveData(data.toJSONString());
}

function deleteEvent(id){
	agree=confirm("Are you sure you want to Delete Event '"+data.up[id.substr(2)].Event+"'?")
	if(agree){
		data.up.splice(id.substr(2),1)
		writeEvents()
	}
	saveData(data.toJSONString());
}
function makeOverDate(date, month, year){
	days = new Array('Sunday', 'Monday', 'Tuesday', 'Wednesday', 'Thursday', 'Friday', 'Saturday')
	months = new Array('Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec')
	d = new Date()
	d.setDate(date)
	d.setMonth(month-1)
	d.setFullYear(year)
	newDate =''
	newDate += days[d.getDay()];
	newDate += ', '+d.getDate()+'';
	leastDigit = newDate.substr(newDate.length-1)
	if (newDate.substr(newDate.length-2) != 1){
		if(leastDigit == '1'){
			newDate += 'st';
		} else if(leastDigit == '2'){
			newDate += 'nd';
		} else if(leastDigit == '3'){
			newDate += 'rd';
		} else {
			newDate += 'th';
		}
	} else {
		newDate += 'th';
	}
	newDate += " "+months[d.getMonth()];
	
	return newDate
}