function event_viewer(obj) {

			var log = $('log_res').empty().addClass('ajax-loading');

			staffid = document.getElementById("staff_id").value;

			$(obj).send({
				update: log,
				onComplete: function() {
				topdistance = findPageOffset();
				document.getElementById("fade").style.top = parseInt(topdistance) + "px";
				document.getElementById("log_res").style.top = parseInt(topdistance[1]) + 10 + "px";
				log.addClass('show');
				log.removeClass('ajax-loading');
				document.getElementById("fade").style.display = "block";
				document.getElementById("staffcontent" + staffid).style.display = "block";
				}
			});
		}

		function new_event_viewer(staff_id) { 

			var log = $('log_res').empty().addClass('ajax-loading');
			staffid = document.getElementById("staff_id").value;

			myRequest = new Request({
                                'method':'get',
                                'url':'/info.html',
                                'data':{
                                        'staff_id':staff_id
                                },
                                'onSuccess':function(responseHTML){

					topdistance = findPageOffset();

					document.getElementById("fade").style.top = parseInt(topdistance) + "px";
					document.getElementById("log_res").style.top = parseInt(topdistance[1]) + 10 + "px";
					log.addClass('show');
					log.removeClass('ajax-loading');		

					document.getElementById("fade").style.display = "block";
					log.set("html",responseHTML);
					document.getElementById("staffcontent" + staffid).style.display = "block";
					
                                }
                        }).send();

		}