<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
	"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>

	<meta name="author" content="Valerio Proietti, mad4milk" />
	<meta name="copyright" content="copyright 2006 www.mad4milk.net" />
	<meta name="description" content="mootools, a super lightweight web2.0 javascript framework" />
	<meta name="keywords" content="moo.fx, javascript effects, ajax framework, rome, spaghetti, italy, moo.ajax" />
	<meta name="robots" content="all" />

	<!--

               ____        _                      __  __      __   __
   ___   __   / __'\     _\'\      __   ___   __ /\_\/\ \    /\ \ / /  web 2.0 beta
  /\  \_/ '\ /\ \Z\ \   / __ \    /__\ /\  \_/ '\\/_/\ \ \   \ \ \ /__
  \ \  __/\ \\ \  __ \ /\ \Z\ \  / \Z\\\ \  __/\ \  __\ \ \___\ \  _ '\
   \ \_\ \ \_\\ \_\ \ \\ \_____\/\____ \\ \_\ \ \_\/\ \\ \____\\ \_\ \_\
    \/_/  \/_/ \/_/\/_/ \/_____/\/___/\_\\/_/  \/_/\ \_\\/____/ \/_/\/_/
                                     \/_/           \/_/       be happy.

	-->

	<title>mootools - download release</title>
		
	<script type="text/javascript" src="http://www.mootools.net/assets/scripts/mootools.js?v=1"></script>
	<script type="text/javascript" src="http://www.mootools.net/assets/scripts/site.js?v=1"></script>
	<link rel="stylesheet" type="text/css" media="screen" href="http://www.mootools.net/assets/styles/header.css?v=1" />
	<link rel="stylesheet" type="text/css" media="screen" href="http://www.mootools.net/assets/styles/style.css?v=2" />
	
</head>

<body>
	
<div id="header">
	<div id="header-inside">
		<div id="logo">
			<h1><a href="/"><span>mootools</span></a></h1>
			<p>the compact javascript framework</p>
		</div>
		<p id="mediatemple"><span>in partnership with</span> <a href="http://mediatemple.net"><span>mediatemple</span></a></p>
	</div>
</div>

<div id="container">
	
	<div id="content-download">

