/*
	Author: Harlo Holmes, HotSocieties Media
	Creative Commons Attribution-ShareAlike 3.0, 2010
*/

var dRoot = "http://cmcb.org/";

var formCount = 0;
var calFilters = new Array(
					new Array("kleshinski","#23ff53"),
					new Array("recitals","#ff2398"),
					new Array("bps_events","#23d7ff"),
					new Array("cmcb_special","#ffae23"),
					new Array("alert","#e223ff")
				);
var eventDetails = new Array(
						new Array("kleshinski","Concerts"),
						new Array("recitals","Student Recitals/Studio Recitals"),
						new Array("bps_events","Boston Public School Events"),
						new Array("cmcb_special","Special Events"),
						new Array("alert","Alerts")
				);

var detailDiv;
var newStudentNum = 0;

var allSchools;
var uLat;
var uLng;

// Script for dropdown menus
var li_programs, li_about_us;

function submitForm(formName) {
	document.forms[formName].submit();
}

function validate(formName) {
	var theForm = document.forms[formName];
	var goThrough = false;
	
	switch(formName) {
		case "new_neighbor":
			var thePssst = theForm.elements["n_check_pssst"].value;
			var checker = theForm.elements["n_pssst"].value;
			
			if(theForm.elements["n_first_name"].value == "") {
				alert("Please enter your first name");
			} else if(theForm.elements["n_last_name"].value == "") {
				alert("Please enter your last name");
			} else if(theForm.elements["n_username"].value == "") {
				alert("Please enter a username");
			} else if(theForm.elements["n_email"].value == "") {
				alert("Please enter your email address");
			} else if(theForm.elements["n_pssst"].value == "") {
				alert("Please enter a password");
			} else if(thePssst != checker) {
				alert("Your passwords do not match");
			} else {
				goThrough = true;
			}
		break;
	}
	
	if(goThrough === true) {
		return true;
	}
}

function gradiatedForm(formName) {
	var nForm = document.forms[formName];
	switch(formName) {
		case "new_neighbor":
			if(validate(formName)) {
				document.getElementById("gradiated_button_1").style.visibility = "hidden";
				var sendString = "intent=lookup&firstName=" + nForm.elements["n_first_name"].value + "&lastName=" + nForm.elements["n_last_name"].value;
				var xReq = new XMLHttpRequest();
				xReq.open("POST",dRoot + "neighborhood/databaseHandler.php",false);
				xReq.setRequestHeader("Content-type","application/x-www-form-urlencoded");
				xReq.send(sendString);
				
				var lookupResults = document.getElementById("lookup_results");
				lookupResults.style.visibility = "visible";
				
				lookupResults.innerHTML = xReq.responseText;
			}
			break;
	}
}

function addNew(numItems,dbName) {
	numItems ++;
	
	var submissionArray = new Array();
	
	var permisso = document.getElementById('permissoTable');
	var newForm = document.createElement("form");
	
	var pRow = permisso.insertRow(permisso.rows.length -1);
	pRow.id = formCount;
	pRow.insertCell(0);
	
	for(x=1;x<numItems;x++) {
		var pInput = document.createElement("input");
		pInput.type = "text";
		pInput.id = formCount + "_field_" + x;
		
		// we need an array containing the fields to get!
		submissionArray[x-1] = formCount + "_field_" + x;
		
		var pCell = pRow.insertCell(x);
		pCell.appendChild(pInput);
	}
	var saveCell = pRow.insertCell(x);
	
	var saveButton = document.createElement("img");
	saveButton.src = dRoot + "images/utils/save_button.png";
	var sBid = "saveButton_" + numItems;
	saveButton.id = sBid;
	
	var saveLink = document.createElement("a");
	saveLink.addEventListener('click',function() {
		var saveString = "dbName=" + dbName;
		
		// parse the data fields for their input for the POST request
		for(y=0;y<numItems-1;y++) {
			var targetField = submissionArray[y];
			var targetFieldValue = document.getElementById(targetField).value;
			
			saveString += ("&" + submissionArray[y] + "=" + targetFieldValue);
		}
		var xReq = new XMLHttpRequest();
		xReq.open("POST",dRoot + "faculty/permisso/databaseHandler.php",false);
		xReq.setRequestHeader("Content-type","application/x-www-form-urlencoded");
		xReq.send(saveString);
		

		if(xReq.responseText == "OK") {
			document.getElementById(sBid).src = dRoot + "images/utils/check_button.png";
			// make it not-editable
			for(f=1;f<numItems;f++) {
				var cellName = (formCount-1) + "_field_" + f;
				var oldValue = document.getElementById(cellName).value;
				var oldValueParent = document.getElementById(cellName).parentNode;
				oldValueParent.removeChild(document.getElementById(cellName));
				oldValueParent.innerHTML = "<p>" + oldValue + "</p>";
			}
		}
		
	},false);

	saveButton.style.cursor = "pointer";
	saveLink.appendChild(saveButton);
	saveCell.appendChild(saveLink);
	
	formCount++;
}

