Untitled

<html>
<head>
<title>User Profile Manager</title>
</head>
<body>

<variable type="FaceBooklet" name="myBook" value="new FaceBooklet()"/>
<h2>Profile Name</h2>
<p>
 Please Enter a Name:  <textbox id="Name" value=""/>
<br />
<button label="Look Up">
	<attribute name="onClick">
		myBook.loadProfile(Name.text);
	</attribute>
</button>

<button label="Create New Profile">
	<attribute name="onClick">
		myBook.createNewProfile(Name.text);
	</attribute>
</button>
</p>
<h2>Profile Information</h2>
<p><div style="width:200px;border:3px solid blue;padding:10px;">
   Name: <text value="@{myBook.getProfile().getName()}"/><br />
  Status: <textbox id="Status" value="@{myBook.getProfile().getStatus()}"/><br />
  Email: <textbox id="Email" value="@{myBook.getProfile().getEmail()}"/><br />
  Picture: <textbox id="PictureURL" value="@{myBook.getProfile().getPictureThumbUrl()}"/><br />
</div>
</p>
<p>
<button label="Save">
	<attribute name="onClick">
		myBook.saveProfile();
	</attribute>
</button>
</p>
<h2>Preview</h2>
<p>
<img src="@{myBook.getProfile().getPictureThumbUrl()}" paddiing="8" width="150" height="150" alt="&#160;&#160;&#160;User Profile Picture" align="left" />
<br />
<h3> &#160;&#160; Name: <text value="@{myBook.getProfile().getName()}"/></h3>
   &#160;&#160;&#160;&#160;&#160;&#160; Status: <text value="@{myBook.getProfile().getStatus()}"/><br />
   &#160;&#160;&#160;&#160;&#160;&#160;  Email: <text value="@{myBook.getProfile().getEmail()}"/>
</p>
</body>
</html>