<div class="block download">

	<h2 class="section">Choose the Components you need</h2>
	
	<form action="http://www.mootools.net/download/get" method="post">
	
		<div id="advanced">

			<table id="download" class="download">
	
				
				<tr class="folder">
					<th colspan="5"><h3>Core</h3></th>
				</tr>
				
				<tr class="option file">
					<td class="check">
						<div class="check" id="Core" deps="Core">
							<input type="checkbox" name="files[]" value="Core/Core.js" />
						</div>
					</td>
					<td class="name">Core</td>
					<td class="description">
						<p>
							The core of mootools. Is required by all the others, but has no dependancies and can be used stand-alone. Contains Basic functions and Initializers.
						</p>
					</td>
				</tr>
				

				
				<tr class="folder">
					<th colspan="5"><h3>Class</h3></th>
				</tr>
				
				<tr class="option file">
					<td class="check">
						<div class="check" id="Class" deps="Core">
							<input type="checkbox" name="files[]" value="Class/Class.js" />
						</div>
					</td>
					<td class="name">Class</td>
					<td class="description">
						<p>
							Contains the Class Function, to easily create, extend, implement reusable Classes.
						</p>
					</td>
				</tr>
				
				<tr class="option file">
					<td class="check">
						<div class="check" id="Class.Extras" deps="Core,Class,Array,Function">
							<input type="checkbox" name="files[]" value="Class/Class.Extras.js" />
						</div>
					</td>
					<td class="name">Class.Extras</td>
					<td class="description">
						<p>
							Contains Extra Class methods to be implemented in your own classes, to ease the execution of the most common tasks.
						</p>
					</td>
				</tr>
				

				
				<tr class="folder">
					<th colspan="5"><h3>Native</h3></th>
				</tr>
				
				<tr class="option file">
					<td class="check">
						<div class="check" id="Array" deps="Core">
							<input type="checkbox" name="files[]" value="Native/Array.js" />
						</div>
					</td>
					<td class="name">Array</td>
					<td class="description">
						<p>
							Contains Array Prototypes, like copy, each, contains, remove.
						</p>
					</td>
				</tr>
				
				<tr class="option file">
					<td class="check">
						<div class="check" id="String" deps="Core">
							<input type="checkbox" name="files[]" value="Native/String.js" />
						</div>
					</td>
					<td class="name">String</td>
					<td class="description">
						<p>
							Contains String and Number Prototypes, like camelCase, capitalize, test, toInt.
						</p>
					</td>
				</tr>
				
				<tr class="option file">
					<td class="check">
						<div class="check" id="Function" deps="Core">
							<input type="checkbox" name="files[]" value="Native/Function.js" />
						</div>
					</td>
					<td class="name">Function</td>
					<td class="description">
						<p>
							Contains Function Prototypes, like create, bind, pass, delay, periodical.
						</p>
					</td>
				</tr>
				
				<tr class="option file">
					<td class="check">
						<div class="check" id="Number" deps="Core">
							<input type="checkbox" name="files[]" value="Native/Number.js" />
						</div>
					</td>
					<td class="name">Number</td>
					<td class="description">
						<p>
							Contains Number prototypes.
						</p>
					</td>
				</tr>
				
				<tr class="option file">
					<td class="check">
						<div class="check" id="Element" deps="Array,String,Function,Number,Class">
							<input type="checkbox" name="files[]" value="Native/Element.js" />
						</div>
					</td>
					<td class="name">Element</td>
					<td class="description">
						<p>
							One of the most important item of mootools, contains the dollar function, the dollars function, and an handful of cross-browser, time-saver methods to let you easily work with HTML Elements.
						</p>
					</td>
				</tr>
				

				
				<tr class="folder">
					<th colspan="5"><h3>Element</h3></th>
				</tr>
				
				<tr class="option file">
					<td class="check">
						<div class="check" id="Element.Event" deps="Element">
							<input type="checkbox" name="files[]" value="Element/Element.Event.js" />
						</div>
					</td>
					<td class="name">Element.Event</td>
					<td class="description">
						<p>
							Contains the Event Class, Element methods to deal with Element events, custom Events, and the Function prototype bindWithEvent.
						</p>
					</td>
				</tr>
				
				<tr class="option file">
					<td class="check">
						<div class="check" id="Element.Filters" deps="Element">
							<input type="checkbox" name="files[]" value="Element/Element.Filters.js" />
						</div>
					</td>
					<td class="name">Element.Filters</td>
					<td class="description">
						<p>
							Adds Filtering Capabilities to Element Collections.
						</p>
					</td>
				</tr>
				
				<tr class="option file">
					<td class="check">
						<div class="check" id="Element.Selectors" deps="Element.Filters">
							<input type="checkbox" name="files[]" value="Element/Element.Selectors.js" />
						</div>
					</td>
					<td class="name">Element.Selectors</td>
					<td class="description">
						<p>
							Allows to select elements by css selectors, at any depth.
						</p>
					</td>
				</tr>
				
				<tr class="option file">
					<td class="check">
						<div class="check" id="Element.Form" deps="Element">
							<input type="checkbox" name="files[]" value="Element/Element.Form.js" />
						</div>
					</td>
					<td class="name">Element.Form</td>
					<td class="description">
						<p>
							Contains Element methods to work with forms.
						</p>
					</td>
				</tr>
				
				<tr class="option file">
					<td class="check">
						<div class="check" id="Element.Dimensions" deps="Element">
							<input type="checkbox" name="files[]" value="Element/Element.Dimensions.js" />
						</div>
					</td>
					<td class="name">Element.Dimensions</td>
					<td class="description">
						<p>
							Contains Element methods to work with element size, scroll, or position in space.
						</p>
					</td>
				</tr>
				

				
				<tr class="folder">
					<th colspan="5"><h3>Window</h3></th>
				</tr>
				
				<tr class="option file">
					<td class="check">
						<div class="check" id="Window.DomReady" deps="Element.Event">
							<input type="checkbox" name="files[]" value="Window/Window.DomReady.js" />
						</div>
					</td>
					<td class="name">Window.DomReady</td>
					<td class="description">
						<p>
							Contains the domready event.
						</p>
					</td>
				</tr>
				
				<tr class="option file">
					<td class="check">
						<div class="check" id="Window.Size" deps="Element">
							<input type="checkbox" name="files[]" value="Window/Window.Size.js" />
						</div>
					</td>
					<td class="name">Window.Size</td>
					<td class="description">
						<p>
							Function to get window dimensions in a crossbrowser fashion.
						</p>
					</td>
				</tr>
				

				
				<tr class="folder">
					<th colspan="5"><h3>Effects</h3></th>
				</tr>
				
				<tr class="option file">
					<td class="check">
						<div class="check" id="Fx.Base" deps="Class.Extras,Element">
							<input type="checkbox" name="files[]" value="Effects/Fx.Base.js" />
						</div>
					</td>
					<td class="name">Fx.Base</td>
					<td class="description">
						<p>
							Contains the basic animation logic.
						</p>
					</td>
				</tr>
				
				<tr class="option file">
					<td class="check">
						<div class="check" id="Fx.CSS" deps="Fx.Base">
							<input type="checkbox" name="files[]" value="Effects/Fx.CSS.js" />
						</div>
					</td>
					<td class="name">Fx.CSS</td>
					<td class="description">
						<p>
							Contains the CSS animation logic. Used by Styles based Effects.
						</p>
					</td>
				</tr>
				
				<tr class="option file">
					<td class="check">
						<div class="check" id="Fx.Style" deps="Fx.CSS">
							<input type="checkbox" name="files[]" value="Effects/Fx.Style.js" />
						</div>
					</td>
					<td class="name">Fx.Style</td>
					<td class="description">
						<p>
							Effect to change any css property for an element.
						</p>
					</td>
				</tr>
				
				<tr class="option file">
					<td class="check">
						<div class="check" id="Fx.Styles" deps="Fx.CSS">
							<input type="checkbox" name="files[]" value="Effects/Fx.Styles.js" />
						</div>
					</td>
					<td class="name">Fx.Styles</td>
					<td class="description">
						<p>
							Effect to change any number of css properties for an element.
						</p>
					</td>
				</tr>
				
				<tr class="option file">
					<td class="check">
						<div class="check" id="Fx.Elements" deps="Fx.CSS">
							<input type="checkbox" name="files[]" value="Effects/Fx.Elements.js" />
						</div>
					</td>
					<td class="name">Fx.Elements</td>
					<td class="description">
						<p>
							Effect to change any number of css properties to any number of elements.
						</p>
					</td>
				</tr>
				
				<tr class="option file">
					<td class="check">
						<div class="check" id="Fx.Scroll" deps="Fx.Base,Element.Event,Element.Dimensions,Window.Size">
							<input type="checkbox" name="files[]" value="Effects/Fx.Scroll.js" />
						</div>
					</td>
					<td class="name">Fx.Scroll</td>
					<td class="description">
						<p>
							Effect to scroll any element, including the window.
						</p>
					</td>
				</tr>
				
				<tr class="option file">
					<td class="check">
						<div class="check" id="Fx.Slide" deps="Fx.Base">
							<input type="checkbox" name="files[]" value="Effects/Fx.Slide.js" />
						</div>
					</td>
					<td class="name">Fx.Slide</td>
					<td class="description">
						<p>
							Effect to slide an element.
						</p>
					</td>
				</tr>
				
				<tr class="option file">
					<td class="check">
						<div class="check" id="Fx.Transitions" deps="Fx.Base">
							<input type="checkbox" name="files[]" value="Effects/Fx.Transitions.js" />
						</div>
					</td>
					<td class="name">Fx.Transitions</td>
					<td class="description">
						<p>
							Contains transitions to be used with any of the above effects.
						</p>
					</td>
				</tr>
				

				
				<tr class="folder">
					<th colspan="5"><h3>Drag</h3></th>
				</tr>
				
				<tr class="option file">
					<td class="check">
						<div class="check" id="Drag.Base" deps="Class.Extras,Element.Event">
							<input type="checkbox" name="files[]" value="Drag/Drag.Base.js" />
						</div>
					</td>
					<td class="name">Drag.Base</td>
					<td class="description">
						<p>
							the basic drag class. you can use this to drag, resize and whatever you want to do when dragging the mouse.
						</p>
					</td>
				</tr>
				
				<tr class="option file">
					<td class="check">
						<div class="check" id="Drag.Move" deps="Drag.Base,Element.Dimensions">
							<input type="checkbox" name="files[]" value="Drag/Drag.Move.js" />
						</div>
					</td>
					<td class="name">Drag.Move</td>
					<td class="description">
						<p>
							Drag.Move extends Drag.Base, adding support for draggable containers and droppables.
						</p>
					</td>
				</tr>
				

				
				<tr class="folder">
					<th colspan="5"><h3>Remote</h3></th>
				</tr>
				
				<tr class="option file">
					<td class="check">
						<div class="check" id="XHR" deps="Class.Extras,String">
							<input type="checkbox" name="files[]" value="Remote/XHR.js" />
						</div>
					</td>
					<td class="name">XHR</td>
					<td class="description">
						<p>
							Basic XMLHttpRequest Object Class Wrapper.
						</p>
					</td>
				</tr>
				
				<tr class="option file">
					<td class="check">
						<div class="check" id="Ajax" deps="XHR,Element.Form">
							<input type="checkbox" name="files[]" value="Remote/Ajax.js" />
						</div>
					</td>
					<td class="name">Ajax</td>
					<td class="description">
						<p>
							Extends the basic XHR with additional methods and utility functions.
						</p>
					</td>
				</tr>
				
				<tr class="option file">
					<td class="check">
						<div class="check" id="Cookie" deps="Core,Array,String,Function,Number">
							<input type="checkbox" name="files[]" value="Remote/Cookie.js" />
						</div>
					</td>
					<td class="name">Cookie</td>
					<td class="description">
						<p>
							Lets you Create/Read/Delete Cookies.
						</p>
					</td>
				</tr>
				
				<tr class="option file">
					<td class="check">
						<div class="check" id="Json" deps="Core,Array,String,Function,Number">
							<input type="checkbox" name="files[]" value="Remote/Json.js" />
						</div>
					</td>
					<td class="name">Json</td>
					<td class="description">
						<p>
							Json encoder/decoder.
						</p>
					</td>
				</tr>
				
				<tr class="option file">
					<td class="check">
						<div class="check" id="Json.Remote" deps="XHR,Json">
							<input type="checkbox" name="files[]" value="Remote/Json.Remote.js" />
						</div>
					</td>
					<td class="name">Json.Remote</td>
					<td class="description">
						<p>
							Shortcut Class to send and receive Javascript Objects.
						</p>
					</td>
				</tr>
				
				<tr class="option file">
					<td class="check">
						<div class="check" id="Assets" deps="Element.Event">
							<input type="checkbox" name="files[]" value="Remote/Assets.js" />
						</div>
					</td>
					<td class="name">Assets</td>
					<td class="description">
						<p>
							Contains functions to load external files on the fly: images, css, javascript.
						</p>
					</td>
				</tr>
				

				
				<tr class="folder">
					<th colspan="5"><h3>Plugins</h3></th>
				</tr>
				
				<tr class="option file">
					<td class="check">
						<div class="check" id="Hash" deps="Element">
							<input type="checkbox" name="files[]" value="Plugins/Hash.js" />
						</div>
					</td>
					<td class="name">Hash</td>
					<td class="description">
						<p>
							Object wrapper, allows to use custom methods on javascript Objects. By Christophe Beyls.
						</p>
					</td>
				</tr>
				
				<tr class="option file">
					<td class="check">
						<div class="check" id="Hash.Cookie" deps="Hash,Cookie">
							<input type="checkbox" name="files[]" value="Plugins/Hash.Cookie.js" />
						</div>
					</td>
					<td class="name">Hash.Cookie</td>
					<td class="description">
						<p>
							Lets you Create/Read/Delete Cookies in Json Format.
						</p>
					</td>
				</tr>
				
				<tr class="option file">
					<td class="check">
						<div class="check" id="Color" deps="Element">
							<input type="checkbox" name="files[]" value="Plugins/Color.js" />
						</div>
					</td>
					<td class="name">Color</td>
					<td class="description">
						<p>
							Class for creating and manipulating colors in JavaScript. Supports HSB->RGB Conversions and vice versa.
						</p>
					</td>
				</tr>
				
				<tr class="option file">
					<td class="check">
						<div class="check" id="Scroller" deps="Class.Extras,Element.Event,Element.Dimensions">
							<input type="checkbox" name="files[]" value="Plugins/Scroller.js" />
						</div>
					</td>
					<td class="name">Scroller</td>
					<td class="description">
						<p>
							Lets you scroll the window when the mouse reaches certain boundaries.
						</p>
					</td>
				</tr>
				
				<tr class="option file">
					<td class="check">
						<div class="check" id="Slider" deps="Drag.Base,Element.Dimensions">
							<input type="checkbox" name="files[]" value="Plugins/Slider.js" />
						</div>
					</td>
					<td class="name">Slider</td>
					<td class="description">
						<p>
							Lets you create horizontal and vertical sliders.
						</p>
					</td>
				</tr>
				
				<tr class="option file">
					<td class="check">
						<div class="check" id="SmoothScroll" deps="Fx.Scroll">
							<input type="checkbox" name="files[]" value="Plugins/SmoothScroll.js" />
						</div>
					</td>
					<td class="name">SmoothScroll</td>
					<td class="description">
						<p>
							Smooth scroll your internal links.
						</p>
					</td>
				</tr>
				
				<tr class="option file">
					<td class="check">
						<div class="check" id="Sortables" deps="Class.Extras,Element.Event,Element.Dimensions">
							<input type="checkbox" name="files[]" value="Plugins/Sortables.js" />
						</div>
					</td>
					<td class="name">Sortables</td>
					<td class="description">
						<p>
							Lets you resort list items. Supports optional ghosting & handles
						</p>
					</td>
				</tr>
				
				<tr class="option file">
					<td class="check">
						<div class="check" id="Tips" deps="Class.Extras,Element.Event,Window.Size">
							<input type="checkbox" name="files[]" value="Plugins/Tips.js" />
						</div>
					</td>
					<td class="name">Tips</td>
					<td class="description">
						<p>
							The Tooltips.
						</p>
					</td>
				</tr>
				
				<tr class="option file">
					<td class="check">
						<div class="check" id="Group" deps="Class.Extras,Element">
							<input type="checkbox" name="files[]" value="Plugins/Group.js" />
						</div>
					</td>
					<td class="name">Group</td>
					<td class="description">
						<p>
							The Group.
						</p>
					</td>
				</tr>
				
				<tr class="option file">
					<td class="check">
						<div class="check" id="Accordion" deps="Fx.Elements,Element.Event">
							<input type="checkbox" name="files[]" value="Plugins/Accordion.js" />
						</div>
					</td>
					<td class="name">Accordion</td>
					<td class="description">
						<p>
							Does it need a description?
						</p>
					</td>
				</tr>
				

				
	
			</table>
		</div>

		<h2 class="options"><a href= "#" id="compression-tog">Choose compression type</a></h2>
	
		<div id="compression">

			<table id="options">
				<tr class="option">
					<td class="check">
						<div class="check">
							<input type="radio" name="compression" value="packer" />
						</div>
					</td>
					<td class="name">Packer Compression</td>
					<td class="description">The highest compression. Uses <a href="http://joliclic.free.fr/php/javascript-packer/en/">the php5 version</a> of <a href="http://dean.edwards.name/packer/">Dean Edwards Packer</a>.</td>
				</tr>
				<tr class="option">
					<td class="check">
						<div class="check">
							<input type="radio" name="compression" value="jsmin" />
						</div>
					</td>
					<td class="name">JsMin Compression</td>
					<td class="description">Cleans comments and whitespace, Compression by <a href="http://www.crockford.com/javascript/jsmin.html">JSMin</a>.</td>
				</tr>
				<tr class="option">
					<td class="check">
						<div class="check">
							<input type="radio" name="compression" value="nodocs" />	
						</div>
					</td>
					<td class="name">No Documentation</td>
					<td class="description">Uncompressed, removes only documentation</td>
				</tr>
				<tr class="option">
					<td class="check">
						<div class="check">
							<input type="radio" name="compression" value="none" />
						</div>
					</td>
					<td class="name">No Compression</td>
					<td class="description">Full Source, includes documentation. Recommended while testing & building.</td>
				</tr>
			</table>
	
		</div>

		<input type="hidden" name="type" value="release" />
		<input type="hidden" name="version" value="1.11" />

		<p class="submit"><input type="image" src="http://www.mootools.net/assets/images/get.gif" height="33" width="125" value="submit" /></p>

	</form>

</div>
	
	</div>
	
	

</div>

<div id="footer">
	<div id="footer-inside">
		<a href="http://mad4milk.net" class="copy"></a>
		<p>copyright &copy;2007 <a href="http://mad4milk.net">Valerio Proietti</a></p>
	</div>
</div>
	
</body>
</html>