function deleteItem(target,index) {
	var xReq = new XMLHttpRequest();
	xReq.open("POST",dRoot + "faculty/permisso/databaseHandlerEditDelete.php",false);
	xReq.setRequestHeader("Content-type","application/x-www-form-urlencoded");
	xReq.send("delTarget=" + index + "&db=" + target);
	if(xReq.responseText == "OK") {
		// "delete" from page - strikethrough?
		alert("This record has been deleted: " + index);
	}
}

function editItem(target,index,arrSize) {
	var xReq = new XMLHttpRequest();
	var updateString = "editTarget=" + index + "&db=" + target;
	
	/* UPDATE THE TABLE FOR EDIT-ABILITY
		1. get the target
		2. replace the concerned spans (you will know them by their ids) with inputs
			"index_cell#"
		3. also, change the icons to the "SAVE" icon!
			"utils_index"
		4. add the appropriate event listener!
	*/
	for(e=1;e<(arrSize+1);e++) {
		var cellName = index + "_" + e;
		var thisCell = document.getElementById(cellName);
		var oldValue = thisCell.innerHTML;
		
		thisCell.innerHTML = '<input id="inner_' + cellName + '" type="text" value="' + oldValue + '" />';
	}
	
	// clear that little spot
	var utilSpan = document.getElementById("utils_" + index);
	utilSpan.innerHTML = "";
	
	
	var saveButton = document.createElement("img");
	saveButton.src = dRoot + "images/utils/save_button.png";
	saveButton.style.cursor = "pointer";
	var sBid = "sBid_" + index;
	saveButton.id = sBid;
	
	var saveLink = document.createElement("a");
	saveLink.addEventListener("click",function() {
		
		// parse the data fields for their input for the POST request
		for(y=1;y<(arrSize+1);y++) {
			var cellName = "inner_" + index + "_" + y;
			updateString += ("&field_" + y + "=" + document.getElementById(cellName).value);
		}
		var xReq = new XMLHttpRequest();
		xReq.open("POST",dRoot + "faculty/permisso/databaseHandlerEditDelete.php",false);
		xReq.setRequestHeader("Content-type","application/x-www-form-urlencoded");
		xReq.send(updateString);
		
		if(xReq.responseText == "OK") {
			document.getElementById(sBid).src = dRoot + "images/utils/check_button.png";
			// and make it non-editable by turning the cells into p's!
			for(f=1;f<(arrSize+1);f++) {
				var cellName = index + "_" + f;
				var oldValueName = "inner_" + cellName;
				var oldValue = document.getElementById(oldValueName).value;
				document.getElementById(cellName).innerHTML = "<p>" + oldValue + "</p>";
			}
			
		}
	},false);
	
	saveLink.appendChild(saveButton);	
	utilSpan.appendChild(saveLink);
}

function setFilters(month,year) {
	for(x=0;x<calFilters.length;x++) {
		//document.getElementById(calFilters[x][0]).checked = true;
		populateCal(calFilters[x][0],month,year);
	}
}

