function openDialog(element, width, height, sender, id){
	element = $("#" + element);
	
	element.dialog({
		autoOpen: false,
		height: height,
		width: width,
		resizable: false,
		modal: true,
		overlay: {
			backgroundColor:"#808080",
			opacity: "0.8",
			filter: 'alpha(opacity=80)'
		}
	});
	
   element.removeClass("saving");
	element.find("h5").text($(sender).parent().find(".event-title").text());
	element.find("#event_name").val($(sender).parent().find(".event-title").text());
	element.find("#event_id").val(id);
	element.dialog("open");
	element.find("#submit").click(function() {
	   var fields = [
	      "first_name"
	      , "last_name"
	      , "company"
	      , "email"
	      , "phone"
	      , "event_name"
	      , "event_id"
	   ];
	   
	   var aryData = {};
	   
	   for (var i=0; i < fields.length; i++) {
	      aryData[fields[i]] = $("#" + fields[i]).val();
	   }

      element.addClass("saving");

      $.ajax({
         type: "POST",
         url: "Events.asmx/RegisterEvent",
         data: aryData,
         success: function(msg){
	         element.dialog("close");
         },
         error: function(msg){
           alert( "Error" );
         }
       });
	   return false;
	});
	element.find("#cancel").click(function() {
	   element.dialog("close");
	   return false;
	});
	return false;
}