From: <Saved by Microsoft Internet Explorer 5>
Subject: Java Pro Magazine - Let Me Paint You a Picture
Date: Fri, 28 Oct 2005 12:24:41 -0500
MIME-Version: 1.0
Content-Type: multipart/related;
	boundary="----=_NextPart_000_0006_01C5DBBA.9219EDE0";
	type="multipart/alternative"
X-MimeOLE: Produced By Microsoft MimeOLE V6.00.2800.1441

This is a multi-part message in MIME format.

------=_NextPart_000_0006_01C5DBBA.9219EDE0
Content-Type: image/gif
Content-Transfer-Encoding: base64
Content-Location: http://www.fawcette.com/javapro/images/logo_jpro.gif

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
F03qVrtJFoq8FJBK7OpaFysWiIC0rXfNkAgAADs=

------=_NextPart_000_0006_01C5DBBA.9219EDE0
Content-Type: image/gif
Content-Transfer-Encoding: base64
Content-Location: http://www.fawcette.com/images/spacer.gif

R0lGODlhAQABAIAAAAAAAAAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==

------=_NextPart_000_0006_01C5DBBA.9219EDE0
Content-Type: image/gif
Content-Transfer-Encoding: base64
Content-Location: http://www.fawcette.com/images/xml.gif

R0lGODlhJAAOANUAANVYBPHUwOFdBP/28P9yFeCngvfp4OVeBPRkBe3JsfBjBfr079+ecv+rc/fg
0NByM+e9of/j0Z9BA//m1eWEQ/+FNP/awc5VBM1nI//t4eezkeirgtRhFPBsFOR3Lt1uJPDBofjX
wf98JOZ7M/PCofqWU/CugiEOAfmygv/Rsv+PRP+0gn0zAv+aV8JQBD8aAf/IpP////9mAAAAAAAA
AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAAAAAAALAAAAAAkAA4AAAbKwAls
SCwaj8ijpyVrOp/QqDTKYk6vWKq12YgNCDJVLEJYxWKVJuwcjlmmVWgoliBkYo+LOQZBEM4xLmIB
AFJxTyILMQ4xDC4IZoofKwNngjGEhltOJWcBLgcyZhB0AySWg4VaUWIxBhxNZgUgZxiomKpQh04E
AwOMGrExBSN0LreZq08pjQ9nFKLDAgguALcGGysrKk+7Ml2fByiuHbICTreAMSYKTt4yB9VNAi4u
MvTnTvUyCvX++TLeZRlIRcKLgwgTKlzIcOGJIAA7

------=_NextPart_000_0006_01C5DBBA.9219EDE0
Content-Type: image/gif
Content-Transfer-Encoding: base64
Content-Location: http://www.fawcette.com/javapro/images/divider.gif

R0lGODlhAQABAIAAAMzMzAAAACH5BAAAAAAALAAAAAABAAEAAAICRAEAOw==

------=_NextPart_000_0006_01C5DBBA.9219EDE0
Content-Type: image/gif
Content-Transfer-Encoding: base64
Content-Location: http://www.fawcette.com/javapro/images/spacer.gif

R0lGODlhAQABAIAAAAAAAAAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==

------=_NextPart_000_0006_01C5DBBA.9219EDE0
Content-Type: image/gif
Content-Transfer-Encoding: base64
Content-Location: http://www.fawcette.com/vsm/images/icon_printer.gif

R0lGODlhEgASAJEAAKKi1KGh1P///wAAACH5BAAAAAAALAAAAAASABIAAAJADIyheCkPoxRnWmjw
WlNh6UXVE4BCqX3RlpIk6j4AoHYYHbNnu1twGOqgKpti8USDXXZEoxO5tIyiK4ZzcTgUAAA7

------=_NextPart_000_0006_01C5DBBA.9219EDE0
Content-Type: image/gif
Content-Transfer-Encoding: base64
Content-Location: http://www.fawcette.com/images/chineseicons.gif

R0lGODlhrwAjAKIAALsFH////7I0T9+irsFkeaoYNJkAAAAAACH5BAAAAAAALAAAAACvACMAAAP/
GLrc9jDKSau9OOvNuzdNKI5kaZ5oqq5s675wLM90bd94ru987//AoHBILBqPyKRyyWwOASmBSdoo
OK9AaMpaoi642LBOKwIUCuaCIZ1uEBpksfzFPtfRDhHoez57DX1ec4MncQGGhnt5J4qEjoVwkQxr
DoZcgmCPmiOIkpOLDFyZjZulC50MhgGAX6QBoq92faa0qKciaoeZXwpWu7u0jgACfmgFxMeqCmuu
ClRSu4LBtSkADyZv0dPbyg0DBtAFAyMCAgTa28HdCuekxwzleK9V6eojBKwiyCN9/fXUIgaMIzHg
zb+DCBMqXMiwoSkAECNKnEixosWLEB1q3MixGKPHjyBDihxJsqTJkR9SqlzJsqVLCiESAAA7

------=_NextPart_000_0006_01C5DBBA.9219EDE0
Content-Type: image/gif
Content-Transfer-Encoding: base64
Content-Location: http://www.fawcette.com/vsm/images/logo_ftp.gif

R0lGODlhgQA2AOYAAHx8fFRUVN3d3fz19YuLi+3t7VxcXNx3erYwNM3Nze24utXV1WJiYujo6DMz
M4GBgeXl5Tw8POjV1pYoK9k5PRgXFykpKfHFxtnZ2aOAgbq6uk8VFtQ4PMXFxdBERwMCAiIiIjcP
ENZWWZ6enuioqdE3O9lmacHBwbKystDQ0IgkJ5KSkryen6Ghofz8/Prr60VFRUFAQKmpqW5ubvTz
87W1taampvLy8kpKSnFxccrKyvj39729vfn5+ZmZmfX19eORk+Dg4P79/WhoaNLS0uLi4nZ2dk5O
TsjIyPDw8KotMJWVleKDhvPQ0f7+/uvd3f35+bRRU9LMzeabnWMbHfnk5dRMUH9mZ30iJdA+Qs45
Pfbc3BAJCa+vr99+gLIvMrunp+bJyvfv778zN58rLuOOkWJJSnIeIMg1Offf4Pvw8N46P/fg4Zo+
QDc3N8nHx4R2d81iZb9vcddeYeHQ0Orq6url5sxZXcrIyC8vL91uceWWmE9EROqbnc02Ov///yH5
BAAAAAAALAAAAACBADYAQAf/gH+Cg4SFhoeIiYqLjI2Oj5B/Cn6UlZaXmJmam5ydcy+RoaKEQiKZ
JWNcEY4KWpkUG1wLhCaaFFgfXYRAJZkcKh9hf0IRBFJsdUcEMC4RKC15AQUwKCAFggkLIDU6EIIt
OIMNFkV/OQFIOjeJJJsl7/DwFEofD4RWvl8fM4QXnZfwOHBAc4bLhzxSCNmAIQiGjEEWAPwhAmJJ
HkFI3GCIUaHDnwAdjowgEGFHDwdL/gypYC+FhWuIquDDhIqLAUftTm2oUE7QgDmaOFD5QKQQBhAx
YDjQMeTEMBwJ8kSAYcHGAjd1BKFguALEERAt/jQAcTOAgwowHvgA4GKIAxwW/xYg4WJjYrgH0Syk
HMW3r9+/gAMLHky4sOHDiAOncSewsePHAjnFg8eJA4XLFHoFVVIyMV8v/zCtwVJBw6A0rjBRADaC
0B7Jmit/4cJFgiAnTf+cMCKogQEMM+pigFGuiAEcRxbQiHAkwJEaf1DkEBfAm48IzgMgupD6EocJ
Hwg4Aq2JS4wfp7Oc8hOiAg1RI2I0HFIDhY7jSAA4qGFB0AkHC+BQDgMfJHBECyeUpgEIPsBwgwsj
RJBABTbUAJ0hIpSA2YYchGBBD434Y9mGFIz2gUe3HeAHiZetAZ4PhhBhAQ8LuPAHDBdGoIMbO0wE
ggYOoBcdDhpUsE4QQ3RBVv8MILhQgwOCrPAAAeH8AeQIDPxBAFo3PKQbF56FKeaYZJZp5plopknI
Cx6E5uabcPqhhRUmlNGEmpEIoWKcfPb5DxpXCIHnIq+9MlQFiCaq6KIIcEATPVwoSoWjNCEQaQxm
mMFHGxScoo8wf/AhVQRvdMGFDiiEU0AeHk2ZQh4wgGBDEhW4EUEMLURgQQURPJCDGxU4EEAOSN2q
yCSajIFFFEx44eyzfdg4iBN7ApQKDtL+0YR6NKHRnhhqVEHCTJhwYKkDYgwTAwqCDIFUBSucAIID
LgRgwQoCgNDAHz0Q0MFLhIxQ5R9FgCDAHzNMt0gVbcJZgrcgEDLFeu0J+cf/C6b46YejGxwkxgBS
pECEDnZAkEICOgTxxw0p/7HDwX/8EEQPAqDnBAQ/QJDEH06kMIsgO6jssgCCKpKxtSHQpvTSH3yQ
wiCt+DKUDoRU690EG2StdQhJN21BDigWMgJDf+AAwwwEaGCB0H/oUMEMM5iFQQBB4EAAAx0E4MMR
XkZpQBAgLIABwImQR1MsbCuSRsPeAbOCa5vtw5cTg7hgeeXTZm4I5YJcXogTnDuRLSE5qXbGB30v
AlS59Gg3iD+bmNcjIUTkIUADARjAAA/q6mDBA2MTUHtWf3RxYH+CCODCDD7E8BAKUP6xAgAADCFI
EBYQALcRAjCEgwMELMB5/yFC0FHB0kvb04gLTmSAvtIRvDeIEGKc/z4XaxtSBAA7CwLBEG4IAAZo
kAMD6G4B/9OdETQgniIwIAZDKAABhOYDGSxAIlZ6SN5gQAAXJABGf6iBRFIQABgYIGyDSqEKV8jC
FrrwhTCMoQxnSMMaJmZbGsuhn7LgBTXYsFA6DGKcSnAAKMxQDeQSohJDIxQwyBBZNPmCCqZIxSpa
UQVjiM0llMDFLn6BE1igghipQAYtWqIE+rDNMHZAgwEISlDsM4SNbnAC4rmABnjsAQ1Msscf0OCO
NBBCD26Ax0XoYT2xSEAKFsnIRi6SCGDglndwsYIFPFIOlLoEBcCDQUGwYP8NvqCHMIhhgx4MAGEs
SYIFIECE8PxBJHmwhwxA8C8M7OAGPyjACmJQBzymAAQJoMEQGOCCH/QPEVtg3BkR8AHeNAIItghB
Hoj3hwEk0RJC4QLM/vCEa1YCFh9QYwQC+ICFYKACCTCCEYawEB8MgQcOkN8fIMAFGByhLn8Q2CAK
djAAgMA5SFAEEH2RyUqU4A5SOKYajoZNMnBBYYKAYiYQMAYR4MOMlqDAUOAgCCG4QRdJcEARhCAD
AHEhHAT4AO9wEIAUGMENFNHAybIytn0aDGEBsOTTEKGG1TmsY9uEnWqowIWAdvSQOXxYCCTXl9H1
wAVPZcQOppqIJvCpJgP/+wNSkbaKQWxBkkOkwBeWWgE6/AEPOMgDWkYQgDzgAAc+6AAIqEKABESv
AxEQQDRcZgAkBKAFO4BBBJjznhZ8YBavgknhNjEGBDj2sY4dw+ku9AeG+QI8YRnExDQxmXegobFk
IOoHuDAEagqipjcywgkScE6YCWBBK/BBDhyAAQMAIAZJOKHecJBZAdQhCDBYgRt6RjhEvACsleDA
bGCgg+Y617kpAJEgNluu9rDNCd6kxBqGYgAj5OC7OZgBAEagg30hArUw0IXL0CkIAvggeinQyBEK
INcY+JWt6muBBhhwtgosAXuzQ0TpvHM6pzCip6dQAmkJIdEzjiEE8hEF/wqshzCpOGAGN5hBDJIz
N0GkgAFBMMK+IICDBRhBFw2CAYIAQDkIgMQBbrDVIaBQi1NwwQHHVIRVM7HdD5hmEFbDJmsK0YMF
NPcaOLvey3SABJW9TFo0EJoAZLDNIGTlZEYWQBLMiwQZ7IwGMAuaIIhgg8QRogndwSZ41McIJpzi
wRYYXzI52x7zDuJVPRpC7nhHDCQ44BoC08E0BdEFGJzTNDawwA40kAcL7AtI7X0AD/T1BwAQiVc0
IIJ8aKmbThKiDLbYyc8WoQbkUuI7H9iLIAZ8Rn1AdBALqAAOkkIEBjjFCTHwnQHcQoBXEc941yHE
DRxgAwNGJ3rTY4DCIIoQywhaoAVH+EMBHhCACmTJEAeIwwS2ze0JqOCkjriAHqLQbW4nzRsdZYIe
yFDuCZChYz8mhEsUy98azIA4IFgBChjgBiSAYARd0ECuaACDAPDgCLp73A3yoAH+tNcIBYtXHghQ
A+3QwAIgqIMFjNCBB0TMhiAPuchHTvKSm/zkKE+5ylfO8pY/IhAAOw==