function populateCal(target,month,year) {
	var xReq = new XMLHttpRequest();
	xReq.open("POST",dRoot + "events/calEngine.php",false);
	xReq.setRequestHeader("Content-type","application/x-www-form-urlencoded");
	xReq.send("evtType=" + target + "&month=" + month + "&year=" + year);
	if(xReq.responseText != "NONE") {
		var eventList = document.createElement('ul');
		var jsonResult = eval('(' + xReq.responseText + ')');				
		for(y=0;y<jsonResult.events.length;y++) {
			document.getElementById("d_" + jsonResult.events[y].date).innerHTML += '<span style="display:block" id="' + target + '_' + jsonResult.events[y].date + '"><span class="' + target + '_cal">&nbsp;&nbsp;&nbsp;</span>';
			if(jsonResult.events[y].description != "") {
				document.getElementById("d_" + jsonResult.events[y].date).innerHTML += '<a class="calLink" href="' + jsonResult.events[y].description + '" target="_blank" onmouseover="showCalDetail(\'' + jsonResult.events[y].title + "','" + jsonResult.events[y].description + "','" + jsonResult.events[y].time + '\');" onmouseout="removeCalDetail();">' + jsonResult.events[y].title + '</a><br />' + jsonResult.events[y].time + '</span>';
			} else {
				document.getElementById("d_" + jsonResult.events[y].date).innerHTML +=  jsonResult.events[y].title + '<br />' + jsonResult.events[y].time + '</span>';
			}
			
			
			var bullet = document.createElement('span')
			bullet.className = target + '_cal';
			bullet.innerHTML = '&nbsp;&nbsp;&nbsp;';
			bullet.style.marginRight = "10";
			
			var itemDetails = document.createElement('a');
			itemDetails.href = jsonResult.events[y].description;
			itemDetails.target = "_blank";
			itemDetails.innerHTML = jsonResult.events[y].rawDate + '&nbsp;&nbsp;&mdash;&nbsp;&nbsp;' + jsonResult.events[y].title;
			
			var listItem = document.createElement('li');
			listItem.appendChild(bullet);
			listItem.appendChild(itemDetails);
			eventList.appendChild(listItem);
		}
		
		for(e=0;e<eventDetails.length;e++) {
			if(target == eventDetails[e][0]) {
				eventDetails[e].push(eventList);
			}
		}
	}
	
}

function adjustLens(target) {
	var evtListAnchor = document.getElementById("cal_list_anchor");
	evtListAnchor.name = target;
	var evtList = document.getElementById("cal_list");
	evtList.empty();
	for(e=0;e<eventDetails.length;e++) {
		if(target == eventDetails[e][0]) {
			if(eventDetails[e][2] != undefined) {
				var cal_list = document.getElementById('cal_list');
				var listTitle = document.createElement('h1');
				listTitle.innerHTML = eventDetails[e][1];
				cal_list.appendChild(listTitle);
				cal_list.appendChild(eventDetails[e][2]);
			}
		}
	}
}

/*
function adjustLens(target,month) {
	if(document.getElementById(target).checked == false) {
		// remove the calendar items according to their ids
		var xReq = new XMLHttpRequest();
		xReq.open("POST",dRoot + "events/calEngine.php",false);
		xReq.setRequestHeader("Content-type","application/x-www-form-urlencoded");
		xReq.send("evtType=" + target + "&month=" + month);
		
		if(xReq.responseText != "NONE") {
			var jsonResult = eval('(' + xReq.responseText + ')');
			for(w=0;w<jsonResult.events.length;w++) {
				var badBoy = document.getElementById(target + "_" + jsonResult.events[w].date);
				badBoy.parentNode.removeChild(badBoy);
			}
		}
	} else if(document.getElementById(target).checked == true) {
		
		  apply the calendar filter according to a JSON object:
		  	1. ajax query about the filter (returns JSON)
		  	2. append children according to their date
		 
		var xReq = new XMLHttpRequest();
		xReq.open("POST",dRoot + "events/calEngine.php",false);
		xReq.setRequestHeader("Content-type","application/x-www-form-urlencoded");
		xReq.send("evtType=" + target + "&month=" + month);
		
		if(xReq.responseText != "NONE") {
			var jsonResult = eval('(' + xReq.responseText + ')');				
			for(y=0;y<jsonResult.events.length;y++) {
				document.getElementById("d_" + jsonResult.events[y].date).innerHTML += '<span style="display:block" id="' + target + '_' + jsonResult.events[y].date + '"><a class="' + target + '_cal" href="' + jsonResult.events[y].description + '" target="_blank" onmouseover="showCalDetail(\'' + jsonResult.events[y].title + "','" + jsonResult.events[y].description + "','" + jsonResult.events[y].time + '\');" onmouseout="removeCalDetail();">' + jsonResult.events[y].title + '</a></span>';
			}
		}
	}
}
*/

