var $j = jQuery.noConflict();

$j(function() {
    $j.ajax({
		url: 'staff.dat',
		type: 'GET',
		timeout: 1000,
		dataType: "text",
		error: function(){
			alert('Error loading XML document "staff"');
		},
		success: function(data){
			//Internet Explorer
			try {
				xml=new ActiveXObject("Microsoft.XMLDOM");
			} catch(e){
			//Firefox, Mozilla, Opera, etc.
				try{
					xml=document.implementation.createDocument("","",null);
				} catch(e) {alert(e.message)}
			} try {
				xml.async=false;
				xml.loadXML(data);
			}
			catch(e) {alert(e.message)}
			
			$j(xml).find('person').each(function(){
				//get children of "person"
				var kids = $j(this).children();
				//create contact div
				var contact = $j('<div />').addClass("contact");
				//create link if they have one
				var src;
				if($j(kids[5]).text() == "")
					src = "#";
				else
					src = $j(kids[5]).text();
				//create image frame
				var image = $j('<a href='+src+'/>').addClass("image");
				//get link for image if they have one
				if($j(kids[4]).text() == "")
					src = "../images/nophoto.jpg";
				else
					src = "images/"+$j(kids[4]).text()+".jpg";
				var img = new Image();
				img.src = src;
				img.alt = "contact picture";
				$j(image).append(img)
				$j(contact).append(image);
				
				//create ul
				var ul = $j('<ul />');
				//create strong (name)
				var li = $j("<li />");
				li.html("<strong>"+$j(kids[0]).text()+"</strong>").appendTo($j(ul));
				//create em (position)
				li = $j("<li />");
				li.html("<em>"+$j(kids[2]).text()+"</em>").appendTo($j(ul));
				
				//create email
				li = $j("<li />").addClass("email");
				li.html("E-mail: <a href='mailto:"+$j(kids[3]).text()+"@seattleschools.org'>"
				+$j(kids[3]).text()+"</a>").appendTo($j(ul)).append;
				
				//create room
				li = $j("<li />");
				li.html("Room #: " + $j(kids[1]).text());
				$j(ul).append(li);
				//append to page
				ul.appendTo($j(contact));
				contact.appendTo($j('#staff'));
			});
		}
	});
});