------=_NextPart_000_0006_01C5DBBA.9219EDE0
Content-Type: text/css;
	charset="iso-8859-1"
Content-Transfer-Encoding: quoted-printable
Content-Location: http://www.fawcette.com/javapro/includes/global.css

BLOCKQUOTE {
	FONT-SIZE: 10pt; COLOR: #000000; FONT-FAMILY: arial, helvetica
}
INPUT {
	FONT: 8pt arial; VERTICAL-ALIGN: middle
}
SELECT {
	FONT: 8pt arial; VERTICAL-ALIGN: middle
}
A:link {
	COLOR: #003399; TEXT-DECORATION: underline
}
.header {
	FONT: 8pt arial; COLOR: #ffffff; BACKGROUND-COLOR: #333366
}
A.header {
	FONT: 8pt arial; COLOR: #ffffff; BACKGROUND-COLOR: #333366; =
TEXT-DECORATION: underline
}
A.header:hover {
	TEXT-DECORATION: underline
}
.headeryellow {
	FONT: 8pt arial; COLOR: #ffcc00; BACKGROUND-COLOR: #333366
}
.tab {
	BACKGROUND-IMAGE: url(/images/tab_background.gif); VERTICAL-ALIGN: =
baseline
}
.tabon {
	BACKGROUND-IMAGE: url(/images/tab_on_background.gif); FONT: bold 9pt =
arial; VERTICAL-ALIGN: baseline; COLOR: #000000
}
A.tabtext {
	FONT: bold 9pt arial; COLOR: #000000; TEXT-DECORATION: none
}
.navheader {
	PADDING-LEFT: 2px; FONT: bold 8pt arial; COLOR: #000000; =
BACKGROUND-COLOR: #cccccc
}
.navheader2 {
	PADDING-LEFT: 2px; FONT: bold 8pt arial; COLOR: #000000; =
BACKGROUND-COLOR: #ffffcc
}
A.navheader2 {
=09
}
.navheaderdl {
	PADDING-LEFT: 2px; MARGIN-BOTTOM: 0px; FONT: bold 8pt arial; COLOR: =
#000000; BACKGROUND-COLOR: #cccccc
}
.navheaderline {
	BACKGROUND-COLOR: #003399
}
.navsteptext {
	FONT: 8pt arial; COLOR: #000000
}
.navstepred {
	FONT: bold 8pt arial; COLOR: #ff3333
}
.navsignup {
	PADDING-LEFT: 5px; FONT: 8pt arial; COLOR: #000000; BACKGROUND-COLOR: =
#ffffcc
}
.navcover {
	FONT: 8pt arial; COLOR: #003399; TEXT-ALIGN: center
}
.navlinkbold {
	MARGIN-BOTTOM: 0px; FONT: 8pt arial
}
A.navlinkbold {
	FONT: bold 8pt arial; COLOR: #003399; TEXT-DECORATION: none
}
A.navlinkbold:hover {
	TEXT-DECORATION: underline
}
A.navlink {
	PADDING-LEFT: 3px; FONT: 8pt arial; COLOR: #000000; TEXT-DECORATION: =
none
}
A.navlink:hover {
	TEXT-DECORATION: underline
}
.navsublink {
	FONT: 8pt arial; MARGIN-LEFT: 3px; COLOR: #000000
}
A.navsublink {
	FONT: 8pt arial; COLOR: #003399; TEXT-DECORATION: none
}
A.navsublink:hover {
	TEXT-DECORATION: underline
}
A.navstepred {
	FONT: bold 8pt arial; COLOR: #ff3333
}
A.toc {
	FONT: 8pt arial; COLOR: #000000; TEXT-ALIGN: center; TEXT-DECORATION: =
none
}
.updated {
	FONT: bold 8pt arial; COLOR: #003399
}
.updatedtime {
	FONT: 8pt arial; COLOR: #000000
}
.sectiontitle_blue {
	FONT: bold 13.5pt/0.9 times; VERTICAL-ALIGN: bottom; COLOR: #003399
}
.sectiontitleline_blue {
	BACKGROUND-IMAGE: url(/images/blue_line.gif); LINE-HEIGHT: 1
}
.sectiontitle_red {
	FONT: bold 13.5pt/0.9 times; VERTICAL-ALIGN: bottom; COLOR: #990000
}
.sectiontitleline_red {
	BACKGROUND-IMAGE: url(/images/red_line.gif); LINE-HEIGHT: 1
}
.maincontentcategory {
	FONT: bold 9pt arial; COLOR: #666666
}
.maincontentcategoryred {
	FONT: bold 9pt arial; COLOR: #cc0000
}
.maincontent {
	FONT: 9pt arial; COLOR: #000000
}
.subscribe {
	FONT: bold 14pt times; COLOR: #000000; TEXT-ALIGN: center; =
TEXT-DECORATION: underline
}
.subscribe1 {
	TEXT-ALIGN: right
}
A.subscribe1 {
	FONT: bold 10pt arial; COLOR: #003399; TEXT-DECORATION: underline
}
A.subscribe1:hover {
	TEXT-DECORATION: underline
}
.subcontent {
	FONT: 10pt arial; COLOR: #000000
}
.subscribe {
	FONT: bold italic 10pt arial; COLOR: #003399; TEXT-ALIGN: center
}
.selection {
	FONT: bold 9pt arial; VERTICAL-ALIGN: top; COLOR: #000000
}
A.maincontenttopheader {
	FONT: bold 20pt times; COLOR: #000000; TEXT-DECORATION: none
}
A.maincontenttopheader2 {
	FONT: bold 24pt times; COLOR: #000000; TEXT-DECORATION: none
}
.maincontenttopheader {
	FONT: bold 20pt times; COLOR: #000000; TEXT-DECORATION: none
}
A.maincontenttopheader:hover {
	TEXT-DECORATION: underline
}
A.maincontenttopbullets {
	FONT: bold 9pt arial; COLOR: #003399; TEXT-DECORATION: none
}
.maincontenttopbullets {
	FONT: bold 10pt arial; COLOR: #003399; TEXT-DECORATION: none
}
A.maincontenttopbullets:hover {
	TEXT-DECORATION: underline
}
A.maincontentheader {
	FONT: bold 14pt times; COLOR: #000000; TEXT-DECORATION: none
}
A.maincontentheader:hover {
	TEXT-DECORATION: underline
}
A.subcontentheader {
	FONT: bold 14pt times; COLOR: #000000; TEXT-DECORATION: none
}
A.subcontentheader:hover {
	TEXT-DECORATION: underline
}
A.readmore {
	FONT: bold 9pt arial; COLOR: #003399; TEXT-DECORATION: none
}
A.readmore:hover {
	TEXT-DECORATION: underline
}
.sectiontitle {
	FONT: bold 13.5pt times; VERTICAL-ALIGN: bottom; COLOR: #003399
}
A.subscribe {
	FONT: bold italic 10pt arial; COLOR: #003399; TEXT-ALIGN: center; =
TEXT-DECORATION: underline
}
A.subscribe:hover {
	TEXT-DECORATION: underline
}
A.subscribetop {
	FONT: bold 10pt arial; COLOR: #003399; TEXT-ALIGN: center; =
TEXT-DECORATION: underline
}
A.subscribetop:hover {
	TEXT-DECORATION: underline
}
.featureheader {
	FONT: bold 14pt times; COLOR: #003399
}
.featureitalic {
	FONT: bold italic 12pt times; COLOR: #cccccc
}
A.underline {
	FONT: 10pt arial; COLOR: #003399; TEXT-DECORATION: underline
}
A.underline:hover {
	TEXT-DECORATION: underline
}
.resourcetableborder {
	BORDER-RIGHT: #666666 1px solid; BORDER-TOP: #666666 1px solid; =
BORDER-LEFT: #666666 1px solid; BORDER-BOTTOM: #666666 1px solid
}
.resourcetable {
	BORDER-RIGHT: #666666 1px solid; BORDER-TOP: #666666 1px solid; =
BACKGROUND: #cccccc; MARGIN-BOTTOM: 5pt; MARGIN-LEFT: 5pt; BORDER-LEFT: =
#666666 1px solid; BORDER-BOTTOM: #666666 1px solid
}
.resourcetablerow {
	BORDER-RIGHT: #666666 1px solid; BORDER-TOP: #666666 1px solid; =
BORDER-LEFT: #666666 1px solid; BORDER-BOTTOM: #666666 1px solid
}
.resourcetabletext {
	FONT: bold 8pt arial; COLOR: #003399; TEXT-DECORATION: none
}
.resourcetableheader {
	FONT: bold 10pt arial; COLOR: #333366; TEXT-DECORATION: none
}
A.resourcetablelink {
	FONT: bold 8pt arial; COLOR: #003399; TEXT-DECORATION: none
}
A.resourcetablelink:hover {
	TEXT-DECORATION: underline
}
.popupHeader {
	FONT: bold 12pt arial; COLOR: #003399
}
.popupTitle {
	FONT: bold 10pt arial; COLOR: #003399
}
.popupText {
	FONT: 10pt arial; COLOR: #000000
}
A.popupClose {
	FONT: bold 10pt arial; COLOR: #003399; TEXT-DECORATION: underline
}
A.popupLink {
	FONT: 10pt arial; COLOR: #003399; TEXT-DECORATION: underline
}
A.popupLink:hover {
	TEXT-DECORATION: underline
}
.footer {
	FONT: 9pt arial; COLOR: #ffffff; BACKGROUND-COLOR: #999999; TEXT-ALIGN: =
center
}
.divider {
	FONT: 9pt arial; COLOR: #cccccc
}
A.footernavlink {
	FONT: 8pt arial; COLOR: #333366; TEXT-DECORATION: none
}
A.footernavlink:hover {
	TEXT-DECORATION: underline
}
A.footerbold {
	FONT: bold 9pt arial; COLOR: #ffffff; BACKGROUND-COLOR: #999999
}
P {
	FONT-SIZE: 10pt; COLOR: #000000; FONT-FAMILY: arial, helvetica
}
UL {
	FONT-SIZE: 10pt; COLOR: #000000; FONT-FAMILY: arial, helvetica
}
LI {
	FONT-SIZE: 10pt; COLOR: #000000; FONT-FAMILY: arial, helvetica
}
.tabletext {
	FONT-SIZE: 9pt; COLOR: #000000; FONT-FAMILY: verdana, helvetica
}
.smallnames {
	FONT-SIZE: 8pt; COLOR: #000000; FONT-STYLE: italic; FONT-FAMILY: =
verdana, helvetica
}
.smallnames2 {
	FONT-SIZE: 8pt; COLOR: #000000; FONT-FAMILY: verdana, helvetica
}
.qa {
	FONT-WEIGHT: bold; FONT-SIZE: 14pt; COLOR: #cc0033; FONT-FAMILY: arial
}
.black10ptbld {
	FONT-WEIGHT: bold; FONT-SIZE: 10pt; COLOR: #000000; FONT-FAMILY: =
verdana, helvetica
}
.black8pt {
	FONT-SIZE: 8pt; COLOR: #000000; FONT-FAMILY: arial, helvetica
}
.codesnippet {
	FONT-SIZE: 10pt; COLOR: #666666; FONT-FAMILY: courier
}
.FigureCap {
	FONT-WEIGHT: bold; FONT-SIZE: 9pt; COLOR: #666699; FONT-FAMILY: arial, =
helvetica
}
A.FigureCap {
	COLOR: #666699; TEXT-DECORATION: none
}
.TableCap {
	FONT-WEIGHT: bold; FONT-SIZE: 9pt; COLOR: #666699; FONT-FAMILY: arial, =
helvetica
}
A.FigureCap:hover {
	COLOR: #666699; TEXT-DECORATION: underline
}
.DropCap {
	FONT-WEIGHT: bold; FONT-SIZE: 16pt; COLOR: #003399
}
.SubHead {
	FONT-WEIGHT: bold; FONT-SIZE: 10pt; COLOR: #003399; FONT-FAMILY: arial, =
helvetica
}
A.SubHead {
	COLOR: #003399; TEXT-DECORATION: none
}
A.SubHead:hover {
	TEXT-DECORATION: underline
}
.GraySubHead {
	FONT-WEIGHT: bold; FONT-SIZE: 11pt; COLOR: #666666; FONT-FAMILY: times, =
serif
}
.BlackSubHead {
	FONT-WEIGHT: bold; FONT-SIZE: 10pt; COLOR: #000000; FONT-FAMILY: arial, =
helvetica
}
.AboutAuthor {
	FONT: bold italic 11pt times; COLOR: #666666
}
.AboutAuthor2 {
	FONT: bold 12pt times; COLOR: #666666
}
.AboutAuthor2 {
	FONT: bold 12pt times; COLOR: #666666
}
.FeatureHead {
	FONT: bold 20pt times; COLOR: #000000; TEXT-DECORATION: none
}
.FeatureDek {
	FONT: bold 10pt sans-serif; COLOR: #003399
}
.FeatureDek2 {
	FONT: bold italic 14pt times; WIDTH: 250pt; COLOR: #003399
}
.toolport {
	FONT-WEIGHT: bold; FONT-SIZE: 10pt; COLOR: #666699; FONT-FAMILY: arial, =
helvetica
}
.breadcrumb {
	FONT-WEIGHT: bold; FONT-SIZE: 8pt; COLOR: #666666; FONT-FAMILY: arial, =
helvetica
}
A.breadcrumb {
	FONT-WEIGHT: bold; FONT-SIZE: 8pt; COLOR: #003399; FONT-FAMILY: arial, =
helvetica; TEXT-DECORATION: underline
}
A.breadcrumb:hover {
	TEXT-DECORATION: underline
}
.SideBarSubHead {
	FONT-WEIGHT: bold; FONT-SIZE: 8pt; COLOR: #000000; FONT-FAMILY: arial, =
helvetica
}
.SideBarTitle {
	FONT-WEIGHT: bold; FONT-SIZE: 11pt; COLOR: #003399; FONT-FAMILY: arial, =
helvetica
}
.bpbluetype {
	FONT-WEIGHT: bold; FONT-SIZE: 8pt; COLOR: #0860a8; FONT-FAMILY: =
arial-narrow, helvetica
}
.bpbartype {
	FONT-SIZE: 8pt; COLOR: #000000; FONT-FAMILY: arial-narrow, helvetica
}
.sponsorheadertop {
	FONT: bold 12pt arial; COLOR: #800000
}
.sponsorheader {
	FONT: bold 9pt arial; COLOR: #800000
}
.sponsor {
	FONT: bold 10pt arial; COLOR: #000000
}
.sponsortext {
	FONT: 10pt arial; COLOR: #000000
}
.sponsortextlink {
	FONT: 8pt arial; COLOR: #003399
}
A.sponsorheader {
	FONT: bold 9pt arial; COLOR: #800000; TEXT-DECORATION: none
}
A.sponsorheader:hover {
	TEXT-DECORATION: underline
}
A.sponsortextlinkbold {
	FONT: bold 8pt arial; COLOR: #003399; TEXT-DECORATION: none
}
A.sponsortextlinkbold:hover {
	TEXT-DECORATION: underline
}
.mainheader_blue {
	FONT: bold 10pt arial; COLOR: #003399; TEXT-DECORATION: none
}
A.blue {
	FONT-WEIGHT: bold; COLOR: #003399; TEXT-DECORATION: underline
}
A.blue:hover {
	TEXT-DECORATION: underline
}
.ad_head {
	FONT-SIZE: 10px; COLOR: #808080; FONT-FAMILY: Arial, Helvetica; =
FONT-VARIANT: small-caps
}
.bigbox {
	PADDING-RIGHT: 5px; PADDING-LEFT: 5px; FLOAT: right; PADDING-BOTTOM: =
5px; PADDING-TOP: 5px
}
.bigbox_left {
	PADDING-RIGHT: 5px; PADDING-LEFT: 5px; FLOAT: left; PADDING-BOTTOM: =
5px; PADDING-TOP: 5px
}
.rightad {
	PADDING-LEFT: 6px; FLOAT: right; PADDING-TOP: 4px
}