function showCalDetail(cTitle,cDesc,cTime) {
/*
	detailDiv = document.createElement("div");
	detailDiv.id = "calDetail";	
	
	detailDiv.innerHTML = '<h4>' + cTitle + ' &mdash; ' + cTime + '</h4><p><a href="' + cDesc + '" target="_blank">More info...</a></p>';
	
	document.getElementById("cal_space").appendChild(detailDiv);
*/
}

function removeCalDetail() {
/*
	var detailDiv = document.getElementById("calDetail");
	detailDiv.parentNode.removeChild(detailDiv);
*/
}

function newStudent() {
	newStudentNum++;
	// make a new table
	var stuTable = document.createElement("table");
	stuTable.className = "signup_table";
	
	var r0 = stuTable.insertRow(0);
	var r0_c0 = r0.insertCell(0);
	var r0_c1 = r0.insertCell(1);
	var ask_fn = document.createTextNode('Student\'s First Name: ');
	var get_fn = document.createElement("input");
	get_fn.type = "text";
	get_fn.name = "extra_" + newStudentNum + "_fn";
	r0_c0.appendChild(ask_fn);
	r0_c1.appendChild(get_fn);
	
	var r1 = stuTable.insertRow(1);
	var r1_c0 = r1.insertCell(0);
	var r1_c1 = r1.insertCell(1);
	var ask_ln = document.createTextNode('Student\'s Last Name: ');
	var get_ln = document.createElement("input");
	get_ln.type = "text";
	get_ln.name = "extra_" + newStudentNum + "_ln";
	r1_c0.appendChild(ask_ln);
	r1_c1.appendChild(get_ln);
	
	var r2 = stuTable.insertRow(2);
	var r2_c0 = r2.insertCell(0);
	var r2_c1 = r2.insertCell(1);
	var ask_sch = document.createTextNode('Student\'s School: ');
	var get_sch = document.createElement("select");
	get_sch.name = "extra_" + newStudentNum + "_sch";
	
	var sch_list = document.getElementById('available_schools');
	for(s=0;s<sch_list.length;s++) {
		var new_opt = document.createElement("option");
		new_opt.value = sch_list.options[s].value;
		new_opt.text = sch_list.options[s].text;
		get_sch.add(new_opt,null);
	}
	r2_c0.appendChild(ask_sch);
	r2_c1.appendChild(get_sch);
	
	var r3 = stuTable.insertRow(3);
	var r3_c0 = r3.insertCell(0);
	var r3_c1 = r3.insertCell(1);
	var ask_wc = document.createTextNode('If you don\'t see your child\'s school here, please type it in here: ');
	var get_wc = document.createElement("input");
	get_wc.type = "text";
	get_wc.name = "extra_" +newStudentNum + "_wc";
	r3_c0.appendChild(ask_wc);
	r3_c1.appendChild(get_wc);
	
	document.getElementById("add_students").appendChild(stuTable);
}

function createNewUser(index,fName,lName,formName) {
	document.getElementById("gradiated_button_2").style.visibility = "hidden";
	document.getElementById("neighborhood_step_3").style.visibility = "visible";
	var nForm = document.forms[formName];
	var sendString = "intent=authenticate&userID=" + index + "&firstName=" + fName + "&lastName=" + lName + "&userName=" + nForm.elements['n_username'].value + "&pssst=" + nForm.elements['n_pssst'].value;
	
	var xReq = new XMLHttpRequest();
	xReq.open("POST",dRoot + "neighborhood/databaseHandler.php",false);
	xReq.setRequestHeader("Content-type","application/x-www-form-urlencoded");
	xReq.send(sendString);

	// if responseText == "OK" then add that other shit to the other table.
	if(xReq.responseText == "OK") {
		var dataString = "";
		var yReq = new XMLHttpRequest();
		yReq.open("POST",dRoot + "neighborhood/databaseHandler.php",false);
		yReq.setRequestHeader("Content-type","application/x-www-form-urlencoded");
		yReq.send(dataString);
		
		// also pad out the form with the name, email and pssst vals.
		var nForm2 = document.forms['finished_registration'];
		var newFields = Array("n_first_name","n_last_name","n_email","n_username");
		
		for(x=0;x<4;x++) {
			var aField = document.createElement("input");
			aField.type = "hidden";
			aField.name = newFields[x];
			aField.value = nForm.elements[newFields[x]].value;
			nForm2.appendChild(aField);
			aField = null;
			
		}
	}
}

