// JavaScript Document

AddImage = new Image(215,26)
AddImage.src = "/images/icons/add-to-list.gif"

SelectImage = new Image(215,26)
SelectImage.src = "/images/icons/added-to-list.gif"

officeAdded = false

function addoffice(ID, Address) {

	var XMLObject;

	XMLObject = false;

	if(window.XMLHttpRequest && !(window.ActiveXObject)) {
    	
		try {
			XMLObject = new XMLHttpRequest();
		} catch(e) {
			XMLObject = false;
		}

	} else if(window.ActiveXObject) {
		try {
  			XMLObject = new ActiveXObject("Msxml2.XMLHTTP");
 		} catch(e) {
			try {
				XMLObject = new ActiveXObject("Microsoft.XMLHTTP");
			} catch(e) {
				XMLObject = false;
        		}
		}
    	}


	if(XMLObject) {
		
		XMLObject.open("GET", "/AddOffice.aspx?OfficeID=" + ID + "&Address=" + Address, true);
		XMLObject.send("");
		
		try {
			var temp = document.getElementById(ID);

			if (temp.innerHTML == 'added to list') {
	
				temp.innerHTML = 'add to list';
				remfromlist(ID, Address);
	
			} else {
	
				temp.innerHTML = 'added to list';
				addtolist(ID, Address);
	
			}
			
		} catch(err) {
			remfromlist(ID, Address);
		}
		
		try {
			var tempe = document.getElementById(ID+'_');

			if (tempe.src.indexOf('added-to-list.gif') > 0) {
	
				tempe.src = AddImage.src;
	
			} else {
	
				tempe.src = SelectImage.src;
	
			}
			
		} catch(err) {
			// error code here
		}
		

		

		XMLObject = null;

	} else {

		document.location = "/AddOffice.aspx?OfficeID=" + ID + "&Address=" + Address;
	}

}

function addtolist(ID, Address) {
	
		var officeList = document.getElementById('SelectedOffices');
		var newLI = document.createElement("LI");
		
		newLI.id = ID + "LI";
		newLI.innerHTML = "<a href='/ExtraInfo.aspx?OfficeID=" + ID + "'>" + Address + "</a> <a href=\"javascript:addoffice('" + ID + "', '" + Address + "')\"><span>[remove]</span></a>";
		
		var x = 0
		if (officeList.childNodes.length > 0) {
			for (var i=0; i<officeList.childNodes.length; i++) {
				var child = officeList.childNodes[i];
				if (child.nodeName == "LI") {
					x++
			   	}
			}		
		}
		
		if(x == 1 && officeAdded == false){
			officeList.removeChild(document.getElementById('none-sel'));
			officeAdded = true;
		}
		officeList.appendChild(newLI);
				
}

function remfromlist(ID, Address) {
	
		var officeList = document.getElementById('SelectedOffices');
		var newLI = document.getElementById(ID + "LI");
		
		officeList.removeChild(newLI);
		
		var x = 0
		if (officeList.childNodes.length > 0) {
			for (var i=0; i<officeList.childNodes.length; i++) {
				var child = officeList.childNodes[i];
				if (child.nodeName == "LI") {
					x++
			   	}
			}		
		}	
					
		if(x == 0) {
			var noneLI = document.createElement("LI");
			
			noneLI.id = "none-sel";
			noneLI.innerHTML = "No offices selected yet";
			
			officeAdded = false;
			officeList.appendChild(noneLI);
		}
				
}