------=_NextPart_000_0006_01C5DBBA.9219EDE0
Content-Type: multipart/alternative;
	boundary="----=_NextPart_001_0019_01C5DBBA.921C5EE0"


------=_NextPart_001_0019_01C5DBBA.921C5EE0
Content-Type: text/html;
	charset="utf-8"
Content-Transfer-Encoding: quoted-printable
Content-Location: http://www.fawcette.com/javapro/2001_12/magazine/features/slloyd/

=EF=BB=BF<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML><HEAD><TITLE>Java Pro Magazine - Let Me Paint You a =
Picture</TITLE>
<META http-equiv=3DContent-Type content=3D"text/html; =
charset=3Dutf-8"><!-- Start META Tags -->
<META=20
content=3D"Use applets and servlets to create Web-based, interactive =
graphics that can make many tasks a whole lot easier"=20
name=3DDescription>
<META content=3D"Steve Lloyd" name=3DAuthor>
<META content=3D"December 2001" name=3DIssue><!-- End META Tags --><LINK =

href=3D"http://www.fawcette.com/javapro/includes/global.css" =
type=3Dtext/css=20
rel=3Dstylesheet><!-- Start Page Number Function =
--><!-----------------------------------------------------------------
      This function builds the numbering scheme for multipage features.
      It takes 2 parameters:
     =20
      currentPage  the page you are currently on (will not have a link)
      totalPages   the total number of pages in this feature

     =20
      Usage Example:
     =20
      <script language=3D"javascript">
        buildPageNumbers(7, 10)
      </script>
    ------------------------------------------------------------------>
<STYLE type=3Dtext/css>A.buildpagenumbersunderline {
	FONT: 10pt arial; COLOR: #003399; TEXT-DECORATION: underline
}
.buildpagenumbersbold {
	FONT: bold 10pt arial; COLOR: #000000; TEXT-DECORATION: none
}
</STYLE>