function popOutProfile(fName,lName,index) {
	// first, clear out any other instance of this div (just in case user did not press "close" before opening a new one)
	if(document.getElementById("profileDiv")) {
		document.getElementById("content").removeChild(document.getElementById("profileDiv"));
	}
	
	var imgName = "";
	var spaceCheck = /\s/g;
	
	if(fName.match(spaceCheck)) {
		imgName = fName.replace(" ","");
	} else {
		imgName = fName;
	}

	
	if(lName.match(spaceCheck)) {
		imgName += lName.replace(" ","");
	} else {
		imgName += lName;
	}
	
		
	if(imgName.match(/\./g))
		imgName = imgName.replace(".","_");

	var pDiv = document.createElement("div");
	pDiv.id = "profileDiv";
	
	// create the "close button"
	var cButton = document.createElement("img");
	cButton.src = dRoot + "images/utils/close_button.jpg";
	cButton.style.cursor = "pointer";
	cLink = document.createElement("a");
	cLink.addEventListener("click",function() {
		document.getElementById("content").removeChild(pDiv);
	},false);
	cLink.appendChild(cButton);
	pDiv.appendChild(cLink);
	
	// let mouse position determine the "top" of div
	document.body.scrollTop > 400? pDiv.style.top = document.body.scrollTop + 30 : pDiv.style.top = 400;
	document.getElementById("content").appendChild(pDiv);
	
	// query based on the index
	var qString = "rType=faculty&qIndex=" + index;
	var xReq = new Request.JSON({
		url:dRoot + "databaseHandler.php",
		method:'post',
		data:qString,
		onRequest:function() {
			pDiv.adopt(new Element('img',{
				'src':'images/progress.gif',
				'styles':{
					'position':'relative',
					'top':195,
					'left':175
				}
			}));
		},
		onComplete:function(json) {
			pDiv.getChildren('img')[0].destroy();
			var fRole = json.faculty[0].role.split(";");
			var cleanRole = "";
			var cleanEdu = "";
			for(var r=0;r<fRole.length;r++) {
				cleanRole += fRole[r] + "<br />";
			}
			var fEdu = json.faculty[0].education.split(";");
			for(var e=0;e<fEdu.length;e++) {
				cleanEdu += fEdu[e] + "<br />";
			}
			var fBio = json.faculty[0].bio;
			var innerInfoHtml = "<table><tr valign=\"top\"><td style=\"width:130px\"><center><h3 class=\"profileType\">" + fName + "<br />" + lName + "</h3><img src=\"images/people/" + imgName + ".jpg\" /></center></td><td style=\"padding:0 10px;\"><b>" + cleanRole + "</b><br /><br /><b>Education:</b><br />" + cleanEdu + "<br /><br /><b>";
			if(json.faculty[0].division != 11) {
				innerInfoHtml += "Bio:</b><br />" + fBio + "</td></tr></table>";
			} else {
				innerInfoHtml += "Contact:</b><br />" + fBio + "</td></tr></table>";
			}
			var innerInfo = new Element('div',{
				'html':innerInfoHtml
			});
			pDiv.adopt(innerInfo);
		}
	}).send();	
}

function openCal() {
	window.open(dRoot + "events/calendar.php","Community Music Center of Boston : Calendar","width=1200,height=800,toolbar=no,scrollbar=yes");
}

