diff --git a/www/Magick++/Pixels.html b/www/Magick++/Pixels.html
new file mode 100644
index 0000000..66070b0
--- /dev/null
+++ b/www/Magick++/Pixels.html
@@ -0,0 +1,349 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 3.2//EN">
+<html>
+<head>
+	
+  <meta http-equiv="CONTENT-TYPE" content="text/html; charset=ibm437">
+  <title>Magick::Pixels Class</title>
+	 	
+  <meta name="GENERATOR" content="OpenOffice.org 1.0  (Win32)">
+	
+  <meta name="AUTHOR" content="Bob Friesenhahn">
+	
+  <meta name="CREATED" content="20020805;15302080">
+	
+  <meta name="CHANGEDBY" content="Bob Friesenhahn">
+	
+  <meta name="CHANGED" content="20020805;15341200">
+	
+  <meta name="DESCRIPTION" content="Class to access raw image pixels.">
+	
+  <meta name="KEYWORDS" content="ImageMagick,Pixel,Magick++">
+	
+  <style>
+	<!--
+		TD P { color: #000000 }
+		H1 { color: #000000 }
+		P { color: #000000 }
+		A:link { color: #0000ff }
+		A:visited { color: #ff0000 }
+	-->
+	</style>
+</head>
+<body lang="en-US" text="#000000" link="#0000ff" vlink="#ff0000"
+ bgcolor="#ffffff">
+<h1 align="center">Magick::Pixels</h1>
+<p>The <i>Pixels</i> class provides efficient access to raw image
+pixels. Image pixels (of type <a href="PixelPacket.html"><i>PixelPacket</i></a>)
+may be accessed directly via the <i>Image Pixel Cache</i>. The image
+pixel cache is a rectangular window (a view) into the actual image
+pixels (which may be in memory, memory-mapped from a disk file, or
+entirely on disk). Obtain existing image pixels via <i>get()</i>.
+Create a new pixel region using <i>set().</i> </p>
+<p>Depending on the capabilities of the operating system, and the
+relationship of the window to the image, the pixel cache may be a copy
+of the pixels in the selected window, or it may be the actual image
+pixels. In any case calling <i>sync()</i> insures that the base image
+is updated with the contents of the modified pixel cache. The method <i>decode()</i>supports
+copying foreign pixel data formats into the pixel cache according to
+the <i>QuantumTypes</i>. The method <i>encode()</i> supports copying
+the pixels in the cache to a foreign pixel representation according to
+the format specified by <i>QuantumTypes</i>. </p>
+<p>Setting a view using the Pixels class does not cause the number of
+references to the underlying image to be reduced to one. Therefore, in
+order to ensure that only the current generation of the image is
+modified, the Image's <a href="Image.html#modifyImage">modifyImage()</a>
+method should be invoked to reduce the reference count on the underlying
+image to one. If this is not done, then it is possible for a previous
+generation of the image to be modified due to the use of reference
+counting when copying or constructing an Image. </p>
+<p>The <i>PixelPacket</i>* returned by the <i>set</i> and <i>get</i>
+methods, and the <i>IndexPacket</i>* returned by the <i>indexes</i>
+method point to pixel data managed by the <i>Pixels</i> class. The <i>Pixels</i>
+class is responsible for releasing resources associated with the pixel
+view. This means that the pointer should never be passed to delete() or
+free(). </p>
+<p style="margin-bottom: 0cm;">The pixel view is a small image in which
+the pixels may be accessed, addressed, and updated, as shown in the
+following example, which produces an image similar to the one on the
+right (minus lines and text): <br>
+<br>
+</p>
+<table width="100%" border="0" cellpadding="2" cellspacing="2">
+	<tbody>
+    <tr>
+		<td> 			
+      <p><font size="2"><font face="Courier New, Courier"><font
+ color="#000099">   			</font><font color="#ff0000">// Create base image</font></font></font>
+			<br>
+      <font size="2"><font face="Courier New, Courier"><font
+ color="#000099">   			Image image(Geometry(254,218), "white");</font></font></font>
+						</p>
+			
+      <p><font size="2"></font></p>
+      <p>   <font face="Courier New,Courier"><font color="#ff0000"><font
+ size="-1">  // Set the image type to TrueColor DirectClass
+representation.</font></font></font><br>
+      <font size="-1"><span
+ style="color: rgb(0, 0, 153); font-family: courier new,courier,monospace;"> 
+ image.type(TrueColorType</span></font><font size="-1"><span
+ style="color: rgb(0, 0, 153); font-family: courier new,courier,monospace;">);</span></font><br>
+			</p>
+			 			
+      <p><font size="2"><font face="Courier New, Courier">   <font
+ color="#ff0000">// 			Ensure that there is only one reference to
+underlying image</font></font></font> 			<br>
+      <font size="2"><font face="Courier New, Courier"><font
+ color="#ff0000">   			// If this is not done, then image pixels will
+not be modified.</font></font></font><br>
+      <font size="2"><font face="Courier New, Courier">   			<font
+ color="#000099">image.modifyImage();<br>
+      </font></font></font></p>
+      <p><font size="2"><font face="Courier New, Courier"><font
+ color="#000099">  			</font><font color="#ff0000"> // Allocate pixel
+view</font></font></font> 			<br>
+      <font size="2"><font face="Courier New, Courier"><font
+ color="#000099">   			Pixels view(image);</font></font></font> 			</p>
+			
+      <p><font size="2"><font face="Courier New, Courier"><font
+ color="#000099">  			</font><font color="#ff0000"> // Set all pixels
+in region anchored 			at 38x36, with size 160x230 to green.</font></font></font> <br>
+      <font size="2"><font face="Courier New, Courier"><font
+ color="#000099">   			unsigned int columns = 196; unsigned int rows =
+162;</font></font></font> 			<br>
+      <font size="2"><font face="Courier New, Courier"><font
+ color="#000099">   			Color green("green");</font></font></font> <br>
+      <font size="2"><font face="Courier New, Courier"><font
+ color="#000099">   			PixelPacket *pixels =
+view.get(38,36,columns,rows);</font></font></font> 			<br>
+      <font size="2"><font face="Courier New, Courier"><font
+ color="#000099">   			for ( int row = 0; row &lt; rows ; ++row )</font></font></font>
+			<br>
+      <font size="2"><font face="Courier New, Courier"><font
+ color="#000099">     			for ( int column = 0; column &lt; columns ;
+++column )</font></font></font> 			<br>
+      <font size="2"><font face="Courier New, Courier"><font
+ color="#000099">       			*pixels++=green;</font></font></font> </p>
+      <p><font size="2"><font face="Courier New, Courier"><font
+ color="#000099">  			</font><font color="#ff0000"> // Save changes to
+image.<br>
+      </font></font></font><font size="2"></font><font size="2"><font
+ face="Courier New, Courier"><font color="#000099">   			view.sync();</font></font></font>
+			</p>
+			
+      <p><font size="2"><font face="Courier New, Courier"><font
+ color="#000099">  			</font><font color="#ff0000"> // Set all pixels
+in region anchored 			at 86x72, with size 108x67 to yellow.</font></font></font> <br>
+      <font size="2"><font face="Courier New, Courier"><font
+ color="#000099">   			columns = 108; rows = 67;</font></font></font> <br>
+      <font size="2"><font face="Courier New, Courier"><font
+ color="#000099">   			Color yellow("yellow");</font></font></font> <br>
+      <font size="2"><font face="Courier New, Courier"><font
+ color="#000099">   			pixels = view.get(86,72,columns,rows);</font></font></font> <br>
+      <font size="2"><font face="Courier New, Courier"><font
+ color="#000099">   			for ( int row = 0; row &lt; rows ; ++row )</font></font></font>
+			<br>
+      <font size="2"><font face="Courier New, Courier"><font
+ color="#000099">      			for ( int column = 0; column &lt; columns ;
+++column )</font></font></font> 			<br>
+      <font size="2"><font face="Courier New, Courier"><font
+ color="#000099">         			*pixels++=yellow;</font></font></font> <br>
+      <font size="2"><font face="Courier New, Courier"><font
+ color="#000099">    			view.sync();</font></font></font> 			</p>
+			
+      <p><font size="2"><font face="Courier New, Courier"><font
+ color="#000099">  			</font><font color="#ff0000"> // Set pixel at
+position 108,94 to 			red</font></font></font> <br>
+      <font size="2"><font face="Courier New, Courier"><font
+ color="#000099">   			*(view.get(108,94,1,1)) = Color("red");</font></font></font> </p>
+      <p><font size="2"><font face="Courier New, Courier"><font
+ color="#000099">  			</font><font color="#ff0000"> // Save changes to
+image.<br>
+      </font></font></font><font size="2"><font
+ face="Courier New, Courier"><font color="#000099">   			view.sync();<br>
+      <br>
+      </font></font></font></p>
+		</td>
+		<td> 			
+      <p><img src="Cache.png" name="Graphic1" align="bottom" width="254"
+ height="218" border="0"></p>
+		</td>
+	</tr>
+  </tbody>
+</table>
+<p style="margin-bottom: 0cm;"><i>Pixels</i> supports the following
+methods: <br>
+<br>
+</p>
+<p align="center" style="margin-bottom: 0cm;"><b>Pixel Cache Methods</b></p>
+<table width="100%" border="1" cellpadding="2" cellspacing="2">
+	<tbody>
+    <tr>
+		<td> 			
+      <p align="center"><b>Method</b></p>
+		</td>
+		<td> 			
+      <p align="center"><b>Returns</b></p>
+		</td>
+		<td> 			
+      <p align="center"><b>Signature</b></p>
+		</td>
+		<td> 			
+      <p align="center"><b>Description</b></p>
+		</td>
+	</tr>
+	<tr>
+		<td> 			
+      <p align="center"><a name="get"></a><font size="2">get</font></p>
+		</td>
+		<td> 			
+      <p><font size="2"><a href="PixelPacket.html">PixelPacket</a>*</font></p>
+		</td>
+		<td> 			
+      <p><font size="2">const int x_, const int y_, const unsigned
+const 			int columns_, const unsigned int rows_</font></p>
+		</td>
+		<td> 			
+      <p><font size="2">Transfers read-write pixels from the image to
+the 			pixel cache as defined by the specified rectangular region.
+			Modified pixels may be subsequently transferred back to the image
+			via <i>sync</i>. The value returned is intended for pixel access
+			only. It should never be deallocated.</font></p>
+		</td>
+	</tr>
+	<tr>
+		<td> 			
+      <p align="center"><a name="getConst"></a><font size="2">getConst</font></p>
+		</td>
+		<td> 			
+      <p><font size="2">const <a href="PixelPacket.html">PixelPacket</a>*</font></p>
+		</td>
+		<td> 			
+      <p><font size="2">const int x_, const int y_, const unsigned int
+			columns_, const unsigned int rows_</font></p>
+		</td>
+		<td> 			
+      <p><font size="2">Transfers read-only pixels from the image to
+the 			pixel cache as defined by the specified rectangular region.</font></p>
+		</td>
+	</tr>
+	<tr>
+		<td> 			
+      <p align="center"><a name="set"></a><font size="2">set</font></p>
+		</td>
+		<td> 			
+      <p><font size="2"><a href="PixelPacket.html">PixelPacket</a>*</font></p>
+		</td>
+		<td> 			
+      <p><font size="2">const int x_, const int y_, const unsigned int
+			columns_, const unsigned int rows_</font></p>
+		</td>
+		<td> 			
+      <p><font size="2">Allocates a pixel cache region to store image
+			pixels as defined by the region rectangle.  This area is
+			subsequently transferred from the pixel cache to the image via 			<i>sync</i>.
+The value returned is intended for pixel access only. 			It should
+never be deallocated.</font></p>
+		</td>
+	</tr>
+	<tr>
+		<td> 			
+      <p align="center"><a name="sync"></a><font size="2">sync</font></p>
+		</td>
+		<td> 			
+      <p><font size="2">void</font></p>
+		</td>
+		<td> 			
+      <p><font size="2">void</font></p>
+		</td>
+		<td> 			
+      <p><font size="2">Transfers the image cache pixels to the image.</font></p>
+		</td>
+	</tr>
+	<tr>
+		<td> 			
+      <p align="center"><a name="indexes"></a><font size="2">indexes</font></p>
+		</td>
+		<td> 			
+      <p><font size="2">IndexPacket*</font></p>
+		</td>
+		<td> 			
+      <p><font size="2">void</font></p>
+		</td>
+		<td> 			
+      <p><font size="2">Returns the PsuedoColor pixel indexes
+			corresponding to the pixel region defined by the last <a href="#get">get</a>
+			, <a href="#getConst">getConst</a>, or <a href="#set">set</a>
+			call. Only valid for PseudoColor and CMYKA images. The pixel
+			indexes (an array of type <i>IndexPacket</i>, which is typedef 			<i>Quantum</i>,
+which is itself typedef <i>unsigned char</i>, or 			<i>unsigned short</i>,
+depending on the value of the <i>QuantumDepth 			</i>define) provide
+the <span lang="en-US">colormap</span> index 			(see <a
+ href="Image.html#colorMap">colorMap</a>) for each pixel in 			the
+image. For CMYKA images, the indexes represent the black
+channel. The value returned is intended for pixel access 			only. It
+should never be deallocated.</font></p>
+		</td>
+	</tr>
+	<tr>
+		<td> 			
+      <p align="center"><a name="x"></a><font size="2">x</font></p>
+		</td>
+		<td> 			
+      <p><font size="2">int</font></p>
+		</td>
+		<td> 			
+      <p><font size="2">void</font></p>
+		</td>
+		<td> 			
+      <p><font size="2">Left ordinate of view</font></p>
+		</td>
+	</tr>
+	<tr>
+		<td> 			
+      <p align="center"><a name="y"></a><font size="2">y</font></p>
+		</td>
+		<td> 			
+      <p><font size="2">int</font></p>
+		</td>
+		<td> 			
+      <p><font size="2">void</font></p>
+		</td>
+		<td> 			
+      <p><font size="2">Top ordinate of view</font></p>
+		</td>
+	</tr>
+	<tr>
+		<td> 			
+      <p align="center"><a name="columns"></a><font size="2">columns</font></p>
+		</td>
+		<td> 			
+      <p><font size="2">unsigned int</font></p>
+		</td>
+		<td> 			
+      <p><font size="2">void</font></p>
+		</td>
+		<td> 			
+      <p><font size="2">Width of view</font></p>
+		</td>
+	</tr>
+	<tr>
+		<td> 			
+      <p align="center"><a name="rows"></a><font size="2">rows</font></p>
+		</td>
+		<td> 			
+      <p><font size="2">unsigned int</font></p>
+		</td>
+		<td> 			
+      <p><font size="2">void</font></p>
+		</td>
+		<td> 			
+      <p><font size="2">Height of view</font></p>
+		</td>
+	</tr>
+  </tbody>
+</table>
+<p><br>
+<br>
+</p>
+</body>
+</html>