<SCRIPT language=3Djavascript>
      function buildPageNumbers(currentPage, totalPages)
      {
        <!-- If there is a previous page, display it -->
        if(currentPage!=3D1)
        {=20
          if (currentPage!=3D2)
          {
            document.write("<a href=3D'page" + (currentPage-1) + ".aspx' =
class=3D'buildpagenumbersunderline'>Previous</a> ")
          }
          else
          {
            document.write("<a href=3D'default.aspx' =
class=3D'buildpagenumbersunderline'>Previous</a> ")
          }
        }

        <!-- Loop through the pages and build links -->
        for(i=3D1; i<=3DtotalPages; i++)
        {
          if (i=3D=3DcurrentPage)
          {
            document.write("<span class=3D'buildpagenumbersbold'>" + i + =
"</span> ")
          }
          else if (i!=3D1)
          {
            document.write("<a href=3D'page" + i + ".aspx' =
class=3D'buildpagenumbersunderline'>" + i + "</a> ")
          }
          else
          {
            document.write("<a href=3D'default.aspx' =
class=3D'buildpagenumbersunderline'>" + i + "</a> ")
          }
        }=20

        <!-- If there is a next page, display it -->
        if(currentPage!=3DtotalPages)
        {=20
          document.write("<a href=3D'page" + (currentPage+1) + ".aspx' =
class=3D'buildpagenumbersunderline'>Next</a>")
        }
      }     =20
    </SCRIPT>
<!-- End Page Number Function -->
<SCRIPT language=3DJavaScript>
    <!-- hide JavaScript
    function openWindowRes()
    {
      popupWin =3D window.open('popup1.aspx', 'Figure1', =
'scrollbars,resizable,width=3D512,height=3D410')
    }

    function openWindow1() {  popupWin =3D window.open('figure1.aspx', =
'Figure1', 'scrollbars,resizable,width=3D620,height=3D460')
	}

	function openWindow2() {  popupWin =3D window.open('figure2.aspx', =
'Figure2', 'scrollbars,resizable,width=3D620,height=3D460')
	}

	function openWindow3() {  popupWin =3D window.open('listing1.aspx', =
'Listing1', 'scrollbars,resizable,width=3D620,height=3D460')
	}

	function openWindow4() {  popupWin =3D window.open('listing2.aspx', =
'Listing2', 'scrollbars,resizable,width=3D620,height=3D460')
	}

	function openWindow5() {  popupWin =3D window.open('listing3.aspx', =
'Listing3', 'scrollbars,resizable,width=3D620,height=3D460')
	}

	function openWindow6() {  popupWin =3D window.open('table1.aspx', =
'Table1', 'scrollbars,resizable,width=3D620,height=3D460')
	}

	function openWindow7() {  popupWin =3D window.open('figure3.aspx', =
'Figure3', 'scrollbars,resizable,width=3D620,height=3D460')
    }

    // done hiding -->
    </SCRIPT>
<!-- Page_Load Event --><!-- End_Page Event -->
<META content=3D"MSHTML 6.00.2800.1458" name=3DGENERATOR></HEAD>
<BODY leftMargin=3D0 topMargin=3D0 marginheight=3D"0" =
marginwidth=3D"0"><A name=3Dtop></A>
<FORM id=3Dftp_form name=3Dftp_form action=3DDefault.aspx =
method=3Dpost><INPUT=20
type=3Dhidden=20
value=3DdDwtMTkzNTI4NTM0MDt0PDtsPGk8NT47PjtsPHQ8O2w8aTwxPjtpPDU+Oz47bDx0P=
DtsPGk8NT47aTw3PjtpPDExPjtpPDEzPjtpPDE1Pjs+O2w8dDxwPHA8bDxWaXNpYmxlOz47bD=
xvPHQ+Oz4+Oz47Oz47dDxwPHA8bDxUZXh0Oz47bDxcPGEgaHJlZj0iL2phdmFwcm8iXD5cPGl=
tZyBzcmM9Ii9qYXZhcHJvL2ltYWdlcy9sb2dvX2pwcm8uZ2lmIiBhbHQ9IkphdmEgUHJvIiBi=
b3JkZXI9IjAiXD5cPC9hXD47Pj47Pjs7Pjt0PHA8cDxsPFZpc2libGU7PjtsPG88dD47Pj47P=
jtsPGk8MT47PjtsPHQ8cDxwPGw8TmF2aWdhdGVVcmw7PjtsPC9tZW1iZXJzL2RlZmF1bHQuYX=
NweD9TSUQ9JlJldHVyblVybD07Pj47Pjs7Pjs+Pjt0PHA8cDxsPFZpc2libGU7PjtsPG88dD4=
7Pj47Pjs7Pjt0PHA8cDxsPFZpc2libGU7PjtsPG88dD47Pj47Pjs7Pjs+Pjt0PHA8cDxsPFZp=
c2libGU7PjtsPG88dD47Pj47Pjs7Pjs+Pjs+Pjs+GJQPM8zcal1EZ1WWtulXZOa7b4c=3D=20
name=3D__VIEWSTATE> <!-- Start Outer Table -->
<TABLE cellSpacing=3D0 cellPadding=3D0 width=3D760 border=3D0>
  <TBODY>
  <TR>
    <TD><!-- Start Header Table --><!-- Start Title Table -->
      <TABLE class=3Dheader cellSpacing=3D0 cellPadding=3D0 width=3D760 =
border=3D0>
        <TBODY>
        <TR>
          <TD align=3Dmiddle><!-- Start Banner Ads -->
            <TABLE cellSpacing=3D0 cellPadding=3D0 border=3D0>
              <TBODY>
              <TR>
                <DIV id=3DHeader1_AdLeaderBoard></DIV>
                <TD vAlign=3Dtop width=3D728 height=3D90>
                  <SCRIPT language=3DJavaScript1.1 src=3D""></SCRIPT>

                  <SCRIPT>=20
							if ((!document.images && =
navigator.userAgent.indexOf('Mozilla/2.') >=3D 0)  || =
navigator.userAgent.indexOf("WebTV")>=3D 0) {
								document.write('<A =
HREF=3D"http://ad.doubleclick.net/jump/javapro.dart;sz=3D728x90;ord=3D200=
5102810262416d2?">');
								document.write('<IMG =
SRC=3D"http://ad.doubleclick.net/ad/javapro.dart;sz=3D728x90;ord=3D200510=
2810262416d2?" border=3D"0" height=3D"90" width=3D"728"></A>')=20
							}=20
							var topPos =3D 168
							</SCRIPT>
                  <NOSCRIPT>
                  <TABLE cellSpacing=3D0 cellPadding=3D0 width=3D728 =
border=3D0>
                    <TBODY>
                    <TR>
                      <TD><A=20
                        =
href=3D"http://ad.doubleclick.net/jump/javapro.dart;sz=3D728x90;ord=3D200=
5102810262416d2?"><IMG=20
                        height=3D90 src=3D"" width=3D728=20
                  =
border=3D0></A></TD></TR></TBODY></TABLE></NOSCRIPT></TD>
                <DIV></DIV></TR></TBODY></TABLE><!-- End Banner Ads =
--></TD></TR></TBODY></TABLE>
      <TABLE class=3Dheader cellSpacing=3D0 cellPadding=3D0 width=3D760 =
border=3D0>
        <TBODY>
        <TR vAlign=3Dcenter>
          <TD width=3D244 height=3D57><SPAN id=3DHeader1_lblLogo><A=20
            href=3D"http://www.fawcette.com/javapro"><IMG alt=3D"Java =
Pro"=20
            src=3D"http://www.fawcette.com/javapro/images/logo_jpro.gif" =

            border=3D0></A></SPAN></TD>
          <TD class=3Dheader align=3Dmiddle width=3D250><SPAN=20
            id=3DHeader1_lblMember_><B>Welcome Guest!</B><BR><A =
class=3Dheader=20
            id=3DHeader1_CreateAccount=20
            =
href=3D"http://www.fawcette.com/members/default.aspx?SID=3D&amp;ReturnUrl=
=3D"><FONT=20
            color=3D#ffffff>Create Account</FONT></A> | <A =
class=3Dheader=20
            href=3D"http://www.fawcette.com/members/login.aspx"><FONT=20
            color=3D#ffffff>Login</FONT></A> </SPAN></TD>
          <TD><SPAN id=3DHeader1_Search>
            <TABLE cellSpacing=3D0 cellPadding=3D0 width=3D270 =
border=3D0>
              <TBODY>
              <TR>
                <TD class=3Dheader vAlign=3Dbottom align=3Dright><INPUT=20
                  id=3DHeader1_locator_code_h type=3Dhidden=20
                  name=3DHeader1:locator_code_h><INPUT =
id=3DHeader1_find_h=20
                  type=3Dhidden name=3DHeader1:find_h><INPUT =
id=3DHeader1_section_h=20
                  type=3Dhidden name=3DHeader1:section_h> Locator+ Code: =
<INPUT=20
                  id=3DHeader1_locator_code=20
                  =
onkeydown=3D"if(event.keyCode=3D=3D13){document.location=3D'/javapro/jump=
code.asp?locator_code=3D'+document.getElementById('Header1_locator_code')=
.value+''; return false;}"=20
                  =
onblur=3D"document.getElementById('Header1_locator_code_h').value=3Ddocum=
ent.getElementById('Header1_locator_code').value;"=20
                  style=3D"WIDTH: 84px; HEIGHT: 22px" =
name=3DHeader1:locator_code> <INPUT style=3D"WIDTH: 25px" =
onclick=3D"document.location=3D'/javapro/jumpcode.asp?locator_code=3D'+do=
cument.getElementById('Header1_locator_code').value+'';" type=3Dbutton =
value=3Dgo><BR><IMG=20
                  height=3D2 alt=3D""=20
                  src=3D"http://www.fawcette.com/images/spacer.gif" =
width=3D1=20
                  border=3D0><BR>Search: <INPUT id=3DHeader1_find=20
                  =
onkeydown=3D"if(event.keyCode=3D=3D13){document.location=3D'/search/resul=
ts.asp?find=3D'+document.getElementById('Header1_find').value+'&amp;lib=3D=
'+document.getElementById('Header1_section').value+''; return false;}"=20
                  =
onblur=3D"document.getElementById('Header1_find_h').value=3Ddocument.getE=
lementById('Header1_find').value;"=20
                  style=3D"WIDTH: 84px; HEIGHT: 22px" =
name=3DHeader1:find><SELECT=20
                  id=3DHeader1_section=20
                  =
onkeydown=3D"if(event.keyCode=3D=3D13){document.location=3D'/search/resul=
ts.asp?find=3D'+document.getElementById('Header1_find').value+'&amp;lib=3D=
'+document.getElementById('Header1_section').value+''; return false;}"=20
                  style=3D"WIDTH: 84px"=20
                  =
onchange=3D"if(document.getElementById('Header1_section').selectedIndex=3D=
=3D0){document.getElementById('Header1_section_h').value=3D'*'}else{docum=
ent.getElementById('Header1_section_h').value=3Ddocument.getElementById('=
Header1_section').value;}"=20
                  name=3DHeader1:section> <OPTION value=3D"" =
selected>All</OPTION>=20
                    <OPTION value=3Dvsm>VSM/VBPJ</OPTION> <OPTION=20
                    value=3Djavapro>Java Pro</OPTION> <OPTION=20
                    value=3Ddotnet>WSSM</OPTION> <OPTION=20
                  value=3Dxml>XML</OPTION></SELECT> <INPUT =
style=3D"WIDTH: 25px" =
onclick=3D"document.location=3D'/search/results.asp?find=3D'+document.get=
ElementById('Header1_find').value+'&amp;lib=3D'+document.getElementById('=
Header1_section').value+'';" type=3Dbutton value=3Dgo>=20
                </TD>
                <TD><IMG height=3D1 alt=3D""=20
                  src=3D"http://www.fawcette.com/images/spacer.gif" =
width=3D14=20
                  =
border=3D0></TD></TR></TBODY></TABLE></SPAN></TD></TR></TBODY></TABLE><!-=
- End Title Table --><!-- Start Tabs Table -->
      <TABLE borderColor=3D#c0c0c0 cellSpacing=3D0 cellPadding=3D1 =
width=3D760=20
      borderColorLight=3D#808080 border=3D0>
        <TBODY>
        <TR>
          <TD bgColor=3D#eeeeee>
            <TABLE cellSpacing=3D0 cellPadding=3D0 width=3D"100%" =
border=3D0>
              <TBODY>
              <TR>
                <DIV id=3DHeader1_NavFTPOn></DIV>
                <TD onmouseover=3D"mOvr(this,'#c0c0c0');"=20
                onmouseout=3D"mOut(this,'#eeeeee');" align=3Dmiddle =
width=3D80=20
                bgColor=3D#eeeeee><A class=3Dtabtext=20
                  href=3D"http://www.fawcette.com/">FTPOnline</A></TD>
                <DIV></DIV>
                <TD onmouseover=3D"mOvr(this,'#c0c0c0');"=20
                onmouseout=3D"mOut(this,'#eeeeee');" align=3Dmiddle =
width=3D76=20
                bgColor=3D#eeeeee><A class=3Dtabtext=20
                  onmouseover=3D"popUp('HM_Menu1',event);"=20
                  onmouseout=3D"popDown('HM_Menu1');">Channels</A></TD>
                <TD onmouseover=3D"mOvr(this,'#c0c0c0');"=20
                onmouseout=3D"mOut(this,'#eeeeee');" align=3Dmiddle =
width=3D92=20
                bgColor=3D#eeeeee><A class=3Dtabtext=20
                  onmouseover=3D"popUp('HM_Menu2',event);"=20
                  onmouseout=3D"popDown('HM_Menu2');"=20
                target=3D_blank>Conferences</A></TD>
                <TD onmouseover=3D"mOvr(this,'#c0c0c0');"=20
                onmouseout=3D"mOut(this,'#eeeeee');" align=3Dmiddle =
width=3D86=20
                bgColor=3D#eeeeee><A class=3Dtabtext=20
                  onmouseover=3D"popUp('HM_Menu3',event);"=20
                  onmouseout=3D"popDown('HM_Menu3');"=20
                target=3D_blank>Resources</A></TD>
                <TD onmouseover=3D"mOvr(this,'#c0c0c0');"=20
                onmouseout=3D"mOut(this,'#eeeeee');" align=3Dmiddle =
width=3D86=20
                bgColor=3D#eeeeee><A class=3Dtabtext=20
                  onmouseover=3D"popUp('HM_Menu4',event);"=20
                  onmouseout=3D"popDown('HM_Menu4');" =
target=3D_blank>Hot=20
                Topics</A></TD>
                <TD onmouseover=3D"mOvr(this,'#c0c0c0');"=20
                onmouseout=3D"mOut(this,'#eeeeee');" align=3Dmiddle =
width=3D96=20
                bgColor=3D#eeeeee><A class=3Dtabtext=20
                  onmouseover=3D"popUp('HM_Menu5',event);"=20
                  onmouseout=3D"popDown('HM_Menu5');">Partner =
Sites</A></TD>
                <TD onmouseover=3D"mOvr(this,'#c0c0c0');"=20
                onmouseout=3D"mOut(this,'#eeeeee');" align=3Dmiddle =
width=3D88=20
                bgColor=3D#eeeeee><A class=3Dtabtext=20
                  onmouseover=3D"popUp('HM_Menu6',event);"=20
                  onmouseout=3D"popDown('HM_Menu6');"=20
                target=3D_blank>Magazines</A></TD>
                <TD onmouseover=3D"mOvr(this,'#c0c0c0');"=20
                onmouseout=3D"mOut(this,'#eeeeee');" align=3Dmiddle =
width=3D86=20
                bgColor=3D#eeeeee><A class=3Dtabtext=20
                  onmouseover=3D"popUp('HM_Menu7',event);"=20
                  onmouseout=3D"popDown('HM_Menu7');" =
target=3D_blank>About=20
                FTP</A></TD>
                <TD align=3Dmiddle width=3D70 bgColor=3D#eeeeee><A=20
                  href=3D"http://www.fawcette.com/rss"><IMG alt=3D"RSS =
2.0 Feed"=20
                  hspace=3D3 =
src=3D"http://www.fawcette.com/images/xml.gif"=20
                  =
border=3D0></A></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE><!-- =
##### nav script file #### -->
      <SCRIPT language=3DJavaScript type=3Dtext/javascript>=0A=
if(window.event + "" =3D=3D "undefined") event =3D null;=0A=
function HM_f_PopUp(){return false};=0A=
function HM_f_PopDown(){return false};=0A=
popUp =3D HM_f_PopUp;=0A=
popDown =3D HM_f_PopDown;=0A=
</SCRIPT>

      <SCRIPT language=3DJavaScript type=3Dtext/javascript>=0A=
function mOvr(src,clrOver) { =0A=
if (!src.contains(event.fromElement)) { src.style.cursor =3D 'hand'; =
src.bgColor =3D clrOver; }=0A=
}=0A=
=0A=
function mOut(src,clrIn) { =0A=
if (!src.contains(event.toElement)) { src.style.cursor =3D 'default'; =
src.bgColor =3D clrIn; }=0A=
} =0A=
</SCRIPT>

      <SCRIPT language=3DJavaScript1.2 type=3Dtext/javascript>=0A=
HM_PG_FontFamily =3D "Arial, sans-serif";=0A=
HM_PG_FontSize =3D 8;=0A=
HM_PG_FontBold =3D 1;=0A=
HM_PG_FontItalic =3D 0;=0A=
HM_PG_FontColor =3D "#000000";=0A=
HM_PG_FontColorOver =3D "#ffffff";=0A=
HM_PG_BGColor =3D "#eeeeee";=0A=
HM_PG_BGColorOver =3D "#000000";=0A=
HM_PG_ItemPadding =3D 3;=0A=
=0A=
HM_PG_BorderWidth =3D 1;=0A=
HM_PG_BorderColor =3D "#000000";=0A=
HM_PG_BorderStyle =3D "solid";=0A=
HM_PG_SeparatorSize =3D 1;=0A=
HM_PG_SeparatorColor =3D "#ffffff";=0A=
</SCRIPT>

      <SCRIPT language=3DJavaScript>=0A=
function mOvr(src,clrOver) { =0A=
if (!src.contains(event.fromElement)) { src.style.cursor =3D 'hand'; =
src.bgColor =3D clrOver; }=0A=
}=0A=
=0A=
function mOut(src,clrIn) { =0A=
if (!src.contains(event.toElement)) { src.style.cursor =3D 'default'; =
src.bgColor =3D clrIn; }=0A=
} =0A=
</SCRIPT>

      <SCRIPT language=3DJavaScript1.2=20
      src=3D"http://www.fawcette.com/includes/nav/HM_Loader.js"=20
      type=3Dtext/javascript></SCRIPT>
<!-- End Header Table --><!-- Start Big Table Containing Leftnav, Main =
Content -->
      <TABLE cellSpacing=3D0 cellPadding=3D0 width=3D760 border=3D0>
        <TBODY>
        <TR><!-- Start Leftnav --><!-- Removed 06/16/03 by Aaron Weule =
--><!-- End Leftnav --><!-- Start Divider -->
          <TD width=3D1 bgColor=3D#cccccc><IMG height=3D1=20
            src=3D"http://www.fawcette.com/javapro/images/divider.gif" =
width=3D1=20
            border=3D0></TD>
          <TD width=3D7><IMG height=3D1=20
            src=3D"http://www.fawcette.com/javapro/images/spacer.gif" =
width=3D7=20
            border=3D0></TD><!-- End Divider --><!--  Start Main Content =
Area -->
          <TD vAlign=3Dtop width=3D"100%"><!-- Start Top Subscribe Link =
--><BR>
            <TABLE cellSpacing=3D0 cellPadding=3D0 width=3D"100%" =
border=3D0>
              <TBODY>
              <TR>
                <TD align=3Dright colSpan=3D2><A class=3Dsubscribetop=20
                  =
href=3D"http://www.omeda.com/cgi-win/jva.cgi?ADD&amp;p=3DL26FLT"=20
                  target=3D_blank>Free Subscription to Java Pro</A>=20
            </TD></TR></TBODY></TABLE><BR><!-- End Top Subscribe Link =
--><!-- Start Breadcrumbs
                <span class=3D"breadcrumb"><a href=3D"/" =
class=3D"breadcrumb">Home</a> : <a href=3D"/#Features" =
class=3D"breadcrumb">Features</a> : Client</span>
                <!-- End Breadcrumbs --><!-- Start Main Content Table =
-->
            <TABLE cellSpacing=3D0 cellPadding=3D0 width=3D"100%" =
border=3D0>
              <TBODY>
              <TR>
                <TD vAlign=3Dtop><!-- Start Resource Table -->
                  <TABLE class=3Dresourcetable cellSpacing=3D0 =
cellPadding=3D6=20
                  width=3D140 align=3Dright border=3D1>
                    <TBODY>
                    <TR class=3Dresourcetablerow>
                      <TD class=3Dresourcetabletext>
                        <DIV class=3Dresourcetableheader=20
                        align=3Dcenter>Resources</SPAN></DIV>
                        <TABLE cellSpacing=3D0 cellPadding=3D2 =
width=3D"100%"=20
border=3D0>
                          <TBODY>
                          <TR>
                            <TD class=3Dresourcetabletext vAlign=3Dtop=20
                              width=3D8>=E2=80=A2</SPAN></TD>
                            <TD width=3D132><A class=3Dresourcetablelink =

                              =
href=3D"http://www.fawcette.com/javapro/code/12dec01/jp0112sl.zip">Get=20
                              the code for this article</A></TD></TR>
                          <TR>
                            <TD class=3Dresourcetabletext vAlign=3Dtop=20
                              width=3D8>=E2=80=A2</SPAN></TD>
                            <TD width=3D132><A class=3Dresourcetablelink =

                              =
href=3D"http://www.fawcette.com/javapro/code/12dec01/jp0112.zip">Get=20
                              the code for this issue</A></TD></TR><!-- =
Comment out Resources Table
                              <tr>
                                <td valign=3D"top" width=3D"8" =
class=3D"resourcetabletext">&#149;</span></td>
                                <td width=3D"132"><a =
href=3D"javascript:openWindowRes();" class=3D"resourcetablelink">Click =
here for more resources</a></td>
                              </tr>
                              =
--></TBODY></TABLE></TD></TR></TBODY></TABLE><!-- End Resource Table =
--><!-- Start Feature Article --><BR><!-- ADD Content Here -->
                  <P class=3DFeatureHead>Let Me Paint You a =
Picture<BR><SPAN=20
                  class=3DFeatureDek>Use applets and servlets to create =
Web-based,=20
                  interactive graphics that can make many tasks a whole =
lot=20
                  easier</SPAN><BR><SPAN class=3DAboutAuthor><EM>by =
Steve Lloyd=20
                  </EM></SPAN></P>
                  <P>
                  <P><SPAN class=3DDropCap>T</SPAN>oday's businesses are =
under=20
                  increasing scrutiny by many different agencies. These =
agencies=20
                  watch everything from sales and expenses to where you =
dig in=20
                  the ground. Sometimes they require periodic reports =
that get=20
                  filed and reviewed only when there's a problem. Other =
times=20
                  you have to request permits that must be approved and =
posted=20
                  before work can begin. You can avoid many fines and =
stop-work=20
                  notices if you get all of the regulatory requirements =
right=20
                  the first time.</P>
                  <P>Web-based, interactive graphics help make permit =
requests=20
                  more meaningful. A picture really is worth a thousand =
or more=20
                  words. The picture's value gets higher when it can be =
saved as=20
                  part of the request. It becomes even more valuable =
when you=20
                  can draw on the picture and save the drawing as part =
of the=20
                  request.</P><!-- start 336x280 ad --><SPAN =
class=3Dbigbox_left=20
                  id=3Dbigbox>
                  <TABLE cellSpacing=3D0 cellPadding=3D0 width=3D336 =
border=3D0>
                    <TBODY>
                    <TR>
                      <TD align=3Dmiddle><FONT face=3D"arial, helvetica, =
verdana"=20
                        color=3D#808080 =
size=3D-2>ADVERTISEMENT</FONT></TD></TR>
                    <TR>
                      <TD align=3Dmiddle>
                        <SCRIPT language=3DJavaScript1.1 =
src=3D""></SCRIPT>

                        <SCRIPT>=20
				if ((!document.images && navigator.userAgent.indexOf('Mozilla/2.') =
>=3D 0)  || navigator.userAgent.indexOf("WebTV")>=3D 0) {
				document.write('<A =
HREF=3D"http://ad.doubleclick.net/jump/javapro.dart;sz=3D336x280;ord=3D20=
05102810262416d2?">');
				document.write('<IMG =
SRC=3D"http://ad.doubleclick.net/ad/javapro.dart;sz=3D336x280;ord=3D20051=
02810262416d2?" border=3D"0" height=3D"280" width=3D"336"></A>')=20
				}=20
			</SCRIPT>
                        <NOSCRIPT>
                        <TABLE cellSpacing=3D0 cellPadding=3D0 =
width=3D336 border=3D0>
                          <TBODY>
                          <TR>
                            <TD><A=20
                              =
href=3D"http://ad.doubleclick.net/jump/javapro.dart;sz=3D336x280;ord=3D20=
05102810262416d2?"><IMG=20
                              height=3D280 src=3D"" width=3D336 =
border=3D0></A>=20
                          =
</TD></TR></TBODY></TABLE></NOSCRIPT></TD></TR></TBODY></TABLE></SPAN><!-=
- end 336x280 ad -->
                  <P>I've been working on a project to add interactive =
drawing=20
                  capabilities to an existing permit request system. An =
applet=20
                  allows the user to obtain a map from a map server and =
draw=20
                  figures and text on top of it. The applet is embedded =
in a=20
                  permit request Web page, and it saves the drawing in a =

                  database associated with the permit request. The =
existing=20
                  permit system was written some time ago using Active =
Server=20
                  Pages (ASP) to generate text-based forms a user could =
complete=20
                  in a browser. It was designed to provide access from =
any=20
                  flavor of browser. The upgrade was required to meet =
the same=20
                  general goals as the original system.</P>
                  <P>This <EM>n</EM>-tier application has three =
significant=20
                  pieces of Java software: a drawing editor applet, a =
map=20
                  servlet, and a drawing servlet. The map servlet =
provides map=20
                  images similar to those obtained from sites like =
MapQuest. The=20
                  principal difference is that it uses electronic =
drawings that=20
                  are maintained locally. The editor applet obtains=20
                  user-requested maps from the servlet and allows the =
user to=20
                  draw figures and text on top of the map images. The =
editor=20
                  provides capabilities similar to those found in a =
vector-based=20
                  drawing package. The drawing servlet saves and =
retrieves=20
                  drawings created by the editor from the permit =
database. Let's=20
                  focus on capabilities provided by the drawing =
servlet.</P>
                  <P>The process for using interactive graphics for any =
permit=20
                  has four steps. First, a map has to be obtained and =
displayed=20
                  by the browser. Next, if a drawing exists, it must be =
obtained=20
                  and displayed on top of the map. Then, an editor must =
be used=20
                  to create a new drawing or modify an existing one to =
visually=20
                  describe the permit application. Finally, the drawing =
must be=20
                  saved in a database along with other data obtained =
from the=20
                  Web-based application form.</P><!-- End Content Here =
-->
                  <DIV align=3Dright>
                  <SCRIPT language=3Djavascript>
                            buildPageNumbers(1, 8)
                          </SCRIPT>
                  </DIV><A class=3Dunderline=20
                  =
href=3D"http://www.fawcette.com/javapro/2001_12/magazine/features/slloyd/=
#top">Back=20
                  to top</A> </SPAN><BR><BR><!-- End Feature Article =
--></TD></TR>
              <TR>
                <TD width=3D1 bgColor=3D#cccccc><IMG height=3D1=20
                  =
src=3D"http://www.fawcette.com/javapro/images/divider.gif"=20
                  width=3D1 border=3D0></TD></TR>
              <TR>
                <TD width=3D7><IMG height=3D7=20
                  =
src=3D"http://www.fawcette.com/javapro/images/spacer.gif"=20
                  width=3D1 border=3D0></TD></TR>
              <TR>
                <TD><!-- Start Email/Printer Links -->
                  <TABLE cellSpacing=3D0 cellPadding=3D1 border=3D0>
                    <TBODY>
                    <TR>
                      <TD width=3D15><IMG height=3D1=20
                        =
src=3D"http://www.fawcette.com/javapro/images/spacer.gif"=20
                        width=3D1 border=3D0></TD><!--
                          <td><a =
href=3D"javascript:document.emailfriend.submit()"><img =
src=3D"/javapro/images/icon_email.gif" border=3D"0"></a></td>
                          <td><a =
href=3D"javascript:document.emailfriend.submit()" =
class=3D"footernavlink">E-mail This Article</a></td><td>&nbsp;</td>
						-->
                      <TD><A class=3Dfooternavlink=20
                        =
href=3D"http://www.fawcette.com/javapro/2001_12/magazine/features/slloyd/=
default_pf.aspx"><IMG=20
                        height=3D18=20
                        =
src=3D"http://www.fawcette.com/vsm/images/icon_printer.gif"=20
                        width=3D18 border=3D0></A></TD>
                      <TD><A class=3Dfooternavlink=20
                        =
href=3D"http://www.fawcette.com/javapro/2001_12/magazine/features/slloyd/=
default_pf.aspx">Printer-Friendly=20
                        Version</A></TD></TR></TBODY></TABLE><!-- End =
Email/Printer Links --></TD></TR></TBODY></TABLE><!-- End Main Content =
Table --><!-- Start Subscribe Link --><BR>
            <DIV class=3Dsubscribe><A class=3Dsubscribe=20
            =
href=3D"http://www.omeda.com/cgi-win/jva.cgi?ADD&amp;p=3DL27FRB"=20
            target=3D_blank>
            <DIV align=3Dright>Free Subscription to Java =
Pro</A></DIV></DIV><BR><!-- End Subscribe Link --><!-- Start Sponsors =
--><IMG=20
            height=3D10 =
src=3D"http://www.fawcette.com/images/spacer.gif"=20
            width=3D1><BR><!-- Start Google Ad -->
            <TABLE cellSpacing=3D0 cellPadding=3D0 width=3D550 =
align=3Dcenter>
              <TBODY>
              <TR>
                <TD align=3Dmiddle>
                  <SCRIPT type=3Dtext/javascript><!--
			google_ad_client =3D "pub-1906539797792853";
			google_ad_width =3D 468;
			google_ad_height =3D 60;
			google_ad_format =3D "468x60_as";
			google_color_border =3D "336699";
			google_color_bg =3D "FFFFFF";
			google_color_link =3D "0000FF";
			google_color_url =3D "008000";
			google_color_text =3D "000000";
			//--></SCRIPT>

                  <SCRIPT src=3D"" type=3Dtext/javascript>
			</SCRIPT>
                </TD></TR></TBODY></TABLE><!-- End Google Ad --><!-- =
begin ad tag -->
            <SCRIPT language=3DJavaScript1.1 src=3D""></SCRIPT>

            <SCRIPT>
if ((!document.images && navigator.userAgent.indexOf("Mozilla/2.") >=3D =
0)  || navigator.userAgent.indexOf("WebTV")>=3D 0) {
document.write('<A =
HREF=3D"http://ad.doubleclick.net/jump/javapro.dart/;sz=3D1x2;ord=3D20051=
02810262416d2?" TARGET=3D"_blank">');
document.write('<IMG =
SRC=3D"http://ad.doubleclick.net/ad/javapro.dart/;sz=3D1x2;ord=3D20051028=
10262416d2?" WIDTH=3D"1" HEIGHT=3D"2" BORDER=3D"0" ALT=3D""></A>');
}
</SCRIPT>
            <NOSCRIPT><A=20
            =
href=3D"http://ad.doubleclick.net/jump/javapro.dart/;sz=3D1x2;ord=3D20051=
02810262416d2?"=20
            target=3D_blank><IMG height=3D2 alt=3D"" src=3D"" width=3D1 =
border=3D0></A>=20
            </NOSCRIPT><!-- end ad tag --><!-- End Sponsors =
--><BR></TD><!--  End Main Content Area --><!-- Start Right Adspace -->
          <TD vAlign=3Dtop align=3Dright><SPAN class=3Drightad =
id=3Drightad>
            <SCRIPT language=3DJavaScript1.1 src=3D""></SCRIPT>

            <SCRIPT> =0A=
	if ((!document.images && navigator.userAgent.indexOf('Mozilla/2.') >=3D =
0)  || navigator.userAgent.indexOf("WebTV")>=3D 0) {=0A=
	document.write('<A =
HREF=3D"http://ad.doubleclick.net/jump/javapro.dart;sz=3D160x600;ord=3D20=
05102810262416d2?">');=0A=
	document.write('<IMG =
SRC=3D"http://ad.doubleclick.net/ad/javapro.dart;sz=3D160x600;ord=3D20051=
02810262416d2?" border=3D"0" height=3D"600" width=3D"160"></A>') =0A=
	} =0A=
</SCRIPT>
            <NOSCRIPT>
            <TABLE cellSpacing=3D0 cellPadding=3D0 width=3D160 =
align=3Dcenter=20
              border=3D0><TBODY>
              <TR>
                <TD><A=20
                  =
href=3D"http://ad.doubleclick.net/jump/javapro.dart;sz=3D160x600;ord=3D20=
05102810262416d2?"><IMG=20
                  height=3D600 src=3D"" width=3D160 border=3D0></A>=20
            </TD></TR></TBODY></TABLE></NOSCRIPT><BR><BR><IMG height=3D1 =

            src=3D"http://www.fawcette.com/images/spacer.gif" =
width=3D1><BR>
            <HR width=3D160 color=3D#000000 SIZE=3D1>
            <BR><!-- Start RightAd_Bottom -->
            <TABLE height=3D125 cellSpacing=3D0 cellPadding=3D0 =
width=3D125 align=3Dcenter=20
            border=3D0>
              <TBODY>
              <TR>
                <TD align=3Dmiddle>
                  <SCRIPT language=3DJavaScript1.1 src=3D""></SCRIPT>

                  <SCRIPT>=20
				if ((!document.images && navigator.userAgent.indexOf('Mozilla/2.') =
>=3D 0)  || navigator.userAgent.indexOf("WebTV")>=3D 0) {
					document.write('<A =
HREF=3D"http://ad.doubleclick.net/jump/javapro.dart;sz=3D125x125;ord=3D20=
05102810262416d2?">');
					document.write('<IMG =
SRC=3D"http://ad.doubleclick.net/ad/javapro.dart;sz=3D125x125;ord=3D20051=
02810262416d2?" border=3D"0" height=3D"125" width=3D"125"></A>')=20
				}=20
			</SCRIPT>
                  <NOSCRIPT>
                  <TABLE cellSpacing=3D0 cellPadding=3D0 width=3D125 =
align=3Dcenter=20
                  border=3D0>
                    <TBODY>
                    <TR>
                      <TD><A=20
                        =
href=3D"http://ad.doubleclick.net/jump/javapro.dart;sz=3D125x125;ord=3D20=
05102810262416d2?"><IMG=20
                        height=3D125 src=3D"" width=3D125 =
border=3D0></A>=20
                  =
</TD></TR></TBODY></TABLE></NOSCRIPT></TD></TR></TBODY></TABLE><BR>
            <TABLE height=3D79 cellSpacing=3D0 cellPadding=3D0 =
width=3D125 align=3Dcenter=20
            border=3D0>
              <TBODY>
              <TR>
                <TD align=3Dmiddle>
                  <SCRIPT language=3DJavaScript1.1 src=3D""></SCRIPT>

                  <SCRIPT>=20
				if ((!document.images && navigator.userAgent.indexOf('Mozilla/2.') =
>=3D 0)  || navigator.userAgent.indexOf("WebTV")>=3D 0) {
					document.write('<A =
HREF=3D"http://ad.doubleclick.net/jump/javapro.dart;sz=3D125x79;ord=3D200=
5102810262416d2?">');
					document.write('<IMG =
SRC=3D"http://ad.doubleclick.net/ad/javapro.dart;sz=3D125x79;ord=3D200510=
2810262416d2?" border=3D"0" height=3D"125" width=3D"79"></A>')=20
				}=20
			</SCRIPT>
                  <NOSCRIPT>
                  <TABLE cellSpacing=3D0 cellPadding=3D0 width=3D125 =
align=3Dcenter=20
                  border=3D0>
                    <TBODY>
                    <TR>
                      <TD><A=20
                        =
href=3D"http://ad.doubleclick.net/jump/javapro.dart;sz=3D125x79;ord=3D200=
5102810262416d2?"><IMG=20
                        height=3D125 src=3D"" width=3D79 border=3D0></A> =

                  =
</TD></TR></TBODY></TABLE></NOSCRIPT></TD></TR></TBODY></TABLE><BR>
            <TABLE cellSpacing=3D0 cellPadding=3D0 width=3D"100%" =
border=3D0>
              <TBODY>
              <TR>
                <TD align=3Dmiddle><A =
href=3D"http://www.fawcette.com/china/"><IMG=20
                  height=3D35 alt=3D""=20
                  =
src=3D"http://www.fawcette.com/images/chineseicons.gif"=20
                  width=3D160 =
border=3D0></A></TD></TR></TBODY></TABLE><BR><!-- End RightAd_Bottom =
--></SPAN></TD><!-- End Right adspace --></TR></TBODY></TABLE><!-- End =
Big Table Containing Left Nav, Main Content =
--></TD></TR></TBODY></TABLE><!-- Start Footer Table --><!-- 1x1 =
--><IFRAME=20
border=3D0 name=3Dframe1 marginWidth=3D0 marginHeight=3D0=20
src=3D"http://pagead2.googlesyndication.com/pagead/ads?client=3Dca-pub-19=
06539797792853&amp;dt=3D1130520083872&amp;lmt=3D1130520083&amp;format=3D4=
68x60_as&amp;output=3Dhtml&amp;url=3Dhttp%3A%2F%2Fwww.fawcette.com%2Fjava=
pro%2F2001%255F12%2Fmagazine%2Ffeatures%2Fslloyd%2F&amp;color_bg=3DFFFFFF=
&amp;color_text=3D000000&amp;color_link=3D0000FF&amp;color_url=3D008000&a=
mp;color_border=3D336699&amp;ref=3Dhttp%3A%2F%2Fus.altavista.com%2Fweb%2F=
results%3Ftlb%3D1%26fr%3Dtb%26kgs%3D0%26ienc%3Dutf8%26q%3Dinteractive%2Bd=
rawing%2Bapplet%2Bjava%26stq%3D20&amp;cc=3D99&amp;u_h=3D768&amp;u_w=3D102=
4&amp;u_ah=3D768&amp;u_aw=3D1024&amp;u_cd=3D32&amp;u_tz=3D-300&amp;u_his=3D=
3&amp;u_java=3Dtrue"=20
frameBorder=3Dno width=3D1 scrolling=3Dno=20
height=3D1>
<SCRIPT language=3D"JavaScript1.1" =
SRC=3D"http://ad.doubleclick.net/adj/xmlmagazine.dart/Pop-Up2;abr=3D!ie;s=
z=3D1x1;tile=3D1;ord=3D20051028102624872?">
</SCRIPT>
<NOSCRIPT>
<A =
HREF=3D"http://ad.doubleclick.net/jump/xmlmagazine.dart/Pop-Up2;abr=3D!ie=
;sz=3D1x1;tile=3D1;ord=3D20051028102624872?"><IMG =
SRC=3D"http://ad.doubleclick.net/ad/xmlmagazine.dart/Pop-Up2;abr=3D!ie;sz=
=3D1x1;tile=3D1;ord=3D20051028102624872?" border=3D0 height=3D"1" =
width=3D"1"></A>
</NOSCRIPT>
</IFRAME>
<TABLE cellSpacing=3D0 cellPadding=3D0 width=3D760 border=3D0>
  <TBODY>
  <TR>
    <TD width=3D155><IMG height=3D54=20
      src=3D"http://www.fawcette.com/vsm/images/logo_ftp.gif" =
width=3D129=20
    border=3D0></TD>
    <TD>
      <TABLE cellSpacing=3D0 cellPadding=3D0 width=3D"100%" border=3D0>
        <TBODY>
        <TR>
          <TD align=3Dmiddle><!-- Start Footer Navigation Links --><A=20
            class=3Dfooternavlink =
href=3D"http://www.fawcette.com/javapro/">Java=20
            Pro</A> <SPAN class=3Ddivider>|</SPAN> <A =
class=3Dfooternavlink=20
            href=3D"http://www.fawcette.com/vsm/">Visual Studio =
Magazine</A> <SPAN=20
            class=3Ddivider>|</SPAN> <A class=3Dfooternavlink=20
            href=3D"http://www.fawcette.com/wss">Windows Server System=20
            Magazine</A><BR><A class=3Dfooternavlink=20
            href=3D"http://www.fawcette.com/wss">.NET Magazine</A> <SPAN =

            class=3Ddivider>|</SPAN> <A class=3Dfooternavlink=20
            href=3D"http://www.fawcette.com/ea/">Enterprise =
Architect</A> <SPAN=20
            class=3Ddivider>|</SPAN> <A class=3Dfooternavlink=20
            href=3D"http://www.fawcette.com/xmlmag/">XML &amp; Web =
Services=20
            Magazine</A> <BR><A class=3Dfooternavlink=20
            href=3D"http://www.vslive.com/" target=3D_blank>VSLive!</A> =
<SPAN=20
            class=3Ddivider>|</SPAN> <A class=3Dfooternavlink=20
            href=3D"http://www.thunderlizard.com/" =
target=3D_blank>Thunder Lizard=20
            Events</A> <SPAN class=3Ddivider>|</SPAN> <A =
class=3Dfooternavlink=20
            href=3D"http://www.fawcette.com/discuss">Discussions</A> =
<SPAN=20
            class=3Ddivider>|</SPAN> <A class=3Dfooternavlink=20
            href=3D"http://www.fawcette.com/preferences">Newsletters</A> =
<SPAN=20
            class=3Ddivider>|</SPAN> <A class=3Dfooternavlink=20
            href=3D"http://www.fawcette.com/default.aspx">FTP Home</A> =
<BR><!-- End Footer Navigation Links --></TD></TR></TBODY></TABLE></TD>
    <TD width=3D167>&nbsp;</TD></TR>
  <TR>
    <TD class=3Dfooter colSpan=3D3>=C2=A9 Copyright 2001-2005 <A =
class=3Dfooterbold=20
      href=3D"http://www.fawcette.com/">Fawcette Technical =
Publications</A> | <A=20
      class=3Dfooterbold=20
      href=3D"http://www.fawcette.com/privacy/default.asp">Privacy =
Policy</A> | <A=20
      class=3Dfooterbold=20
      href=3D"http://www.fawcette.com/customerservice.asp">Contact =
Us</A>=20
  </TD></TR></TBODY></TABLE><!-- End Footer Table =
--></FORM></BODY></HTML>

------=_NextPart_001_0019_01C5DBBA.921C5EE0
Content-Type: application/octet-stream
Content-Transfer-Encoding: quoted-printable
Content-Location: http://pagead2.googlesyndication.com/pagead/ads?client=ca-pub-1906539797792853&dt=1130520083872&lmt=1130520083&format=468x60_as&output=html&url=http%3A%2F%2Fwww.fawcette.com%2Fjavapro%2F2001%255F12%2Fmagazine%2Ffeatures%2Fslloyd%2F&color_bg=FFFFFF&color_text=000000&color_link=0000FF&color_url=008000&color_border=336699&ref=http%3A%2F%2Fus.altavista.com%2Fweb%2Fresults%3Ftlb%3D1%26fr%3Dtb%26kgs%3D0%26ienc%3Dutf8%26q%3Dinteractive%2Bdrawing%2Bapplet%2Bjava%26stq%3D20&cc=99&u_h=768&u_w=1024&u_ah=768&u_aw=1024&u_cd=32&u_tz=-300&u_his=3&u_java=true

=EF=BB=BF<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML><HEAD>
<META http-equiv=3DContent-Type content=3D"text/html; charset=3Dutf-8">
<STYLE>.ch {
	CURSOR: hand
}
A.ad:link {
	COLOR: #0000ff
}
A.ad:visited {
	COLOR: #0000ff
}
A.ad:hover {
	COLOR: #0000ff
}
A.ad:active {
	COLOR: #0000ff
}
A.search:link {
	COLOR: #ffffff
}
A.search:visited {
	COLOR: #ffffff
}
A.search:hover {
	COLOR: #ffffff
}
A.search:active {
	COLOR: #ffffff
}
A.attribution:link {
	COLOR: #ffffff
}
A.attribution:visited {
	COLOR: #ffffff
}
A.attribution:hover {
	COLOR: #ffffff
}
A.attribution:active {
	COLOR: #ffffff
}
</STYLE>

<SCRIPT><!--=0A=
function ss(w,id) {window.status =3D w;return true;}function =
cs(){window.status=3D'';} function jcc(a) =
{pha=3Ddocument.getElementById(a); nc=3Dpha.href.indexOf('&jca=3D'); =
if(nc>=3D1) return; =
sv=3DString.fromCharCode(50,54,51,57,49,50,51,53,53); =
sv=3Dsv.slice(4,8); jca=3D(3932)+parseInt(sv); if (a=3D=3D'aw0') =
{jca+=3D(-2043);} else if (a=3D=3D'aw1') {jca+=3D(-5163);} else =
{jca=3D0;} phb=3Dpha.href+'&jca=3D'+jca; pha.href=3Dphb;} function =
ha(a){  pha=3Ddocument.getElementById(a); =
nhi=3Dpha.href.indexOf("&nh=3D");if(nhi < 1) {phb=3Dpha.href+"&nh=3D1";} =
pha.href=3Dphb; jcc(a); }function ca(a) {  =
pha=3Ddocument.getElementById(a); =
nci=3Dpha.href.indexOf("&nc=3D");if(nci < 1) {phb=3Dpha.href+"&nc=3D1";} =
pha.href=3Dphb; jcc(a); =
top.location.href=3Ddocument.getElementById(a).href;}function ga(o,e) =
{if (document.getElementById) {a=3Do.id.substring(1);p =3D "";r =3D "";g =
=3D e.target;if (g) {t =3D g.id;f =3D g.parentNode;if (f) {p =3D f.id;h =
=3D f.parentNode;if (h)r =3D h.id;}} else {h =3D e.srcElement;f =3D =
h.parentNode;if (f)p =3D f.id;t =3D h.id;}if (t=3D=3Da || p=3D=3Da || =
r=3D=3Da)return true;pha=3Ddocument.getElementById(a); =
nbi=3Dpha.href.indexOf("&nb=3D");if(nbi < 1) {phb=3Dpha.href+"&nb=3D1";} =
pha.href=3Dphb; jcc(a); =
top.location.href=3Ddocument.getElementById(a).href;}}=0A=
//-->=0A=
</SCRIPT>

<META content=3D"MSHTML 6.00.2800.1458" name=3DGENERATOR></HEAD>
<BODY bgColor=3D#ffffff leftMargin=3D0 topMargin=3D0 marginheight=3D"0" =
marginwidth=3D"0">
<TABLE height=3D60 cellSpacing=3D1 cellPadding=3D0 width=3D468 =
bgColor=3D#336699=20
  border=3D0><TBODY>
  <TR>
    <TD>
      <TABLE height=3D58 cellSpacing=3D0 cellPadding=3D1 width=3D466 =
bgColor=3D#ffffff=20
      border=3D0>
        <TBODY>
        <TR>
          <TD colSpan=3D2>
            <TABLE cellSpacing=3D0 cellPadding=3D2 width=3D464 =
border=3D0>
              <TBODY>
              <TR>
                <TD class=3Dch id=3Dtaw0=20
                onmouseover=3D"ss('go to www.m7.com/free','aw0')"=20
                onfocus=3D"ss('go to www.m7.com/free','aw0')"=20
                onclick=3Dga(this,event) onmouseout=3Dcs() vAlign=3Dtop =
align=3Dleft=20
                width=3D229 height=3D41><FONT=20
                  style=3D"FONT-SIZE: 11px; LINE-HEIGHT: 14px; =
FONT-FAMILY: verdana,arial,sans-serif"><A=20
                  class=3Dad id=3Daw0=20
                  onmouseover=3D"return ss('go to =
www.m7.com/free','aw0')"=20
                  onfocus=3D"ss('go to www.m7.com/free','aw0')"=20
                  onclick=3D"ha('aw0')" onmouseout=3Dcs()=20
                  =
href=3D"http://pagead2.googlesyndication.com/pagead/iclk?sa=3Dl&amp;ai=3D=
B9B9Z1l5iQ-eSKaPs-gHzm-WDA6zkigry47euAcCNtwGQ5SIQARgBIP7X9QEoAkiGOVCRkYPY=
_v____8BoAGewOr-A7IBEHd3dy5mYXdjZXR0ZS5jb226AQk0Njh4NjBfYXPIAQE&amp;num=3D=
1&amp;adurl=3Dhttp://www.m7.com/downloadNitroX.do%3Fsource%3Dsearch_GJSPe=
xact&amp;client=3Dca-pub-1906539797792853"=20
                  target=3D_top><B>Free JSP Editor,=20
                  Eclipse</B></A></FONT><BR><FONT=20
                  style=3D"FONT-SIZE: 10px; COLOR: #000000; LINE-HEIGHT: =
12px; FONT-FAMILY: verdana,arial,sans-serif">JSP,=20
                  Struts, JSF IDE - M7 NitroX Download Free JSP Editor=20
</FONT></TD>
                <TD class=3Dch id=3Dtaw1=20
                onmouseover=3D"ss('go to www.Altova.com','aw1')"=20
                onfocus=3D"ss('go to www.Altova.com','aw1')"=20
                onclick=3Dga(this,event) onmouseout=3Dcs() vAlign=3Dtop =
align=3Dleft=20
                width=3D229 height=3D41><FONT=20
                  style=3D"FONT-SIZE: 11px; LINE-HEIGHT: 14px; =
FONT-FAMILY: verdana,arial,sans-serif"><A=20
                  class=3Dad id=3Daw1=20
                  onmouseover=3D"return ss('go to =
www.Altova.com','aw1')"=20
                  onfocus=3D"ss('go to www.Altova.com','aw1')" =
onclick=3D"ha('aw1')"=20
                  onmouseout=3Dcs()=20
                  =
href=3D"http://pagead2.googlesyndication.com/pagead/iclk?sa=3Dl&amp;ai=3D=
BqFPk1l5iQ-eSKaPs-gHzm-WDA-evzQyj3KuuAcCNtwGQ_ZcBEAIYAiD-1_UBKAJIhTlQpKPl=
hPj_____AbIBEHd3dy5mYXdjZXR0ZS5jb226AQk0Njh4NjBfYXPIAQE&amp;num=3D2&amp;a=
durl=3Dhttp://www.altova.com/ref/%3Fs%3Dgoogleaw%26q%3Djsp&amp;client=3Dc=
a-pub-1906539797792853"=20
                  target=3D_top><B>Web.XML- Java Config=20
                  File</B></A></FONT><BR><FONT=20
                  style=3D"FONT-SIZE: 10px; COLOR: #000000; LINE-HEIGHT: =
12px; FONT-FAMILY: verdana,arial,sans-serif">Edit/Validate=20
                  web.xml for J2EE Apps Syntax Help, Easy-to-use, Free =
D/L.=20
                  </FONT></TD></TR></TBODY></TABLE></TD></TR>
        <TR>
          <TD width=3D"99%" bgColor=3D#336699 height=3D11>
            <TABLE cellSpacing=3D0 cellPadding=3D0 width=3D"100%" =
border=3D0>
              <TBODY>
              <TR>
                <TD align=3Dright><A class=3Dattribution=20
                  =
href=3D"http://services.google.com/feedback/abg?url=3Dhttp://www.fawcette=
.com/javapro/2001_12/magazine/features/slloyd/&amp;hl=3Den&amp;client=3Dc=
a-pub-1906539797792853&amp;adU=3Dwww.m7.com/free&amp;adT=3DFree+JSP+Edito=
r,+Eclipse&amp;adU=3Dwww.Altova.com&amp;adT=3DWeb.XML-+Java+Config+File&a=
mp;exp=3DAds+by+Goooooooogle&amp;done=3D1"=20
                  target=3D_blank>
                  <SCRIPT><!--=0A=
nw=3D'#ffffff';nw=3Dnw.slice(1);if('')document.write('<img border=3D0 =
align=3Dleft height=3D13 width=3D13 =
src=3D"http://pagead2.googlesyndication.com/pagead/'+nw+'_new_ico.gif" =
alt=3D""/>');//--></SCRIPT>
                  <FONT=20
                  style=3D"FONT-SIZE: 10px; LINE-HEIGHT: 13px; =
FONT-FAMILY: verdana,arial,sans-serif">Ads=20
                  by=20
      =
Goooooogle</FONT></A></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE>=
</TD></TR></TBODY></TABLE></BODY></HTML>

------=_NextPart_001_0019_01C5DBBA.921C5EE0--

------=_NextPart_000_0006_01C5DBBA.9219EDE0
Content-Type: application/octet-stream
Content-Transfer-Encoding: quoted-printable
Content-Location: http://www.fawcette.com/includes/nav/HM_Loader.js

/*HM_Loader.js=0A=
* by Peter Belesis. v4.0.13 010712=0A=
* Copyright (c) 2001 Peter Belesis. All Rights Reserved.=0A=
*/=0A=
=0A=
   HM_DOM =3D (document.getElementById) ? true : false;=0A=
   HM_NS4 =3D (document.layers) ? true : false;=0A=
    HM_IE =3D (document.all) ? true : false;=0A=
   HM_IE4 =3D HM_IE && !HM_DOM;=0A=
   HM_Mac =3D (navigator.appVersion.indexOf("Mac") !=3D -1);=0A=
  HM_IE4M =3D HM_IE4 && HM_Mac;=0A=
HM_IsMenu =3D (HM_DOM || HM_NS4 || (HM_IE4 && !HM_IE4M));=0A=
=0A=
HM_BrowserString =3D HM_NS4 ? "NS4" : HM_DOM ? "DOM" : "IE4";=0A=
=0A=
if(window.event + "" =3D=3D "undefined") event =3D null;=0A=
function HM_f_PopUp(){return false};=0A=
function HM_f_PopDown(){return false};=0A=
popUp =3D HM_f_PopUp;=0A=
popDown =3D HM_f_PopDown;=0A=
=0A=
=0A=
HM_GL_MenuWidth          =3D 150;=0A=
HM_GL_FontFamily         =3D "Arial,sans-serif";=0A=
HM_GL_FontSize           =3D 10;=0A=
HM_GL_FontBold           =3D true;=0A=
HM_GL_FontItalic         =3D false;=0A=
HM_GL_FontColor          =3D "black";=0A=
HM_GL_FontColorOver      =3D "white";=0A=
HM_GL_BGColor            =3D "transparent";=0A=
HM_GL_BGColorOver        =3D "transparent";=0A=
HM_GL_ItemPadding        =3D 3;=0A=
=0A=
HM_GL_BorderWidth        =3D 2;=0A=
HM_GL_BorderColor        =3D "red";=0A=
HM_GL_BorderStyle        =3D "solid";=0A=
HM_GL_SeparatorSize      =3D 2;=0A=
HM_GL_SeparatorColor     =3D "yellow";=0A=
=0A=
HM_GL_ImageSrc =3D "HM_More_black_right.gif";=0A=
HM_GL_ImageSrcLeft =3D "HM_More_black_left.gif";=0A=
=0A=
HM_GL_ImageSrcOver =3D "HM_More_white_right.gif";=0A=
HM_GL_ImageSrcLeftOver =3D "HM_More_white_left.gif";=0A=
=0A=
HM_GL_ImageSize          =3D 0;=0A=
HM_GL_ImageHorizSpace    =3D 0;=0A=
HM_GL_ImageVertSpace     =3D 0;=0A=
=0A=
HM_GL_KeepHilite         =3D false;=0A=
HM_GL_ClickStart         =3D false;=0A=
HM_GL_ClickKill          =3D 0;=0A=
HM_GL_ChildOverlap       =3D 40;=0A=
HM_GL_ChildOffset        =3D 10;=0A=
HM_GL_ChildPerCentOver   =3D null;=0A=
HM_GL_TopSecondsVisible  =3D .5;=0A=
HM_GL_ChildSecondsVisible =3D .3;=0A=
HM_GL_StatusDisplayBuild =3D 0;=0A=
HM_GL_StatusDisplayLink  =3D 1;=0A=
HM_GL_UponDisplay        =3D null;=0A=
HM_GL_UponHide           =3D null;=0A=
=0A=
//HM_GL_RightToLeft      =3D true;=0A=
HM_GL_CreateTopOnly      =3D HM_NS4 ? true : false;=0A=
HM_GL_ShowLinkCursor     =3D true;=0A=
=0A=
// the following function is included to illustrate the improved JS =
expression handling of=0A=
// the left_position and top_position parameters=0A=
// you may delete if you have no use for it=0A=
=0A=
function HM_f_CenterMenu(topmenuid) {=0A=
	var MinimumPixelLeft =3D 0;=0A=
	var TheMenu =3D HM_DOM ? document.getElementById(topmenuid) : HM_IE4 ? =
document.all(topmenuid) : eval("window." + topmenuid);=0A=
	var TheMenuWidth =3D HM_DOM ? parseInt(TheMenu.style.width) : HM_IE4 ? =
TheMenu.style.pixelWidth : TheMenu.clip.width;=0A=
	var TheWindowWidth =3D HM_IE ? document.body.clientWidth : =
window.innerWidth;=0A=
	return Math.max(parseInt((TheWindowWidth-TheMenuWidth) / =
2),MinimumPixelLeft);=0A=
}=0A=
=0A=
if(HM_IsMenu) {=0A=
	document.write("<SCR" + "IPT LANGUAGE=3D'JavaScript1.2' =
SRC=3D'/includes/nav/HM_Arrays.js' TYPE=3D'text/javascript'><\/SCR" + =
"IPT>");=0A=
	document.write("<SCR" + "IPT LANGUAGE=3D'JavaScript1.2' =
SRC=3D'/includes/nav/HM_Script"+ HM_BrowserString +".js' =
TYPE=3D'text/javascript'><\/SCR" + "IPT>");=0A=
}=0A=
=0A=
//end
------=_NextPart_000_0006_01C5DBBA.9219EDE0--