function populateLocalStorage() {
	var schoolLookup = new Array(
								"Community Music Center of Boston",
								"Edwards Middle School",
								"Boston Latin Academy",
								"Boston Latin School",
								"Quincy Upper School",
								"Dever Elementary School"
	);
	var dayLookup = new Array(
								new Array("mon","Monday"),
								new Array("tues","Tuesday"),
								new Array("weds","Wednesday"),
								new Array("thurs","Thursday"),
								new Array("fri","Friday"),
								new Array("sat","Saturday")
	);
	var groupLookup = new Array(
								new Array("OC01","Chamber Orchestra"),
								new Array("PS00","Piano Seminar"),
								new Array("VO02","Youth Chorus"),
								new Array("SE03","Preparatory String Ensemble"),
								new Array("SE01","Junior String Ensemble"),
								new Array("SE02","Intermediate String Ensemble"),
								new Array("WE01","Junior Wind Ensemble"),
								new Array("WE02","Senior Wind Ensemble"),
								new Array("JE01","Jazz Ensemble"),
								new Array("THSO","Theory/Solfege"),
								new Array("COMP","Composition"),
								new Array("ISP","Intensive Study Project (ISP)")
	);
	
	localStorage.setItem("schoolTable",schoolLookup.join(";"));
	localStorage.setItem("groupTable",groupLookup.join(";"));
	localStorage.setItem("dayTable",dayLookup.join(";"));
}

function parseLocalStorage() {
	allSchools = localStorage.schoolTable.split(";");
	allDays = localStorage.dayTable.split(";");
}

function queryLocalStorage(r,stack) {
	var theString;
	var checkString = new String(r);
	switch(stack) {
		case "allSchools":
			allSchools = localStorage.schoolTable.split(";");		
			theString = allSchools[r];
			break;
		case "allGroups":
			var groupHash = localStorage.groupTable.split(";");
			for(g=0;g<groupHash.length;g++) {
				var theGroup = groupHash[g].split(",");
				if(theGroup[0] == checkString) {
					theString = theGroup[1];
				}
			}
			break;
		case "allDays":
			var dayHash = localStorage.dayTable.split(";");
			for(var day=0;day<dayHash.length;day++) {
				var theDay = dayHash[day].split(",");
				if(theDay[0] == checkString) {
					theString = theDay[1];
				}
			}
			break;
	}
	return theString;
}

function initMap() {
	var homeImg = "../images/neighborhood/home_icon.png";
	var neighborImg = "../images/neighborhood/neighbor_icon.png";
	var dataSpace = document.getElementById("neighborhood_data");
	
	var xReq = new XMLHttpRequest();
	xReq.open("POST",dRoot + "neighborhood/databaseHandler.php",false);
	xReq.setRequestHeader("Content-type","application/x-www-form-urlencoded");
	xReq.send("intent=getNeighbors");
	var res = eval('(' + xReq.responseText + ')');
	
	uLat = res.userLat;
	uLng = res.userLng;
	
	var userLL = new google.maps.LatLng(uLat,uLng);
	var mapOpts = {
		zoom:14,
		// center should be the user's latlng
		center: userLL,
		mapTypeId: google.maps.MapTypeId.ROADMAP
	};
	var map = new google.maps.Map(document.getElementById("neighborhood_map"),mapOpts);
	var homeMark = new google.maps.Marker({
		position:userLL,
		map:map,
		title:"Your Family",
		icon:homeImg
	});
	
	if(res.neighbors) {
		var dataTxt1 = document.createElement("p");
		dataTxt1.innerHTML = "There are <b>" + res.neighbors + "</b> CMCB families in your neighborhood&mdash; living less than one mile from you!";
		dataSpace.appendChild(dataTxt1);
		
		if(res.visibleNeighbors) {
			var dataTxt2 = document.createElement("p");
			dataTxt2.innerHTML = "Want to get in touch?  Here are the families in your area you can contact online:";
			var dataList = document.createElement("ul");
			
			for(var n=0;n<res.visibleNeighbors.length;n++) {
				var nLL = new google.maps.LatLng(res.visibleNeighbors[n].lat,res.visibleNeighbors[n].lng);
				var neighborMark = new google.maps.Marker({
					position:nLL,
					map:map,
					title:"The " + res.visibleNeighbors[n].familyName + " Family",
					icon:neighborImg
				});
				var dataListItem = document.createElement("li");
				dataListItem.innerHTML = '<a href="?inc=family&id=' + res.visibleNeighbors[n].userName + '&called=' + res.visibleNeighbors[n].familyName + '">The ' + res.visibleNeighbors[n].familyName + ' Family</a>';
				dataList.appendChild(dataListItem);
			}
			
			dataSpace.appendChild(dataTxt2);
			dataSpace.appendChild(dataList);
			
		}
	} else {
		dataSapce.innerHTML = "<p>There aren't any CMCB families in your neighborhood yet.  Keep checking, though&mdash; our neighborhood is always growing!</p>";
	}
}

function instrumentInOut(index) {
	var rentalHolder = document.getElementById('rentalHolder');
	if(document.getElementById('rental')) {
		rentalHolder.removeChild(document.getElementById('rental'));
	}
	
	var rental = document.createElement('div');
	rental.id = "rental";
	
	var xReq = new XMLHttpRequest();	xReq.open("POST",dRoot + "faculty/permisso/instrumentHandler.php",false);
	xReq.setRequestHeader("Content-type","application/x-www-form-urlencoded");
	xReq.send("getIns=" + index);


	rental.innerHTML = xReq.responseText;
	rentalHolder.appendChild(rental);
	
}

function changeRentalStatus(index) {
	if(!document.getElementById('insSaveButton').childNodes[0]) {
		var saveButton = document.createElement('a');
		saveButton.style.marginLeft = "10px";
		saveButton.id = "saveButton_" + index;
		saveButton.addEventListener("click",saveRentalInfo,false);
		saveButton.className = "submit";
		saveButton.innerHTML = "save";
		document.getElementById('insSaveButton').appendChild(saveButton);
	}
	var inOut = document.getElementById('changeRentalStatus');
	inOut.removeChild(inOut.childNodes[0]);
	
	var inOutChooser = document.createElement('select');
	inOutChooser.id = "newInOut";
	var inChoice = document.createElement('option');
	inChoice.value = "in";
	inChoice.innerHTML = "in";
	var outChoice = document.createElement('option');
	outChoice.value = "out";
	outChoice.innerHTML = "out";
	
	inOutChooser.appendChild(inChoice);
	inOutChooser.appendChild(outChoice);
	inOut.appendChild(inOutChooser);
	
	document.getElementById('rentalStatusText').innerHTML = "";
	
}

function changeRentalNotes(index) {
	if(!document.getElementById('insSaveButton').childNodes[0]) {
		var saveButton = document.createElement('a');
		saveButton.addEventListener("click",saveRentalInfo,false);
		saveButton.style.marginLeft = "10px";
		saveButton.id = "saveButton_" + index;
		saveButton.className = "submit";
		saveButton.innerHTML = "save";
		document.getElementById('insSaveButton').appendChild(saveButton);
	}
	
	var notes = document.getElementById('changeRentalNotes');
	notes.removeChild(notes.childNodes[0]);
	var noteText = document.createElement('textarea');
	noteText.id = "noteText";
	notes.appendChild(noteText);
	noteText.style.marginLeft = "10px";
	noteText.style.marginBottom = "20px";
	noteText.style.width = "220px";
}

function saveRentalInfo() {
	var index = this.id;
	var newStatus;
	var newNote;
	if(document.getElementById('newInOut')) {
		newStatus = document.getElementById('newInOut').selectedIndex;
	} else {
		newStatus = document.getElementById('changeRentalStatus').innerHTML;
	}
	
	if(document.getElementById('noteText') != null) {
		newNote = document.getElementById('noteText').value;	
	} else {
		newNote = "";
	}
	
	var xReq = new XMLHttpRequest();
	xReq.open("POST",dRoot + "faculty/permisso/instrumentHandler.php",false);
	xReq.setRequestHeader("Content-type","application/x-www-form-urlencoded");
	xReq.send("setIns=" + index + "&newStatus=" + newStatus + "&newNote=" + newNote );
	if(xReq.responseText == "OK") {
		document.getElementById('changeRentalNotes').removeChild(document.getElementById('noteText'));
		document.getElementById('changeRentalNotes').innerHTML = newNote;
		document.getElementById('insSaveButton').style.display = "none";
	}
}

var closeXBox = function() {
	$('todaysAlert').destroy();
};