Initial checkin of nutridb.org and basic subversion directory structure

230 files changed, 27873 insertions, 0 deletions

diff --git a/README b/README
new file mode 100644
index 0000000..b5f014d
--- /dev/null
+++ b/README
@@ -0,0 +1,47 @@
+INSTALLING A NEW VERSION OF THE SR DATABASE
+----------------------------------------------------------------------
+As the data comes from the USDA NAL not every food will have common
+weights associated with it in the weights table.  In such cases it is
+assumed that the nutrient data is for 100g.  However, as of SR19 the
+vast majority of foods have common weights and measures - out of 7,293
+foods only 532 don't have weights.  We want to keep the database
+as close to the original as possible so that future upgrades to new
+releases of the data are as easy as possible.  However, rather than
+having to add a lot of extra code to work around these special cases
+that have no common weights and measures, it seems easiest to me to make
+sure that every single food has at least one entry in the weights table.
+This will help to standardize the code and reduce exception handling.
+In order to do this only one simple query needs to be run on the database
+after a new install of fresh data from the USDA NAL:
+
+INSERT INTO weights (ndb_no, seq, amount, msre_desc, gm_wgt, num_data_pts)
+SELECT DISTINCT nutrientData.ndb_no, '1', '1', 'unit', '100', '999'
+FROM nutrientData LEFT JOIN weights
+	ON nutrientData.ndb_no = weights.ndb_no
+WHERE weights.ndb_no IS NULL;
+
+This should effectively add an entry in the weights table for each
+ndb_no in nutrientData that didn't previously have an entry.  The values
+are representative of 100g of that food.  The value of '999' in the
+field num_data_pts is bogus and is only there as a way to easily
+identify these added records later should we wish to delete or alter
+them at once.
+
+----------------------------------------------------------------------
+Also, since we allow users to search other user's saved foods and meals
+then it is expedient to add user saved foods and meals as categories.
+Thus, we need to enter two entries to the food categories table.  I have
+given them low categories numbers, below the current lowest number, so as
+to not conflict with future categories that the USDA may add.
+
+INSERT INTO foodCats(fdgrp_cd, fdgrp_desc) VALUES('0001', 'User saved foods');
+INSERT INTO foodCats(fdgrp_cd, fdgrp_desc) VALUES('0002', 'User saved meals');
+----------------------------------------------------------------------
+
+We also need to add column to foodDescs, userFoods, and userMeals that
+will incremented each time that a user selects a particular item after a
+search.  The higher the number, the higher popularity we attach to it.
+
+ALTER TABLE foodDescs ADD COLUMN popularity INT DEFAULT 0;
+ALTER TABLE userFoods ADD COLUMN popularity INT DEFAULT 0;
+ALTER TABLE userxMeals ADD COLUMN popularity IN DEFAULT 0;
diff --git a/about.php b/about.php
new file mode 100644
index 0000000..b4ec67d
--- /dev/null
+++ b/about.php
@@ -0,0 +1,16 @@
+<?php 
+
+# include the main site config where various global variables
+# and libraries are included
+include("config.php");
+
+# grab the various parts
+include("header.php");
+include("sidebar_left.php");
+include("sidebar_right.php");
+include("footer.php");
+
+# display the page
+$smarty->display("about.tpl");
+
+?>
diff --git a/add_diary.php b/add_diary.php
new file mode 100644
index 0000000..9a470e8
--- /dev/null
+++ b/add_diary.php
@@ -0,0 +1,36 @@
+<?php
+
+# include the main site config where various global variables
+# and libraries are included
+require("config.php");
+
+# the user must be logged in to access this script. if they are
+# not then this function will send them back to the index page
+loginRequired();
+
+$newDiaryName = trim($_POST['newDiaryName']);
+if ( empty($newDiaryName) ) {
+	$_SESSION['systemMsg'] = "<span class='msgError'>You must give the diary a name before you can save it.</span>";
+	header("Location: {$config->_previousUri}");
+	exit;
+}
+
+$sql = sprintf ("
+	INSERT INTO userDiaries (user, description)
+	VALUES('%s','%s')
+	",
+	$_SESSION['user']['id'],
+	$db->escapeString($newDiaryName)
+);
+$db->Modify($sql);
+
+if ( $db->_affectedRows == 1 ) {
+	$_SESSION['systemMsg'] = "<span class='msgOkay'>The diary was created successfully.</span>";
+} else {
+	$_SESSION['systemMsg'] = "<span class='msgError'>There was an error while creating the diary.</span>";
+}
+
+header("Location: {$config->_previousUri}");
+exit;
+
+?>
diff --git a/add_food.php b/add_food.php
new file mode 100644
index 0000000..fe832c4
--- /dev/null
+++ b/add_food.php
@@ -0,0 +1,116 @@
+<?php
+
+# include the main site config where various global variables
+# and libraries are included
+require("config.php");
+
+# this is a generic script for saving a food, adding it to a meal or diary
+
+# the fields required for this to work are 'ndb_no', 'weight', 'quantity',
+# and 'foodDesc'.  if these fields aren't present then send them back
+# where they came from with an error
+if (
+	( ! isset($_POST['food']) || ! is_numeric($_POST['food']) )  ||
+	( ! isset($_POST['weight']) || ! is_numeric($_POST['weight']) )  ||
+	( ! isset($_POST['quantity']) || ! is_numeric($_POST['quantity']) )  ||
+	( ! isset($_POST['description']) )
+) {
+	$_SESSION['systemMsg'] = "<span class='msgError'>Some required fields were missing or had bad values.</span>";
+	header("Location: {$config->_previousUri}");
+	exit;
+}
+
+# don't let the user continue if the food description is empty
+$description = trim($_POST['description']);
+if ( empty($_POST['description']) ) {
+	$_SESSION['systemMsg'] = "<span class='msgError'>You must give the food a description.</span>";
+	header("Location: {$config->_previousUri}");
+	exit;
+}
+
+if ( isset($_POST['saveFood']) ) {
+
+	# the user selected to save this food
+	$sql = sprintf ("
+		INSERT INTO userFoods (user, food, weight, quantity, description) 
+		VALUES ('%s', '%s', '%s', '%s', '%s')
+		",
+		$_SESSION['user']['id'],
+		$_POST['food'],
+		$_POST['weight'],
+		$_POST['quantity'],
+		$db->EscapeString($description)
+	);
+	$db->Modify($sql);
+	if ( $db->_affectedRows == 1 ) {
+		$_SESSION['systemMsg'] = "<span class='msgOkay'>The food was saved.</span>";
+	} else {
+		$_SESSION['systemMsg'] = "<span class='msgError'>There was an error. The food wasn't saved.</span>";
+	}
+} elseif ( isset($_POST['addFoodToMeal']) ) {
+	# a mealId of 0 indicated adding to a New Meal
+	if ( $_POST['meal'] != "0") {
+		$sql = sprintf ("
+			INSERT INTO userMealItems (meal, food, weight, quantity, description) 
+			VALUES ('%s', '%s', '%s', '%s', '%s')
+			",
+			$_POST['meal'],
+			$_POST['food'],
+			$_POST['weight'],
+			$_POST['quantity'],
+			$db->EscapeString($description)
+		);
+		$db->Modify($sql);
+		if ( $db->_affectedRows == 1 ) {
+			$_SESSION['systemMsg'] = "<span class='msgOkay'>The food was added to the selected meal.</span>";
+		} else {
+			$_SESSION['systemMsg'] = "<span class='msgError'>There was an error. The food wasn't added.</span>";
+		}
+	} else {
+		$_SESSION['currentMeal'][] = array (
+			"food" => $_POST['food'],
+			"weight" => $_POST['weight'],
+			"quantity" => $_POST['quantity'],
+			"description" => stripslashes($description)
+		); 
+		$_SESSION['systemMsg'] = "<span class='msgOkay'>The food was added to the current meal.</span>";
+	}
+	# send the user back to the main page
+	header("Location: {$config->_rootUri}/");
+	exit;
+} elseif ( isset($_POST['addFoodToDiary']) ) {
+	# don't let the user continue if they didn't specify a timestamp
+	if ( empty($_POST['diaryTimestamp']) ) {
+		$_SESSION['systemMsg'] = "<span class='msgError'>You must specify a timestamp.</span>";
+		header("Location: {$config->_previousUri}");
+		exit;
+	}
+	$timestamp = strtotime($_POST['diaryTimestamp']);
+
+	# build the query string that will be used for the href when
+	# we display this diary to the user
+	$description = htmlspecialchars($_POST['description']);
+	$itemData = "{$_POST['food']}::{$_POST['weight']}::{$_POST['quantity']}::$description";
+
+	$sql = sprintf ("
+		INSERT INTO userDiaryItems (diary, data, timestamp, type) 
+		VALUES ('%s', '%s', '%s', '%s')
+		",
+		$_POST['diary'],
+		$db->EscapeString($itemData),
+		$timestamp,
+		"Food"
+	);
+	$db->Modify($sql);
+	if ( $db->_affectedRows == 1 ) {
+		$_SESSION['systemMsg'] = "<span class='msgOkay'>The food was added to the selected diary.</span>";
+	} else {
+		$_SESSION['systemMsg'] = "<span class='msgError'>There was an error. The food wasn't added.</span>";
+	}
+}
+
+# if we didn't send them somewhere else before, then just
+# send them back home
+header("Location: {$config->_rootUri}/");
+
+?>
diff --git a/add_meal.php b/add_meal.php
new file mode 100644
index 0000000..ded79b0
--- /dev/null
+++ b/add_meal.php
@@ -0,0 +1,145 @@
+<?php
+
+# include the main site config where various global variables
+# and libraries are included
+require("config.php");
+
+# the user must be logged in to access this script. if they are
+# not then this function will send them back to the index page
+loginRequired();
+
+# make sure there is a meal desc before continuing
+$description = trim($_POST['description']);
+if ( empty($description) ) {
+	$_SESSION['systemMsg'] = "<span class='msgError'>You must give the meal a name before you can save it.</span>";
+	header("Location: {$config->_previousUri}");
+	exit;
+}
+
+# if there is no meal id then kick the user out
+if ( ! isset($_POST['meal']) ) {
+	$_SESSION['systemMsg'] = "<span class='msgError'>You must specify a meal Id.</span>";
+	header("Location: {$config->_previousUri}");
+	exit;
+}
+
+# if the meal Id isn't numeric then kick the user out
+if ( ! is_numeric($_POST['meal']) ) {
+	$_SESSION['systemMsg'] = "<span class='msgError'>The meal Id must be a number.</span>";
+	header("Location: {$config->_previousUri}");
+	exit;
+}
+
+if ( isset($_POST['saveMeal']) ) {
+
+	# meal id of 0 means the current meal
+	if ( $_POST['meal'] == "0" ) {
+		# make sure that there is a meal in the session or something that
+		# resembles one before we proceed.
+		if ( ! isset($_SESSION['currentMeal']) ) {
+			$_SESSION['systemMsg'] = "<span class='msgError'>There is no current meal to save.</span>";
+			header("Location: {$config->_previousUri}");
+			exit;
+		}
+		$mealItems = $_SESSION['currentMeal'];
+	} else {
+		$sql = sprintf ("
+			SELECT userMeals.description AS mealDesc, userMealItems.*
+			FROM userMeals LEFT JOIN userMealItems
+				ON userMeals.id = userMealItems.meal
+			WHERE userMeals.id = '%s' AND userMeals.user = '%s'
+			",
+			$_POST['meal'],
+			$_SESSION['user']['id']
+		);
+		$db->Select($sql);
+		if ( $db->_rowCount != 0 ) {
+			$mealItems = $db->_rows;
+		} else {
+			$_SESSION['systemMsg'] = "<span class='msgError'>The specified meal doesn't exist.</span>";
+			header("Location: {$config->_previousUri}");
+			exit;
+		}
+	}
+
+	# set a status to true, if we encounter errors it will be set to false
+	# and the user will be notified
+	$status = "true";
+
+	# add the main entry for the new meal
+	$sql = sprintf ("
+		INSERT INTO userMeals (user, description)
+		VALUES('%s','%s')
+		",
+		$_SESSION['user']['id'],
+		$db->EscapeString($description)
+	);
+	$db->Modify($sql);
+
+	# if adding the main meal entry was successful, then try to
+	# add each meal item of the meal
+	if ( $db->_affectedRows == 1 ) {
+		$meal = $db->InsertId();
+		foreach ( $mealItems as $mealItem ) {
+			$sql = sprintf ("
+				INSERT INTO userMealItems (meal, food, weight, quantity, description)
+				VALUES ('%s','%s','%s','%s','%s')
+				",
+				$meal,
+				$mealItem['food'],
+				$mealItem['weight'],
+				$mealItem['quantity'],
+				$mealItem['description']
+			);
+			$db->Modify($sql);
+			if ( $db->_affectedRows != 1 ) {
+				$status = "false";
+			}
+		}
+	}
+
+	if ( $status == "true" ) {
+		# clear the current meal if meal id was 0
+		if ( $_POST['meal'] == "0" ) {
+			unset($_SESSION['currentMeal']);
+		}
+		$_SESSION['systemMsg'] = "<span class='msgOkay'>The meal was saved successfully.</span>";
+	} else {
+		$_SESSION['systemMsg'] = "<span class='msgError'>There was an error while saving the meal.</span>";
+	}
+
+} elseif ( isset($_POST['addMealToDiary']) ) {
+	# don't let the user continue if they didn't specify a timestamp
+	if ( empty($_POST['diaryTimestamp']) ) {
+		$_SESSION['systemMsg'] = "<span class='msgError'>You must specify a timestamp.</span>";
+		header("Location: {$config->_previousUri}");
+		exit;
+	}
+	$timestamp = strtotime($_POST['diaryTimestamp']);
+
+	# build the query string that will be used for the href when
+	# we display this diary to the user
+	$description = htmlspecialchars($_POST['description']);
+	$itemData = "{$_POST['meal']}::$description";
+
+	$sql = sprintf ("
+		INSERT INTO userDiaryItems (diary, data, timestamp, type) 
+		VALUES ('%s', '%s', '%s', '%s')
+		",
+		$_POST['diary'],
+		$db->EscapeString($itemData),
+		$timestamp,
+		"Meal"
+	);
+	$db->Modify($sql);
+	if ( $db->_affectedRows == 1 ) {
+		$_SESSION['systemMsg'] = "<span class='msgOkay'>The meal was added to the selected diary.</span>";
+	} else {
+		$_SESSION['systemMsg'] = "<span class='msgError'>There was an error. The meal wasn't added.</span>";
+	}
+}
+
+header("Location: {$config->_rootUri}/");
+exit;
+
+?>
diff --git a/add_user.php b/add_user.php
new file mode 100644
index 0000000..754c946
--- /dev/null
+++ b/add_user.php
@@ -0,0 +1,53 @@
+<?php 
+
+include "include/db.php";
+
+# make sure that none of the fields are empty
+if ($_POST['login']) {
+  foreach ($_POST as $data) {
+    if ($data == "") {
+      $err = "<span class='errors'>You must fill in all fields!</span><br />\n";
+      $reg_status == "failed";
+      return;
+    }
+  }
+}
+
+# make sure that the passwords match
+if ($_POST['passwd'] != $_POST['passwd2']) {
+  $err = "<span class='errors'>Your passwords do not match.  Please try again.</span><br />\n";
+  $reg_status == "failed";
+  return;
+}
+
+# make sure that age is >0 && <100
+if ($_POST['age'] < 1 || $_POST['age'] > 100) {
+  $err = "<span class='errors'>Your age must be between 1 and 100 (years).</span><br />\n";
+  $reg_status == "failed";
+  return;
+}
+
+$lnk = db_connect();
+
+# make sure that the login does not already exist
+$res = db_query("SELECT id_users FROM users WHERE login = '{$_POST['login']}'");
+if (db_num_rows($res)) {
+  $err = "<span class='errors'>Login name '{$_POST['login']}' is already in use. Please select another.</span><br />\n";
+  $reg_status == "failed";
+  return;
+}
+
+$hashpwd = md5($_POST['passwd']);
+
+$qry = "
+	INSERT INTO users (login, passwd, age, gender) 
+	VALUES ('{$_POST['login']}','$hashpwd', '{$_POST['age']}', '{$_POST['gender']}')
+";
+
+db_query($qry);
+
+$reg_status = "ok_passed";
+
+db_close($lnk);
+
+?>
diff --git a/config.php b/config.php
new file mode 100644
index 0000000..7513385
--- /dev/null
+++ b/config.php
@@ -0,0 +1,86 @@
+<?php
+
+# establish an error reporting level suitable for the site
+#error_reporting (0); # don't show any errors
+error_reporting(E_ALL); # show all errors
+#error_reporting(E_ALL ^ E_NOTICE); # show all errors except notices
+
+# set various site-wide variables
+
+# site constants that don't need to be interpolated in strings and/or
+# are more sensitive will be setup as constants
+define("DBHOST", "localhost"); # database host
+define("DBNAME", "nutridb_sr19"); # database name
+define("DBUSER", "nutridb"); # database user
+define("DBPASS", "Nutr1dbAdm1n"); # database password
+
+define("ADODBDIR", "/usr/share/php/adodb"); # adodb db abastractions libs - adodb.sourceforge.net
+define("SMARTYDIR", "/usr/share/php/smarty/libs"); # Smarty templates dir - smarty.php.net
+
+# if true then any db error will cause the error to be printed
+# and the script will be halted.  this should probably only be
+# set to true while in development
+define("DBDEBUG", "true");
+
+# generic empty class for some config variables
+class siteConfig {};
+$config = new siteConfig;
+
+# variables that need to be interpolated inside strings and HEREDOCs
+# will go in the siteConfig object
+$config->_rootDir		= "/var/www/nutridb/trunk"; # root directory
+$config->_rootUri		= "http://localhost/nutridb/trunk"; # root uri
+$config->_imgUri		= "{$config->_rootUri}/images"; # where images live
+$config->_cssUri		= "{$config->_rootUri}/css"; # where css files live
+$config->_jsUri			= "{$config->_rootUri}/js"; # where javascript files live
+$config->_smarty		= "{$config->_rootDir}/smarty"; # where smarty files live
+$config->_recordsPerPage	= "30"; # number of results per page on food_search.php
+$config->_thisScript		= basename($_SERVER['PHP_SELF']);
+
+# in some cases we might want to send the user back to the page
+# they came from, but HTTP_REFERER won't always be set for
+# various reason, so if it isn't then just sent them back to the
+# root URI.
+if ( isset($_SERVER['HTTP_REFERER']) ) {
+	$config->_previousUri = $_SERVER['HTTP_REFERER'];
+} else {
+	$config->_previousUri = "{$config->_rootUri}/";
+}
+
+# include the necessary libraries and classes
+require("lib/site.lib.php"); # functions specific to this site
+require("lib/standard.lib.php"); # standard functions useful for any site
+require("lib/database.class.php"); # database class  
+require("lib/xajax_0.2.4/xajax.inc.php"); # Ajax class - xajaxproject.org
+require(SMARTYDIR . "/Smarty.class.php"); # Smarty templates
+
+# start a session.  we may not need it but start it anyway
+session_start();
+
+# instantiate the database object
+$db = new Database();
+
+# instantiate and configure XAJAX
+$xajax = new xajax();
+$xajax->registerFunction("removeCurrentMealItem");
+$xajax->registerFunction("clearCurrentMeal");
+$xajax->registerFunction("removeMealItem");
+$xajax->registerFunction("removeDiaryItem");
+$xajax->registerFunction("loadMealToEdit");
+$xajax->registerFunction("loadFoodToEdit");
+$xajax->registerFunction("usernameExists");
+$xajax->processRequests();
+
+
+# instantiate and configure Smarty
+$smarty = new Smarty();
+#$smarty->caching	= true; # turn on smarty template caching
+$smarty->template_dir	= "{$config->_rootDir}/templates";
+$smarty->compile_dir	= "{$config->_smarty}/templates_c";
+$smarty->cache_dir	= "{$config->_smarty}/cache";
+$smarty->config_dir	= "{$config->_smarty}/configs";
+
+# go ahead and register our $config object with smarty
+$smarty->assign("config", $config);
+
+?>
diff --git a/config.php-dist b/config.php-dist
new file mode 100644
index 0000000..cbf01e7
--- /dev/null
+++ b/config.php-dist
@@ -0,0 +1,86 @@
+<?php
+
+# establish an error reporting level suitable for the site
+#error_reporting (0); # don't show any errors
+error_reporting(E_ALL); # show all errors
+#error_reporting(E_ALL ^ E_NOTICE); # show all errors except notices
+
+# set various site-wide variables
+
+# site constants that don't need to be interpolated in strings and/or
+# are more sensitive will be setup as constants
+define("DBHOST", "localhost"); # database host
+define("DBNAME", "nutridb_sr19"); # database name
+define("DBUSER", "nutridb"); # database user
+define("DBPASS", "Nutr1dbAdm1n"); # database password
+
+define("ADODBDIR", "/usr/share/php/adodb"); # adodb db abastractions libs - adodb.sourceforge.net
+define("SMARTYDIR", "/usr/share/php/smarty/libs"); # Smarty templates dir - smarty.php.net
+
+# if true then any db error will cause the error to be printed
+# and the script will be halted.  this should probably only be
+# set to true while in development
+#define("DBDEBUG", "true");
+
+# generic empty class for some config variables
+class siteConfig {};
+$config = new siteConfig;
+
+# variables that need to be interpolated inside strings and HEREDOCs
+# will go in the siteConfig object
+$config->_rootDir		= "/var/www/nutridb/devel"; # root directory
+$config->_rootUri		= "http://localhost/nutridb/devel"; # root uri
+$config->_imgUri		= "{$config->_rootUri}/images"; # where images live
+$config->_cssUri		= "{$config->_rootUri}/css"; # where css files live
+$config->_jsUri			= "{$config->_rootUri}/js"; # where javascript files live
+$config->_smarty		= "{$config->_rootDir}/smarty"; # where smarty files live
+$config->_recordsPerPage	= "30"; # number of results per page on food_search.php
+$config->_thisScript		= basename($_SERVER['PHP_SELF']);
+
+# in some cases we might want to send the user back to the page
+# they came from, but HTTP_REFERER won't always be set for
+# various reason, so if it isn't then just sent them back to the
+# root URI.
+if ( isset($_SERVER['HTTP_REFERER']) ) {
+	$config->_previousUri = $_SERVER['HTTP_REFERER'];
+} else {
+	$config->_previousUri = "{$config->_rootUri}/";
+}
+
+# include the necessary libraries and classes
+require("lib/site.lib.php"); # functions specific to this site
+require("lib/standard.lib.php"); # standard functions useful for any site
+require("lib/database.class.php"); # database class  
+require("lib/xajax_0.2.4/xajax.inc.php"); # Ajax class - xajaxproject.org
+require(SMARTYDIR . "/Smarty.class.php"); # Smarty templates
+
+# start a session.  we may not need it but start it anyway
+session_start();
+
+# instantiate the database object
+$db = new Database();
+
+# instantiate and configure XAJAX
+$xajax = new xajax();
+$xajax->registerFunction("removeCurrentMealItem");
+$xajax->registerFunction("clearCurrentMeal");
+$xajax->registerFunction("removeMealItem");
+$xajax->registerFunction("removeDiaryItem");
+$xajax->registerFunction("loadMealToEdit");
+$xajax->registerFunction("loadFoodToEdit");
+$xajax->registerFunction("usernameExists");
+$xajax->processRequests();
+
+
+# instantiate and configure Smarty
+$smarty = new Smarty();
+#$smarty->caching	= true; # turn on smarty template caching
+$smarty->template_dir	= "{$config->_rootDir}/templates";
+$smarty->compile_dir	= "{$config->_smarty}/templates_c";
+$smarty->cache_dir	= "{$config->_smarty}/cache";
+$smarty->config_dir	= "{$config->_smarty}/configs";
+
+# go ahead and register our $config object with smarty
+$smarty->assign("config", $config);
+
+?>
diff --git a/css/2ColumnLayout.css b/css/2ColumnLayout.css
new file mode 100644
index 0000000..fd3b1c1
--- /dev/null
+++ b/css/2ColumnLayout.css
@@ -0,0 +1,105 @@
+/* 2 column layout based on: */
+
+/* http://www.positioniseverything.net/articles/onetruelayout/example/equalheightopera8fix */
+/* 3 COLUMN LIQUID LAYOUT BEGIN */
+
+#middleColumn {
+	float: left;
+	width: 80%;
+	margin-left: 20%;
+}
+
+* html #middleColumn {
+	display: inline;
+}
+
+#leftColumn {
+	float: left;
+	width: 20%;
+	margin-left: -100%;
+	background-color: #009999;
+}
+
+#rightColumn {
+	clear: both;
+	margin-left: 20%;
+
+	/* holly-hack from IE */
+	height: 1%;
+	background-color: #cccccc;
+}
+
+/* Start Mac IE5 filter */
+#middleColumn, #leftColumn, #rightColumn {
+	padding-bottom: 32767px;
+	margin-bottom: -32767px; 
+}
+
+@media all and (min-width: 0px) {
+	#middleColumn, #leftColumn, #rightColumn {
+		padding-bottom: 0;
+		margin-bottom: 0; 
+	}
+	#middleColumn:before, #leftColumn:before, #rightColumn:before {
+		display: block;
+		background: inherit;
+		padding-top: 32767px;
+		margin-bottom: -32767px;
+		height: 0;
+	}
+}
+/* End Mac IE5 filter */
+
+#columnContainer {
+	/* This hides the excess padding in non-IE browsers */
+	overflow: hidden;
+}
+
+/* we need this for IE 5.01 - otherwise the columnContainer does not expand to the
+necessary height (unless fixed, this problem becomes even more acute 
+weirdness as the method is enhanced */
+#columnContainer {
+	/* Normally a Holly-style hack height: 1% would suffice but that causes 
+	IE 5.01 to completely collapse the columnContainer - instead we float it */
+	float: left;
+	/* NB. possibly only IE 5.01 needs to get this float value - otherwise 5.5 sometimes 
+	(I saw it happen many moons ago) makes the width of columnContainer too small 
+	the float: none with the comment is ignored by 5.01,
+	5.5 and above see it and carry on about their business
+	It's probably fine to just remove it, but it's left here 
+	just in case that many moons ago problem rears its head again */
+	float/**/: none;
+}
+
+/* begin easy clearing */
+#columnContainer:after {
+	display: block; 
+	height: 0; 
+	clear: both; 
+	visibility: hidden;
+}
+
+#columnContainer {
+	display: inline-block;
+}
+
+/*\*/
+#columnContainer {
+	display: block;
+}
+/* end easy clearing */
+
+#footer {
+	clear: both;
+}
+
+/* Safari needs this - otherwise the ghost overflow, though painted 
+correctly obscures links and form elements that by rights should be above it.
+An unintended side-effect is that it cause such elements to vanish in IE 5.01
+and 5.5, hence the child selector hack */
+* > #footer, * > form {
+	position: relative;
+	/* z-index: 1000; */
+}
+
+/* 3 COLUMN LIQUID LAYOUT END */
diff --git a/css/2column.css b/css/2column.css
new file mode 100644
index 0000000..fafa314
--- /dev/null
+++ b/css/2column.css
@@ -0,0 +1,93 @@
+/*
+http://www.positioniseverything.net/articles/onetruelayout/example/equalheightopera8fix
+2 COLUMN LIQUID LAYOUT
+*/
+
+#middleColumn {
+	float: left;
+	width: 85%;
+}
+
+* html #middleColumn {
+	display: inline;
+}
+
+#rightColumn {
+	float: left;
+	width: 15%;
+	background-color: #cccccc;
+}
+
+/* Start Mac IE5 filter \*/
+#middleColumn, #rightColumn {
+	padding-bottom: 32767px;
+	margin-bottom: -32767px; 
+}
+
+@media all and (min-width: 0px) {
+	#middleColumn, #rightColumn {
+		padding-bottom: 0;
+		margin-bottom: 0; 
+	}
+	#middleColumn:before, #rightColumn:before {
+		display: block;
+		background: inherit;
+		padding-top: 32767px;
+		margin-bottom: -32767px;
+		height: 0;
+	}
+}
+/* End Mac IE5 filter */
+
+#columnContainer {
+	/* This hides the excess padding in non-IE browsers */
+	overflow: hidden;
+	margin-bottom: 3px;
+}
+
+/* we need this for IE 5.01 - otherwise the columnContainer does not expand to the
+necessary height (unless fixed, this problem becomes even more acute 
+weirdness as the method is enhanced */
+#columnContainer {
+	/* Normally a Holly-style hack height: 1% would suffice but that causes 
+	IE 5.01 to completely collapse the columnContainer - instead we float it */
+	float: left;
+	/* NB. possibly only IE 5.01 needs to get this float value - otherwise 5.5 sometimes 
+	(I saw it happen many moons ago) makes the width of columnContainer too small 
+	the float: none with the comment is ignored by 5.01,
+	5.5 and above see it and carry on about their business
+	It's probably fine to just remove it, but it's left here 
+	just in case that many moons ago problem rears its head again */
+	float/**/: none;
+}
+
+/* begin easy clearing */
+#columnContainer:after {
+	display: block; 
+	height: 0; 
+	clear: both; 
+	visibility: hidden;
+}
+
+#columnContainer {
+	display: inline-block;
+}
+
+/*\*/
+#columnContainer {
+	display: block;
+}
+/* end easy clearing */
+
+#footer {
+	clear: both;
+}
+
+/* Safari needs this - otherwise the ghost overflow, though painted 
+correctly obscures links and form elements that by rights should be above it.
+An unintended side-effect is that it cause such elements to vanish in IE 5.01
+and 5.5, hence the child selector hack */
+* > #footer, * > form, * > #notes, * > .output {
+	position: relative;
+	z-index: 1000;
+}
diff --git a/css/3ColumnLayout.css b/css/3ColumnLayout.css
new file mode 100644
index 0000000..3a2bc11
--- /dev/null
+++ b/css/3ColumnLayout.css
@@ -0,0 +1,101 @@
+/* http://www.positioniseverything.net/articles/onetruelayout/example/equalheightopera8fix */
+/* 3 COLUMN LIQUID LAYOUT BEGIN */
+
+#middleColumn {
+	float: left;
+	width: 64%;
+	margin-left: 20%;
+	margin-right: 1%;
+}
+
+* html #middleColumn {
+	display: inline;
+}
+
+#leftColumn {
+	float: left;
+	width: 19%;
+	margin-left: -85%;
+	background-color: #009999;
+}
+
+#rightColumn {
+	float: left;
+	width: 15%;
+	background-color: #cccccc;
+}
+
+/* Start Mac IE5 filter */
+#middleColumn, #leftColumn, #rightColumn {
+	padding-bottom: 32767px;
+	margin-bottom: -32767px; 
+}
+
+@media all and (min-width: 0px) {
+	#middleColumn, #leftColumn, #rightColumn {
+		padding-bottom: 0;
+		margin-bottom: 0; 
+	}
+	#middleColumn:before, #leftColumn:before, #rightColumn:before {
+		display: block;
+		background: inherit;
+		padding-top: 32767px;
+		margin-bottom: -32767px;
+		height: 0;
+	}
+}
+/* End Mac IE5 filter */
+
+#columnContainer {
+	/* This hides the excess padding in non-IE browsers */
+	overflow: hidden;
+}
+
+/* we need this for IE 5.01 - otherwise the columnContainer does not expand to the
+necessary height (unless fixed, this problem becomes even more acute 
+weirdness as the method is enhanced */
+#columnContainer {
+	/* Normally a Holly-style hack height: 1% would suffice but that causes 
+	IE 5.01 to completely collapse the columnContainer - instead we float it */
+	float: left;
+	/* NB. possibly only IE 5.01 needs to get this float value - otherwise 5.5 sometimes 
+	(I saw it happen many moons ago) makes the width of columnContainer too small 
+	the float: none with the comment is ignored by 5.01,
+	5.5 and above see it and carry on about their business
+	It's probably fine to just remove it, but it's left here 
+	just in case that many moons ago problem rears its head again */
+	float/**/: none;
+}
+
+/* begin easy clearing */
+#columnContainer:after {
+	display: block; 
+	height: 0; 
+	clear: both; 
+	visibility: hidden;
+}
+
+#columnContainer {
+	display: inline-block;
+}
+
+/*\*/
+#columnContainer {
+	display: block;
+}
+/* end easy clearing */
+
+#footer {
+	clear: both;
+}
+
+/* Safari needs this - otherwise the ghost overflow, though painted 
+correctly obscures links and form elements that by rights should be above it.
+An unintended side-effect is that it cause such elements to vanish in IE 5.01
+and 5.5, hence the child selector hack */
+* > #footer, * > form {
+	position: relative;
+	/* z-index: 1000; */
+}
+
+/* 3 COLUMN LIQUID LAYOUT END */
diff --git a/css/3column.css b/css/3column.css
new file mode 100644
index 0000000..57b1abb
--- /dev/null
+++ b/css/3column.css
@@ -0,0 +1,103 @@
+/*
+http://www.positioniseverything.net/articles/onetruelayout/example/equalheightopera8fix
+3 COLUMN LIQUID LAYOUT
+*/
+
+#middleColumn {
+	float: left;
+	width: 64%;
+	margin-left: 20%;
+	margin-right: 1%;
+}
+
+* html #middleColumn {
+	display: inline;
+}
+
+#leftColumn {
+	float: left;
+	width: 19%;
+	margin-left: -85%;
+	background-color: #009999;
+	/*background-color: #568fc4;*/
+}
+
+#rightColumn {
+	float: left;
+	width: 15%;
+	background-color: #cccccc;
+}
+
+/* Start Mac IE5 filter \*/
+#middleColumn, #leftColumn, #rightColumn {
+	padding-bottom: 32767px;
+	margin-bottom: -32767px; 
+}
+
+@media all and (min-width: 0px) {
+	#middleColumn, #leftColumn, #rightColumn {
+		padding-bottom: 0;
+		margin-bottom: 0; 
+	}
+	#middleColumn:before, #leftColumn:before, #rightColumn:before {
+		display: block;
+		background: inherit;
+		padding-top: 32767px;
+		margin-bottom: -32767px;
+		height: 0;
+	}
+}
+/* End Mac IE5 filter */
+
+#columnContainer {
+	/* This hides the excess padding in non-IE browsers */
+	overflow: hidden;
+	margin-bottom: 3px;
+}
+
+/* we need this for IE 5.01 - otherwise the columnContainer does not expand to the
+necessary height (unless fixed, this problem becomes even more acute 
+weirdness as the method is enhanced */
+#columnContainer {
+	/* Normally a Holly-style hack height: 1% would suffice but that causes 
+	IE 5.01 to completely collapse the columnContainer - instead we float it */
+	float: left;
+	/* NB. possibly only IE 5.01 needs to get this float value - otherwise 5.5 sometimes 
+	(I saw it happen many moons ago) makes the width of columnContainer too small 
+	the float: none with the comment is ignored by 5.01,
+	5.5 and above see it and carry on about their business
+	It's probably fine to just remove it, but it's left here 
+	just in case that many moons ago problem rears its head again */
+	float/**/: none;
+}
+
+/* begin easy clearing */
+#columnContainer:after {
+	display: block; 
+	height: 0; 
+	clear: both; 
+	visibility: hidden;
+}
+
+#columnContainer {
+	display: inline-block;
+}
+
+/*\*/
+#columnContainer {
+	display: block;
+}
+/* end easy clearing */
+
+#footer {
+	clear: both;
+}
+
+/* Safari needs this - otherwise the ghost overflow, though painted 
+correctly obscures links and form elements that by rights should be above it.
+An unintended side-effect is that it cause such elements to vanish in IE 5.01
+and 5.5, hence the child selector hack */
+* > #footer, * > form, * > #notes, * > .output {
+	position: relative;
+	z-index: 1000;
+}
diff --git a/css/site.baratbottom.css b/css/site.baratbottom.css
new file mode 100644
index 0000000..3c4047e
--- /dev/null
+++ b/css/site.baratbottom.css
@@ -0,0 +1,191 @@
+body {
+	margin: 1em;
+	background-color: #ffffff;
+	font-family: Verdana, Arial;
+	font-size: 10pt;
+}
+
+img {
+	border: none;
+}
+
+table, caption {
+	font-size: inherit;
+	font-weight: inherit;
+	font-style: inherit;
+	font-variant: inherit;
+}
+
+a {
+	color: blue;
+	text-decoration: none;
+}
+
+a:visited {
+	color: blue;
+	text-decoration: none;
+}
+
+a:hover {
+	color: blue;
+	text-decoration: underline;
+}
+
+#header {
+	height: 80px;
+	position: relative;
+	width: 100%;
+	background-color: #ccb8a6;
+}
+
+#headerLeft {
+	position: absolute;
+	height: 60px;
+	line-height: 60px;
+	text-align: left;
+	padding-left: .5ex;
+	font-size: 150%;
+	font-weight: bold;
+	top: 0;
+	width: 60%;
+}
+
+#headerMiddle {
+	position: absolute;
+	height: 55px;
+	text-align: right;
+	left: 60.5%;
+	width: 29%;
+	top: 0;
+	padding-top: 5px;
+}
+
+#headerRight {
+	position: absolute;
+	height: 55px;
+	text-align: center;
+	left: 89.5%;
+	width: 10%;
+	top: 0;
+	padding-top: 5px;
+	padding-left: 1ex;
+}
+
+#headerLinkBar {
+	position: absolute;
+	top: 60px;
+	width: 100%;
+	height: 20px;
+	background-color: #000000;
+}
+
+#headerLinks {
+	position: absolute;
+	font-size: 8pt;
+	height: 20px;
+	line-height: 20px;
+	font-family: Arial, Verdana;
+	font-weight: bold;
+	color: #ffffff;
+	padding-left: 2ex;
+	width: 39%;
+	top: 0;
+}
+
+#headerLinks a {
+	color: #ffffff;
+	text-decoration: none;
+}
+
+#headerLinks a:visited {
+	color: #ffffff;
+	text-decoration: none;
+}
+
+#headerLinks a:hover {
+	color: #ffffff;
+	text-decoration: underline;
+}
+
+#systemMsgs {
+	position: absolute;
+	width: 59%;
+	margin-left: 40%;
+	top: 0;
+	height: 20px;
+	font-size: 8pt;
+	line-height: 20px;
+	font-family: Arial, Verdana;
+	font-weight: bold;
+	text-align: right;
+	padding-right: 1ex;
+}
+
+#leftData {
+	margin: 1ex;
+}
+
+#middleData {
+	margin: 1ex;
+}
+
+#rightData {
+	margin: 1ex;
+}
+
+#footerLinks {
+	text-align: center;
+	background-color: #000000;
+	height: 20px;
+	line-height: 20px;
+	color: white;
+	font-size: 7pt;
+}
+
+#footerLinks a:visited {
+	color: blue;
+}
+
+
+.msgError {
+	color: red;
+}
+
+.msgOkay {
+	color: green;
+}
+
+.pageNav {
+	margin-top: 2ex;
+	margin-bottom: 2ex;
+	text-align: center;
+}
+
+table.standardTable {
+	width: 100%;
+	border: 1px solid grey;
+}
+
+tr.bgDark {
+	background: #e0e0e0;
+}
+
+tr.bgLight {
+	background: #ffffff;
+}
+
+.standardTable td {
+	border: 1px solid #e0e0e0;
+	padding-left: .5em;
+	text-align: left; 
+	border: 1px solid #e0e0e0;
+}
+
+.tableTitleRow {
+	font-weight: bold;
+	text-align: center;
+	background-color: #000000;
+	color: #ffffff;
+}
+
+
diff --git a/css/site.css b/css/site.css
new file mode 100644
index 0000000..89310aa
--- /dev/null
+++ b/css/site.css
@@ -0,0 +1,267 @@
+body {
+	margin: 1em;
+	background-color: #ffffff;
+	font-family: Verdana, Arial;
+	font-size: 10pt;
+}
+
+img {
+	border: none;
+}
+
+table, caption {
+	font-size: inherit;
+	font-weight: inherit;
+	font-style: inherit;
+	font-variant: inherit;
+}
+
+a {
+	color: blue;
+	text-decoration: none;
+}
+
+a:visited {
+	color: blue;
+	text-decoration: none;
+}
+
+a:hover {
+	color: blue;
+	text-decoration: underline;
+}
+
+a.whiteLink {
+	color: #ffffff;
+	text-decoration: underline;
+}
+
+a:visited.whiteLink {
+	color: #ffffff;
+	text-decoration: underline;
+}
+
+a:hover.whiteLink {
+	color: #ffffff;
+	text-decoration: underline;
+}
+
+#header {
+	height: 80px;
+	position: relative;
+	width: 100%;
+	background-color: #ccb8a6;
+}
+
+#headerLeft {
+	position: absolute;
+	height: 60px;
+	line-height: 60px;
+	text-align: left;
+	padding-left: .5ex;
+	font-size: 150%;
+	font-weight: bold;
+	top: 0;
+	width: 60%;
+}
+
+#headerMiddle {
+	position: absolute;
+	height: 55px;
+	text-align: right;
+	left: 60.5%;
+	width: 29%;
+	top: 0;
+	padding-top: 5px;
+}
+
+#headerRight {
+	position: absolute;
+	height: 55px;
+	text-align: center;
+	left: 89.5%;
+	width: 10%;
+	top: 0;
+	padding-top: 5px;
+	padding-left: 1ex;
+}
+
+#headerLinkBar {
+	position: absolute;
+	top: 60px;
+	width: 100%;
+	height: 20px;
+	background-color: #000000;
+}
+
+#headerLinks {
+	position: absolute;
+	font-size: 8pt;
+	height: 20px;
+	line-height: 20px;
+	font-family: Arial, Verdana;
+	font-weight: bold;
+	color: #ffffff;
+	padding-left: 2ex;
+	width: 39%;
+	top: 0;
+}
+
+#headerLinks a {
+	color: #ffffff;
+	text-decoration: none;
+}
+
+#headerLinks a:visited {
+	color: #ffffff;
+	text-decoration: none;
+}
+
+#headerLinks a:hover {
+	color: #ffffff;
+	text-decoration: underline;
+}
+
+#footerLinks a {
+	color: #ffffff;
+	text-decoration: none;
+}
+
+#footerLinks a:visited {
+	color: #ffffff;
+	text-decoration: none;
+}
+
+#footerLinks a:hover {
+	color: #ffffff;
+	text-decoration: underline;
+}
+
+#systemMsgs {
+	position: absolute;
+	width: 59%;
+	margin-left: 40%;
+	top: 0;
+	height: 20px;
+	font-size: 8pt;
+	line-height: 20px;
+	font-family: Arial, Verdana;
+	font-weight: bold;
+	text-align: right;
+	padding-right: 1ex;
+}
+
+#leftData {
+	margin: 1ex;
+}
+
+#middleData {
+	margin: 1ex 3ex 1ex 3ex;
+	/*
+	background-image: url("../images/grey_mouse_lemur_trans.png");
+	background-repeat: no-repeat;
+	background-color: transparent;
+	background-position: center center;
+	*/
+}
+
+#rightData {
+	margin: 1ex;
+}
+
+#footerLinks {
+	text-align: center;
+	background-color: #000000;
+	height: 20px;
+	line-height: 20px;
+	color: white;
+	font-size: 7pt;
+}
+
+.msgError {
+	color: red;
+}
+
+.msgOkay {
+	color: green;
+}
+
+.pageNav {
+	margin-top: 2ex;
+	margin-bottom: 2ex;
+	text-align: center;
+}
+
+table.standardTable {
+	width: 100%;
+	border: 1px solid grey;
+}
+
+tr.bgDark {
+	background: #e0e0e0;
+}
+
+tr.bgLight {
+	background: #ffffff;
+}
+
+.standardTable td {
+	border: 1px solid #e0e0e0;
+	padding-left: .5em;
+	text-align: left; 
+	border: 1px solid #e0e0e0;
+}
+
+.tableTitleRow {
+	font-weight: bold;
+	text-align: center;
+	background-color: #000000;
+	color: #ffffff;
+}
+
+.standardMargins {
+	margin-top: 2ex;
+	margin-bottom: 2ex;
+}
+
+.searchDiv {
+	margin-bottom: 2ex;
+	margin-left: auto;
+	margin-right: auto;
+	text-align: justify;
+	width: 75%;
+}
+
+.registerDiv {
+	margin-bottom: 2ex;
+	margin-left: auto;
+	margin-right: auto;
+	text-align: justify;
+	width: 75%;
+}
+
+.helpItem {
+	text-align: justify;
+	margin: 1em;
+}
+
+
+/*CSS for Bubble Tooltips by Alessandro Fulciniti
+- http://pro.html.it - http://web-graphics.com */
+.tooltip {
+	width: 200px;
+	color: #000;
+	font: lighter 11px/1.3 Arial,sans-serif;
+	text-decoration: none;
+	text-align: center
+}
+.tooltip span.top {
+	padding: 30px 8px 0;
+    background: url(images/tooltip.gif) no-repeat top;
+}
+.tooltip b.bottom {
+	padding:3px 8px 15px;
+	color: #548912;
+    background: url(images/tooltip.gif) no-repeat bottom;
+}
+/* -------------------------------------------- */
diff --git a/css/site.css.orig b/css/site.css.orig
new file mode 100644
index 0000000..29620ea
--- /dev/null
+++ b/css/site.css.orig
@@ -0,0 +1,161 @@
+body {
+  color: black;
+  background-color: white;
+  padding: 1%;
+}
+
+table.smalltext td {
+  font-size: small;
+}
+
+.indent {
+  padding-left: 1em;
+}
+
+a img {
+  border: none;
+}
+
+em {
+  font-weight: 600;
+}
+
+p.nowrap {
+  white-space: nowrap;
+}
+
+.bold-ital {
+  font-weight: bold;
+  font-style: italic;
+}
+
+.small {
+  font-size: small;
+}
+
+.x-small {
+  font-size: x-small;
+}
+
+.limit-width {
+  max-width: 60%;
+}
+
+.bold2 {
+  font-weight: bold;
+  font-size: large;
+}
+
+.logout {
+  position: absolute;
+  right: 3%;
+}
+
+.login-error {
+  font-weight: bold;
+  color: red;
+  background-color: #999966;
+}
+
+.errors {
+  font-weight: bold;
+  color: red;
+  background-color: white;
+}
+
+.blue {
+  color: blue;
+}
+
+.header {
+  position: relative;
+  top: 0;
+  height: 4em;
+}
+
+.hdr-link-left {
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 8%;
+  text-align: left;
+
+}
+.hdr-img-center {
+  position: absolute;
+  top: 0;
+  left: 8%;
+  width: 84%;
+  text-align: center;
+}
+.hdr-link-right {
+  position: absolute;
+  top: 0;
+  right: 0;
+  width: 8%;
+  text-align: right;
+}
+
+.search-box {
+  float: left;
+  padding: 1%;
+  height: 18em;
+  width: 47%;
+  margin-bottom: 1em;
+  border: medium gray ridge;
+  background-color: #FFCC66;
+}
+
+.mystuff-box {
+  float: right;
+  padding: 1%;
+  min-height: 18em;
+  width: 47%;
+  margin-bottom: 1em;
+  border: medium gray ridge;
+  background-color: #999966;
+}
+
+.footer {
+  clear: both;
+  width: 98%;
+  margin-top: 1em;
+  text-align: center;
+  font-size: x-small;
+  border-top: medium black double;
+}
+
+.bsd-logo {
+  position: absolute;
+  margin-top: 0;
+  left: 0;
+  width: 25%;
+}
+
+.apache-logo {
+  position: absolute;
+  margin-top: 1em;
+  right: 0;
+  width: 25%;
+}
+
+.xhtml-logo {
+  position: absolute;
+  margin-top: 2em; 
+  left: 25%;
+  width: 25%;
+}
+
+.css-logo {
+  position: absolute;
+  margin-top: 2em;
+  right: 25%;
+  width: 25%;
+}
+
+.border-med-ridge {
+  width: auto;
+  padding: 1%;
+  border: medium gray ridge;
+}
+
diff --git a/css/trash/2column.css b/css/trash/2column.css
new file mode 100644
index 0000000..fafa314
--- /dev/null
+++ b/css/trash/2column.css
@@ -0,0 +1,93 @@
+/*
+http://www.positioniseverything.net/articles/onetruelayout/example/equalheightopera8fix
+2 COLUMN LIQUID LAYOUT
+*/
+
+#middleColumn {
+	float: left;
+	width: 85%;
+}
+
+* html #middleColumn {
+	display: inline;
+}
+
+#rightColumn {
+	float: left;
+	width: 15%;
+	background-color: #cccccc;
+}
+
+/* Start Mac IE5 filter \*/
+#middleColumn, #rightColumn {
+	padding-bottom: 32767px;
+	margin-bottom: -32767px; 
+}
+
+@media all and (min-width: 0px) {
+	#middleColumn, #rightColumn {
+		padding-bottom: 0;
+		margin-bottom: 0; 
+	}
+	#middleColumn:before, #rightColumn:before {
+		display: block;
+		background: inherit;
+		padding-top: 32767px;
+		margin-bottom: -32767px;
+		height: 0;
+	}
+}
+/* End Mac IE5 filter */
+
+#columnContainer {
+	/* This hides the excess padding in non-IE browsers */
+	overflow: hidden;
+	margin-bottom: 3px;
+}
+
+/* we need this for IE 5.01 - otherwise the columnContainer does not expand to the
+necessary height (unless fixed, this problem becomes even more acute 
+weirdness as the method is enhanced */
+#columnContainer {
+	/* Normally a Holly-style hack height: 1% would suffice but that causes 
+	IE 5.01 to completely collapse the columnContainer - instead we float it */
+	float: left;
+	/* NB. possibly only IE 5.01 needs to get this float value - otherwise 5.5 sometimes 
+	(I saw it happen many moons ago) makes the width of columnContainer too small 
+	the float: none with the comment is ignored by 5.01,
+	5.5 and above see it and carry on about their business
+	It's probably fine to just remove it, but it's left here 
+	just in case that many moons ago problem rears its head again */
+	float/**/: none;
+}
+
+/* begin easy clearing */
+#columnContainer:after {
+	display: block; 
+	height: 0; 
+	clear: both; 
+	visibility: hidden;
+}
+
+#columnContainer {
+	display: inline-block;
+}
+
+/*\*/
+#columnContainer {
+	display: block;
+}
+/* end easy clearing */
+
+#footer {
+	clear: both;
+}
+
+/* Safari needs this - otherwise the ghost overflow, though painted 
+correctly obscures links and form elements that by rights should be above it.
+An unintended side-effect is that it cause such elements to vanish in IE 5.01
+and 5.5, hence the child selector hack */
+* > #footer, * > form, * > #notes, * > .output {
+	position: relative;
+	z-index: 1000;
+}
diff --git a/css/trash/3column.css b/css/trash/3column.css
new file mode 100644
index 0000000..57b1abb
--- /dev/null
+++ b/css/trash/3column.css
@@ -0,0 +1,103 @@
+/*
+http://www.positioniseverything.net/articles/onetruelayout/example/equalheightopera8fix
+3 COLUMN LIQUID LAYOUT
+*/
+
+#middleColumn {
+	float: left;
+	width: 64%;
+	margin-left: 20%;
+	margin-right: 1%;
+}
+
+* html #middleColumn {
+	display: inline;
+}
+
+#leftColumn {
+	float: left;
+	width: 19%;
+	margin-left: -85%;
+	background-color: #009999;
+	/*background-color: #568fc4;*/
+}
+
+#rightColumn {
+	float: left;
+	width: 15%;
+	background-color: #cccccc;
+}
+
+/* Start Mac IE5 filter \*/
+#middleColumn, #leftColumn, #rightColumn {
+	padding-bottom: 32767px;
+	margin-bottom: -32767px; 
+}
+
+@media all and (min-width: 0px) {
+	#middleColumn, #leftColumn, #rightColumn {
+		padding-bottom: 0;
+		margin-bottom: 0; 
+	}
+	#middleColumn:before, #leftColumn:before, #rightColumn:before {
+		display: block;
+		background: inherit;
+		padding-top: 32767px;
+		margin-bottom: -32767px;
+		height: 0;
+	}
+}
+/* End Mac IE5 filter */
+
+#columnContainer {
+	/* This hides the excess padding in non-IE browsers */
+	overflow: hidden;
+	margin-bottom: 3px;
+}
+
+/* we need this for IE 5.01 - otherwise the columnContainer does not expand to the
+necessary height (unless fixed, this problem becomes even more acute 
+weirdness as the method is enhanced */
+#columnContainer {
+	/* Normally a Holly-style hack height: 1% would suffice but that causes 
+	IE 5.01 to completely collapse the columnContainer - instead we float it */
+	float: left;
+	/* NB. possibly only IE 5.01 needs to get this float value - otherwise 5.5 sometimes 
+	(I saw it happen many moons ago) makes the width of columnContainer too small 
+	the float: none with the comment is ignored by 5.01,
+	5.5 and above see it and carry on about their business
+	It's probably fine to just remove it, but it's left here 
+	just in case that many moons ago problem rears its head again */
+	float/**/: none;
+}
+
+/* begin easy clearing */
+#columnContainer:after {
+	display: block; 
+	height: 0; 
+	clear: both; 
+	visibility: hidden;
+}
+
+#columnContainer {
+	display: inline-block;
+}
+
+/*\*/
+#columnContainer {
+	display: block;
+}
+/* end easy clearing */
+
+#footer {
+	clear: both;
+}
+
+/* Safari needs this - otherwise the ghost overflow, though painted 
+correctly obscures links and form elements that by rights should be above it.
+An unintended side-effect is that it cause such elements to vanish in IE 5.01
+and 5.5, hence the child selector hack */
+* > #footer, * > form, * > #notes, * > .output {
+	position: relative;
+	z-index: 1000;
+}
diff --git a/css/trash/site.css.orig b/css/trash/site.css.orig
new file mode 100644
index 0000000..29620ea
--- /dev/null
+++ b/css/trash/site.css.orig
@@ -0,0 +1,161 @@
+body {
+  color: black;
+  background-color: white;
+  padding: 1%;
+}
+
+table.smalltext td {
+  font-size: small;
+}
+
+.indent {
+  padding-left: 1em;
+}
+
+a img {
+  border: none;
+}
+
+em {
+  font-weight: 600;
+}
+
+p.nowrap {
+  white-space: nowrap;
+}
+
+.bold-ital {
+  font-weight: bold;
+  font-style: italic;
+}
+
+.small {
+  font-size: small;
+}
+
+.x-small {
+  font-size: x-small;
+}
+
+.limit-width {
+  max-width: 60%;
+}
+
+.bold2 {
+  font-weight: bold;
+  font-size: large;
+}
+
+.logout {
+  position: absolute;
+  right: 3%;
+}
+
+.login-error {
+  font-weight: bold;
+  color: red;
+  background-color: #999966;
+}
+
+.errors {
+  font-weight: bold;
+  color: red;
+  background-color: white;
+}
+
+.blue {
+  color: blue;
+}
+
+.header {
+  position: relative;
+  top: 0;
+  height: 4em;
+}
+
+.hdr-link-left {
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 8%;
+  text-align: left;
+
+}
+.hdr-img-center {
+  position: absolute;
+  top: 0;
+  left: 8%;
+  width: 84%;
+  text-align: center;
+}
+.hdr-link-right {
+  position: absolute;
+  top: 0;
+  right: 0;
+  width: 8%;
+  text-align: right;
+}
+
+.search-box {
+  float: left;
+  padding: 1%;
+  height: 18em;
+  width: 47%;
+  margin-bottom: 1em;
+  border: medium gray ridge;
+  background-color: #FFCC66;
+}
+
+.mystuff-box {
+  float: right;
+  padding: 1%;
+  min-height: 18em;
+  width: 47%;
+  margin-bottom: 1em;
+  border: medium gray ridge;
+  background-color: #999966;
+}
+
+.footer {
+  clear: both;
+  width: 98%;
+  margin-top: 1em;
+  text-align: center;
+  font-size: x-small;
+  border-top: medium black double;
+}
+
+.bsd-logo {
+  position: absolute;
+  margin-top: 0;
+  left: 0;
+  width: 25%;
+}
+
+.apache-logo {
+  position: absolute;
+  margin-top: 1em;
+  right: 0;
+  width: 25%;
+}
+
+.xhtml-logo {
+  position: absolute;
+  margin-top: 2em; 
+  left: 25%;
+  width: 25%;
+}
+
+.css-logo {
+  position: absolute;
+  margin-top: 2em;
+  right: 25%;
+  width: 25%;
+}
+
+.border-med-ridge {
+  width: auto;
+  padding: 1%;
+  border: medium gray ridge;
+}
+
diff --git a/edit_account.php b/edit_account.php
new file mode 100644
index 0000000..0555b54
--- /dev/null
+++ b/edit_account.php
@@ -0,0 +1,138 @@
+<?php
+
+# include the main site config where various global variables
+# and libraries are included
+include("config.php");
+
+# the user must be logged in to access this script. if they are
+# not then this function will send them back to the index page
+loginRequired();
+
+# if the user got here by pressing the "Register" button, then
+# let's process is his request.
+if ( isset($_POST['action']) && ($_POST['action'] == "editUser") ) {
+
+	# validate the form .. this is already done through javascript, but we
+	# better make sure
+
+	# make sure they entered a username
+	if ( isset($_POST['username']) && ("" == trim($_POST['username'])) ) {
+		$_SESSION['systemMsg'] = "<span class='msgError'>You must specify a login name.</span>";
+		header("Location: {$config->_previousUri}");
+		exit;
+	} else {
+		$username = trim($_POST['username']);
+		if ( strlen($username) < 5 ) {
+			$_SESSION['systemMsg'] = "<span class='msgError'>The login name must contain at least 5 characters.</span>";
+			header("Location: {$config->_previousUri}");
+			exit;
+		}
+	}
+
+	# if the user submitted a new password then validate the fields
+	if ( isset($_POST['password']) && ("" != trim($_POST['password'])) ) {
+		$password = trim($_POST['password']);
+		if ( strlen($password) < 5 ) {
+			$_SESSION['systemMsg'] = "<span class='msgError'>The password must contain at least 5 characters.</span>";
+			header("Location: {$config->_previousUri}");
+			exit;
+		}
+		if ( ! isset($_POST['password2']) || (trim($_POST['password']) != trim($_POST['password2'])) ) {
+			$_SESSION['systemMsg'] = "<span class='msgError'>Your passwords do not match.</span>";
+			header("Location: {$config->_previousUri}");
+			exit;
+		}
+	}
+
+	# make sure birthday is set and is valid
+	if ( isset($_POST['birthday']) && ("" == trim($_POST['birthday'])) ) {
+		$_SESSION['systemMsg'] = "<span class='msgError'>You must specify a birthday (even if it's not real).</span>";
+		header("Location: {$config->_previousUri}");
+		exit;
+	} else {
+		$birthday = strtotime($_POST['birthday']);
+		if ( ! $birthday ) {
+			$_SESSION['systemMsg'] = "<span class='msgError'>Your birthday doesn't appear to be an actual date.</span>";
+			header("Location: {$config->_previousUri}");
+			exit;
+		}
+	}
+
+	# make sure the user doesn't already exist in the database
+	$sql = sprintf ("
+		SELECT * FROM users
+		WHERE username = '%s'
+		",
+		trim($_POST['username'])
+	);
+	$db->Select($sql);
+	if ( $db->_rowCount > 0 ) {
+		$_SESSION['systemMsg'] = "<span class='msgError'>The login name you selected is already in use.  Please select another.</span>";
+		header("Location: {$config->_previousUri}");
+		exit;
+	}
+
+	# validation must have passed so let's edit the user.
+	# the local variables were assigned during validation
+
+	# if password is empty then the user didn't opt to change
+	# their password
+	if ( empty($password) ) {
+		$sql = sprintf ("
+			UPDATE users SET
+				username = '%s',
+				birthday = '%s',
+				gender = '%s'
+			WHERE id = '%s'
+			",
+			$username,
+			$birthday,
+			$_POST['gender'],
+			$_SESSION['user']['id']
+		);
+	} else {
+		$sql = sprintf ("
+			UPDATE users SET
+				username = '%s',
+				password = '%s',
+				birthday = '%s',
+				gender = '%s'
+			WHERE id = '%s'
+			",
+			$username,
+			md5($password),
+			$birthday,
+			$_POST['gender'],
+			$_SESSION['user']['id']
+		);
+	}
+	$db->Modify($sql);
+	if ( $db->_affectedRows == 1 ) {
+		# dump the users new info into the session
+		$_SESSION['user']['username'] = $username;
+		$_SESSION['user']['birthday'] = $birthday;
+		$_SESSION['user']['gender'] = $_POST['gender'];
+		$_SESSION['systemMsg'] = "<span class='msgOkay'>Your profile was successfully updated.</span>";
+	} else {
+		$_SESSION['systemMsg'] = "<span class='msgError'>There was an error while updating the profile.</span>";
+	}
+	header("Location: {$config->_previousUri}");
+	exit;
+}
+
+# a list of genders from which to populate the gender dropdown
+$smarty->assign("genders", array("Female", "Male"));
+
+# convert the user's birthday timestamp to human readable date
+$smarty->assign("birthday", date("Y-m-d", $_SESSION['user']['birthday']));
+
+# grab the various parts.  these sections are not printed to the screen
+# but rather dumped into smarty variables that will simply be printed
+# in the template, so the order doesn't matter here at the moment
+include("header.php");
+include("sidebar_left.php");
+include("sidebar_right.php");
+include("footer.php");
+
+$smarty->display("edit_account.tpl");
+
diff --git a/edit_diary.php b/edit_diary.php
new file mode 100644
index 0000000..2a72e48
--- /dev/null
+++ b/edit_diary.php
@@ -0,0 +1,95 @@
+<?php
+
+# include the main site config where various global variables
+# and libraries are included
+require("config.php");
+
+# the user must be logged in to access this script. if they are
+# not then this function will send them back to the index page
+loginRequired();
+
+# don't go forward unless a diary was specified
+if ( ! isset($_POST['diary']) ) {
+	$_SESSION['systemMsg'] = "<span class='msgError'>You must specify a diary.</span>";
+	header("Location: {$config->_previousUri}");
+	exit;
+}
+
+# don't go forward unless an action was specified
+if ( ! isset($_POST['action']) ) {
+	$_SESSION['systemMsg'] = "<span class='msgError'>You must specify an action.</span>";
+	header("Location: {$config->_previousUri}");
+	exit;
+}
+
+switch ( $_POST['action'] ) {
+	case "addNote" :
+		if ( ! empty($_POST['diaryTimestamp']) ) {
+			$timestamp = strtotime($_POST['diaryTimestamp']);
+		} else {
+			$timestamp = time();
+		}
+		$sql = sprintf ("
+			INSERT INTO userDiaryItems(diary, data, timestamp, type)
+			VALUES ('%s','%s','%s','%s')
+			",
+			trim($_POST['diary']),
+			$db->EscapeString($_POST['note']),
+			$timestamp,
+			"Note"
+		);
+		$db->Modify($sql);
+		if ( $db->_affectedRows == 1 ) {
+			$_SESSION['systemMsg'] = "<span class='msgOkay'>The note was successfully added.</span>";
+		} else {
+			$_SESSION['systemMsg'] = "<span class='msgError'>There was an error. The note was not added.</span>";
+		}
+		break;
+	case "Delete":
+		$sql = sprintf ("
+			DELETE userDiaryItems.*, userDiaries.*
+			FROM userDiaryItems INNER JOIN userDiaries
+				ON userDiaryItems.diary = userDiaries.id
+			WHERE userDiaries.user = '%s'
+				AND userDiaryItems.diary = '%s'
+			",
+			$_SESSION['user']['id'],
+			$_POST['diary']
+		);
+		$db->Modify($sql);
+		if ( ! $db->_error ) {
+			$_SESSION['systemMsg'] = "<span class='msgOkay'>The diary was successfully deleted.</span>";
+		} else {
+			$_SESSION['systemMsg'] = "<span class='msgError'>There was an error. The diary was not deleted.</span>";
+		}
+		break;
+	case "Rename":
+		if ( isset($_POST['newDiaryName']) && ("" != trim($_POST['newDiaryName'])) ) {
+			$sql = sprintf ("
+				UPDATE userDiaries SET
+					description = '%s'
+				WHERE id = '%s'
+				",
+				$db->EscapeString($_POST['newDiaryName']),
+				$_POST['diary']
+			);
+			$db->Modify($sql);
+			if ( ! $db->_error ) {
+				$_SESSION['systemMsg'] = "<span class='msgOkay'>The diary was successfully renamed.</span>";
+			} else {
+				$_SESSION['systemMsg'] = "<span class='msgError'>There was an error. The diary was not renamed.</span>";
+			}
+		} else {
+			$_SESSION['systemMsg'] = "<span class='msgError'>The diary was not renamed because the new name was empty.</span>";
+		}
+		break;
+	default:
+		$_SESSION['systemMsg'] = "<span class='msgError'>There action you specified was not recognized.</span>";
+		break;
+}
+
+# now send the user back where they came from
+header("Location: {$config->_previousUri}");
+exit;
+
+?>
diff --git a/edit_food.php b/edit_food.php
new file mode 100644
index 0000000..f62d55a
--- /dev/null
+++ b/edit_food.php
@@ -0,0 +1,144 @@
+<?php
+
+# include the main site config where various global variables
+# and libraries are included
+include("config.php");
+
+# the user must be logged in to access this script. if they are
+# not then this function will send them back to the index page
+loginRequired();
+
+# action will be showFoods when the user wants to edit a particular
+# food or view a list and select which one to edit
+if ( isset($_GET['action']) && ($_GET['action'] == "showFoods") ) {
+
+	# if the user wanted to see a specific food, then pass it to the
+	# template so that it can be loaded automatically
+	if ( isset($_GET['food']) ) {
+		$smarty->assign("editFood", $_GET['food']);
+	}
+
+	$sql = sprintf ("
+		SELECT * FROM userFoods
+		WHERE user = '%s'
+		",
+		$_SESSION['user']['id']
+	);
+	$db->Select($sql);
+	if ( $db->_rowCount > 0 ) {
+		$smarty->assign("savedFoods", $db->_rows);
+	}
+	# grab the various parts.  these sections are not printed to the screen
+	# but rather dumped into smarty variables that will simply be printed
+	# in the template, so the order doesn't matter here at the moment
+	include("header.php");
+	include("sidebar_left.php");
+	include("sidebar_right.php");
+	include("footer.php");
+	$smarty->display("edit_food.tpl");
+	exit;
+
+}
+
+# don't let the user continue here if we don't have the id of
+# the saved food, or if this id isn't a number, or if an action
+# wasn't specified
+if ( ! isset($_POST['food']) ) {
+	$_SESSION['systemMsg'] = "<span class='msgError'>You must specify a food.</span>";
+	header("Location: {$config->_previousUri}");
+	exit;
+}
+if ( ! is_numeric($_POST['food']) ) {
+	$_SESSION['systemMsg'] = "<span class='msgError'>The food must be numeric.</span>";
+	header("Location: {$config->_previousUri}");
+	exit;
+}
+if (
+	! isset($_POST['action']) ||
+	(($_POST['action'] != "Delete") && ($_POST['action'] != "Rename") && ($_POST['action'] != "Modify") && ($_POST['action'] != "Edit"))
+) {
+	$_SESSION['systemMsg'] = "<span class='msgError'>You must specify an appropriate action.</span>";
+	header("Location: {$config->_previousUri}");
+	exit;
+}
+
+# the following should be relatively self-explanatory
+switch ( $_POST['action'] ) {
+	case "Delete":
+		$sql = sprintf ("
+			DELETE FROM userFoods
+			WHERE id = '%s'
+			",
+			$_POST['food']
+		);
+		$db->Modify($sql);
+		if ( $db->_affectedRows == 1 ) {
+			$_SESSION['systemMsg'] = "<span class='msgOkay'>The food was deleted successfully.</span>";
+		} else {
+			$_SESSION['systemMsg'] = "<span class='msgError'>There was an error. The food was not deleted.</span>";
+		}
+		break;
+	case "Rename":
+		if ( isset($_POST['newFoodName']) && ("" != trim($_POST['newFoodName'])) ) {
+			$sql = sprintf ("
+				UPDATE userFoods
+				SET description = '%s'
+				WHERE id = '%s'
+				",
+				$db->EscapeString($_POST['newFoodName']),
+				$_POST['food']
+			);
+			$db->Modify($sql);
+			if ( ! $db->_error ) {
+				$_SESSION['systemMsg'] = "<span class='msgOkay'>The food was renamed successfully.</span>";
+			} else {
+				$_SESSION['systemMsg'] = "<span class='msgError'>There was an error. The food was not renamed.</span>";
+			}
+		} else {
+			$_SESSION['systemMsg'] = "<span class='msgError'>The food was not renamed because the new name was empty.</span>";
+		}
+		break;
+	case "Edit":
+		header("Location: {$config->_rootUri}/edit_food.php?food={$_POST['food']}&action=showFoods");
+		exit;
+		break;
+	case "Modify":
+		if ( isset($_POST['foodDesc']) && ("" != trim($_POST['foodDesc'])) ) {
+			if ( isset($_POST['quantity']) && is_numeric(trim($_POST['quantity'])) ) {
+				$sql = sprintf ("
+					UPDATE userFoods SET
+						description = '%s',
+						quantity = '%s',
+						weight = '%s',
+						favorite = '%s'
+					WHERE id = '%s' AND user = '%s'
+					",
+					$db->EscapeString($_POST['foodDesc']),
+					$_POST['quantity'],
+					$_POST['weight'],
+					$favorite = isset($_POST['favorite']) ? "1" : "0",
+					$_POST['food'],
+					$_SESSION['user']['id']
+				);
+				$db->Modify($sql);
+				if ( ! $db->_error ) {
+					$_SESSION['systemMsg'] = "<span class='msgOkay'>The food was modified successfully.</span>";
+				} else {
+					$_SESSION['systemMsg'] = "<span class='msgError'>There was an error. The food was not renamed.</span>";
+				}
+			} else {
+				$_SESSION['systemMsg'] = "<span class='msgError'>The amount must be a number.</span>";
+			}
+		} else {
+			$_SESSION['systemMsg'] = "<span class='msgError'>The food was not saved because the new name was empty.</span>";
+		}
+		break;
+	default:
+		$_SESSION['systemMsg'] = "<span class='msgOkay'>Nothing was changed.</span>";
+}
+
+# now send the user back where they came from with a system message
+header("Location: {$config->_previousUri}");
+exit;
+
+?>
diff --git a/edit_meal.php b/edit_meal.php
new file mode 100644
index 0000000..af61122
--- /dev/null
+++ b/edit_meal.php
@@ -0,0 +1,204 @@
+<?php
+
+# include the main site config where various global variables
+# and libraries are included
+include("config.php");
+
+# the user must be logged in to access this script. if they are
+# not then this function will send them back to the index page
+loginRequired();
+
+# action will be showMeals when the user wants to edit a particular
+# food or view a list and select which one to edit
+if ( isset($_GET['action']) && ($_GET['action'] == "showMeals") ) {
+
+	# if the user wanted to see a specific meal, then pass it to the
+	# template so that it can be loaded automatically
+	if ( isset($_GET['meal']) ) {
+		$smarty->assign("editMeal", $_GET['meal']);
+	}
+
+	$sql = sprintf ("
+		SELECT * FROM userMeals
+		WHERE user = '%s'
+		",
+		$_SESSION['user']['id']
+	);
+	$db->Select($sql);
+	if ( $db->_rowCount > 0 ) {
+		$smarty->assign("savedMeals", $db->_rows);
+	}
+	# grab the various parts.  these sections are not printed to the screen
+	# but rather dumped into smarty variables that will simply be printed
+	# in the template, so the order doesn't matter here at the moment
+	include("header.php");
+	include("sidebar_left.php");
+	include("sidebar_right.php");
+	include("footer.php");
+	$smarty->display("edit_meal.tpl");
+	exit;
+
+}
+
+# don't let the user continue here if we don't have the id of
+# the saved meal, or if this id isn't a number, or if an action
+# wasn't specified
+if ( ! isset($_POST['meal']) ) {
+	$_SESSION['systemMsg'] = "<span class='msgError'>You must specify a meal ID.</span>";
+	header("Location: {$config->_previousUri}");
+	exit;
+}
+if ( ! is_numeric($_POST['meal']) ) {
+	$_SESSION['systemMsg'] = "<span class='msgError'>The meal ID must be numeric.</span>";
+	header("Location: {$config->_previousUri}");
+	exit;
+}
+if (
+	! isset($_POST['action']) ||
+	(($_POST['action'] != "Delete") && ($_POST['action'] != "Rename") && ($_POST['action'] != "Edit") && ($_POST['action'] != "Modify"))
+) {
+	$_SESSION['systemMsg'] = "<span class='msgError'>You must specify an appropriate action.</span>";
+	header("Location: {$config->_previousUri}");
+	exit;
+}
+
+switch ( $_POST['action'] ) {
+	case "Delete":
+		# set a status variable so that we can keep some minimal track
+		# on whether the query succeeded or not.  default will be true
+		$status = "true";
+
+		# working backward, first delete the meal items
+		$sql = sprintf ("
+			DELETE userMealItems.*, userMeals.*
+			FROM userMealItems INNER JOIN userMeals
+				ON userMealItems.meal = userMeals.id
+			INNER JOIN users
+				ON userMeals.user = users.id
+			WHERE users.id = '%s' AND userMealItems.meal = '%s'
+			",
+			$_SESSION['user']['id'],
+			$_POST['meal']
+		);
+		$db->Modify($sql);
+		if ( $db->_error ) {
+			$status = "false";
+		}
+
+		# now delete any instances of this meal in any of the users
+		# diaries
+		$sql = sprintf ("
+			DELETE userDiaryItems.*
+			FROM userDiaryItems INNER JOIN userDiaries
+				ON userDiaryItems.diary = userDiaries.id
+			INNER JOIN users
+				ON userDiaries.user = users.id
+			WHERE users.id = '%s' AND userDiaryItems.data like '%%meal=%s%%'
+				AND userDiaryItems.type = 'Meal'
+			",
+			$_SESSION['user']['id'],
+			$_POST['meal']
+		);
+		$db->Modify($sql);
+		if ( $db->_error ) {
+			$status = "false";
+		}
+
+		# let the user know the status
+		if ( $status == "true" ) {
+			$_SESSION['systemMsg'] = "<span class='msgOkay'>The meal was successfully removed.</span>";
+		} else {
+			$_SESSION['systemMsg'] = "<span class='msgError'>There was an error. The meal was not removed.</span>";
+		}
+		break;
+	case "Rename":
+		if ( isset($_POST['currentMealName']) && ("" != trim($_POST['currentMealName'])) ) {
+			$sql = sprintf ("
+				UPDATE userMeals SET
+					description = '%s'
+				WHERE id = '%s'
+				",
+				$db->EscapeString($_POST['currentMealName']),
+				$_POST['meal']
+			);
+			$db->Modify($sql);
+			if ( ! $db->_error ) {
+				$_SESSION['systemMsg'] = "<span class='msgOkay'>The meal was renamed successfully.</span>";
+			} else {
+				$_SESSION['systemMsg'] = "<span class='msgError'>There was an error. The meal was not renamed.</span>";
+			}
+		} else {
+			$_SESSION['systemMsg'] = "<span class='msgError'>The meal was not renamed because the name was empty.</span>";
+		}
+		break;
+	case "Edit":
+		# "Edit" is the action for displaying a form for editing
+		# let's implement the PRG (Post->Redirect-Get) method here so that
+		# users can use the back button freely without browser warnings
+		$queryString = "meal={$_POST['meal']}&action=showMeals";
+		header("Location: {$config->_rootUri}/$config->_thisScript?$queryString");
+		exit;
+		break;
+	case "Modify":
+		# "Modify" is the action for actually modifying the meal, while
+		# "Edit" above is for loading the meal into a form for editing
+
+		# start with a failing true status
+		$status = "true";
+
+		$sql = sprintf ("
+			UPDATE userMeals SET
+				description = '%s',
+				favorite = '%s'
+			WHERE id = '%s'
+			",
+			$db->EscapeString($_POST['mealDesc']),
+			$favorite = isset($_POST['favorite']) ? "1" : "0",
+			$_POST['meal']
+		);
+		$db->Modify($sql);
+		if ( $db->_error ) {
+			$status = "false";
+		}
+
+		# now breakout the mealItemKeys that we collected earlier in order
+		# to identify which POSTed fields to use to update which items
+		if ( $mealItemIds = explode(",",$_POST['mealItemIds']) ) {
+			foreach ( $mealItemIds as $mealItemId ) {
+				$sql = sprintf ("
+					UPDATE userMealItems SET
+						description = '%s',
+						quantity = '%s',
+						weight = '%s'
+					WHERE id = '%s'
+					",
+					$db->EscapeString($_POST["mealItemDesc-{$mealItemId}"]),
+					$_POST["mealItemQuantity-{$mealItemId}"],
+					$_POST["mealItemWeight-{$mealItemId}"],
+					$mealItemId
+				);
+				$db->Modify($sql);
+				if ( $db->_error ) {
+					$status = "false";
+				}
+			}
+		} else {
+			$status = "false";
+		}
+
+		# if there were any errors, let the user know
+		if ( $status == "false" ) {
+			$_SESSION['systemMsg'] = "<span class='msgError'>There were errors during the update.</span>";
+		} else {
+			$_SESSION['systemMsg'] = "<span class='msgOkay'>The meal was updated successfully.</span>";
+		}
+		break;
+	default:
+		$_SESSION['systemMsg'] = "<span class='msgOkay'>Nothing was changed.</span>";
+}
+
+# if we didn't already send the user somewhere, then
+# send the user back where they came from now
+header("Location: {$config->_previousUri}");
+
+?>
diff --git a/email.png b/email.png
new file mode 100644
index 0000000..7d9afe0
--- /dev/null
+++ b/email.png
diff --git a/faq.php b/faq.php
new file mode 100644
index 0000000..5bce2e0
--- /dev/null
+++ b/faq.php
@@ -0,0 +1,16 @@
+<?php 
+
+# include the main site config where various global variables
+# and libraries are included
+include("config.php");
+
+# grab the various parts
+include("header.php");
+include("sidebar_left.php");
+include("sidebar_right.php");
+include("footer.php");
+
+# display the page
+$smarty->display("faq.tpl");
+
+?>
diff --git a/food_quantity.php b/food_quantity.php
new file mode 100644
index 0000000..d86c6b3
--- /dev/null
+++ b/food_quantity.php
@@ -0,0 +1,70 @@
+<?php
+
+# include the main site config where various global variables
+# and libraries are included
+require("config.php");
+
+# if ndb_no wasn't passed to this script then just go to the
+# index page, as we can't do anything without it
+if ( isset($_REQUEST['food']) ) {
+	$food = $_REQUEST['food'];
+	$smarty->assign("food", $food);
+} else {
+	$_SESSION['systemMsg'] = "<span class='msgError'>You must specify a food.</span>";
+	header("Location: {$config->_rootUri}/");
+	exit;
+}
+
+# get the selected food and quantities from the database
+$sql = sprintf ("
+	SELECT foodDescs.sciname, %s AS foodDesc, weights.*
+	FROM foodDescs LEFT JOIN weights
+		ON foodDescs.ndb_no = weights.ndb_no
+	WHERE foodDescs.ndb_no = '%s'
+	",
+	$db->_dbConn->Concat("foodDescs.long_desc", "', '", "foodDescs.comname"),
+	$food
+);
+$db->Select($sql);
+# if for some reason the ndb_no doesn't exist, then drop them where they 
+# came from with an appropriate error message
+if ( $db->_rowCount > 0 ) {
+	$smarty->assign("foodQuantities", $db->_rows);
+} else {
+	$_SESSION['systemMsg'] = "<span class='msgError'>The food you specified doesn't seem to exist.</span>";
+	header("Location: {$config->_previousUri}");
+	exit;
+}
+
+# increment the counter for this food.  this counter could be used for all
+# sorts of things, for example it is the basis of the "sort by popularity" option.
+# the more people that select this item, the higher in the sort list it
+# will appear.
+incrementPopularityCounter($food, "foodDescs");
+
+# some data housekeeping
+for ( $idx = 0; $idx < count($db->_rows); $idx++ ) {
+	# the data from the USDA frequently has low order, unnecessary zeros to the
+	# right of the decimal.  here we strip off any superfluous zeros and/or
+	# decimal points
+	$db->_rows[$idx]['amount'] = trim($db->_rows[$idx]['amount'], ".0");
+
+	# trim any extra commas from the end of foodDesc, as may appear
+	# due to the concatenation of long_desc and comname with a comma
+	# where comname has no value, which it frequently doesnt'
+	$db->_rows[$idx]['foodDesc'] = trim($db->_rows[$idx]['foodDesc'], ", ");
+}
+
+$smarty->assign("foodQuantities", $db->_rows);
+
+# grab the various parts.  these sections are not printed to the screen
+# but rather dumped into smarty variables that will simply be printed
+# in the template, so the order doesn't matter here at the moment
+require("header.php");
+require("sidebar_left.php");
+require("sidebar_right.php");
+require("footer.php");
+
+$smarty->display("food_quantity.tpl");
+
+?>
diff --git a/food_search.php b/food_search.php
new file mode 100644
index 0000000..be5a8cc
--- /dev/null
+++ b/food_search.php
@@ -0,0 +1,282 @@
+<?php
+
+# include the main site config where various global variables
+# and libraries are included
+require("config.php");
+
+# don't go any farther if the user didn't enter any search string
+# as such a query could return thousands and thousands of records
+# and be more or less useless and a resource killer ... there is already
+# javascript validation on this field, but this is here as a safety net
+$searchString = trim($_REQUEST['searchString']);
+if ( empty($searchString) ) {
+	$_SESSION['systemMsg'] = "<span class='msgError'>Please enter at least one search word.</span>";
+	header("Location: {$config->_rootUri}/");
+	exit;
+}
+
+# let's implement the PRG (Post->Redirect->Get) method here so that
+# users can use the back button freely without browser warnings
+if ( isset($_POST['doSearch']) ) {
+	# build the query string
+	$searchString = trim($_POST['searchString']);
+	$queryString = "searchString=$searchString&searchType={$_POST['searchType']}&wordType={$_POST['wordType']}&foodCat={$_POST['foodCat']}&sortType={$_POST['sortType']}";
+
+	# redirect the browser to refetch this page with a GET method
+	header("Location: {$config->_rootUri}/{$config->_thisScript}?$queryString");
+	exit;
+}
+
+# we should be here with a GET now. make sure that each value is 
+# set, if not then send the user back to the index page.
+
+if (
+	(! isset($_GET['searchString'])) ||
+	(! isset($_GET['searchType'])) ||
+	(! isset($_GET['wordType'])) ||
+	(! isset($_GET['sortType'])) ||
+	(! isset($_GET['foodCat']))
+) {
+	$_SESSION['systemMsg'] = "<span class='msgError'>Some required fields were missing in your search.</span>";
+#	header("Location: {$config->_rootUri}/");
+	exit;
+}
+
+# trim search string of any whitespace
+$searchString = trim($_GET['searchString']);
+
+
+# assign the vars to the smarty template
+# these will simply be used to remind the user of how they searched
+$smarty->assign("searchString", $searchString);
+$smarty->assign("searchType", $_GET['searchType']);
+$smarty->assign("wordType", $_GET['wordType']);
+$smarty->assign("sortType", $_GET['sortType']);
+
+# initialize the WHERE and ORDER BY parts variables.
+# since the structure of the user saved meals and foods table is so diff. from the 
+# main data tables, we need to formulate a special where clause for these tables.
+$where = "";
+$userWhere = "";
+$orderby = "";
+
+# what type of search does the user want?
+if ( $_GET['searchType'] == "Exact Phrase" ) {
+	$where = " WHERE (long_desc = '$searchString' OR comname = '$searchString') ";
+	$userWhere = " WHERE description = '$searchString' ";
+} else {
+	# if user selected 'Any Words' or 'All Words' then break up the
+	# search string into an array, then count the array so we know 
+	# how many search strings we are dealing with then go ahead and
+	# add the first where argument
+	$searchStrings = preg_split("/\s+/",$searchString);
+	$stringsCount = count($searchStrings);
+	$where = " WHERE (long_desc LIKE '%{$searchStrings[0]}%' OR comname LIKE '%{$searchStrings[0]}%') ";
+	$userWhere = " WHERE description LIKE '%{$searchStrings[0]}%' ";
+	if ( $_GET['searchType'] == "All Words" ) {
+		$logicalOp = "AND";
+	} else {
+		$logicalOp = "OR";
+	}
+	# append as many additional args to the where clause as there
+	# are items in array joined with our logical operator
+	for ( $idx = 1; $idx < $stringsCount; $idx++ ) {
+		$where .= " $logicalOp (long_desc LIKE '%{$searchStrings[$idx]}%' OR comname LIKE '%{$searchStrings[$idx]}%') ";
+		$userWhere .= " $logicalOp description LIKE '%{$searchStrings[$idx]}%' ";
+	}
+}
+
+# if the user selected a category, add it here
+if ( $_GET['foodCat'] != "All" ) {
+	$where .= " AND foodCats.fdgrp_cd = '{$_GET['foodCat']}' ";
+	# get food category name
+	$smarty->assign("foodCatName", getFoodCategoryName($_GET['foodCat']));
+} else {
+	$smarty->assign("foodCatName", "All");
+}
+
+# build the ORDER BY part
+if ( $_GET['sortType'] == "Food Description" ) {
+	$orderby = " ORDER BY foodDesc ";
+} elseif ( $_GET['sortType'] == "Category" ) {
+	$orderby = " ORDER BY fdgrp_desc, foodDesc ";
+} elseif ( $_GET['sortType'] == "Popularity" ) {
+	$orderby = " ORDER BY popularity DESC, foodDesc ";
+}
+
+# build the main query
+$sql = sprintf ("
+	SELECT foodDescs.ndb_no, foodDescs.popularity AS popularity, %s AS foodDesc,
+		foodCats.fdgrp_cd, foodCats.fdgrp_desc 
+	FROM foodDescs LEFT JOIN foodCats
+		ON foodDescs.fdgrp_cd = foodCats.fdgrp_cd
+	%s
+	",
+	$db->_dbConn->Concat("foodDescs.long_desc", "', '", "foodDescs.comname"),
+	$where
+);
+
+# now append another select statement that we will UNION to the previous. this one
+# is looking for user saved foods and meals, and contains a UNION itself.
+# most of the fields are just place holders with special values that will allow
+# a script to later identify these as user foods and meals.  ndb_nos 00001 and 00002
+# are totally arbitrary and could be anything that doesn't already exist in the
+# database, but these numbers shouldn't be changed without also changing the 
+# code in food_search.php that is looking for these specific numbers.  for the 
+# userFood we will embed the ndb_no, weight and quantity into a suitable query
+# string so that the smarty template can just plug it into the page instead of
+# having to parse it
+$sql .= sprintf ("
+	UNION
+	SELECT %s AS ndb_no, userFoods.popularity AS popularity, description AS foodDesc,
+		'userFood' AS fdgrp_cd, 'User saved foods' AS fdgrp_desc
+	FROM userFoods
+	%s
+	UNION
+	SELECT id AS ndb_no, userMeals.popularity AS popularity, description AS foodDesc,
+		'userMeal' AS fdgrp_cd, 'User saved meals' AS fdgrp_desc
+	FROM userMeals
+	%s
+	",
+	$db->_dbConn->Concat("'food='", "userFoods.food", "'&weight='", "userFoods.weight", "'&quantity='", "userFoods.quantity", "'&userFoodsId='", "userFoods.id"),
+	$userWhere,
+	$userWhere
+);
+
+# the ORDER BY statement must be appended to the total UNION statement last
+# because you can't have order by statements in each part of a statement
+# that includes UNIONs, at least not in MySQL.
+$sql .= $orderby;
+
+# a count-only statement identical to the sql above that will 
+# give the pagination function all it needs without potentially
+# and uselessly fetching a massive record set only to get the
+# row count
+$paginationSql = sprintf ("
+	SELECT
+		(SELECT count(*)
+		FROM foodDescs LEFT JOIN foodCats
+			ON foodDescs.fdgrp_cd = foodCats.fdgrp_cd
+		%s)
+	+
+		(SELECT count(*) FROM userFoods %s)
+	+
+		(SELECT count(*) FROM userFoods %s)
+	AS rowCount
+	",
+	$where,
+	$userWhere,
+	$userWhere
+);
+
+# pass the sql to the paginator, the return value should be the
+# pagination navigation bar. if there is already
+# a page number submitted, then strip it off first and let
+# the function add the new one
+$page = (isset($_GET['page'])) ? "{$_GET['page']}" : "1";
+if ( preg_match("/^(.+?)&?page=\d+$/", $_SERVER['QUERY_STRING'], $queryString) ) {
+	$uri = "{$config->_rootUri}/{$config->_thisScript}?{$queryString[1]}";
+} else {
+	$uri = "{$config->_rootUri}/" . basename($_SERVER['REQUEST_URI']);
+}
+
+$pageOffset = (($page * $config->_recordsPerPage) - $config->_recordsPerPage);
+
+# start with a blank pageNav
+$pageNav = getPagination($page, $pageOffset, $uri, $paginationSql);
+
+# pageNav was passed by reference to the function so should be
+# suitably modified
+$smarty->assign("pageNav", $pageNav);
+
+# select a limited rowset
+$db->SelectLimit($sql, $config->_recordsPerPage, $pageOffset);
+
+# if there are query results then proceed.  the query above already picks
+# out foods that have at least one partial word match, perhaps more.
+# therefore below we really only need to weed out records based on whether
+# the user select "Full Word" or "Partial Word" match.  if the user selected
+# to sort by category then the records will be grouped in the array
+# $searchResults with an array index which is equivalent to the food's
+# category id.  when displaying the results to the user this will allow us
+# to break the results out grouped in categories, otherwise we just dump
+# all the search results into a single array and will not display the
+# results grouped by category
+if ( $db->_rowCount > 0 ) {
+	$idx = 0; # an index for each array element in the returned results
+	# act on result set of above query based on whether user selected
+	# 'Full Word' or 'Partial Word' 
+	foreach ( $db->_rows as $row ) {
+
+		# trim any extra commas from the end of foodDesc, as may appear
+		# due to the concatenation of long_desc and comname with a comma
+		# where comname has no value, which it frequently doesnt'
+		$row['foodDesc'] = trim($row['foodDesc'], ", ");
+
+		# tracks how many, if any, search string words match words from
+		# concatenated query field 'foodDesc' 
+		$matchCount = 0;
+		if ( $_GET['wordType'] == "Full Word" ) {
+			# dump each individual word of the field 'foodDesc' into an array
+			$words = preg_split("/\W+/", $row['foodDesc']);
+			# start a foreach loop on individual strings from users search string
+			foreach ( $searchStrings as $searchString ) {
+				# start a foreach loop on individual words found in field
+				# 'foodDesc' from query
+				foreach ($words as $word) {
+					if ( strcasecmp($searchString, $word) == 0 ) { 
+	 					# if there is a match then increment our counter variable by 1
+						$matchCount++;
+					}
+				}
+			}
+
+			# if the search type was 'Any Words', then if only 1 of the search
+			# string words matched a word from the field 'foodDesc' we have a
+			# match and should add the record, else if the search type was
+			# 'All Words' and all of the search string words matched then add
+			# the record, else don't add anything. 
+			if (
+				(($_GET['searchType'] == "Any Words") && ($matchCount > 0)) ||
+				(($_GET['searchType'] == "All Words") && ($matchCount == count($searchStrings)))
+			) {
+				if ( $_GET['sortType'] == "Category" ) {
+					$searchResults[$row['fdgrp_cd']]['foodCatName'] = $row['fdgrp_desc'];
+					$searchResults[$row['fdgrp_cd']]['searchResults'][$idx]['ndb_no'] = $row['ndb_no'];
+					$searchResults[$row['fdgrp_cd']]['searchResults'][$idx]['foodDesc'] = $row['foodDesc'];
+				} else {
+					$searchResults[$idx]['food'] = $row['ndb_no'];
+					$searchResults[$idx]['category'] = $row['fdgrp_cd'];
+					$searchResults[$idx]['description'] = $row['foodDesc'];
+				}
+			}
+		} else {
+			# the search type must have been "Partial Word" so just add the row
+			if ( $_GET['sortType'] == "Category" ) {
+				$searchResults[$row['fdgrp_cd']]['foodCatName'] = $row['fdgrp_desc'];
+				$searchResults[$row['fdgrp_cd']]['searchResults'][$idx]['food'] = $row['ndb_no'];
+				$searchResults[$row['fdgrp_cd']]['searchResults'][$idx]['foodDesc'] = $row['foodDesc'];
+			} else {
+				$searchResults[$idx]['food'] = $row['ndb_no'];
+				$searchResults[$idx]['category'] = $row['fdgrp_cd'];
+				$searchResults[$idx]['foodDesc'] = $row['foodDesc'];
+			}
+		}
+		$idx++;
+	}
+	if ( isset($searchResults) ) {
+		$smarty->assign("searchResults", $searchResults);
+	}
+}
+
+# grab the various parts.  these sections are not printed to the screen
+# but rather dumped into smarty variables that will simply be printed
+# in the template, so the order doesn't matter here at the moment
+require("header.php");
+require("sidebar_left.php");
+require("sidebar_right.php");
+require("footer.php");
+
+$smarty->display("food_search.tpl");
+
+?>
diff --git a/footer.php b/footer.php
new file mode 100644
index 0000000..fba4055
--- /dev/null
+++ b/footer.php
@@ -0,0 +1,6 @@
+<?php
+
+# grab the page 
+$smarty->assign("footer", $smarty->fetch("footer.tpl"));
+
+?>
diff --git a/guide.php b/guide.php
new file mode 100644
index 0000000..6909081
--- /dev/null
+++ b/guide.php
@@ -0,0 +1,16 @@
+<?php 
+
+# include the main site config where various global variables
+# and libraries are included
+include("config.php");
+
+# grab the various parts
+include("header.php");
+include("sidebar_left.php");
+include("sidebar_right.php");
+include("footer.php");
+
+# display the page
+$smarty->display("guide.tpl");
+
+?>
diff --git a/header.php b/header.php
new file mode 100644
index 0000000..8219f04
--- /dev/null
+++ b/header.php
@@ -0,0 +1,36 @@
+<?php
+
+# this file allows us to change any info inside the
+# <head> tags for any given file, while still using
+# a common header file
+include("meta.php");
+$smarty->assign("myHeaders", $myHeaders);
+
+# if logged in show logout, if not, show login fields. this
+# variable will also be used as a convenient way for the
+# templates to identify if a user is logged in or not and to
+# show or not show certain things
+if ( isLoggedIn() ) {
+	$smarty->assign("isLoggedIn", true);
+
+	# get any saved foods the user may have
+	$smarty->assign("favFoods", getFavoriteFoods($_SESSION['user']['id']));
+
+	# get any saved meals the user may have
+	$smarty->assign("favMeals", getFavoriteMeals($_SESSION['user']['id']));
+
+	# get any saved diaries the user may have
+	$smarty->assign("userDiaries", getUserDiaries($_SESSION['user']['id']));
+
+}
+
+# print any system message that may exist and then clear the variable
+if ( ! empty($_SESSION['systemMsg']) ) {
+	$smarty->assign("systemMsg", $_SESSION['systemMsg']);
+	unset($_SESSION['systemMsg']);
+}
+
+# grab the header
+$smarty->assign("header", $smarty->fetch("header.tpl"));
+
+?>
diff --git a/images/apple_small.jpg b/images/apple_small.jpg
new file mode 100644
index 0000000..382a305
--- /dev/null
+++ b/images/apple_small.jpg
diff --git a/images/calendar.jpg b/images/calendar.jpg
new file mode 100644
index 0000000..7856892
--- /dev/null
+++ b/images/calendar.jpg
diff --git a/images/edit.png b/images/edit.png
new file mode 100644
index 0000000..ae56598
--- /dev/null
+++ b/images/edit.png
diff --git a/images/grey_mouse_lemur.jpg b/images/grey_mouse_lemur.jpg
new file mode 100644
index 0000000..15cca35
--- /dev/null
+++ b/images/grey_mouse_lemur.jpg
diff --git a/images/grey_mouse_lemur.png b/images/grey_mouse_lemur.png
new file mode 100644
index 0000000..6188245
--- /dev/null
+++ b/images/grey_mouse_lemur.png
diff --git a/images/grey_mouse_lemur_trans.png b/images/grey_mouse_lemur_trans.png
new file mode 100644
index 0000000..9e61ba0
--- /dev/null
+++ b/images/grey_mouse_lemur_trans.png
diff --git a/images/mysqlpower.png b/images/mysqlpower.png
new file mode 100644
index 0000000..3317d6c
--- /dev/null
+++ b/images/mysqlpower.png
diff --git a/images/remove-record.png b/images/remove-record.png
new file mode 100644
index 0000000..2422d4a
--- /dev/null
+++ b/images/remove-record.png
diff --git a/images/remove.png b/images/remove.png
new file mode 100644
index 0000000..74320b2
--- /dev/null
+++ b/images/remove.png
diff --git a/images/tooltip.gif b/images/tooltip.gif
new file mode 100644
index 0000000..6ea0294
--- /dev/null
+++ b/images/tooltip.gif
diff --git a/images/tooltip.png b/images/tooltip.png
new file mode 100644
index 0000000..9a396ee
--- /dev/null
+++ b/images/tooltip.png
diff --git a/index.php b/index.php
new file mode 100644
index 0000000..0f78903
--- /dev/null
+++ b/index.php
@@ -0,0 +1,68 @@
+<?php
+
+# include the main site config where various global variables
+# and libraries are included
+include("config.php");
+
+$sql = "
+	SELECT * FROM foodCats
+	ORDER BY fdgrp_desc
+";
+$db->Select($sql);
+# add the "All" category to the beginning of categories
+array_unshift($db->_rows, array("fdgrp_cd" => "All", "fdgrp_desc" => "All categories"));
+$smarty->assign("foodCats", $db->_rows);
+
+# if some of the form field were submitted via a GET then load them
+# up on the form, else use some defaults
+if ( isset($_GET['searchString']) ) {
+	$smarty->assign("currentSearchString", $_GET['searchString']);
+} else {
+	$smarty->assign("currentSearchString", "");
+}
+if ( isset($_GET['searchType']) ) {
+	$smarty->assign("currentSearchType", $_GET['searchType']);
+} else {
+	$smarty->assign("currentSearchType", "All Words");
+}
+if ( isset($_GET['wordType']) ) {
+	$smarty->assign("currentWordType", $_GET['wordType']);
+} else {
+	$smarty->assign("currentWordType", "Partial Word");
+}
+if ( isset($_GET['foodCat']) ) {
+	$smarty->assign("currentFoodCat", $_GET['foodCat']);
+} else {
+	$smarty->assign("currentFoodCat", "All");
+}
+if ( isset($_GET['sortType']) ) {
+	$smarty->assign("currentSortType", $_GET['sortType']);
+} else {
+	$smarty->assign("currentSortType", "Category");
+}
+
+# search types, and word types
+$smarty->assign("searchTypes", array("All Words", "Any Word", "Exact Phrase"));
+$smarty->assign("wordTypes", array("Partial Word", "Full Word"));
+$smarty->assign("sortTypes", array("Category", "Food Description", "Popularity"));
+
+
+$sql = "
+	SELECT nutr_no, nutrdesc FROM nutrientDefs
+	ORDER BY nutrdesc 
+";
+$db->Select($sql);
+$smarty->assign("nutrientList", $db->_rows);
+
+
+# grab the various parts.  these sections are not printed to the screen
+# but rather dumped into smarty variables that will simply be printed
+# in the template, so the order doesn't matter here at the moment
+include("header.php");
+include("sidebar_left.php");
+include("sidebar_right.php");
+include("footer.php");
+
+$smarty->display("index.tpl");
+
+?>
diff --git a/js/common.js b/js/common.js
new file mode 100644
index 0000000..de2dde2
--- /dev/null
+++ b/js/common.js
@@ -0,0 +1,55 @@
+function validateNotEmpty(fields) {
+
+	var myFields = new Array();
+	myFields = fields.split(",");
+
+	for ( idx = 0; idx < myFields.length; idx++ ) {
+		var myField = getElement(myFields[idx]);
+		/*
+		change the bgcolor back to white just in case the this field
+		was already colored and the user has since filled it in.
+		*/
+		myField.style.backgroundColor = "#ffffff";
+		if ( empty(myField.value) ) {
+			alert("Please fill in required field - highlighted in red.");
+			myField.style.backgroundColor = "#efb5b5";
+			myField.focus();
+			return false;
+		}
+	}
+
+}
+
+function empty(field) {
+
+	field = trim(field);
+	if ( field ) {
+		return false;
+	} else {
+		return true;
+	}
+
+}
+
+function trim(string) {
+	string = string.replace(/^\s+/, '');
+	string = string.replace(/\s+$/, '');
+	return string;
+}
+
+function getElement(elemid) {
+
+		/* the former for Firefox and crew, the latter for IE */
+        return (document.getElementById) ? document.getElementById(elemid) : document.all[elemid];
+
+}
+
+function submitForm(formid) {
+
+	var myForm = getElement(formid);
+
+	myForm.submit();
+
+	return true;
+
+}
diff --git a/js/jscalendar/ChangeLog b/js/jscalendar/ChangeLog
new file mode 100644
index 0000000..712f773
--- /dev/null
+++ b/js/jscalendar/ChangeLog
@@ -0,0 +1,761 @@
+2005-03-07  Mihai Bazon  <mihai_bazon@yahoo.com>
+
+	* skins/aqua/theme.css: *** empty log message ***
+
+	* release-notes.html: updated release notes
+
+	* calendar-setup.js:
+	use a better approach to initialize the calendar--don't call _init twice,
+	it's the most time consuming function in the calendar.  Instead, determine
+	the date beforehand if possible and pass it to the calendar at constructor.
+
+	* calendar.js:
+	avoid keyboard operation when 'multiple dates' is set (very buggy for now)
+
+	* calendar.js:
+	fixed keyboard handling problems: now it works fine when "showsOtherMonths"
+	is passed; it also seems to be fine with disabled dates (won't normally
+	allow selection)--however this area is still likely to be buggy, i.e. in a
+	month that has all the dates disabled.
+
+	* calendar.js:
+	some trivial performance improvements in the _init function
+	Added Date.parseDate (old Calendar.prototype.parseDate now calls this one)
+
+2005-03-05  Mihai Bazon  <mihai_bazon@yahoo.com>
+
+	* release-notes.html: updated release notes
+
+	* dayinfo.html: *** empty log message ***
+
+	* calendar-setup.js:
+	bugfix--update an inputField even if flat calendar is selected
+
+	* calendar.js:
+	fixed bugs in parseDate function (if for some reason the input string is
+	totally broken, then check numbers for NaN and use values from the current
+	date instead)
+
+	* make-release.pl: copy the skins subdirectory and all skins
+
+	* index.html: added Aqua skin
+
+	* skins/aqua/active-bg.gif, skins/aqua/dark-bg.gif, skins/aqua/hover-bg.gif, skins/aqua/menuarrow.gif, skins/aqua/normal-bg.gif, skins/aqua/rowhover-bg.gif, skins/aqua/status-bg.gif, skins/aqua/theme.css, skins/aqua/title-bg.gif, skins/aqua/today-bg.gif:
+	in the future, skins will go to this directory, each in a separate subdir; for now there's only Aqua, an excellent new skin
+
+	* calendar.js: workaround IE bug, needed in the Aqua theme
+	don't hide select elements unless browser is IE or Opera
+
+	* lang/calendar-bg.js, lang/calendar-big5-utf8.js, lang/calendar-big5.js, lang/calendar-br.js, lang/calendar-ca.js, lang/calendar-cs-utf8.js, lang/calendar-cs-win.js, lang/calendar-da.js, lang/calendar-de.js, lang/calendar-el.js, lang/calendar-en.js, lang/calendar-es.js, lang/calendar-fi.js, lang/calendar-fr.js, lang/calendar-he-utf8.js, lang/calendar-hu.js, lang/calendar-it.js, lang/calendar-ko-utf8.js, lang/calendar-ko.js, lang/calendar-lt-utf8.js, lang/calendar-lt.js, lang/calendar-lv.js, lang/calendar-nl.js, lang/calendar-no.js, lang/calendar-pl-utf8.js, lang/calendar-pl.js, lang/calendar-pt.js, lang/calendar-ro.js, lang/calendar-ru.js, lang/calendar-ru_win_.js, lang/calendar-si.js, lang/calendar-sk.js, lang/calendar-sp.js, lang/calendar-sv.js, lang/calendar-zh.js, lang/cn_utf8.js:
+	updated urls, copyright notices
+
+	* doc/reference.tex: updated documentation
+
+	* calendar.js, index.html:
+	renamed the global variable to _dynarch_popupCalendar to avoid name clashes
+
+	* multiple-dates.html: start with an empty array
+
+	* calendar.js:
+	fixed bugs in the time selector (12:XX pm was wrongfully understood as 12:XX am)
+
+	* calendar.js:
+	using innerHTML instead of text nodes; works better in Safari and also makes
+	a smaller, cleaner code
+
+2005-03-04  Mihai Bazon  <mihai_bazon@yahoo.com>
+
+	* calendar.js:
+	fixed a performance regression that occurred after adding support for multiple dates
+	fixed the time selection bug (now it keeps time correctly)
+	clicking today will close the calendar if "today" is already selected
+
+	* lang/cn_utf8.js: new translation
+
+2005-02-17  Mihai Bazon  <mihai_bazon@yahoo.com>
+
+	* lang/calendar-ar-utf8.zip: Added arabic translation
+
+2004-10-19  Mihai Bazon  <mihai_bazon@yahoo.com>
+
+	* lang/calendar-zh.js: updated
+
+2004-09-20  Mihai Bazon  <mihai_bazon@yahoo.com>
+
+	* lang/calendar-no.js: updated (Daniel Holmen)
+
+2004-09-20  Mihai Bazon  <mihai_bazon@yahoo.com>
+
+	* lang/calendar-no.js: updated (Daniel Holmen)
+
+2004-08-11  Mihai Bazon  <mihai_bazon@yahoo.com>
+
+	* lang/calendar-nl.js: updated language file (thanks to Arjen Duursma)
+
+	* lang/calendar-sp.js: updated (thanks to Rafael Velasco)
+
+2004-07-21  Mihai Bazon  <mihai_bazon@yahoo.com>
+
+	* lang/calendar-br.js: updated
+
+	* calendar-setup.js: fixed bug (dateText)
+
+2004-07-21  Mihai Bazon  <mihai_bazon@yahoo.com>
+
+	* lang/calendar-br.js: updated
+
+	* calendar-setup.js: fixed bug (dateText)
+
+2004-07-04  Mihai Bazon  <mihai_bazon@yahoo.com>
+
+	* lang/calendar-lv.js:
+	added LV translation (thanks to Juris Valdovskis)
+
+2004-06-25  Mihai Bazon  <mihai_bazon@yahoo.com>
+
+	* calendar.js:
+	fixed bug in IE (el.calendar.tooltips is null or not an object)
+
+2004-06-24  Mihai Bazon  <mihai_bazon@yahoo.com>
+
+	* doc/reference.tex: fixed latex compilation
+
+	* index.html: linking other sample files
+
+	* calendar-setup.js, calendar.js, dayinfo.html:
+	ability to display day info (dateText parameter) + sample file
+
+2004-06-23  Mihai Bazon  <mihai_bazon@yahoo.com>
+
+	* doc/reference.tex, lang/calendar-bg.js, lang/calendar-br.js, lang/calendar-ca.js, lang/calendar-en.js, lang/calendar-es.js, lang/calendar-fr.js, lang/calendar-it.js, lang/calendar-ko-utf8.js, lang/calendar-ko.js, lang/calendar-nl.js, lang/calendar-sv.js, README, calendar.js, index.html:
+	email address changed
+
+2004-06-14  Mihai Bazon  <mihai_bazon@yahoo.com>
+
+	* lang/calendar-cs-utf8.js, lang/calendar-cs-win.js:
+	updated translations
+
+	* calendar-system.css: added z-index to drop downs
+
+	* lang/calendar-en.js:
+	first day of week can now be part of the language file
+
+	* lang/calendar-es.js:
+	updated language file (thanks to Servilio Afre Puentes)
+
+	* calendar-blue2.css, calendar-brown.css, calendar-green.css, calendar-tas.css, calendar-win2k-1.css, calendar-win2k-2.css, calendar-win2k-cold-1.css, calendar-win2k-cold-2.css, calendar-blue.css:
+	added z-index property to drop downs (fixes bug)
+
+2004-06-13  Mihai Bazon  <mihai_bazon@yahoo.com>
+
+	* calendar-setup.js: fixed bug (apply showOthers to flat calendars too)
+
+2004-06-06  Mihai Bazon  <mihai_bazon@yahoo.com>
+
+	* calendar-setup.js:
+	firstDay defaults to "null", in which case the value in the language file
+	will be used
+
+	* calendar.js:
+	firstDayOfWeek can now default to a value specified in the language definition file
+
+	* index.html: first day of week is now numeric
+
+2004-06-02  Mihai Bazon  <mihai_bazon@yahoo.com>
+
+	* calendar.js: added date tooltip function
+
+2004-05-28  Mihai Bazon  <mihai_bazon@yahoo.com>
+
+	* lang/calendar-br.js: updated (thanks to Marcos Pont)
+
+	* calendar-setup.js: fixed small bug
+
+2004-05-01  Mihai Bazon  <mihai_bazon@yahoo.com>
+
+	* calendar-setup.js: returns the calendar object
+
+2004-04-28  Mihai Bazon  <mihai_bazon@yahoo.com>
+
+	* calendar-setup.js:
+	patch to read the date value from the inputField, according to ifFormat (if
+	both are passed), for flat calendars.  (thanks Colin T. Hill)
+
+2004-04-20  Mihai Bazon  <mihai_bazon@yahoo.com>
+
+	* calendar-setup.js, calendar.js, multiple-dates.html:
+	added support for multiple dates selection
+
+	* lang/calendar-nl.js:
+	updated Dutch translation, thanks to Jeroen Wolsink
+
+	* lang/calendar-big5-utf8.js, lang/calendar-big5.js:
+	Traditional Chinese language (thanks GaryFu)
+
+2004-03-26  Mihai Bazon  <mihai_bazon@yahoo.com>
+
+	* lang/calendar-fr.js, lang/calendar-pt.js: updated
+
+	* lang/calendar-ru_win_.js, lang/calendar-ru.js:
+	updated, thanks to Sly Golovanov
+
+2004-03-25  Mihai Bazon  <mihai_bazon@yahoo.com>
+
+	* lang/calendar-fr.js: updated (thanks to David Duret)
+
+2004-03-24  Mihai Bazon  <mihai_bazon@yahoo.com>
+
+	* lang/calendar-da.js: updated (thanks to Michael Thingmand Henriksen)
+
+2004-03-21  Mihai Bazon  <mihai_bazon@yahoo.com>
+
+	* lang/calendar-ca.js: updated (thanks to David Valls)
+
+2004-03-17  Mihai Bazon  <mihai_bazon@yahoo.com>
+
+	* lang/calendar-de.js: updated to UTF8 (thanks to Jack (tR))
+
+2004-03-09  Mihai Bazon  <mihai_bazon@yahoo.com>
+
+	* lang/calendar-bg.js: Bulgarian translation
+
+2004-03-08  Mihai Bazon  <mihai_bazon@yahoo.com>
+
+	* lang/calendar-he-utf8.js: Hebrew translation (thanks to Idan Sofer)
+
+	* lang/calendar-hu.js: updated (thanks to Istvan Karaszi)
+
+2004-02-27  Mihai Bazon  <mihai_bazon@yahoo.com>
+
+	* lang/calendar-it.js: updated (thanks to Fabio Di Bernardini)
+
+2004-02-25  Mihai Bazon  <mihai_bazon@yahoo.com>
+
+	* calendar.js: fix for Safari (thanks to Olivier Chirouze / XPWeb)
+
+2004-02-22  Mihai Bazon  <mihai_bazon@yahoo.com>
+
+	* lang/calendar-al.js: Albanian language file
+
+2004-02-17  Mihai Bazon  <mihai_bazon@yahoo.com>
+
+	* lang/calendar-fr.js: fixed
+
+	* lang/calendar-fr.js:
+	FR translation updated (thanks to SIMON Alexandre)
+
+	* lang/calendar-es.js: ES translation updated, thanks to David Gonzales
+
+2004-02-10  Mihai Bazon  <mihai_bazon@yahoo.com>
+
+	* lang/calendar-pt.js:
+	updated Portugese translation, thanks to Elcio Ferreira
+
+2004-02-09  Mihai Bazon  <mihai_bazon@yahoo.com>
+
+	* TODO: updated
+
+2004-02-06  Mihai Bazon  <mihai_bazon@yahoo.com>
+
+	* README: describe the PHP files
+
+	* make-release.pl: includes php files
+
+	* make-release.pl: ChangeLog included in the distribution (if found)
+
+	* calendar.js, doc/reference.tex, index.html: switched to version 0.9.6
+
+	* doc/Calendar.setup.tex, doc/reference.tex: updated documentation
+
+	* release-notes.html: updated release notes
+
+	* calendar.js: Fixed bug: Feb/29 and year change now keeps Feb in view
+
+	* calendar.js: fixed the "ESC" problem (call the close handler)
+
+	* calendar.js: fixed day of year range (1 to 366 instead of 0 to 365)
+
+	* calendar.js: fixed week number calculations
+
+	* doc/reference.tex: fixed (date input format)
+
+	* calendar.php: removed comment
+
+	* calendar-blue.css, calendar-blue2.css, calendar-brown.css, calendar-green.css, calendar-system.css, calendar-tas.css, calendar-win2k-1.css, calendar-win2k-2.css, calendar-win2k-cold-1.css, calendar-win2k-cold-2.css, calendar.js:
+	workaround for IE bug (you can't normally specify through CSS the style for
+	an element having two classes or more; we had to change a classname)
+
+	* calendar-blue.css, calendar-blue2.css, calendar-brown.css, calendar-green.css, calendar-system.css, calendar-tas.css, calendar-win2k-1.css, calendar-win2k-2.css, calendar-win2k-cold-1.css, calendar-win2k-cold-2.css:
+	smaller fonts on days that are in neighbor months
+
+2004-02-04  Mihai Bazon  <mihai_bazon@yahoo.com>
+
+	* index.html: first demo shows the "showOtherMonths" capability
+
+	* calendar-setup.js: support new parameters in the calendar.
+	added: firstDay, showOthers, cache.
+
+	* calendar-blue.css, calendar-blue2.css, calendar-brown.css, calendar-green.css, calendar-system.css, calendar-win2k-1.css, calendar-win2k-2.css, calendar-win2k-cold-1.css, calendar-win2k-cold-2.css, calendar.js, lang/calendar-en.js, lang/calendar-ro.js:
+	new parameters: firstDayOfWeek, showsOtherMonths; removed mondayFirst.
+	This adds support for setting any day to be the first day of week (by just
+	clicking the day name in the display); also, if showsOtherMonths is enabled
+	then dates belonging to adjacent months that are in the current view will be
+	displayed and the calendar will have a fixed height.
+
+	all themes updated.
+
+	* test.php: test for calendar.php
+
+	* calendar.php: fixed bug (pass numeric values as numbers)
+
+2004-02-01  Mihai Bazon  <mihai_bazon@yahoo.com>
+
+	* calendar.php: added PHP wrapper
+
+	* img.gif: icon updated
+
+	* TODO: updated TODO list
+
+2004-01-27  Mihai Bazon  <mihai_bazon@yahoo.com>
+
+	* calendar.js:
+	Janusz Piwowarski sent over a patch for IE5 compatibility which is much more
+	elegant than the atrocities that I had wrote :-D  I'm gettin' old..  Thanks Janusz!
+
+	* lang/calendar-fi.js: updated
+
+2004-01-15  Mihai Bazon  <mihai_bazon@yahoo.com>
+
+	* TODO: updated TODO list
+
+	* calendar-setup.js: default align changed to "Br"
+
+	* doc/reference.tex: changed default value for "align"
+
+	* calendar-setup.js: calling onchange event handler, if available
+
+	* calendar-setup.js: added "position" option
+
+	* simple-1.html: demonstrates "step" option
+
+	* calendar-setup.js: added "step" option
+
+	* calendar.js: added yearStep config parameter
+
+	* calendar.js:
+	fixed parseDate routine (the NaN bug which occurred when there was a space
+	after the date and no time)
+
+2004-01-14  Mihai Bazon  <mihai_bazon@yahoo.com>
+
+	* lang/calendar-en.js: added "Time:"
+
+	* test-position.html: test for the new position algorithm
+
+	* index.html: do not destroy() the calendar
+	avoid bug in parseDate (%p must be separated by non-word characters)
+
+	* menuarrow2.gif: for calendar-blue2.css
+
+	* calendar-setup.js: honor "date" parameter if passed
+
+	* calendar.js: IE5 support is back
+	performance improvements in IE6 (mouseover combo boxes)
+	display "Time:" beside the clock area, if defined in the language file
+	new positioning algorithm (try to keep the calendar in page)
+	rewrote parseDate a little cleaner
+
+	* lang/calendar-el.js:
+	updated Greek translation (thanks Alexandros Pappas)
+
+2004-01-13  Mihai Bazon  <mihai_bazon@yahoo.com>
+
+	* index.html: added style blue2, using utf-8 instead of iso-8859-2
+
+	* calendar.js: performance under IE (which sucks, by the way)
+
+	* doc/reference.tex: Sunny added to sponsor list
+
+	* doc/Calendar.setup.tex: documenting parameter 'electric'
+
+	* calendar-blue.css, calendar-blue2.css, calendar-brown.css, calendar-green.css, calendar-system.css, calendar-win2k-1.css, calendar-win2k-2.css, calendar-win2k-cold-1.css, calendar-win2k-cold-2.css:
+	fixed IE text size problems
+
+2004-01-08  Mihai Bazon  <mihai_bazon@yahoo.com>
+
+	* lang/calendar-pl.js:
+	Polish translation updated to UTF-8 (thanks to Artur Filipiak)
+
+2004-01-07  Mihai Bazon  <mihai_bazon@yahoo.com>
+
+	* lang/calendar-si.js: updated (David Milost)
+
+	* lang/calendar-si.js: Slovenian translation (thanks to David Milost)
+
+2003-12-21  Mihai Bazon  <mihai_bazon@yahoo.com>
+
+	* TODO: updated TODO list
+
+	* lang/calendar-de.js: German translation (thanks to Peter Strotmann)
+
+2003-12-19  Mihai Bazon  <mihai_bazon@yahoo.com>
+
+	* doc/reference.tex: Thank you, Ian Barrak
+
+2003-12-18  Mihai Bazon  <mihai_bazon@yahoo.com>
+
+	* doc/reference.tex: fixed documentation bug (thanks Mike)
+
+2003-12-05  Mihai Bazon  <mihai_bazon@yahoo.com>
+
+	* lang/calendar-ko-utf8.js:
+	UTF8 version of the Korean language (hopefully correct)
+
+	* lang/calendar-pl-utf8.js, lang/calendar-pl.js:
+	updated Polish translation (thanks to Janusz Piwowarski)
+
+2003-12-04  Mihai Bazon  <mihai_bazon@yahoo.com>
+
+	* lang/calendar-fr.js:
+	French translation updated (thanks to Angiras Rama)
+
+2003-11-22  Mihai Bazon  <mihai_bazon@yahoo.com>
+
+	* lang/calendar-da.js: updated (thanks to Jesper M. Christensen)
+
+2003-11-20  Mihai Bazon  <mihai_bazon@yahoo.com>
+
+	* calendar-blue2.css, calendar-tas.css:
+	new styles (thanks to Wendall Mosemann for blue2, Mark Lynch for tas)
+
+	* lang/calendar-lt-utf8.js, lang/calendar-lt.js:
+	Lithuanian translation (thanks to Martynas Majeris)
+
+	* lang/calendar-sp.js: updated
+
+2003-11-17  Mihai Bazon  <mihai_bazon@yahoo.com>
+
+	* TODO: added TODO list
+
+2003-11-14  Mihai Bazon  <mihai_bazon@yahoo.com>
+
+	* lang/calendar-ko.js: Korean translation (thanks to Yourim Yi)
+
+2003-11-12  Mihai Bazon  <mihai_bazon@yahoo.com>
+
+	* lang/calendar-jp.js: small bug fixed (thanks to TAHARA Yusei)
+
+2003-11-10  Mihai Bazon  <mihai_bazon@yahoo.com>
+
+	* lang/calendar-fr.js: translation updated, thanks to Florent Ramiere
+
+	* calendar-setup.js:
+	added new parameter: electric (if false then the field will not get updated on each move)
+
+	* index.html: fixed DOCTYPE
+
+2003-11-07  Mihai Bazon  <mihai_bazon@yahoo.com>
+
+	* calendar-setup.js:
+	fixed minor problem (maybe we're passing object reference instead of ID for
+	the flat calendar parent)
+
+2003-11-06  Mihai Bazon  <mihai_bazon@yahoo.com>
+
+	* lang/calendar-fi.js:
+	added Finnish translation (thanks to Antti Tuppurainen)
+
+2003-11-05  Mihai Bazon  <mihai_bazon@yahoo.com>
+
+	* release-notes.html: fixed typo
+
+	* doc/reference.tex, index.html, calendar.js: 0.9.5
+
+	* README: fixed license statement
+
+	* release-notes.html: updated release notes (0.9.5)
+
+2003-11-03  Mihai Bazon  <mihai_bazon@yahoo.com>
+
+	* lang/calendar-de.js:
+	updated German translation (thanks to Gerhard Neiner)
+
+	* calendar-setup.js: fixed license statement
+
+	* calendar.js: whitespace
+
+	* calendar.js: fixed license statement
+
+	* calendar.js:
+	fixed positioning problem when input field is inside scrolled divs
+
+2003-11-01  Mihai Bazon  <mihai_bazon@yahoo.com>
+
+	* lang/calendar-af.js: Afrikaan language (thanks to Derick Olivier)
+
+2003-10-31  Mihai Bazon  <mihai_bazon@yahoo.com>
+
+	* lang/calendar-it.js:
+	updated IT translation (thanks to Christian Blaser)
+
+	* lang/calendar-es.js: updated ES translation, thanks to Raul
+
+2003-10-30  Mihai Bazon  <mihai_bazon@yahoo.com>
+
+	* lang/calendar-hu.js: updated thanks to Istvan Karaszi
+
+	* index.html, simple-1.html, simple-2.html, simple-3.html:
+	switched to utf-8 all encodings
+
+	* lang/calendar-sk.js:
+	added Slovak translation (thanks to Peter Valach)
+
+	* lang/calendar-ro.js: switched to utf-8
+
+2003-10-29  Mihai Bazon  <mihai_bazon@yahoo.com>
+
+	* lang/calendar-es.js:
+	updated translation, thanks to Jose Ma. Martinez Miralles
+
+	* doc/reference.tex:
+	fixed the footnote problem (thanks Dominique de Waleffe for the tip)
+
+	* lang/calendar-ro.js: fixed typo
+
+	* lang/calendar-sv.js: oops, license should be LGPL
+
+	* lang/calendar-sw.js: new swedish translation is calendar-sv.js
+
+	* menuarrow.gif, menuarrow.png:
+	oops, forgot little drop-down menu arrows
+
+	* lang/calendar-sv.js: swedish translation thanks to Leonard Norrgard
+
+	* index.html: oops, some other minor changes
+
+	* index.html, release-notes.html:
+	latest changes in release-notes and index page for 0.9.4
+
+	* doc/reference.tex, calendar.js:
+	added %s date format (# of seconds since Epoch)
+
+	* calendar.js:
+	A click on TODAY will not close the calendar, even in single-click mode
+
+2003-10-28  Mihai Bazon  <mihai_bazon@yahoo.com>
+
+	* index.html: previous cal.html
+
+	* cal.html: moved to index.html
+
+	* README, cal.html, doc/reference.tex, lang/calendar-de.js, lang/calendar-en.js, lang/calendar-ro.js, release-notes.html:
+	LGPL license, forever.
+
+	* doc/Calendar.setup.tex, simple-1.html:
+	doc updated for the onUpdate parameter to Calendar.setup
+
+2003-10-26  Mihai Bazon  <mihai_bazon@yahoo.com>
+
+	* calendar.js: fixed bug (correct display of the dropdown menus)
+
+	* doc/Calendar.setup.tex, doc/reference.tex, lang/calendar-de.js, lang/calendar-en.js, lang/calendar-ro.js, README, cal.html, calendar-blue.css, calendar-brown.css, calendar-green.css, calendar-setup.js, calendar-system.css, calendar-win2k-1.css, calendar-win2k-2.css, calendar-win2k-cold-1.css, calendar-win2k-cold-2.css, calendar.js, release-notes.html, simple-1.html, simple-3.html:
+	lots of changes for the 0.9.4 release (see the release-notes.html)
+
+2003-10-15  Mihai Bazon  <mihai_bazon@yahoo.com>
+
+	* doc/reference.tex:
+	documentation updated for 0.9.4 (not yet finished though)
+
+2003-10-07  Mihai Bazon  <mihai_bazon@yahoo.com>
+
+	* calendar.js, doc/reference.tex, release-notes.html, README, cal.html, calendar-setup.js:
+	modified project website
+
+2003-10-06  Mihai Bazon  <mihai_bazon@yahoo.com>
+
+	* calendar-setup.js:
+	added some properties (onSelect, onClose, date) (thanks altblue)
+
+2003-09-24  Mihai Bazon  <mihai_bazon@yahoo.com>
+
+	* simple-3.html: dateIsSpecial does not need the "date" argument ;-)
+
+2003-09-24  fsoft  <fsoft@mishoo>
+
+	* calendar.js, simple-3.html:
+	added year, month, day to getDateStatus() function
+
+2003-09-24  Mihai Bazon  <mihai_bazon@yahoo.com>
+
+	* simple-3.html: example on how to use special dates
+
+	* calendar-setup.js, calendar.js, simple-1.html:
+	support for special dates (thanks fabio)
+
+2003-09-17  Mihai Bazon  <mihai_bazon@yahoo.com>
+
+	* doc/reference.tex: fixed error in section 3.
+
+2003-08-01  Mihai Bazon  <mihai_bazon@yahoo.com>
+
+	* lang/calendar-jp.js: added Japanese translation
+
+2003-07-16  Mihai Bazon  <mihai_bazon@yahoo.com>
+
+	* simple-1.html: fixed problem with first example [IE,Opera]
+
+2003-07-09  Mihai Bazon  <mihai_bazon@yahoo.com>
+
+	* doc/Calendar.setup.tex: fixed typo (closing parenthesis)
+
+	* lang/calendar-de.js:
+	added German translation, thanks to Hartwig Weinkauf
+
+2003-07-08  Mihai Bazon  <mihai_bazon@yahoo.com>
+
+	* cal.html: added link to release-notes
+
+	* release-notes.html: 0.9.3 release notes
+
+	* make-release.pl:
+	Script to create distribution archive.  It needs some additional packages:
+
+	  - LaTeX
+	  - tex2page
+	  - jscrunch (JS compressor)
+
+	* doc/html/makedoc.sh, doc/html/reference.css, doc/reference.tex, doc/makedoc.sh:
+	documentation updates...
+
+	* calendar.js: added semicolon to make the code "compressible"
+
+2003-07-06  Mihai Bazon  <mihai_bazon@yahoo.com>
+
+	* doc/reference.tex: spell checked
+
+	* doc/reference.tex: [minor] changed credits order
+
+	* doc/reference.tex: various improvements and additions
+
+	* doc/html/reference.css: minor eye-candy tweaks
+
+2003-07-05  Mihai Bazon  <mihai_bazon@yahoo.com>
+
+	* doc/html/Calendar.setup.html.tex, doc/html/makedoc.sh, doc/html/reference.css, doc/html/reference.t2p, doc/hyperref.cfg, doc/makedoc.sh, doc/reference.tex, doc/Calendar.setup.tex, doc/Calendar.setup.pdf.tex:
+	full documentation in LaTeX, for PDF and HTML formats
+
+	* simple-2.html:
+	added demonstration of flat calendar with Calendar.setup
+
+	* simple-1.html:
+	modified some links, added link to documentation, added demonstration of
+	disableFunc property
+
+	* calendar-setup.js: added the ability to create flat calendar too
+
+	* cal.html: added links to documentation and simple-[12].html pages
+
+	* README: up-to-date...
+
+	* calendar-setup.html: removed: the documentation is unified
+
+2003-07-03  Mihai Bazon  <mihai_bazon@yahoo.com>
+
+	* cal.html: some links to newly added files
+
+	* calendar-setup.html, calendar-setup.js, img.gif, simple-1.html:
+	added some files to simplify calendar creation for non-(JS)-programmers
+
+	* lang/calendar-zh.js: added simplified chinese (thanks ATang)
+
+2003-07-02  Mihai Bazon  <mihai_bazon@yahoo.com>
+
+	* calendar.js: * "yy"-related... [small fix]
+
+	* calendar.js:
+	* #721833 fixed (yy format will understand years prior to 29 as 20xx)
+
+	* calendar.js: * added refresh() function
+
+	* calendar.js: * fixed bug when in single click mode
+	* added alignment options to "showAtElement" member function
+
+2003-06-25  Mihai Bazon  <mihai_bazon@yahoo.com>
+
+	* lang/calendar-pt.js:
+	added portugese translation (thanks Nuno Barreto)
+
+2003-06-24  Mihai Bazon  <mihai_bazon@yahoo.com>
+
+	* calendar.js:
+	call user handler when the date was changed using the keyboard
+
+	* bugtest-hidden-selects.html:
+	file to test bug with hidden select-s (thanks Ying Zhang for reporting and for this test file)
+
+	* lang/calendar-hr-utf8.js:
+	added croatian translation in utf8 (thanks Krunoslav Zubrinic)
+
+2003-06-23  Mihai Bazon  <mihai_bazon@yahoo.com>
+
+	* lang/calendar-hu.js: added hungarian translation
+
+	* lang/calendar-hr.js:
+	added croatian translation (thanks to Krunoslav Zubrinic)
+
+2003-06-22  Mihai Bazon  <mihai_bazon@yahoo.com>
+
+	* calendar.js:
+	* #723335 fixed (clicking TODAY will not select the today date if the
+	  disabledHandler rejects it)
+
+	* cal.html: * new code for to work with fix for bug #703238
+	* switch to new version
+
+	* calendar.js:
+	* some patches to make code compatible with Opera 7 (well, almost compatible)
+	* bug #703238 fixed (fix breaks compatibility with older code that uses
+	  calendar in single-click mode)
+	* bug #703814 fixed
+
+2003-04-09  Mihai Bazon  <mihai_bazon@yahoo.com>
+
+	* lang/calendar-tr.js: added turkish lang file
+
+2003-03-19  Mihai Bazon  <mihai_bazon@yahoo.com>
+
+	* lang/calendar-ru.js: russian translation added
+
+	* lang/calendar-no.js: norwegian translation added
+
+2003-03-15  Mihai Bazon  <mihai_bazon@yahoo.com>
+
+	* lang/calendar-no.js: norwegian translation
+
+2003-03-12  Mihai Bazon  <mihai_bazon@yahoo.com>
+
+	* lang/calendar-pl.js: added polish translation
+
+2003-03-11  Mihai Bazon  <mihai_bazon@yahoo.com>
+
+	* calendar.js:
+	bugfix in parseDate (added base to parseInt, thanks Alan!)
+
+2003-03-05  Mihai Bazon  <mihai_bazon@yahoo.com>
+
+	* calendar.js, lang/calendar-br.js, lang/calendar-ca.js, lang/calendar-cs-win.js, lang/calendar-da.js, lang/calendar-du.js, lang/calendar-el.js, lang/calendar-en.js, lang/calendar-es.js, lang/calendar-fr.js, lang/calendar-it.js, lang/calendar-nl.js, lang/calendar-ro.js, lang/calendar-sp.js, lang/calendar-sw.js:
+	New file.
+
+	* calendar.js, lang/calendar-br.js, lang/calendar-ca.js, lang/calendar-cs-win.js, lang/calendar-da.js, lang/calendar-du.js, lang/calendar-el.js, lang/calendar-en.js, lang/calendar-es.js, lang/calendar-fr.js, lang/calendar-it.js, lang/calendar-nl.js, lang/calendar-ro.js, lang/calendar-sp.js, lang/calendar-sw.js:
+	moved to CVS at sourceforge.net
+	release: 0.9.2 + new language packs
+
+
+	* README, cal.html, calendar-blue.css, calendar-brown.css, calendar-green.css, calendar-system.css, calendar-win2k-1.css, calendar-win2k-2.css, calendar-win2k-cold-1.css, calendar-win2k-cold-2.css:
+	New file.
+
+	* README, cal.html, calendar-blue.css, calendar-brown.css, calendar-green.css, calendar-system.css, calendar-win2k-1.css, calendar-win2k-2.css, calendar-win2k-cold-1.css, calendar-win2k-cold-2.css:
+	moved to CVS at sourceforge.net
+	release: 0.9.2 + new language packs
+
+
diff --git a/js/jscalendar/README b/js/jscalendar/README
new file mode 100644
index 0000000..455ab3d
--- /dev/null
+++ b/js/jscalendar/README
@@ -0,0 +1,33 @@
+The DHTML Calendar
+-------------------
+
+  Author: Mihai Bazon, <mihai_bazon@yahoo.com>
+          http://dynarch.com/mishoo/
+
+  This program is free software published under the
+  terms of the GNU Lesser General Public License.
+
+  For the entire license text please refer to
+  http://www.gnu.org/licenses/lgpl.html
+
+Contents
+---------
+
+  calendar.js     -- the main program file
+  lang/*.js       -- internalization files
+  *.css           -- color themes
+  cal.html        -- example usage file
+  doc/            -- documentation, in PDF and HTML
+  simple-1.html   -- quick setup examples [popup calendars]
+  simple-2.html   -- quick setup example for flat calendar
+  calendar.php    -- PHP wrapper
+  test.php        -- test file for the PHP wrapper
+
+Homepage
+---------
+
+  For details and latest versions please refer to calendar
+  homepage, located on my website:
+
+    http://dynarch.com/mishoo/calendar.epl
+
diff --git a/js/jscalendar/bugtest-hidden-selects.html b/js/jscalendar/bugtest-hidden-selects.html
new file mode 100644
index 0000000..df35337
--- /dev/null
+++ b/js/jscalendar/bugtest-hidden-selects.html
@@ -0,0 +1,108 @@
+<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ro" lang="ro">

+

+<head>

+<title>Bug</title>

+<link rel="stylesheet" type="text/css" media="all" href="calendar-win2k-1.css" title="win2k-1" />

+

+<!-- import the calendar script -->

+<script type="text/javascript" src="calendar.js"></script>

+

+<!-- import the language module -->

+<script type="text/javascript" src="lang/calendar-en.js"></script>

+

+<!-- helper script that uses the calendar -->

+<script type="text/javascript">

+// This function gets called when the end-user clicks on some date.

+function selected(cal, date) {

+  cal.sel.value = date; // just update the date in the input field.

+  if (cal.sel.id == "sel1" || cal.sel.id == "sel3")

+    // if we add this call we close the calendar on single-click.

+    // just to exemplify both cases, we are using this only for the 1st

+    // and the 3rd field, while 2nd and 4th will still require double-click.

+    cal.callCloseHandler();

+}

+

+// And this gets called when the end-user clicks on the _selected_ date,

+// or clicks on the "Close" button.  It just hides the calendar without

+// destroying it.

+function closeHandler(cal) {

+  cal.hide();                        // hide the calendar

+}

+

+// This function shows the calendar under the element having the given id.

+// It takes care of catching "mousedown" signals on document and hiding the

+// calendar if the click was outside.

+function showCalendar(id, format) {

+  var el = document.getElementById(id);

+  if (calendar != null) {

+    // we already have some calendar created

+    calendar.hide();                 // so we hide it first.

+  } else {

+    // first-time call, create the calendar.

+    var cal = new Calendar(false, null, selected, closeHandler);

+    // uncomment the following line to hide the week numbers

+    // cal.weekNumbers = false;

+    calendar = cal;                  // remember it in the global var

+    cal.setRange(1900, 2070);        // min/max year allowed.

+    cal.create();

+  }

+  calendar.setDateFormat(format);    // set the specified date format

+  calendar.parseDate(el.value);      // try to parse the text in field

+  calendar.sel = el;                 // inform it what input field we use

+  calendar.showAtElement(el);        // show the calendar below it

+

+  return false;

+}

+

+var MINUTE = 60 * 1000;

+var HOUR = 60 * MINUTE;

+var DAY = 24 * HOUR;

+var WEEK = 7 * DAY;

+

+// If this handler returns true then the "date" given as

+// parameter will be disabled.  In this example we enable

+// only days within a range of 10 days from the current

+// date.

+// You can use the functions date.getFullYear() -- returns the year

+// as 4 digit number, date.getMonth() -- returns the month as 0..11,

+// and date.getDate() -- returns the date of the month as 1..31, to

+// make heavy calculations here.  However, beware that this function

+// should be very fast, as it is called for each day in a month when

+// the calendar is (re)constructed.

+function isDisabled(date) {

+  var today = new Date();

+  return (Math.abs(date.getTime() - today.getTime()) / DAY) > 10;

+}

+</script>

+</head>

+

+<body>

+<form>

+<b>Date:</b>

+<br>

+<input type="text" name="date1" id="sel1" size="30">

+<input type="button" value="..." onclick="return showCalendar('sel1', 'y-m-d');">

+<p>

+<br>

+<br><b>Visible &lt;select&gt;, hides and unhides as expected</b>

+<br>

+<select name="foo" multiple>

+<option value="1">can use the functions date.getFullYear() -- returns</option>

+<option value="2">4 digit number, date.getMonth() -- returns the month</option>

+<option value="3">heavy calculations here.  However, beware that this</option>

+</select>

+

+<p>

+<br><b>Hidden &lt;select&gt;, it should stay hidden (but doesn't)</b>

+<br>

+<select name="foo2" multiple style="visibility: hidden">

+<option value="1">this should</option>

+<option value="2">remain hidden right?</option>

+</select>

+

+<p>

+<br><b>Hidden textbox below, it stays hidden as expected</b>

+<br>

+<input type="text" name="foo3" value="this stays hidden just fine" style="visibility: hidden">

+</form>

+</body></html>

diff --git a/js/jscalendar/calendar-blue.css b/js/jscalendar/calendar-blue.css
new file mode 100644
index 0000000..ca33cde
--- /dev/null
+++ b/js/jscalendar/calendar-blue.css
@@ -0,0 +1,232 @@
+/* The main calendar widget.  DIV containing a table. */
+
+div.calendar { position: relative; }
+
+.calendar, .calendar table {
+  border: 1px solid #556;
+  font-size: 11px;
+  color: #000;
+  cursor: default;
+  background: #eef;
+  font-family: tahoma,verdana,sans-serif;
+}
+
+/* Header part -- contains navigation buttons and day names. */
+
+.calendar .button { /* "<<", "<", ">", ">>" buttons have this class */
+  text-align: center;    /* They are the navigation buttons */
+  padding: 2px;          /* Make the buttons seem like they're pressing */
+}
+
+.calendar .nav {
+  background: #778 url(menuarrow.gif) no-repeat 100% 100%;
+}
+
+.calendar thead .title { /* This holds the current "month, year" */
+  font-weight: bold;      /* Pressing it will take you to the current date */
+  text-align: center;
+  background: #fff;
+  color: #000;
+  padding: 2px;
+}
+
+.calendar thead .headrow { /* Row <TR> containing navigation buttons */
+  background: #778;
+  color: #fff;
+}
+
+.calendar thead .daynames { /* Row <TR> containing the day names */
+  background: #bdf;
+}
+
+.calendar thead .name { /* Cells <TD> containing the day names */
+  border-bottom: 1px solid #556;
+  padding: 2px;
+  text-align: center;
+  color: #000;
+}
+
+.calendar thead .weekend { /* How a weekend day name shows in header */
+  color: #a66;
+}
+
+.calendar thead .hilite { /* How do the buttons in header appear when hover */
+  background-color: #aaf;
+  color: #000;
+  border: 1px solid #04f;
+  padding: 1px;
+}
+
+.calendar thead .active { /* Active (pressed) buttons in header */
+  background-color: #77c;
+  padding: 2px 0px 0px 2px;
+}
+
+/* The body part -- contains all the days in month. */
+
+.calendar tbody .day { /* Cells <TD> containing month days dates */
+  width: 2em;
+  color: #456;
+  text-align: right;
+  padding: 2px 4px 2px 2px;
+}
+.calendar tbody .day.othermonth {
+  font-size: 80%;
+  color: #bbb;
+}
+.calendar tbody .day.othermonth.oweekend {
+  color: #fbb;
+}
+
+.calendar table .wn {
+  padding: 2px 3px 2px 2px;
+  border-right: 1px solid #000;
+  background: #bdf;
+}
+
+.calendar tbody .rowhilite td {
+  background: #def;
+}
+
+.calendar tbody .rowhilite td.wn {
+  background: #eef;
+}
+
+.calendar tbody td.hilite { /* Hovered cells <TD> */
+  background: #def;
+  padding: 1px 3px 1px 1px;
+  border: 1px solid #bbb;
+}
+
+.calendar tbody td.active { /* Active (pressed) cells <TD> */
+  background: #cde;
+  padding: 2px 2px 0px 2px;
+}
+
+.calendar tbody td.selected { /* Cell showing today date */
+  font-weight: bold;
+  border: 1px solid #000;
+  padding: 1px 3px 1px 1px;
+  background: #fff;
+  color: #000;
+}
+
+.calendar tbody td.weekend { /* Cells showing weekend days */
+  color: #a66;
+}
+
+.calendar tbody td.today { /* Cell showing selected date */
+  font-weight: bold;
+  color: #00f;
+}
+
+.calendar tbody .disabled { color: #999; }
+
+.calendar tbody .emptycell { /* Empty cells (the best is to hide them) */
+  visibility: hidden;
+}
+
+.calendar tbody .emptyrow { /* Empty row (some months need less than 6 rows) */
+  display: none;
+}
+
+/* The footer part -- status bar and "Close" button */
+
+.calendar tfoot .footrow { /* The <TR> in footer (only one right now) */
+  text-align: center;
+  background: #556;
+  color: #fff;
+}
+
+.calendar tfoot .ttip { /* Tooltip (status bar) cell <TD> */
+  background: #fff;
+  color: #445;
+  border-top: 1px solid #556;
+  padding: 1px;
+}
+
+.calendar tfoot .hilite { /* Hover style for buttons in footer */
+  background: #aaf;
+  border: 1px solid #04f;
+  color: #000;
+  padding: 1px;
+}
+
+.calendar tfoot .active { /* Active (pressed) style for buttons in footer */
+  background: #77c;
+  padding: 2px 0px 0px 2px;
+}
+
+/* Combo boxes (menus that display months/years for direct selection) */
+
+.calendar .combo {
+  position: absolute;
+  display: none;
+  top: 0px;
+  left: 0px;
+  width: 4em;
+  cursor: default;
+  border: 1px solid #655;
+  background: #def;
+  color: #000;
+  font-size: 90%;
+  z-index: 100;
+}
+
+.calendar .combo .label,
+.calendar .combo .label-IEfix {
+  text-align: center;
+  padding: 1px;
+}
+
+.calendar .combo .label-IEfix {
+  width: 4em;
+}
+
+.calendar .combo .hilite {
+  background: #acf;
+}
+
+.calendar .combo .active {
+  border-top: 1px solid #46a;
+  border-bottom: 1px solid #46a;
+  background: #eef;
+  font-weight: bold;
+}
+
+.calendar td.time {
+  border-top: 1px solid #000;
+  padding: 1px 0px;
+  text-align: center;
+  background-color: #f4f0e8;
+}
+
+.calendar td.time .hour,
+.calendar td.time .minute,
+.calendar td.time .ampm {
+  padding: 0px 3px 0px 4px;
+  border: 1px solid #889;
+  font-weight: bold;
+  background-color: #fff;
+}
+
+.calendar td.time .ampm {
+  text-align: center;
+}
+
+.calendar td.time .colon {
+  padding: 0px 2px 0px 3px;
+  font-weight: bold;
+}
+
+.calendar td.time span.hilite {
+  border-color: #000;
+  background-color: #667;
+  color: #fff;
+}
+
+.calendar td.time span.active {
+  border-color: #f00;
+  background-color: #000;
+  color: #0f0;
+}
diff --git a/js/jscalendar/calendar-blue2.css b/js/jscalendar/calendar-blue2.css
new file mode 100644
index 0000000..47128ec
--- /dev/null
+++ b/js/jscalendar/calendar-blue2.css
@@ -0,0 +1,236 @@
+/* The main calendar widget.  DIV containing a table. */
+
+div.calendar { position: relative; }
+
+.calendar, .calendar table {
+  border: 1px solid #206A9B;
+  font-size: 11px;
+  color: #000;
+  cursor: default;
+  background: #F1F8FC;
+  font-family: tahoma,verdana,sans-serif;
+}
+
+/* Header part -- contains navigation buttons and day names. */
+
+.calendar .button { /* "<<", "<", ">", ">>" buttons have this class */
+  text-align: center;    /* They are the navigation buttons */
+  padding: 2px;          /* Make the buttons seem like they're pressing */
+}
+
+.calendar .nav {
+  background: #007ED1 url(menuarrow2.gif) no-repeat 100% 100%;
+}
+
+.calendar thead .title { /* This holds the current "month, year" */
+  font-weight: bold;      /* Pressing it will take you to the current date */
+  text-align: center;
+  background: #000;
+  color: #fff;
+  padding: 2px;
+}
+
+.calendar thead tr { /* Row <TR> containing navigation buttons */
+  background: #007ED1;
+  color: #fff;
+}
+
+.calendar thead .daynames { /* Row <TR> containing the day names */
+  background: #C7E1F3;
+}
+
+.calendar thead .name { /* Cells <TD> containing the day names */
+  border-bottom: 1px solid #206A9B;
+  padding: 2px;
+  text-align: center;
+  color: #000;
+}
+
+.calendar thead .weekend { /* How a weekend day name shows in header */
+  color: #a66;
+}
+
+.calendar thead .hilite { /* How do the buttons in header appear when hover */
+  background-color: #34ABFA;
+  color: #000;
+  border: 1px solid #016DC5;
+  padding: 1px;
+}
+
+.calendar thead .active { /* Active (pressed) buttons in header */
+  background-color: #006AA9;
+  border: 1px solid #008AFF;
+  padding: 2px 0px 0px 2px;
+}
+
+/* The body part -- contains all the days in month. */
+
+.calendar tbody .day { /* Cells <TD> containing month days dates */
+  width: 2em;
+  color: #456;
+  text-align: right;
+  padding: 2px 4px 2px 2px;
+}
+.calendar tbody .day.othermonth {
+  font-size: 80%;
+  color: #bbb;
+}
+.calendar tbody .day.othermonth.oweekend {
+  color: #fbb;
+}
+
+.calendar table .wn {
+  padding: 2px 3px 2px 2px;
+  border-right: 1px solid #000;
+  background: #C7E1F3;
+}
+
+.calendar tbody .rowhilite td {
+  background: #def;
+}
+
+.calendar tbody .rowhilite td.wn {
+  background: #F1F8FC;
+}
+
+.calendar tbody td.hilite { /* Hovered cells <TD> */
+  background: #def;
+  padding: 1px 3px 1px 1px;
+  border: 1px solid #8FC4E8;
+}
+
+.calendar tbody td.active { /* Active (pressed) cells <TD> */
+  background: #cde;
+  padding: 2px 2px 0px 2px;
+}
+
+.calendar tbody td.selected { /* Cell showing today date */
+  font-weight: bold;
+  border: 1px solid #000;
+  padding: 1px 3px 1px 1px;
+  background: #fff;
+  color: #000;
+}
+
+.calendar tbody td.weekend { /* Cells showing weekend days */
+  color: #a66;
+}
+
+.calendar tbody td.today { /* Cell showing selected date */
+  font-weight: bold;
+  color: #D50000;
+}
+
+.calendar tbody .disabled { color: #999; }
+
+.calendar tbody .emptycell { /* Empty cells (the best is to hide them) */
+  visibility: hidden;
+}
+
+.calendar tbody .emptyrow { /* Empty row (some months need less than 6 rows) */
+  display: none;
+}
+
+/* The footer part -- status bar and "Close" button */
+
+.calendar tfoot .footrow { /* The <TR> in footer (only one right now) */
+  text-align: center;
+  background: #206A9B;
+  color: #fff;
+}
+
+.calendar tfoot .ttip { /* Tooltip (status bar) cell <TD> */
+  background: #000;
+  color: #fff;
+  border-top: 1px solid #206A9B;
+  padding: 1px;
+}
+
+.calendar tfoot .hilite { /* Hover style for buttons in footer */
+  background: #B8DAF0;
+  border: 1px solid #178AEB;
+  color: #000;
+  padding: 1px;
+}
+
+.calendar tfoot .active { /* Active (pressed) style for buttons in footer */
+  background: #006AA9;
+  padding: 2px 0px 0px 2px;
+}
+
+/* Combo boxes (menus that display months/years for direct selection) */
+
+.calendar .combo {
+  position: absolute;
+  display: none;
+  top: 0px;
+  left: 0px;
+  width: 4em;
+  cursor: default;
+  border: 1px solid #655;
+  background: #def;
+  color: #000;
+  font-size: 90%;
+  z-index: 100;
+}
+
+.calendar .combo .label,
+.calendar .combo .label-IEfix {
+  text-align: center;
+  padding: 1px;
+}
+
+.calendar .combo .label-IEfix {
+  width: 4em;
+}
+
+.calendar .combo .hilite {
+  background: #34ABFA;
+  border-top: 1px solid #46a;
+  border-bottom: 1px solid #46a;
+  font-weight: bold;
+}
+
+.calendar .combo .active {
+  border-top: 1px solid #46a;
+  border-bottom: 1px solid #46a;
+  background: #F1F8FC;
+  font-weight: bold;
+}
+
+.calendar td.time {
+  border-top: 1px solid #000;
+  padding: 1px 0px;
+  text-align: center;
+  background-color: #E3F0F9;
+}
+
+.calendar td.time .hour,
+.calendar td.time .minute,
+.calendar td.time .ampm {
+  padding: 0px 3px 0px 4px;
+  border: 1px solid #889;
+  font-weight: bold;
+  background-color: #F1F8FC;
+}
+
+.calendar td.time .ampm {
+  text-align: center;
+}
+
+.calendar td.time .colon {
+  padding: 0px 2px 0px 3px;
+  font-weight: bold;
+}
+
+.calendar td.time span.hilite {
+  border-color: #000;
+  background-color: #267DB7;
+  color: #fff;
+}
+
+.calendar td.time span.active {
+  border-color: red;
+  background-color: #000;
+  color: #A5FF00;
+}
diff --git a/js/jscalendar/calendar-brown.css b/js/jscalendar/calendar-brown.css
new file mode 100644
index 0000000..c42da5e
--- /dev/null
+++ b/js/jscalendar/calendar-brown.css
@@ -0,0 +1,225 @@
+/* The main calendar widget.  DIV containing a table. */
+
+div.calendar { position: relative; }
+
+.calendar, .calendar table {
+  border: 1px solid #655;
+  font-size: 11px;
+  color: #000;
+  cursor: default;
+  background: #ffd;
+  font-family: tahoma,verdana,sans-serif;
+}
+
+/* Header part -- contains navigation buttons and day names. */
+
+.calendar .button { /* "<<", "<", ">", ">>" buttons have this class */
+  text-align: center;    /* They are the navigation buttons */
+  padding: 2px;          /* Make the buttons seem like they're pressing */
+}
+
+.calendar .nav {
+  background: #edc url(menuarrow.gif) no-repeat 100% 100%;
+}
+
+.calendar thead .title { /* This holds the current "month, year" */
+  font-weight: bold;      /* Pressing it will take you to the current date */
+  text-align: center;
+  background: #654;
+  color: #fed;
+  padding: 2px;
+}
+
+.calendar thead .headrow { /* Row <TR> containing navigation buttons */
+  background: #edc;
+  color: #000;
+}
+
+.calendar thead .name { /* Cells <TD> containing the day names */
+  border-bottom: 1px solid #655;
+  padding: 2px;
+  text-align: center;
+  color: #000;
+}
+
+.calendar thead .weekend { /* How a weekend day name shows in header */
+  color: #f00;
+}
+
+.calendar thead .hilite { /* How do the buttons in header appear when hover */
+  background-color: #faa;
+  color: #000;
+  border: 1px solid #f40;
+  padding: 1px;
+}
+
+.calendar thead .active { /* Active (pressed) buttons in header */
+  background-color: #c77;
+  padding: 2px 0px 0px 2px;
+}
+
+.calendar thead .daynames { /* Row <TR> containing the day names */
+  background: #fed;
+}
+
+/* The body part -- contains all the days in month. */
+
+.calendar tbody .day { /* Cells <TD> containing month days dates */
+  width: 2em;
+  text-align: right;
+  padding: 2px 4px 2px 2px;
+}
+.calendar tbody .day.othermonth {
+  font-size: 80%;
+  color: #bbb;
+}
+.calendar tbody .day.othermonth.oweekend {
+  color: #fbb;
+}
+
+.calendar table .wn {
+  padding: 2px 3px 2px 2px;
+  border-right: 1px solid #000;
+  background: #fed;
+}
+
+.calendar tbody .rowhilite td {
+  background: #ddf;
+}
+
+.calendar tbody .rowhilite td.wn {
+  background: #efe;
+}
+
+.calendar tbody td.hilite { /* Hovered cells <TD> */
+  background: #ffe;
+  padding: 1px 3px 1px 1px;
+  border: 1px solid #bbb;
+}
+
+.calendar tbody td.active { /* Active (pressed) cells <TD> */
+  background: #ddc;
+  padding: 2px 2px 0px 2px;
+}
+
+.calendar tbody td.selected { /* Cell showing today date */
+  font-weight: bold;
+  border: 1px solid #000;
+  padding: 1px 3px 1px 1px;
+  background: #fea;
+}
+
+.calendar tbody td.weekend { /* Cells showing weekend days */
+  color: #f00;
+}
+
+.calendar tbody td.today { font-weight: bold; }
+
+.calendar tbody .disabled { color: #999; }
+
+.calendar tbody .emptycell { /* Empty cells (the best is to hide them) */
+  visibility: hidden;
+}
+
+.calendar tbody .emptyrow { /* Empty row (some months need less than 6 rows) */
+  display: none;
+}
+
+/* The footer part -- status bar and "Close" button */
+
+.calendar tfoot .footrow { /* The <TR> in footer (only one right now) */
+  text-align: center;
+  background: #988;
+  color: #000;
+}
+
+.calendar tfoot .ttip { /* Tooltip (status bar) cell <TD> */
+  border-top: 1px solid #655;
+  background: #dcb;
+  color: #840;
+}
+
+.calendar tfoot .hilite { /* Hover style for buttons in footer */
+  background: #faa;
+  border: 1px solid #f40;
+  padding: 1px;
+}
+
+.calendar tfoot .active { /* Active (pressed) style for buttons in footer */
+  background: #c77;
+  padding: 2px 0px 0px 2px;
+}
+
+/* Combo boxes (menus that display months/years for direct selection) */
+
+.calendar .combo {
+  position: absolute;
+  display: none;
+  top: 0px;
+  left: 0px;
+  width: 4em;
+  cursor: default;
+  border: 1px solid #655;
+  background: #ffe;
+  color: #000;
+  font-size: 90%;
+  z-index: 100;
+}
+
+.calendar .combo .label,
+.calendar .combo .label-IEfix {
+  text-align: center;
+  padding: 1px;
+}
+
+.calendar .combo .label-IEfix {
+  width: 4em;
+}
+
+.calendar .combo .hilite {
+  background: #fc8;
+}
+
+.calendar .combo .active {
+  border-top: 1px solid #a64;
+  border-bottom: 1px solid #a64;
+  background: #fee;
+  font-weight: bold;
+}
+
+.calendar td.time {
+  border-top: 1px solid #a88;
+  padding: 1px 0px;
+  text-align: center;
+  background-color: #fed;
+}
+
+.calendar td.time .hour,
+.calendar td.time .minute,
+.calendar td.time .ampm {
+  padding: 0px 3px 0px 4px;
+  border: 1px solid #988;
+  font-weight: bold;
+  background-color: #fff;
+}
+
+.calendar td.time .ampm {
+  text-align: center;
+}
+
+.calendar td.time .colon {
+  padding: 0px 2px 0px 3px;
+  font-weight: bold;
+}
+
+.calendar td.time span.hilite {
+  border-color: #000;
+  background-color: #866;
+  color: #fff;
+}
+
+.calendar td.time span.active {
+  border-color: #f00;
+  background-color: #000;
+  color: #0f0;
+}
diff --git a/js/jscalendar/calendar-green.css b/js/jscalendar/calendar-green.css
new file mode 100644
index 0000000..2e1867a
--- /dev/null
+++ b/js/jscalendar/calendar-green.css
@@ -0,0 +1,229 @@
+/* The main calendar widget.  DIV containing a table. */
+
+div.calendar { position: relative; }
+
+.calendar, .calendar table {
+  border: 1px solid #565;
+  font-size: 11px;
+  color: #000;
+  cursor: default;
+  background: #efe;
+  font-family: tahoma,verdana,sans-serif;
+}
+
+/* Header part -- contains navigation buttons and day names. */
+
+.calendar .button { /* "<<", "<", ">", ">>" buttons have this class */
+  text-align: center;    /* They are the navigation buttons */
+  padding: 2px;          /* Make the buttons seem like they're pressing */
+  background: #676;
+  color: #fff;
+  font-size: 90%;
+}
+
+.calendar .nav {
+  background: #676 url(menuarrow.gif) no-repeat 100% 100%;
+}
+
+.calendar thead .title { /* This holds the current "month, year" */
+  font-weight: bold;      /* Pressing it will take you to the current date */
+  text-align: center;
+  padding: 2px;
+  background: #250;
+  color: #efa;
+}
+
+.calendar thead .headrow { /* Row <TR> containing navigation buttons */
+}
+
+.calendar thead .name { /* Cells <TD> containing the day names */
+  border-bottom: 1px solid #565;
+  padding: 2px;
+  text-align: center;
+  color: #000;
+}
+
+.calendar thead .weekend { /* How a weekend day name shows in header */
+  color: #a66;
+}
+
+.calendar thead .hilite { /* How do the buttons in header appear when hover */
+  background-color: #afa;
+  color: #000;
+  border: 1px solid #084;
+  padding: 1px;
+}
+
+.calendar thead .active { /* Active (pressed) buttons in header */
+  background-color: #7c7;
+  padding: 2px 0px 0px 2px;
+}
+
+.calendar thead .daynames { /* Row <TR> containing the day names */
+  background: #dfb;
+}
+
+/* The body part -- contains all the days in month. */
+
+.calendar tbody .day { /* Cells <TD> containing month days dates */
+  width: 2em;
+  color: #564;
+  text-align: right;
+  padding: 2px 4px 2px 2px;
+}
+.calendar tbody .day.othermonth {
+  font-size: 80%;
+  color: #bbb;
+}
+.calendar tbody .day.othermonth.oweekend {
+  color: #fbb;
+}
+
+.calendar table .wn {
+  padding: 2px 3px 2px 2px;
+  border-right: 1px solid #8a8;
+  background: #dfb;
+}
+
+.calendar tbody .rowhilite td {
+  background: #dfd;
+}
+
+.calendar tbody .rowhilite td.wn {
+  background: #efe;
+}
+
+.calendar tbody td.hilite { /* Hovered cells <TD> */
+  background: #efd;
+  padding: 1px 3px 1px 1px;
+  border: 1px solid #bbb;
+}
+
+.calendar tbody td.active { /* Active (pressed) cells <TD> */
+  background: #dec;
+  padding: 2px 2px 0px 2px;
+}
+
+.calendar tbody td.selected { /* Cell showing today date */
+  font-weight: bold;
+  border: 1px solid #000;
+  padding: 1px 3px 1px 1px;
+  background: #f8fff8;
+  color: #000;
+}
+
+.calendar tbody td.weekend { /* Cells showing weekend days */
+  color: #a66;
+}
+
+.calendar tbody td.today { font-weight: bold; color: #0a0; }
+
+.calendar tbody .disabled { color: #999; }
+
+.calendar tbody .emptycell { /* Empty cells (the best is to hide them) */
+  visibility: hidden;
+}
+
+.calendar tbody .emptyrow { /* Empty row (some months need less than 6 rows) */
+  display: none;
+}
+
+/* The footer part -- status bar and "Close" button */
+
+.calendar tfoot .footrow { /* The <TR> in footer (only one right now) */
+  text-align: center;
+  background: #565;
+  color: #fff;
+}
+
+.calendar tfoot .ttip { /* Tooltip (status bar) cell <TD> */
+  padding: 2px;
+  background: #250;
+  color: #efa;
+}
+
+.calendar tfoot .hilite { /* Hover style for buttons in footer */
+  background: #afa;
+  border: 1px solid #084;
+  color: #000;
+  padding: 1px;
+}
+
+.calendar tfoot .active { /* Active (pressed) style for buttons in footer */
+  background: #7c7;
+  padding: 2px 0px 0px 2px;
+}
+
+/* Combo boxes (menus that display months/years for direct selection) */
+
+.calendar .combo {
+  position: absolute;
+  display: none;
+  top: 0px;
+  left: 0px;
+  width: 4em;
+  cursor: default;
+  border: 1px solid #565;
+  background: #efd;
+  color: #000;
+  font-size: 90%;
+  z-index: 100;
+}
+
+.calendar .combo .label,
+.calendar .combo .label-IEfix {
+  text-align: center;
+  padding: 1px;
+}
+
+.calendar .combo .label-IEfix {
+  width: 4em;
+}
+
+.calendar .combo .hilite {
+  background: #af8;
+}
+
+.calendar .combo .active {
+  border-top: 1px solid #6a4;
+  border-bottom: 1px solid #6a4;
+  background: #efe;
+  font-weight: bold;
+}
+
+.calendar td.time {
+  border-top: 1px solid #8a8;
+  padding: 1px 0px;
+  text-align: center;
+  background-color: #dfb;
+}
+
+.calendar td.time .hour,
+.calendar td.time .minute,
+.calendar td.time .ampm {
+  padding: 0px 3px 0px 4px;
+  border: 1px solid #898;
+  font-weight: bold;
+  background-color: #fff;
+}
+
+.calendar td.time .ampm {
+  text-align: center;
+}
+
+.calendar td.time .colon {
+  padding: 0px 2px 0px 3px;
+  font-weight: bold;
+}
+
+.calendar td.time span.hilite {
+  border-color: #000;
+  background-color: #686;
+  color: #fff;
+}
+
+.calendar td.time span.active {
+  border-color: #f00;
+  background-color: #000;
+  color: #0f0;
+}
diff --git a/js/jscalendar/calendar-setup.js b/js/jscalendar/calendar-setup.js
new file mode 100644
index 0000000..f2b4854
--- /dev/null
+++ b/js/jscalendar/calendar-setup.js
@@ -0,0 +1,200 @@
+/*  Copyright Mihai Bazon, 2002, 2003  |  http://dynarch.com/mishoo/
+ * ---------------------------------------------------------------------------
+ *
+ * The DHTML Calendar
+ *
+ * Details and latest version at:
+ * http://dynarch.com/mishoo/calendar.epl
+ *
+ * This script is distributed under the GNU Lesser General Public License.
+ * Read the entire license text here: http://www.gnu.org/licenses/lgpl.html
+ *
+ * This file defines helper functions for setting up the calendar.  They are
+ * intended to help non-programmers get a working calendar on their site
+ * quickly.  This script should not be seen as part of the calendar.  It just
+ * shows you what one can do with the calendar, while in the same time
+ * providing a quick and simple method for setting it up.  If you need
+ * exhaustive customization of the calendar creation process feel free to
+ * modify this code to suit your needs (this is recommended and much better
+ * than modifying calendar.js itself).
+ */
+
+// $Id: calendar-setup.js,v 1.25 2005/03/07 09:51:33 mishoo Exp $
+
+/**
+ *  This function "patches" an input field (or other element) to use a calendar
+ *  widget for date selection.
+ *
+ *  The "params" is a single object that can have the following properties:
+ *
+ *    prop. name   | description
+ *  -------------------------------------------------------------------------------------------------
+ *   inputField    | the ID of an input field to store the date
+ *   displayArea   | the ID of a DIV or other element to show the date
+ *   button        | ID of a button or other element that will trigger the calendar
+ *   eventName     | event that will trigger the calendar, without the "on" prefix (default: "click")
+ *   ifFormat      | date format that will be stored in the input field
+ *   daFormat      | the date format that will be used to display the date in displayArea
+ *   singleClick   | (true/false) wether the calendar is in single click mode or not (default: true)
+ *   firstDay      | numeric: 0 to 6.  "0" means display Sunday first, "1" means display Monday first, etc.
+ *   align         | alignment (default: "Br"); if you don't know what's this see the calendar documentation
+ *   range         | array with 2 elements.  Default: [1900, 2999] -- the range of years available
+ *   weekNumbers   | (true/false) if it's true (default) the calendar will display week numbers
+ *   flat          | null or element ID; if not null the calendar will be a flat calendar having the parent with the given ID
+ *   flatCallback  | function that receives a JS Date object and returns an URL to point the browser to (for flat calendar)
+ *   disableFunc   | function that receives a JS Date object and should return true if that date has to be disabled in the calendar
+ *   onSelect      | function that gets called when a date is selected.  You don't _have_ to supply this (the default is generally okay)
+ *   onClose       | function that gets called when the calendar is closed.  [default]
+ *   onUpdate      | function that gets called after the date is updated in the input field.  Receives a reference to the calendar.
+ *   date          | the date that the calendar will be initially displayed to
+ *   showsTime     | default: false; if true the calendar will include a time selector
+ *   timeFormat    | the time format; can be "12" or "24", default is "12"
+ *   electric      | if true (default) then given fields/date areas are updated for each move; otherwise they're updated only on close
+ *   step          | configures the step of the years in drop-down boxes; default: 2
+ *   position      | configures the calendar absolute position; default: null
+ *   cache         | if "true" (but default: "false") it will reuse the same calendar object, where possible
+ *   showOthers    | if "true" (but default: "false") it will show days from other months too
+ *
+ *  None of them is required, they all have default values.  However, if you
+ *  pass none of "inputField", "displayArea" or "button" you'll get a warning
+ *  saying "nothing to setup".
+ */
+Calendar.setup = function (params) {
+	function param_default(pname, def) { if (typeof params[pname] == "undefined") { params[pname] = def; } };
+
+	param_default("inputField",     null);
+	param_default("displayArea",    null);
+	param_default("button",         null);
+	param_default("eventName",      "click");
+	param_default("ifFormat",       "%Y/%m/%d");
+	param_default("daFormat",       "%Y/%m/%d");
+	param_default("singleClick",    true);
+	param_default("disableFunc",    null);
+	param_default("dateStatusFunc", params["disableFunc"]);	// takes precedence if both are defined
+	param_default("dateText",       null);
+	param_default("firstDay",       null);
+	param_default("align",          "Br");
+	param_default("range",          [1900, 2999]);
+	param_default("weekNumbers",    true);
+	param_default("flat",           null);
+	param_default("flatCallback",   null);
+	param_default("onSelect",       null);
+	param_default("onClose",        null);
+	param_default("onUpdate",       null);
+	param_default("date",           null);
+	param_default("showsTime",      false);
+	param_default("timeFormat",     "24");
+	param_default("electric",       true);
+	param_default("step",           2);
+	param_default("position",       null);
+	param_default("cache",          false);
+	param_default("showOthers",     false);
+	param_default("multiple",       null);
+
+	var tmp = ["inputField", "displayArea", "button"];
+	for (var i in tmp) {
+		if (typeof params[tmp[i]] == "string") {
+			params[tmp[i]] = document.getElementById(params[tmp[i]]);
+		}
+	}
+	if (!(params.flat || params.multiple || params.inputField || params.displayArea || params.button)) {
+		alert("Calendar.setup:\n  Nothing to setup (no fields found).  Please check your code");
+		return false;
+	}
+
+	function onSelect(cal) {
+		var p = cal.params;
+		var update = (cal.dateClicked || p.electric);
+		if (update && p.inputField) {
+			p.inputField.value = cal.date.print(p.ifFormat);
+			if (typeof p.inputField.onchange == "function")
+				p.inputField.onchange();
+		}
+		if (update && p.displayArea)
+			p.displayArea.innerHTML = cal.date.print(p.daFormat);
+		if (update && typeof p.onUpdate == "function")
+			p.onUpdate(cal);
+		if (update && p.flat) {
+			if (typeof p.flatCallback == "function")
+				p.flatCallback(cal);
+		}
+		if (update && p.singleClick && cal.dateClicked)
+			cal.callCloseHandler();
+	};
+
+	if (params.flat != null) {
+		if (typeof params.flat == "string")
+			params.flat = document.getElementById(params.flat);
+		if (!params.flat) {
+			alert("Calendar.setup:\n  Flat specified but can't find parent.");
+			return false;
+		}
+		var cal = new Calendar(params.firstDay, params.date, params.onSelect || onSelect);
+		cal.showsOtherMonths = params.showOthers;
+		cal.showsTime = params.showsTime;
+		cal.time24 = (params.timeFormat == "24");
+		cal.params = params;
+		cal.weekNumbers = params.weekNumbers;
+		cal.setRange(params.range[0], params.range[1]);
+		cal.setDateStatusHandler(params.dateStatusFunc);
+		cal.getDateText = params.dateText;
+		if (params.ifFormat) {
+			cal.setDateFormat(params.ifFormat);
+		}
+		if (params.inputField && typeof params.inputField.value == "string") {
+			cal.parseDate(params.inputField.value);
+		}
+		cal.create(params.flat);
+		cal.show();
+		return false;
+	}
+
+	var triggerEl = params.button || params.displayArea || params.inputField;
+	triggerEl["on" + params.eventName] = function() {
+		var dateEl = params.inputField || params.displayArea;
+		var dateFmt = params.inputField ? params.ifFormat : params.daFormat;
+		var mustCreate = false;
+		var cal = window.calendar;
+		if (dateEl)
+			params.date = Date.parseDate(dateEl.value || dateEl.innerHTML, dateFmt);
+		if (!(cal && params.cache)) {
+			window.calendar = cal = new Calendar(params.firstDay,
+							     params.date,
+							     params.onSelect || onSelect,
+							     params.onClose || function(cal) { cal.hide(); });
+			cal.showsTime = params.showsTime;
+			cal.time24 = (params.timeFormat == "24");
+			cal.weekNumbers = params.weekNumbers;
+			mustCreate = true;
+		} else {
+			if (params.date)
+				cal.setDate(params.date);
+			cal.hide();
+		}
+		if (params.multiple) {
+			cal.multiple = {};
+			for (var i = params.multiple.length; --i >= 0;) {
+				var d = params.multiple[i];
+				var ds = d.print("%Y%m%d");
+				cal.multiple[ds] = d;
+			}
+		}
+		cal.showsOtherMonths = params.showOthers;
+		cal.yearStep = params.step;
+		cal.setRange(params.range[0], params.range[1]);
+		cal.params = params;
+		cal.setDateStatusHandler(params.dateStatusFunc);
+		cal.getDateText = params.dateText;
+		cal.setDateFormat(dateFmt);
+		if (mustCreate)
+			cal.create();
+		cal.refresh();
+		if (!params.position)
+			cal.showAtElement(params.button || params.displayArea || params.inputField, params.align);
+		else
+			cal.showAt(params.position[0], params.position[1]);
+		return false;
+	};
+
+	return cal;
+};
diff --git a/js/jscalendar/calendar-setup_stripped.js b/js/jscalendar/calendar-setup_stripped.js
new file mode 100644
index 0000000..91c927f
--- /dev/null
+++ b/js/jscalendar/calendar-setup_stripped.js
@@ -0,0 +1,21 @@
+/*  Copyright Mihai Bazon, 2002, 2003  |  http://dynarch.com/mishoo/
+ * ---------------------------------------------------------------------------
+ *
+ * The DHTML Calendar
+ *
+ * Details and latest version at:
+ * http://dynarch.com/mishoo/calendar.epl
+ *
+ * This script is distributed under the GNU Lesser General Public License.
+ * Read the entire license text here: http://www.gnu.org/licenses/lgpl.html
+ *
+ * This file defines helper functions for setting up the calendar.  They are
+ * intended to help non-programmers get a working calendar on their site
+ * quickly.  This script should not be seen as part of the calendar.  It just
+ * shows you what one can do with the calendar, while in the same time
+ * providing a quick and simple method for setting it up.  If you need
+ * exhaustive customization of the calendar creation process feel free to
+ * modify this code to suit your needs (this is recommended and much better
+ * than modifying calendar.js itself).
+ */
+ Calendar.setup=function(params){function param_default(pname,def){if(typeof params[pname]=="undefined"){params[pname]=def;}};param_default("inputField",null);param_default("displayArea",null);param_default("button",null);param_default("eventName","click");param_default("ifFormat","%Y/%m/%d");param_default("daFormat","%Y/%m/%d");param_default("singleClick",true);param_default("disableFunc",null);param_default("dateStatusFunc",params["disableFunc"]);param_default("dateText",null);param_default("firstDay",null);param_default("align","Br");param_default("range",[1900,2999]);param_default("weekNumbers",true);param_default("flat",null);param_default("flatCallback",null);param_default("onSelect",null);param_default("onClose",null);param_default("onUpdate",null);param_default("date",null);param_default("showsTime",false);param_default("timeFormat","24");param_default("electric",true);param_default("step",2);param_default("position",null);param_default("cache",false);param_default("showOthers",false);param_default("multiple",null);var tmp=["inputField","displayArea","button"];for(var i in tmp){if(typeof params[tmp[i]]=="string"){params[tmp[i]]=document.getElementById(params[tmp[i]]);}}if(!(params.flat||params.multiple||params.inputField||params.displayArea||params.button)){alert("Calendar.setup:\n  Nothing to setup (no fields found).  Please check your code");return false;}function onSelect(cal){var p=cal.params;var update=(cal.dateClicked||p.electric);if(update&&p.inputField){p.inputField.value=cal.date.print(p.ifFormat);if(typeof p.inputField.onchange=="function")p.inputField.onchange();}if(update&&p.displayArea)p.displayArea.innerHTML=cal.date.print(p.daFormat);if(update&&typeof p.onUpdate=="function")p.onUpdate(cal);if(update&&p.flat){if(typeof p.flatCallback=="function")p.flatCallback(cal);}if(update&&p.singleClick&&cal.dateClicked)cal.callCloseHandler();};if(params.flat!=null){if(typeof params.flat=="string")params.flat=document.getElementById(params.flat);if(!params.flat){alert("Calendar.setup:\n  Flat specified but can't find parent.");return false;}var cal=new Calendar(params.firstDay,params.date,params.onSelect||onSelect);cal.showsOtherMonths=params.showOthers;cal.showsTime=params.showsTime;cal.time24=(params.timeFormat=="24");cal.params=params;cal.weekNumbers=params.weekNumbers;cal.setRange(params.range[0],params.range[1]);cal.setDateStatusHandler(params.dateStatusFunc);cal.getDateText=params.dateText;if(params.ifFormat){cal.setDateFormat(params.ifFormat);}if(params.inputField&&typeof params.inputField.value=="string"){cal.parseDate(params.inputField.value);}cal.create(params.flat);cal.show();return false;}var triggerEl=params.button||params.displayArea||params.inputField;triggerEl["on"+params.eventName]=function(){var dateEl=params.inputField||params.displayArea;var dateFmt=params.inputField?params.ifFormat:params.daFormat;var mustCreate=false;var cal=window.calendar;if(dateEl)params.date=Date.parseDate(dateEl.value||dateEl.innerHTML,dateFmt);if(!(cal&&params.cache)){window.calendar=cal=new Calendar(params.firstDay,params.date,params.onSelect||onSelect,params.onClose||function(cal){cal.hide();});cal.showsTime=params.showsTime;cal.time24=(params.timeFormat=="24");cal.weekNumbers=params.weekNumbers;mustCreate=true;}else{if(params.date)cal.setDate(params.date);cal.hide();}if(params.multiple){cal.multiple={};for(var i=params.multiple.length;--i>=0;){var d=params.multiple[i];var ds=d.print("%Y%m%d");cal.multiple[ds]=d;}}cal.showsOtherMonths=params.showOthers;cal.yearStep=params.step;cal.setRange(params.range[0],params.range[1]);cal.params=params;cal.setDateStatusHandler(params.dateStatusFunc);cal.getDateText=params.dateText;cal.setDateFormat(dateFmt);if(mustCreate)cal.create();cal.refresh();if(!params.position)cal.showAtElement(params.button||params.displayArea||params.inputField,params.align);else cal.showAt(params.position[0],params.position[1]);return false;};return cal;};
\ No newline at end of file
diff --git a/js/jscalendar/calendar-system.css b/js/jscalendar/calendar-system.css
new file mode 100644
index 0000000..d6d0aaf
--- /dev/null
+++ b/js/jscalendar/calendar-system.css
@@ -0,0 +1,260 @@
+/* The main calendar widget.  DIV containing a table. */
+
+/* ADDED BY NATHAN KINKADE ON Nov. 23, 2006 */
+.calendar_title {
+  font-weight: bold;
+  padding: 1px;
+  background: ActiveCaption;
+  color: CaptionText;
+  text-align: left;
+}
+
+.calendar {
+  position: relative;
+  display: none;
+  border: 1px solid;
+  border-color: #fff #000 #000 #fff;
+  font-size: 11px;
+  cursor: default;
+  background: Window;
+  color: WindowText;
+  font-family: tahoma,verdana,sans-serif;
+}
+
+.calendar table {
+  border: 1px solid;
+  border-color: #fff #000 #000 #fff;
+  font-size: 11px;
+  cursor: default;
+  background: Window;
+  color: WindowText;
+  font-family: tahoma,verdana,sans-serif;
+}
+
+/* Header part -- contains navigation buttons and day names. */
+
+.calendar .button { /* "<<", "<", ">", ">>" buttons have this class */
+  text-align: center;
+  padding: 1px;
+  border: 1px solid;
+  border-color: ButtonHighlight ButtonShadow ButtonShadow ButtonHighlight;
+  background: ButtonFace;
+}
+
+.calendar .nav {
+  background: ButtonFace url(menuarrow.gif) no-repeat 100% 100%;
+}
+
+.calendar thead .title { /* This holds the current "month, year" */
+  font-weight: bold;
+  padding: 1px;
+  border: 1px solid #000;
+  background: ActiveCaption;
+  color: CaptionText;
+  text-align: center;
+}
+
+.calendar thead .headrow { /* Row <TR> containing navigation buttons */
+}
+
+.calendar thead .daynames { /* Row <TR> containing the day names */
+}
+
+.calendar thead .name { /* Cells <TD> containing the day names */
+  border-bottom: 1px solid ButtonShadow;
+  padding: 2px;
+  text-align: center;
+  background: ButtonFace;
+  color: ButtonText;
+}
+
+.calendar thead .weekend { /* How a weekend day name shows in header */
+  color: #f00;
+}
+
+.calendar thead .hilite { /* How do the buttons in header appear when hover */
+  border: 2px solid;
+  padding: 0px;
+  border-color: ButtonHighlight ButtonShadow ButtonShadow ButtonHighlight;
+}
+
+.calendar thead .active { /* Active (pressed) buttons in header */
+  border-width: 1px;
+  padding: 2px 0px 0px 2px;
+  border-color: ButtonShadow ButtonHighlight ButtonHighlight ButtonShadow;
+}
+
+/* The body part -- contains all the days in month. */
+
+.calendar tbody .day { /* Cells <TD> containing month days dates */
+  width: 2em;
+  text-align: right;
+  padding: 2px 4px 2px 2px;
+}
+.calendar tbody .day.othermonth {
+  font-size: 80%;
+  color: #aaa;
+}
+.calendar tbody .day.othermonth.oweekend {
+  color: #faa;
+}
+
+.calendar table .wn {
+  padding: 2px 3px 2px 2px;
+  border-right: 1px solid ButtonShadow;
+  background: ButtonFace;
+  color: ButtonText;
+}
+
+.calendar tbody .rowhilite td {
+  background: Highlight;
+  color: HighlightText;
+}
+
+.calendar tbody td.hilite { /* Hovered cells <TD> */
+  padding: 1px 3px 1px 1px;
+  border-top: 1px solid #fff;
+  border-right: 1px solid #000;
+  border-bottom: 1px solid #000;
+  border-left: 1px solid #fff;
+}
+
+.calendar tbody td.active { /* Active (pressed) cells <TD> */
+  padding: 2px 2px 0px 2px;
+  border: 1px solid;
+  border-color: ButtonShadow ButtonHighlight ButtonHighlight ButtonShadow;
+}
+
+.calendar tbody td.selected { /* Cell showing selected date */
+  font-weight: bold;
+  border: 1px solid;
+  border-color: ButtonShadow ButtonHighlight ButtonHighlight ButtonShadow;
+  padding: 2px 2px 0px 2px;
+  background: ButtonFace;
+  color: ButtonText;
+}
+
+.calendar tbody td.weekend { /* Cells showing weekend days */
+  color: #f00;
+}
+
+.calendar tbody td.today { /* Cell showing today date */
+  font-weight: bold;
+  color: #00f;
+}
+
+.calendar tbody td.disabled { color: GrayText; }
+
+.calendar tbody .emptycell { /* Empty cells (the best is to hide them) */
+  visibility: hidden;
+}
+
+.calendar tbody .emptyrow { /* Empty row (some months need less than 6 rows) */
+  display: none;
+}
+
+/* The footer part -- status bar and "Close" button */
+
+.calendar tfoot .footrow { /* The <TR> in footer (only one right now) */
+}
+
+.calendar tfoot .ttip { /* Tooltip (status bar) cell <TD> */
+  background: ButtonFace;
+  padding: 1px;
+  border: 1px solid;
+  border-color: ButtonShadow ButtonHighlight ButtonHighlight ButtonShadow;
+  color: ButtonText;
+  text-align: center;
+}
+
+.calendar tfoot .hilite { /* Hover style for buttons in footer */
+  border-top: 1px solid #fff;
+  border-right: 1px solid #000;
+  border-bottom: 1px solid #000;
+  border-left: 1px solid #fff;
+  padding: 1px;
+  background: #e4e0d8;
+}
+
+.calendar tfoot .active { /* Active (pressed) style for buttons in footer */
+  padding: 2px 0px 0px 2px;
+  border-top: 1px solid #000;
+  border-right: 1px solid #fff;
+  border-bottom: 1px solid #fff;
+  border-left: 1px solid #000;
+}
+
+/* Combo boxes (menus that display months/years for direct selection) */
+
+.calendar .combo {
+  position: absolute;
+  display: none;
+  width: 4em;
+  top: 0px;
+  left: 0px;
+  cursor: default;
+  border: 1px solid;
+  border-color: ButtonHighlight ButtonShadow ButtonShadow ButtonHighlight;
+  background: Menu;
+  color: MenuText;
+  font-size: 90%;
+  padding: 1px;
+  z-index: 100;
+}
+
+.calendar .combo .label,
+.calendar .combo .label-IEfix {
+  text-align: center;
+  padding: 1px;
+}
+
+.calendar .combo .label-IEfix {
+  width: 4em;
+}
+
+.calendar .combo .active {
+  padding: 0px;
+  border: 1px solid #000;
+}
+
+.calendar .combo .hilite {
+  background: Highlight;
+  color: HighlightText;
+}
+
+.calendar td.time {
+  border-top: 1px solid ButtonShadow;
+  padding: 1px 0px;
+  text-align: center;
+  background-color: ButtonFace;
+}
+
+.calendar td.time .hour,
+.calendar td.time .minute,
+.calendar td.time .ampm {
+  padding: 0px 3px 0px 4px;
+  border: 1px solid #889;
+  font-weight: bold;
+  background-color: Menu;
+}
+
+.calendar td.time .ampm {
+  text-align: center;
+}
+
+.calendar td.time .colon {
+  padding: 0px 2px 0px 3px;
+  font-weight: bold;
+}
+
+.calendar td.time span.hilite {
+  border-color: #000;
+  background-color: Highlight;
+  color: HighlightText;
+}
+
+.calendar td.time span.active {
+  border-color: #f00;
+  background-color: #000;
+  color: #0f0;
+}
diff --git a/js/jscalendar/calendar-tas.css b/js/jscalendar/calendar-tas.css
new file mode 100644
index 0000000..c2f8721
--- /dev/null
+++ b/js/jscalendar/calendar-tas.css
@@ -0,0 +1,239 @@
+/* The main calendar widget.  DIV containing a table. */
+
+div.calendar { position: relative; }
+
+.calendar, .calendar table {
+  border: 1px solid #655;
+  font-size: 11px;
+  color: #000;
+  cursor: default;
+  background: #ffd;
+  font-family: tahoma,verdana,sans-serif;
+  filter:
+progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#DDDCCC,EndColorStr=#FFFFFF);
+}
+
+/* Header part -- contains navigation buttons and day names. */
+
+.calendar .button { /* "<<", "<", ">", ">>" buttons have this class */
+  text-align: center;    /* They are the navigation buttons */
+  padding: 2px;          /* Make the buttons seem like they're pressing */
+  color:#363636;
+}
+
+.calendar .nav {
+  background: #edc url(menuarrow.gif) no-repeat 100% 100%;
+}
+
+.calendar thead .title { /* This holds the current "month, year" */
+  font-weight: bold;      /* Pressing it will take you to the current date */
+  text-align: center;
+  background: #654;
+  color: #363636;
+  padding: 2px;
+  filter:
+progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#ffffff,EndColorStr=#dddccc);
+}
+
+.calendar thead .headrow { /* Row <TR> containing navigation buttons */
+  /*background: #3B86A0;*/
+  color: #363636;
+  font-weight: bold; 	
+filter:
+progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#ffffff,EndColorStr=#3b86a0);
+}
+
+.calendar thead .name { /* Cells <TD> containing the day names */
+  border-bottom: 1px solid #655;
+  padding: 2px;
+  text-align: center;
+  color: #363636;
+    filter:
+progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#DDDCCC,EndColorStr=#FFFFFF);
+}
+
+.calendar thead .weekend { /* How a weekend day name shows in header */
+  color: #f00;
+}
+
+.calendar thead .hilite { /* How do the buttons in header appear when hover */
+  background-color: #ffcc86;
+  color: #000;
+  border: 1px solid #b59345;
+  padding: 1px;
+}
+
+.calendar thead .active { /* Active (pressed) buttons in header */
+  background-color: #c77;
+  padding: 2px 0px 0px 2px;
+}
+
+.calendar thead .daynames { /* Row <TR> containing the day names */
+  background: #fed;
+}
+
+/* The body part -- contains all the days in month. */
+
+.calendar tbody .day { /* Cells <TD> containing month days dates */
+  width: 2em;
+  text-align: right;
+  padding: 2px 4px 2px 2px;
+}
+.calendar tbody .day.othermonth {
+  font-size: 80%;
+  color: #aaa;
+}
+.calendar tbody .day.othermonth.oweekend {
+  color: #faa;
+}
+
+.calendar table .wn {
+  padding: 2px 3px 2px 2px;
+  border-right: 1px solid #000;
+  background: #fed;
+}
+
+.calendar tbody .rowhilite td {
+ background: #ddf;
+  
+}
+
+.calendar tbody .rowhilite td.wn {
+  background: #efe;
+}
+
+.calendar tbody td.hilite { /* Hovered cells <TD> */
+  background: #ffe;
+  padding: 1px 3px 1px 1px;
+  border: 1px solid #bbb;
+}
+
+.calendar tbody td.active { /* Active (pressed) cells <TD> */
+  background: #ddc;
+  padding: 2px 2px 0px 2px;
+}
+
+.calendar tbody td.selected { /* Cell showing today date */
+  font-weight: bold;
+  border: 1px solid #000;
+  padding: 1px 3px 1px 1px;
+  background: #fea;
+}
+
+.calendar tbody td.weekend { /* Cells showing weekend days */
+  color: #f00;
+}
+
+.calendar tbody td.today { font-weight: bold; }
+
+.calendar tbody .disabled { color: #999; }
+
+.calendar tbody .emptycell { /* Empty cells (the best is to hide them) */
+  visibility: hidden;
+}
+
+.calendar tbody .emptyrow { /* Empty row (some months need less than 6 rows) */
+  display: none;
+}
+
+/* The footer part -- status bar and "Close" button */
+
+.calendar tfoot .footrow { /* The <TR> in footer (only one right now) */
+  text-align: center;
+  background: #988;
+  color: #000;
+  
+}
+
+.calendar tfoot .ttip { /* Tooltip (status bar) cell <TD> */
+  border-top: 1px solid #655;
+  background: #dcb;
+  color: #363636;
+  font-weight: bold;
+	filter:
+progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#FFFFFF,EndColorStr=#DDDCCC);
+}
+.calendar tfoot .hilite { /* Hover style for buttons in footer */
+  background: #faa;
+  border: 1px solid #f40;
+  padding: 1px;
+}
+
+.calendar tfoot .active { /* Active (pressed) style for buttons in footer */
+  background: #c77;
+  padding: 2px 0px 0px 2px;
+}
+
+/* Combo boxes (menus that display months/years for direct selection) */
+
+.combo {
+  position: absolute;
+  display: none;
+  top: 0px;
+  left: 0px;
+  width: 4em;
+  cursor: default;
+  border: 1px solid #655;
+  background: #ffe;
+  color: #000;
+  font-size: smaller;
+  z-index: 100;
+}
+
+.combo .label,
+.combo .label-IEfix {
+  text-align: center;
+  padding: 1px;
+}
+
+.combo .label-IEfix {
+  width: 4em;
+}
+
+.combo .hilite {
+  background: #fc8;
+}
+
+.combo .active {
+  border-top: 1px solid #a64;
+  border-bottom: 1px solid #a64;
+  background: #fee;
+  font-weight: bold;
+}
+
+.calendar td.time {
+  border-top: 1px solid #a88;
+  padding: 1px 0px;
+  text-align: center;
+  background-color: #fed;
+}
+
+.calendar td.time .hour,
+.calendar td.time .minute,
+.calendar td.time .ampm {
+  padding: 0px 3px 0px 4px;
+  border: 1px solid #988;
+  font-weight: bold;
+  background-color: #fff;
+}
+
+.calendar td.time .ampm {
+  text-align: center;
+}
+
+.calendar td.time .colon {
+  padding: 0px 2px 0px 3px;
+  font-weight: bold;
+}
+
+.calendar td.time span.hilite {
+  border-color: #000;
+  background-color: #866;
+  color: #fff;
+}
+
+.calendar td.time span.active {
+  border-color: #f00;
+  background-color: #000;
+  color: #0f0;
+}
diff --git a/js/jscalendar/calendar-win2k-1.css b/js/jscalendar/calendar-win2k-1.css
new file mode 100644
index 0000000..7a02647
--- /dev/null
+++ b/js/jscalendar/calendar-win2k-1.css
@@ -0,0 +1,277 @@
+/* The main calendar widget.  DIV containing a table. */
+
+.calendar {
+  position: relative;
+  display: none;
+  border-top: 2px solid #fff;
+  border-right: 2px solid #000;
+  border-bottom: 2px solid #000;
+  border-left: 2px solid #fff;
+  /* font-size: 11px; */
+  color: #000;
+  cursor: default;
+  background: #d4d0c8;
+  font-family: tahoma,verdana,sans-serif;
+
+  border-width: 1px;
+  font-size: 8px;
+}
+
+.calendar table {
+  border-top: 1px solid #000;
+  border-right: 1px solid #fff;
+  border-bottom: 1px solid #fff;
+  border-left: 1px solid #000;
+  /* font-size: 11px; */
+  color: #000;
+  cursor: default;
+  background: #d4d0c8;
+  font-family: tahoma,verdana,sans-serif;
+
+  font-size: 8px;
+}
+
+/* Header part -- contains navigation buttons and day names. */
+
+.calendar .button { /* "<<", "<", ">", ">>" buttons have this class */
+  text-align: center;
+  padding: 1px;
+  border-top: 1px solid #fff;
+  border-right: 1px solid #000;
+  border-bottom: 1px solid #000;
+  border-left: 1px solid #fff;
+}
+
+.calendar .nav {
+  background: transparent url(menuarrow.gif) no-repeat 100% 100%;
+}
+
+.calendar thead .title { /* This holds the current "month, year" */
+  font-weight: bold;
+  padding: 1px;
+  border: 1px solid #000;
+  background: #848078;
+  color: #fff;
+  text-align: center;
+}
+
+.calendar thead .headrow { /* Row <TR> containing navigation buttons */
+}
+
+.calendar thead .daynames { /* Row <TR> containing the day names */
+}
+
+.calendar thead .name { /* Cells <TD> containing the day names */
+  border-bottom: 1px solid #000;
+  padding: 2px;
+  text-align: center;
+  background: #f4f0e8;
+}
+
+.calendar thead .weekend { /* How a weekend day name shows in header */
+  color: #f00;
+}
+
+.calendar thead .hilite { /* How do the buttons in header appear when hover */
+  border-top: 2px solid #fff;
+  border-right: 2px solid #000;
+  border-bottom: 2px solid #000;
+  border-left: 2px solid #fff;
+  padding: 0px;
+  background-color: #e4e0d8;
+}
+
+.calendar thead .active { /* Active (pressed) buttons in header */
+  padding: 2px 0px 0px 2px;
+  border-top: 1px solid #000;
+  border-right: 1px solid #fff;
+  border-bottom: 1px solid #fff;
+  border-left: 1px solid #000;
+  background-color: #c4c0b8;
+}
+
+/* The body part -- contains all the days in month. */
+
+.calendar tbody .day { /* Cells <TD> containing month days dates */
+  width: 1.5em;
+  /* width: 2em; */
+  text-align: right;
+  padding: 2px 4px 2px 2px;
+}
+.calendar tbody .day.othermonth {
+  font-size: 80%;
+  color: #aaa;
+}
+.calendar tbody .day.othermonth.oweekend {
+  color: #faa;
+}
+
+.calendar table .wn {
+  padding: 2px 3px 2px 2px;
+  border-right: 1px solid #000;
+  background: #f4f0e8;
+}
+
+.calendar tbody .rowhilite td {
+  background: #e4e0d8;
+}
+
+.calendar tbody .rowhilite td.wn {
+  background: #d4d0c8;
+}
+
+.calendar tbody td.hilite { /* Hovered cells <TD> */
+  padding: 1px 3px 1px 1px;
+  border-top: 1px solid #fff;
+  border-right: 1px solid #000;
+  border-bottom: 1px solid #000;
+  border-left: 1px solid #fff;
+}
+
+.calendar tbody td.active { /* Active (pressed) cells <TD> */
+  padding: 2px 2px 0px 2px;
+  border-top: 1px solid #000;
+  border-right: 1px solid #fff;
+  border-bottom: 1px solid #fff;
+  border-left: 1px solid #000;
+}
+
+.calendar tbody td.selected { /* Cell showing selected date */
+  font-weight: bold;
+  border-top: 1px solid #000;
+  border-right: 1px solid #fff;
+  border-bottom: 1px solid #fff;
+  border-left: 1px solid #000;
+  padding: 2px 2px 0px 2px;
+  background: #e4e0d8;
+}
+
+.calendar tbody td.weekend { /* Cells showing weekend days */
+  color: #f00;
+}
+
+.calendar tbody td.today { /* Cell showing today date */
+  font-weight: bold;
+  color: #00f;
+}
+
+.calendar tbody .disabled { color: #999; }
+
+.calendar tbody .emptycell { /* Empty cells (the best is to hide them) */
+  visibility: hidden;
+}
+
+.calendar tbody .emptyrow { /* Empty row (some months need less than 6 rows) */
+  display: none;
+}
+
+/* The footer part -- status bar and "Close" button */
+
+.calendar tfoot .footrow { /* The <TR> in footer (only one right now) */
+}
+
+.calendar tfoot .ttip { /* Tooltip (status bar) cell <TD> */
+  background: #f4f0e8;
+  padding: 1px;
+  border: 1px solid #000;
+  background: #848078;
+  color: #fff;
+  text-align: center;
+}
+
+.calendar tfoot .hilite { /* Hover style for buttons in footer */
+  border-top: 1px solid #fff;
+  border-right: 1px solid #000;
+  border-bottom: 1px solid #000;
+  border-left: 1px solid #fff;
+  padding: 1px;
+  background: #e4e0d8;
+}
+
+.calendar tfoot .active { /* Active (pressed) style for buttons in footer */
+  padding: 2px 0px 0px 2px;
+  border-top: 1px solid #000;
+  border-right: 1px solid #fff;
+  border-bottom: 1px solid #fff;
+  border-left: 1px solid #000;
+}
+
+/* Combo boxes (menus that display months/years for direct selection) */
+
+.calendar .combo {
+  position: absolute;
+  display: none;
+  width: 4em;
+  top: 0px;
+  left: 0px;
+  cursor: default;
+  border-top: 1px solid #fff;
+  border-right: 1px solid #000;
+  border-bottom: 1px solid #000;
+  border-left: 1px solid #fff;
+  background: #e4e0d8;
+  font-size: 90%;
+  padding: 1px;
+  z-index: 100;
+}
+
+.calendar .combo .label,
+.calendar .combo .label-IEfix {
+  text-align: center;
+  padding: 1px;
+}
+
+.calendar .combo .label-IEfix {
+  width: 4em;
+}
+
+.calendar .combo .active {
+  background: #c4c0b8;
+  padding: 0px;
+  border-top: 1px solid #000;
+  border-right: 1px solid #fff;
+  border-bottom: 1px solid #fff;
+  border-left: 1px solid #000;
+}
+
+.calendar .combo .hilite {
+  background: #048;
+  color: #fea;
+}
+
+.calendar td.time {
+  border-top: 1px solid #000;
+  padding: 1px 0px;
+  text-align: center;
+  background-color: #f4f0e8;
+}
+
+.calendar td.time .hour,
+.calendar td.time .minute,
+.calendar td.time .ampm {
+  padding: 0px 3px 0px 4px;
+  border: 1px solid #889;
+  font-weight: bold;
+  background-color: #fff;
+}
+
+.calendar td.time .ampm {
+  text-align: center;
+}
+
+.calendar td.time .colon {
+  padding: 0px 2px 0px 3px;
+  font-weight: bold;
+}
+
+.calendar td.time span.hilite {
+  border-color: #000;
+  background-color: #766;
+  color: #fff;
+}
+
+.calendar td.time span.active {
+  border-color: #f00;
+  background-color: #000;
+  color: #0f0;
+}
diff --git a/js/jscalendar/calendar-win2k-2.css b/js/jscalendar/calendar-win2k-2.css
new file mode 100644
index 0000000..6f37b7d
--- /dev/null
+++ b/js/jscalendar/calendar-win2k-2.css
@@ -0,0 +1,271 @@
+/* The main calendar widget.  DIV containing a table. */
+
+.calendar {
+  position: relative;
+  display: none;
+  border-top: 2px solid #fff;
+  border-right: 2px solid #000;
+  border-bottom: 2px solid #000;
+  border-left: 2px solid #fff;
+  font-size: 11px;
+  color: #000;
+  cursor: default;
+  background: #d4c8d0;
+  font-family: tahoma,verdana,sans-serif;
+}
+
+.calendar table {
+  border-top: 1px solid #000;
+  border-right: 1px solid #fff;
+  border-bottom: 1px solid #fff;
+  border-left: 1px solid #000;
+  font-size: 11px;
+  color: #000;
+  cursor: default;
+  background: #d4c8d0;
+  font-family: tahoma,verdana,sans-serif;
+}
+
+/* Header part -- contains navigation buttons and day names. */
+
+.calendar .button { /* "<<", "<", ">", ">>" buttons have this class */
+  text-align: center;
+  padding: 1px;
+  border-top: 1px solid #fff;
+  border-right: 1px solid #000;
+  border-bottom: 1px solid #000;
+  border-left: 1px solid #fff;
+}
+
+.calendar .nav {
+  background: transparent url(menuarrow.gif) no-repeat 100% 100%;
+}
+
+.calendar thead .title { /* This holds the current "month, year" */
+  font-weight: bold;
+  padding: 1px;
+  border: 1px solid #000;
+  background: #847880;
+  color: #fff;
+  text-align: center;
+}
+
+.calendar thead .headrow { /* Row <TR> containing navigation buttons */
+}
+
+.calendar thead .daynames { /* Row <TR> containing the day names */
+}
+
+.calendar thead .name { /* Cells <TD> containing the day names */
+  border-bottom: 1px solid #000;
+  padding: 2px;
+  text-align: center;
+  background: #f4e8f0;
+}
+
+.calendar thead .weekend { /* How a weekend day name shows in header */
+  color: #f00;
+}
+
+.calendar thead .hilite { /* How do the buttons in header appear when hover */
+  border-top: 2px solid #fff;
+  border-right: 2px solid #000;
+  border-bottom: 2px solid #000;
+  border-left: 2px solid #fff;
+  padding: 0px;
+  background-color: #e4d8e0;
+}
+
+.calendar thead .active { /* Active (pressed) buttons in header */
+  padding: 2px 0px 0px 2px;
+  border-top: 1px solid #000;
+  border-right: 1px solid #fff;
+  border-bottom: 1px solid #fff;
+  border-left: 1px solid #000;
+  background-color: #c4b8c0;
+}
+
+/* The body part -- contains all the days in month. */
+
+.calendar tbody .day { /* Cells <TD> containing month days dates */
+  width: 2em;
+  text-align: right;
+  padding: 2px 4px 2px 2px;
+}
+.calendar tbody .day.othermonth {
+  font-size: 80%;
+  color: #aaa;
+}
+.calendar tbody .day.othermonth.oweekend {
+  color: #faa;
+}
+
+.calendar table .wn {
+  padding: 2px 3px 2px 2px;
+  border-right: 1px solid #000;
+  background: #f4e8f0;
+}
+
+.calendar tbody .rowhilite td {
+  background: #e4d8e0;
+}
+
+.calendar tbody .rowhilite td.wn {
+  background: #d4c8d0;
+}
+
+.calendar tbody td.hilite { /* Hovered cells <TD> */
+  padding: 1px 3px 1px 1px;
+  border-top: 1px solid #fff;
+  border-right: 1px solid #000;
+  border-bottom: 1px solid #000;
+  border-left: 1px solid #fff;
+}
+
+.calendar tbody td.active { /* Active (pressed) cells <TD> */
+  padding: 2px 2px 0px 2px;
+  border-top: 1px solid #000;
+  border-right: 1px solid #fff;
+  border-bottom: 1px solid #fff;
+  border-left: 1px solid #000;
+}
+
+.calendar tbody td.selected { /* Cell showing selected date */
+  font-weight: bold;
+  border-top: 1px solid #000;
+  border-right: 1px solid #fff;
+  border-bottom: 1px solid #fff;
+  border-left: 1px solid #000;
+  padding: 2px 2px 0px 2px;
+  background: #e4d8e0;
+}
+
+.calendar tbody td.weekend { /* Cells showing weekend days */
+  color: #f00;
+}
+
+.calendar tbody td.today { /* Cell showing today date */
+  font-weight: bold;
+  color: #00f;
+}
+
+.calendar tbody .disabled { color: #999; }
+
+.calendar tbody .emptycell { /* Empty cells (the best is to hide them) */
+  visibility: hidden;
+}
+
+.calendar tbody .emptyrow { /* Empty row (some months need less than 6 rows) */
+  display: none;
+}
+
+/* The footer part -- status bar and "Close" button */
+
+.calendar tfoot .footrow { /* The <TR> in footer (only one right now) */
+}
+
+.calendar tfoot .ttip { /* Tooltip (status bar) cell <TD> */
+  background: #f4e8f0;
+  padding: 1px;
+  border: 1px solid #000;
+  background: #847880;
+  color: #fff;
+  text-align: center;
+}
+
+.calendar tfoot .hilite { /* Hover style for buttons in footer */
+  border-top: 1px solid #fff;
+  border-right: 1px solid #000;
+  border-bottom: 1px solid #000;
+  border-left: 1px solid #fff;
+  padding: 1px;
+  background: #e4d8e0;
+}
+
+.calendar tfoot .active { /* Active (pressed) style for buttons in footer */
+  padding: 2px 0px 0px 2px;
+  border-top: 1px solid #000;
+  border-right: 1px solid #fff;
+  border-bottom: 1px solid #fff;
+  border-left: 1px solid #000;
+}
+
+/* Combo boxes (menus that display months/years for direct selection) */
+
+.calendar .combo {
+  position: absolute;
+  display: none;
+  width: 4em;
+  top: 0px;
+  left: 0px;
+  cursor: default;
+  border-top: 1px solid #fff;
+  border-right: 1px solid #000;
+  border-bottom: 1px solid #000;
+  border-left: 1px solid #fff;
+  background: #e4d8e0;
+  font-size: 90%;
+  padding: 1px;
+  z-index: 100;
+}
+
+.calendar .combo .label,
+.calendar .combo .label-IEfix {
+  text-align: center;
+  padding: 1px;
+}
+
+.calendar .combo .label-IEfix {
+  width: 4em;
+}
+
+.calendar .combo .active {
+  background: #d4c8d0;
+  padding: 0px;
+  border-top: 1px solid #000;
+  border-right: 1px solid #fff;
+  border-bottom: 1px solid #fff;
+  border-left: 1px solid #000;
+}
+
+.calendar .combo .hilite {
+  background: #408;
+  color: #fea;
+}
+
+.calendar td.time {
+  border-top: 1px solid #000;
+  padding: 1px 0px;
+  text-align: center;
+  background-color: #f4f0e8;
+}
+
+.calendar td.time .hour,
+.calendar td.time .minute,
+.calendar td.time .ampm {
+  padding: 0px 3px 0px 4px;
+  border: 1px solid #889;
+  font-weight: bold;
+  background-color: #fff;
+}
+
+.calendar td.time .ampm {
+  text-align: center;
+}
+
+.calendar td.time .colon {
+  padding: 0px 2px 0px 3px;
+  font-weight: bold;
+}
+
+.calendar td.time span.hilite {
+  border-color: #000;
+  background-color: #766;
+  color: #fff;
+}
+
+.calendar td.time span.active {
+  border-color: #f00;
+  background-color: #000;
+  color: #0f0;
+}
diff --git a/js/jscalendar/calendar-win2k-cold-1.css b/js/jscalendar/calendar-win2k-cold-1.css
new file mode 100644
index 0000000..fa5c093
--- /dev/null
+++ b/js/jscalendar/calendar-win2k-cold-1.css
@@ -0,0 +1,265 @@
+/* The main calendar widget.  DIV containing a table. */
+
+.calendar {
+  position: relative;
+  display: none;
+  border-top: 2px solid #fff;
+  border-right: 2px solid #000;
+  border-bottom: 2px solid #000;
+  border-left: 2px solid #fff;
+  font-size: 11px;
+  color: #000;
+  cursor: default;
+  background: #c8d0d4;
+  font-family: tahoma,verdana,sans-serif;
+}
+
+.calendar table {
+  border-top: 1px solid #000;
+  border-right: 1px solid #fff;
+  border-bottom: 1px solid #fff;
+  border-left: 1px solid #000;
+  font-size: 11px;
+  color: #000;
+  cursor: default;
+  background: #c8d0d4;
+  font-family: tahoma,verdana,sans-serif;
+}
+
+/* Header part -- contains navigation buttons and day names. */
+
+.calendar .button { /* "<<", "<", ">", ">>" buttons have this class */
+  text-align: center;
+  padding: 1px;
+  border-top: 1px solid #fff;
+  border-right: 1px solid #000;
+  border-bottom: 1px solid #000;
+  border-left: 1px solid #fff;
+}
+
+.calendar .nav {
+  background: transparent url(menuarrow.gif) no-repeat 100% 100%;
+}
+
+.calendar thead .title { /* This holds the current "month, year" */
+  font-weight: bold;
+  padding: 1px;
+  border: 1px solid #000;
+  background: #788084;
+  color: #fff;
+  text-align: center;
+}
+
+.calendar thead .headrow { /* Row <TR> containing navigation buttons */
+}
+
+.calendar thead .daynames { /* Row <TR> containing the day names */
+}
+
+.calendar thead .name { /* Cells <TD> containing the day names */
+  border-bottom: 1px solid #000;
+  padding: 2px;
+  text-align: center;
+  background: #e8f0f4;
+}
+
+.calendar thead .weekend { /* How a weekend day name shows in header */
+  color: #f00;
+}
+
+.calendar thead .hilite { /* How do the buttons in header appear when hover */
+  border-top: 2px solid #fff;
+  border-right: 2px solid #000;
+  border-bottom: 2px solid #000;
+  border-left: 2px solid #fff;
+  padding: 0px;
+  background-color: #d8e0e4;
+}
+
+.calendar thead .active { /* Active (pressed) buttons in header */
+  padding: 2px 0px 0px 2px;
+  border-top: 1px solid #000;
+  border-right: 1px solid #fff;
+  border-bottom: 1px solid #fff;
+  border-left: 1px solid #000;
+  background-color: #b8c0c4;
+}
+
+/* The body part -- contains all the days in month. */
+
+.calendar tbody .day { /* Cells <TD> containing month days dates */
+  width: 2em;
+  text-align: right;
+  padding: 2px 4px 2px 2px;
+}
+.calendar tbody .day.othermonth {
+  font-size: 80%;
+  color: #aaa;
+}
+.calendar tbody .day.othermonth.oweekend {
+  color: #faa;
+}
+
+.calendar table .wn {
+  padding: 2px 3px 2px 2px;
+  border-right: 1px solid #000;
+  background: #e8f4f0;
+}
+
+.calendar tbody .rowhilite td {
+  background: #d8e4e0;
+}
+
+.calendar tbody .rowhilite td.wn {
+  background: #c8d4d0;
+}
+
+.calendar tbody td.hilite { /* Hovered cells <TD> */
+  padding: 1px 3px 1px 1px;
+  border: 1px solid;
+  border-color: #fff #000 #000 #fff;
+}
+
+.calendar tbody td.active { /* Active (pressed) cells <TD> */
+  padding: 2px 2px 0px 2px;
+  border: 1px solid;
+  border-color: #000 #fff #fff #000;
+}
+
+.calendar tbody td.selected { /* Cell showing selected date */
+  font-weight: bold;
+  padding: 2px 2px 0px 2px;
+  border: 1px solid;
+  border-color: #000 #fff #fff #000;
+  background: #d8e0e4;
+}
+
+.calendar tbody td.weekend { /* Cells showing weekend days */
+  color: #f00;
+}
+
+.calendar tbody td.today { /* Cell showing today date */
+  font-weight: bold;
+  color: #00f;
+}
+
+.calendar tbody .disabled { color: #999; }
+
+.calendar tbody .emptycell { /* Empty cells (the best is to hide them) */
+  visibility: hidden;
+}
+
+.calendar tbody .emptyrow { /* Empty row (some months need less than 6 rows) */
+  display: none;
+}
+
+/* The footer part -- status bar and "Close" button */
+
+.calendar tfoot .footrow { /* The <TR> in footer (only one right now) */
+}
+
+.calendar tfoot .ttip { /* Tooltip (status bar) cell <TD> */
+  background: #e8f0f4;
+  padding: 1px;
+  border: 1px solid #000;
+  background: #788084;
+  color: #fff;
+  text-align: center;
+}
+
+.calendar tfoot .hilite { /* Hover style for buttons in footer */
+  border-top: 1px solid #fff;
+  border-right: 1px solid #000;
+  border-bottom: 1px solid #000;
+  border-left: 1px solid #fff;
+  padding: 1px;
+  background: #d8e0e4;
+}
+
+.calendar tfoot .active { /* Active (pressed) style for buttons in footer */
+  padding: 2px 0px 0px 2px;
+  border-top: 1px solid #000;
+  border-right: 1px solid #fff;
+  border-bottom: 1px solid #fff;
+  border-left: 1px solid #000;
+}
+
+/* Combo boxes (menus that display months/years for direct selection) */
+
+.calendar .combo {
+  position: absolute;
+  display: none;
+  width: 4em;
+  top: 0px;
+  left: 0px;
+  cursor: default;
+  border-top: 1px solid #fff;
+  border-right: 1px solid #000;
+  border-bottom: 1px solid #000;
+  border-left: 1px solid #fff;
+  background: #d8e0e4;
+  font-size: 90%;
+  padding: 1px;
+  z-index: 100;
+}
+
+.calendar .combo .label,
+.calendar .combo .label-IEfix {
+  text-align: center;
+  padding: 1px;
+}
+
+.calendar .combo .label-IEfix {
+  width: 4em;
+}
+
+.calendar .combo .active {
+  background: #c8d0d4;
+  padding: 0px;
+  border-top: 1px solid #000;
+  border-right: 1px solid #fff;
+  border-bottom: 1px solid #fff;
+  border-left: 1px solid #000;
+}
+
+.calendar .combo .hilite {
+  background: #048;
+  color: #aef;
+}
+
+.calendar td.time {
+  border-top: 1px solid #000;
+  padding: 1px 0px;
+  text-align: center;
+  background-color: #e8f0f4;
+}
+
+.calendar td.time .hour,
+.calendar td.time .minute,
+.calendar td.time .ampm {
+  padding: 0px 3px 0px 4px;
+  border: 1px solid #889;
+  font-weight: bold;
+  background-color: #fff;
+}
+
+.calendar td.time .ampm {
+  text-align: center;
+}
+
+.calendar td.time .colon {
+  padding: 0px 2px 0px 3px;
+  font-weight: bold;
+}
+
+.calendar td.time span.hilite {
+  border-color: #000;
+  background-color: #667;
+  color: #fff;
+}
+
+.calendar td.time span.active {
+  border-color: #f00;
+  background-color: #000;
+  color: #0f0;
+}
diff --git a/js/jscalendar/calendar-win2k-cold-2.css b/js/jscalendar/calendar-win2k-cold-2.css
new file mode 100644
index 0000000..8e930c8
--- /dev/null
+++ b/js/jscalendar/calendar-win2k-cold-2.css
@@ -0,0 +1,271 @@
+/* The main calendar widget.  DIV containing a table. */
+
+.calendar {
+  position: relative;
+  display: none;
+  border-top: 2px solid #fff;
+  border-right: 2px solid #000;
+  border-bottom: 2px solid #000;
+  border-left: 2px solid #fff;
+  font-size: 11px;
+  color: #000;
+  cursor: default;
+  background: #c8d4d0;
+  font-family: tahoma,verdana,sans-serif;
+}
+
+.calendar table {
+  border-top: 1px solid #000;
+  border-right: 1px solid #fff;
+  border-bottom: 1px solid #fff;
+  border-left: 1px solid #000;
+  font-size: 11px;
+  color: #000;
+  cursor: default;
+  background: #c8d4d0;
+  font-family: tahoma,verdana,sans-serif;
+}
+
+/* Header part -- contains navigation buttons and day names. */
+
+.calendar .button { /* "<<", "<", ">", ">>" buttons have this class */
+  text-align: center;
+  padding: 1px;
+  border-top: 1px solid #fff;
+  border-right: 1px solid #000;
+  border-bottom: 1px solid #000;
+  border-left: 1px solid #fff;
+}
+
+.calendar .nav {
+  background: transparent url(menuarrow.gif) no-repeat 100% 100%;
+}
+
+.calendar thead .title { /* This holds the current "month, year" */
+  font-weight: bold;
+  padding: 1px;
+  border: 1px solid #000;
+  background: #788480;
+  color: #fff;
+  text-align: center;
+}
+
+.calendar thead .headrow { /* Row <TR> containing navigation buttons */
+}
+
+.calendar thead .daynames { /* Row <TR> containing the day names */
+}
+
+.calendar thead .name { /* Cells <TD> containing the day names */
+  border-bottom: 1px solid #000;
+  padding: 2px;
+  text-align: center;
+  background: #e8f4f0;
+}
+
+.calendar thead .weekend { /* How a weekend day name shows in header */
+  color: #f00;
+}
+
+.calendar thead .hilite { /* How do the buttons in header appear when hover */
+  border-top: 2px solid #fff;
+  border-right: 2px solid #000;
+  border-bottom: 2px solid #000;
+  border-left: 2px solid #fff;
+  padding: 0px;
+  background-color: #d8e4e0;
+}
+
+.calendar thead .active { /* Active (pressed) buttons in header */
+  padding: 2px 0px 0px 2px;
+  border-top: 1px solid #000;
+  border-right: 1px solid #fff;
+  border-bottom: 1px solid #fff;
+  border-left: 1px solid #000;
+  background-color: #b8c4c0;
+}
+
+/* The body part -- contains all the days in month. */
+
+.calendar tbody .day { /* Cells <TD> containing month days dates */
+  width: 2em;
+  text-align: right;
+  padding: 2px 4px 2px 2px;
+}
+.calendar tbody .day.othermonth {
+  font-size: 80%;
+  color: #aaa;
+}
+.calendar tbody .day.othermonth.oweekend {
+  color: #faa;
+}
+
+.calendar table .wn {
+  padding: 2px 3px 2px 2px;
+  border-right: 1px solid #000;
+  background: #e8f4f0;
+}
+
+.calendar tbody .rowhilite td {
+  background: #d8e4e0;
+}
+
+.calendar tbody .rowhilite td.wn {
+  background: #c8d4d0;
+}
+
+.calendar tbody td.hilite { /* Hovered cells <TD> */
+  padding: 1px 3px 1px 1px;
+  border-top: 1px solid #fff;
+  border-right: 1px solid #000;
+  border-bottom: 1px solid #000;
+  border-left: 1px solid #fff;
+}
+
+.calendar tbody td.active { /* Active (pressed) cells <TD> */
+  padding: 2px 2px 0px 2px;
+  border-top: 1px solid #000;
+  border-right: 1px solid #fff;
+  border-bottom: 1px solid #fff;
+  border-left: 1px solid #000;
+}
+
+.calendar tbody td.selected { /* Cell showing selected date */
+  font-weight: bold;
+  border-top: 1px solid #000;
+  border-right: 1px solid #fff;
+  border-bottom: 1px solid #fff;
+  border-left: 1px solid #000;
+  padding: 2px 2px 0px 2px;
+  background: #d8e4e0;
+}
+
+.calendar tbody td.weekend { /* Cells showing weekend days */
+  color: #f00;
+}
+
+.calendar tbody td.today { /* Cell showing today date */
+  font-weight: bold;
+  color: #00f;
+}
+
+.calendar tbody .disabled { color: #999; }
+
+.calendar tbody .emptycell { /* Empty cells (the best is to hide them) */
+  visibility: hidden;
+}
+
+.calendar tbody .emptyrow { /* Empty row (some months need less than 6 rows) */
+  display: none;
+}
+
+/* The footer part -- status bar and "Close" button */
+
+.calendar tfoot .footrow { /* The <TR> in footer (only one right now) */
+}
+
+.calendar tfoot .ttip { /* Tooltip (status bar) cell <TD> */
+  background: #e8f4f0;
+  padding: 1px;
+  border: 1px solid #000;
+  background: #788480;
+  color: #fff;
+  text-align: center;
+}
+
+.calendar tfoot .hilite { /* Hover style for buttons in footer */
+  border-top: 1px solid #fff;
+  border-right: 1px solid #000;
+  border-bottom: 1px solid #000;
+  border-left: 1px solid #fff;
+  padding: 1px;
+  background: #d8e4e0;
+}
+
+.calendar tfoot .active { /* Active (pressed) style for buttons in footer */
+  padding: 2px 0px 0px 2px;
+  border-top: 1px solid #000;
+  border-right: 1px solid #fff;
+  border-bottom: 1px solid #fff;
+  border-left: 1px solid #000;
+}
+
+/* Combo boxes (menus that display months/years for direct selection) */
+
+.calendar .combo {
+  position: absolute;
+  display: none;
+  width: 4em;
+  top: 0px;
+  left: 0px;
+  cursor: default;
+  border-top: 1px solid #fff;
+  border-right: 1px solid #000;
+  border-bottom: 1px solid #000;
+  border-left: 1px solid #fff;
+  background: #d8e4e0;
+  font-size: 90%;
+  padding: 1px;
+  z-index: 100;
+}
+
+.calendar .combo .label,
+.calendar .combo .label-IEfix {
+  text-align: center;
+  padding: 1px;
+}
+
+.calendar .combo .label-IEfix {
+  width: 4em;
+}
+
+.calendar .combo .active {
+  background: #c8d4d0;
+  padding: 0px;
+  border-top: 1px solid #000;
+  border-right: 1px solid #fff;
+  border-bottom: 1px solid #fff;
+  border-left: 1px solid #000;
+}
+
+.calendar .combo .hilite {
+  background: #048;
+  color: #aef;
+}
+
+.calendar td.time {
+  border-top: 1px solid #000;
+  padding: 1px 0px;
+  text-align: center;
+  background-color: #e8f0f4;
+}
+
+.calendar td.time .hour,
+.calendar td.time .minute,
+.calendar td.time .ampm {
+  padding: 0px 3px 0px 4px;
+  border: 1px solid #889;
+  font-weight: bold;
+  background-color: #fff;
+}
+
+.calendar td.time .ampm {
+  text-align: center;
+}
+
+.calendar td.time .colon {
+  padding: 0px 2px 0px 3px;
+  font-weight: bold;
+}
+
+.calendar td.time span.hilite {
+  border-color: #000;
+  background-color: #667;
+  color: #fff;
+}
+
+.calendar td.time span.active {
+  border-color: #f00;
+  background-color: #000;
+  color: #0f0;
+}
diff --git a/js/jscalendar/calendar.js b/js/jscalendar/calendar.js
new file mode 100644
index 0000000..19efa42
--- /dev/null
+++ b/js/jscalendar/calendar.js
@@ -0,0 +1,1807 @@
+/*  Copyright Mihai Bazon, 2002-2005  |  www.bazon.net/mishoo
+ * -----------------------------------------------------------
+ *
+ * The DHTML Calendar, version 1.0 "It is happening again"
+ *
+ * Details and latest version at:
+ * www.dynarch.com/projects/calendar
+ *
+ * This script is developed by Dynarch.com.  Visit us at www.dynarch.com.
+ *
+ * This script is distributed under the GNU Lesser General Public License.
+ * Read the entire license text here: http://www.gnu.org/licenses/lgpl.html
+ */
+
+// $Id: calendar.js,v 1.51 2005/03/07 16:44:31 mishoo Exp $
+
+/** The Calendar object constructor. */
+Calendar = function (firstDayOfWeek, dateStr, onSelected, onClose) {
+	// member variables
+	this.activeDiv = null;
+	this.currentDateEl = null;
+	this.getDateStatus = null;
+	this.getDateToolTip = null;
+	this.getDateText = null;
+	this.timeout = null;
+	this.onSelected = onSelected || null;
+	this.onClose = onClose || null;
+	this.dragging = false;
+	this.hidden = false;
+	this.minYear = 1970;
+	this.maxYear = 2050;
+	this.dateFormat = Calendar._TT["DEF_DATE_FORMAT"];
+	this.ttDateFormat = Calendar._TT["TT_DATE_FORMAT"];
+	this.isPopup = true;
+	this.weekNumbers = true;
+	this.firstDayOfWeek = typeof firstDayOfWeek == "number" ? firstDayOfWeek : Calendar._FD; // 0 for Sunday, 1 for Monday, etc.
+	this.showsOtherMonths = false;
+	this.dateStr = dateStr;
+	this.ar_days = null;
+	this.showsTime = false;
+	this.time24 = true;
+	this.yearStep = 2;
+	this.hiliteToday = true;
+	this.multiple = null;
+	// HTML elements
+	this.table = null;
+	this.element = null;
+	this.tbody = null;
+	this.firstdayname = null;
+	// Combo boxes
+	this.monthsCombo = null;
+	this.yearsCombo = null;
+	this.hilitedMonth = null;
+	this.activeMonth = null;
+	this.hilitedYear = null;
+	this.activeYear = null;
+	// Information
+	this.dateClicked = false;
+
+	// one-time initializations
+	if (typeof Calendar._SDN == "undefined") {
+		// table of short day names
+		if (typeof Calendar._SDN_len == "undefined")
+			Calendar._SDN_len = 3;
+		var ar = new Array();
+		for (var i = 8; i > 0;) {
+			ar[--i] = Calendar._DN[i].substr(0, Calendar._SDN_len);
+		}
+		Calendar._SDN = ar;
+		// table of short month names
+		if (typeof Calendar._SMN_len == "undefined")
+			Calendar._SMN_len = 3;
+		ar = new Array();
+		for (var i = 12; i > 0;) {
+			ar[--i] = Calendar._MN[i].substr(0, Calendar._SMN_len);
+		}
+		Calendar._SMN = ar;
+	}
+};
+
+// ** constants
+
+/// "static", needed for event handlers.
+Calendar._C = null;
+
+/// detect a special case of "web browser"
+Calendar.is_ie = ( /msie/i.test(navigator.userAgent) &&
+		   !/opera/i.test(navigator.userAgent) );
+
+Calendar.is_ie5 = ( Calendar.is_ie && /msie 5\.0/i.test(navigator.userAgent) );
+
+/// detect Opera browser
+Calendar.is_opera = /opera/i.test(navigator.userAgent);
+
+/// detect KHTML-based browsers
+Calendar.is_khtml = /Konqueror|Safari|KHTML/i.test(navigator.userAgent);
+
+// BEGIN: UTILITY FUNCTIONS; beware that these might be moved into a separate
+//        library, at some point.
+
+Calendar.getAbsolutePos = function(el) {
+	var SL = 0, ST = 0;
+	var is_div = /^div$/i.test(el.tagName);
+	if (is_div && el.scrollLeft)
+		SL = el.scrollLeft;
+	if (is_div && el.scrollTop)
+		ST = el.scrollTop;
+	var r = { x: el.offsetLeft - SL, y: el.offsetTop - ST };
+	if (el.offsetParent) {
+		var tmp = this.getAbsolutePos(el.offsetParent);
+		r.x += tmp.x;
+		r.y += tmp.y;
+	}
+	return r;
+};
+
+Calendar.isRelated = function (el, evt) {
+	var related = evt.relatedTarget;
+	if (!related) {
+		var type = evt.type;
+		if (type == "mouseover") {
+			related = evt.fromElement;
+		} else if (type == "mouseout") {
+			related = evt.toElement;
+		}
+	}
+	while (related) {
+		if (related == el) {
+			return true;
+		}
+		related = related.parentNode;
+	}
+	return false;
+};
+
+Calendar.removeClass = function(el, className) {
+	if (!(el && el.className)) {
+		return;
+	}
+	var cls = el.className.split(" ");
+	var ar = new Array();
+	for (var i = cls.length; i > 0;) {
+		if (cls[--i] != className) {
+			ar[ar.length] = cls[i];
+		}
+	}
+	el.className = ar.join(" ");
+};
+
+Calendar.addClass = function(el, className) {
+	Calendar.removeClass(el, className);
+	el.className += " " + className;
+};
+
+// FIXME: the following 2 functions totally suck, are useless and should be replaced immediately.
+Calendar.getElement = function(ev) {
+	var f = Calendar.is_ie ? window.event.srcElement : ev.currentTarget;
+	while (f.nodeType != 1 || /^div$/i.test(f.tagName))
+		f = f.parentNode;
+	return f;
+};
+
+Calendar.getTargetElement = function(ev) {
+	var f = Calendar.is_ie ? window.event.srcElement : ev.target;
+	while (f.nodeType != 1)
+		f = f.parentNode;
+	return f;
+};
+
+Calendar.stopEvent = function(ev) {
+	ev || (ev = window.event);
+	if (Calendar.is_ie) {
+		ev.cancelBubble = true;
+		ev.returnValue = false;
+	} else {
+		ev.preventDefault();
+		ev.stopPropagation();
+	}
+	return false;
+};
+
+Calendar.addEvent = function(el, evname, func) {
+	if (el.attachEvent) { // IE
+		el.attachEvent("on" + evname, func);
+	} else if (el.addEventListener) { // Gecko / W3C
+		el.addEventListener(evname, func, true);
+	} else {
+		el["on" + evname] = func;
+	}
+};
+
+Calendar.removeEvent = function(el, evname, func) {
+	if (el.detachEvent) { // IE
+		el.detachEvent("on" + evname, func);
+	} else if (el.removeEventListener) { // Gecko / W3C
+		el.removeEventListener(evname, func, true);
+	} else {
+		el["on" + evname] = null;
+	}
+};
+
+Calendar.createElement = function(type, parent) {
+	var el = null;
+	if (document.createElementNS) {
+		// use the XHTML namespace; IE won't normally get here unless
+		// _they_ "fix" the DOM2 implementation.
+		el = document.createElementNS("http://www.w3.org/1999/xhtml", type);
+	} else {
+		el = document.createElement(type);
+	}
+	if (typeof parent != "undefined") {
+		parent.appendChild(el);
+	}
+	return el;
+};
+
+// END: UTILITY FUNCTIONS
+
+// BEGIN: CALENDAR STATIC FUNCTIONS
+
+/** Internal -- adds a set of events to make some element behave like a button. */
+Calendar._add_evs = function(el) {
+	with (Calendar) {
+		addEvent(el, "mouseover", dayMouseOver);
+		addEvent(el, "mousedown", dayMouseDown);
+		addEvent(el, "mouseout", dayMouseOut);
+		if (is_ie) {
+			addEvent(el, "dblclick", dayMouseDblClick);
+			el.setAttribute("unselectable", true);
+		}
+	}
+};
+
+Calendar.findMonth = function(el) {
+	if (typeof el.month != "undefined") {
+		return el;
+	} else if (typeof el.parentNode.month != "undefined") {
+		return el.parentNode;
+	}
+	return null;
+};
+
+Calendar.findYear = function(el) {
+	if (typeof el.year != "undefined") {
+		return el;
+	} else if (typeof el.parentNode.year != "undefined") {
+		return el.parentNode;
+	}
+	return null;
+};
+
+Calendar.showMonthsCombo = function () {
+	var cal = Calendar._C;
+	if (!cal) {
+		return false;
+	}
+	var cal = cal;
+	var cd = cal.activeDiv;
+	var mc = cal.monthsCombo;
+	if (cal.hilitedMonth) {
+		Calendar.removeClass(cal.hilitedMonth, "hilite");
+	}
+	if (cal.activeMonth) {
+		Calendar.removeClass(cal.activeMonth, "active");
+	}
+	var mon = cal.monthsCombo.getElementsByTagName("div")[cal.date.getMonth()];
+	Calendar.addClass(mon, "active");
+	cal.activeMonth = mon;
+	var s = mc.style;
+	s.display = "block";
+	if (cd.navtype < 0)
+		s.left = cd.offsetLeft + "px";
+	else {
+		var mcw = mc.offsetWidth;
+		if (typeof mcw == "undefined")
+			// Konqueror brain-dead techniques
+			mcw = 50;
+		s.left = (cd.offsetLeft + cd.offsetWidth - mcw) + "px";
+	}
+	s.top = (cd.offsetTop + cd.offsetHeight) + "px";
+};
+
+Calendar.showYearsCombo = function (fwd) {
+	var cal = Calendar._C;
+	if (!cal) {
+		return false;
+	}
+	var cal = cal;
+	var cd = cal.activeDiv;
+	var yc = cal.yearsCombo;
+	if (cal.hilitedYear) {
+		Calendar.removeClass(cal.hilitedYear, "hilite");
+	}
+	if (cal.activeYear) {
+		Calendar.removeClass(cal.activeYear, "active");
+	}
+	cal.activeYear = null;
+	var Y = cal.date.getFullYear() + (fwd ? 1 : -1);
+	var yr = yc.firstChild;
+	var show = false;
+	for (var i = 12; i > 0; --i) {
+		if (Y >= cal.minYear && Y <= cal.maxYear) {
+			yr.innerHTML = Y;
+			yr.year = Y;
+			yr.style.display = "block";
+			show = true;
+		} else {
+			yr.style.display = "none";
+		}
+		yr = yr.nextSibling;
+		Y += fwd ? cal.yearStep : -cal.yearStep;
+	}
+	if (show) {
+		var s = yc.style;
+		s.display = "block";
+		if (cd.navtype < 0)
+			s.left = cd.offsetLeft + "px";
+		else {
+			var ycw = yc.offsetWidth;
+			if (typeof ycw == "undefined")
+				// Konqueror brain-dead techniques
+				ycw = 50;
+			s.left = (cd.offsetLeft + cd.offsetWidth - ycw) + "px";
+		}
+		s.top = (cd.offsetTop + cd.offsetHeight) + "px";
+	}
+};
+
+// event handlers
+
+Calendar.tableMouseUp = function(ev) {
+	var cal = Calendar._C;
+	if (!cal) {
+		return false;
+	}
+	if (cal.timeout) {
+		clearTimeout(cal.timeout);
+	}
+	var el = cal.activeDiv;
+	if (!el) {
+		return false;
+	}
+	var target = Calendar.getTargetElement(ev);
+	ev || (ev = window.event);
+	Calendar.removeClass(el, "active");
+	if (target == el || target.parentNode == el) {
+		Calendar.cellClick(el, ev);
+	}
+	var mon = Calendar.findMonth(target);
+	var date = null;
+	if (mon) {
+		date = new Date(cal.date);
+		if (mon.month != date.getMonth()) {
+			date.setMonth(mon.month);
+			cal.setDate(date);
+			cal.dateClicked = false;
+			cal.callHandler();
+		}
+	} else {
+		var year = Calendar.findYear(target);
+		if (year) {
+			date = new Date(cal.date);
+			if (year.year != date.getFullYear()) {
+				date.setFullYear(year.year);
+				cal.setDate(date);
+				cal.dateClicked = false;
+				cal.callHandler();
+			}
+		}
+	}
+	with (Calendar) {
+		removeEvent(document, "mouseup", tableMouseUp);
+		removeEvent(document, "mouseover", tableMouseOver);
+		removeEvent(document, "mousemove", tableMouseOver);
+		cal._hideCombos();
+		_C = null;
+		return stopEvent(ev);
+	}
+};
+
+Calendar.tableMouseOver = function (ev) {
+	var cal = Calendar._C;
+	if (!cal) {
+		return;
+	}
+	var el = cal.activeDiv;
+	var target = Calendar.getTargetElement(ev);
+	if (target == el || target.parentNode == el) {
+		Calendar.addClass(el, "hilite active");
+		Calendar.addClass(el.parentNode, "rowhilite");
+	} else {
+		if (typeof el.navtype == "undefined" || (el.navtype != 50 && (el.navtype == 0 || Math.abs(el.navtype) > 2)))
+			Calendar.removeClass(el, "active");
+		Calendar.removeClass(el, "hilite");
+		Calendar.removeClass(el.parentNode, "rowhilite");
+	}
+	ev || (ev = window.event);
+	if (el.navtype == 50 && target != el) {
+		var pos = Calendar.getAbsolutePos(el);
+		var w = el.offsetWidth;
+		var x = ev.clientX;
+		var dx;
+		var decrease = true;
+		if (x > pos.x + w) {
+			dx = x - pos.x - w;
+			decrease = false;
+		} else
+			dx = pos.x - x;
+
+		if (dx < 0) dx = 0;
+		var range = el._range;
+		var current = el._current;
+		var count = Math.floor(dx / 10) % range.length;
+		for (var i = range.length; --i >= 0;)
+			if (range[i] == current)
+				break;
+		while (count-- > 0)
+			if (decrease) {
+				if (--i < 0)
+					i = range.length - 1;
+			} else if ( ++i >= range.length )
+				i = 0;
+		var newval = range[i];
+		el.innerHTML = newval;
+
+		cal.onUpdateTime();
+	}
+	var mon = Calendar.findMonth(target);
+	if (mon) {
+		if (mon.month != cal.date.getMonth()) {
+			if (cal.hilitedMonth) {
+				Calendar.removeClass(cal.hilitedMonth, "hilite");
+			}
+			Calendar.addClass(mon, "hilite");
+			cal.hilitedMonth = mon;
+		} else if (cal.hilitedMonth) {
+			Calendar.removeClass(cal.hilitedMonth, "hilite");
+		}
+	} else {
+		if (cal.hilitedMonth) {
+			Calendar.removeClass(cal.hilitedMonth, "hilite");
+		}
+		var year = Calendar.findYear(target);
+		if (year) {
+			if (year.year != cal.date.getFullYear()) {
+				if (cal.hilitedYear) {
+					Calendar.removeClass(cal.hilitedYear, "hilite");
+				}
+				Calendar.addClass(year, "hilite");
+				cal.hilitedYear = year;
+			} else if (cal.hilitedYear) {
+				Calendar.removeClass(cal.hilitedYear, "hilite");
+			}
+		} else if (cal.hilitedYear) {
+			Calendar.removeClass(cal.hilitedYear, "hilite");
+		}
+	}
+	return Calendar.stopEvent(ev);
+};
+
+Calendar.tableMouseDown = function (ev) {
+	if (Calendar.getTargetElement(ev) == Calendar.getElement(ev)) {
+		return Calendar.stopEvent(ev);
+	}
+};
+
+Calendar.calDragIt = function (ev) {
+	var cal = Calendar._C;
+	if (!(cal && cal.dragging)) {
+		return false;
+	}
+	var posX;
+	var posY;
+	if (Calendar.is_ie) {
+		posY = window.event.clientY + document.body.scrollTop;
+		posX = window.event.clientX + document.body.scrollLeft;
+	} else {
+		posX = ev.pageX;
+		posY = ev.pageY;
+	}
+	cal.hideShowCovered();
+	var st = cal.element.style;
+	st.left = (posX - cal.xOffs) + "px";
+	st.top = (posY - cal.yOffs) + "px";
+	return Calendar.stopEvent(ev);
+};
+
+Calendar.calDragEnd = function (ev) {
+	var cal = Calendar._C;
+	if (!cal) {
+		return false;
+	}
+	cal.dragging = false;
+	with (Calendar) {
+		removeEvent(document, "mousemove", calDragIt);
+		removeEvent(document, "mouseup", calDragEnd);
+		tableMouseUp(ev);
+	}
+	cal.hideShowCovered();
+};
+
+Calendar.dayMouseDown = function(ev) {
+	var el = Calendar.getElement(ev);
+	if (el.disabled) {
+		return false;
+	}
+	var cal = el.calendar;
+	cal.activeDiv = el;
+	Calendar._C = cal;
+	if (el.navtype != 300) with (Calendar) {
+		if (el.navtype == 50) {
+			el._current = el.innerHTML;
+			addEvent(document, "mousemove", tableMouseOver);
+		} else
+			addEvent(document, Calendar.is_ie5 ? "mousemove" : "mouseover", tableMouseOver);
+		addClass(el, "hilite active");
+		addEvent(document, "mouseup", tableMouseUp);
+	} else if (cal.isPopup) {
+		cal._dragStart(ev);
+	}
+	if (el.navtype == -1 || el.navtype == 1) {
+		if (cal.timeout) clearTimeout(cal.timeout);
+		cal.timeout = setTimeout("Calendar.showMonthsCombo()", 250);
+	} else if (el.navtype == -2 || el.navtype == 2) {
+		if (cal.timeout) clearTimeout(cal.timeout);
+		cal.timeout = setTimeout((el.navtype > 0) ? "Calendar.showYearsCombo(true)" : "Calendar.showYearsCombo(false)", 250);
+	} else {
+		cal.timeout = null;
+	}
+	return Calendar.stopEvent(ev);
+};
+
+Calendar.dayMouseDblClick = function(ev) {
+	Calendar.cellClick(Calendar.getElement(ev), ev || window.event);
+	if (Calendar.is_ie) {
+		document.selection.empty();
+	}
+};
+
+Calendar.dayMouseOver = function(ev) {
+	var el = Calendar.getElement(ev);
+	if (Calendar.isRelated(el, ev) || Calendar._C || el.disabled) {
+		return false;
+	}
+	if (el.ttip) {
+		if (el.ttip.substr(0, 1) == "_") {
+			el.ttip = el.caldate.print(el.calendar.ttDateFormat) + el.ttip.substr(1);
+		}
+		el.calendar.tooltips.innerHTML = el.ttip;
+	}
+	if (el.navtype != 300) {
+		Calendar.addClass(el, "hilite");
+		if (el.caldate) {
+			Calendar.addClass(el.parentNode, "rowhilite");
+		}
+	}
+	return Calendar.stopEvent(ev);
+};
+
+Calendar.dayMouseOut = function(ev) {
+	with (Calendar) {
+		var el = getElement(ev);
+		if (isRelated(el, ev) || _C || el.disabled)
+			return false;
+		removeClass(el, "hilite");
+		if (el.caldate)
+			removeClass(el.parentNode, "rowhilite");
+		if (el.calendar)
+			el.calendar.tooltips.innerHTML = _TT["SEL_DATE"];
+		return stopEvent(ev);
+	}
+};
+
+/**
+ *  A generic "click" handler :) handles all types of buttons defined in this
+ *  calendar.
+ */
+Calendar.cellClick = function(el, ev) {
+	var cal = el.calendar;
+	var closing = false;
+	var newdate = false;
+	var date = null;
+	if (typeof el.navtype == "undefined") {
+		if (cal.currentDateEl) {
+			Calendar.removeClass(cal.currentDateEl, "selected");
+			Calendar.addClass(el, "selected");
+			closing = (cal.currentDateEl == el);
+			if (!closing) {
+				cal.currentDateEl = el;
+			}
+		}
+		cal.date.setDateOnly(el.caldate);
+		date = cal.date;
+		var other_month = !(cal.dateClicked = !el.otherMonth);
+		if (!other_month && !cal.currentDateEl)
+			cal._toggleMultipleDate(new Date(date));
+		else
+			newdate = !el.disabled;
+		// a date was clicked
+		if (other_month)
+			cal._init(cal.firstDayOfWeek, date);
+	} else {
+		if (el.navtype == 200) {
+			Calendar.removeClass(el, "hilite");
+			cal.callCloseHandler();
+			return;
+		}
+		date = new Date(cal.date);
+		if (el.navtype == 0)
+			date.setDateOnly(new Date()); // TODAY
+		// unless "today" was clicked, we assume no date was clicked so
+		// the selected handler will know not to close the calenar when
+		// in single-click mode.
+		// cal.dateClicked = (el.navtype == 0);
+		cal.dateClicked = false;
+		var year = date.getFullYear();
+		var mon = date.getMonth();
+		function setMonth(m) {
+			var day = date.getDate();
+			var max = date.getMonthDays(m);
+			if (day > max) {
+				date.setDate(max);
+			}
+			date.setMonth(m);
+		};
+		switch (el.navtype) {
+		    case 400:
+			Calendar.removeClass(el, "hilite");
+			var text = Calendar._TT["ABOUT"];
+			if (typeof text != "undefined") {
+				text += cal.showsTime ? Calendar._TT["ABOUT_TIME"] : "";
+			} else {
+				// FIXME: this should be removed as soon as lang files get updated!
+				text = "Help and about box text is not translated into this language.\n" +
+					"If you know this language and you feel generous please update\n" +
+					"the corresponding file in \"lang\" subdir to match calendar-en.js\n" +
+					"and send it back to <mihai_bazon@yahoo.com> to get it into the distribution  ;-)\n\n" +
+					"Thank you!\n" +
+					"http://dynarch.com/mishoo/calendar.epl\n";
+			}
+			alert(text);
+			return;
+		    case -2:
+			if (year > cal.minYear) {
+				date.setFullYear(year - 1);
+			}
+			break;
+		    case -1:
+			if (mon > 0) {
+				setMonth(mon - 1);
+			} else if (year-- > cal.minYear) {
+				date.setFullYear(year);
+				setMonth(11);
+			}
+			break;
+		    case 1:
+			if (mon < 11) {
+				setMonth(mon + 1);
+			} else if (year < cal.maxYear) {
+				date.setFullYear(year + 1);
+				setMonth(0);
+			}
+			break;
+		    case 2:
+			if (year < cal.maxYear) {
+				date.setFullYear(year + 1);
+			}
+			break;
+		    case 100:
+			cal.setFirstDayOfWeek(el.fdow);
+			return;
+		    case 50:
+			var range = el._range;
+			var current = el.innerHTML;
+			for (var i = range.length; --i >= 0;)
+				if (range[i] == current)
+					break;
+			if (ev && ev.shiftKey) {
+				if (--i < 0)
+					i = range.length - 1;
+			} else if ( ++i >= range.length )
+				i = 0;
+			var newval = range[i];
+			el.innerHTML = newval;
+			cal.onUpdateTime();
+			return;
+		    case 0:
+			// TODAY will bring us here
+			if ((typeof cal.getDateStatus == "function") &&
+			    cal.getDateStatus(date, date.getFullYear(), date.getMonth(), date.getDate())) {
+				return false;
+			}
+			break;
+		}
+		if (!date.equalsTo(cal.date)) {
+			cal.setDate(date);
+			newdate = true;
+		} else if (el.navtype == 0)
+			newdate = closing = true;
+	}
+	if (newdate) {
+		ev && cal.callHandler();
+	}
+	if (closing) {
+		Calendar.removeClass(el, "hilite");
+		ev && cal.callCloseHandler();
+	}
+};
+
+// END: CALENDAR STATIC FUNCTIONS
+
+// BEGIN: CALENDAR OBJECT FUNCTIONS
+
+/**
+ *  This function creates the calendar inside the given parent.  If _par is
+ *  null than it creates a popup calendar inside the BODY element.  If _par is
+ *  an element, be it BODY, then it creates a non-popup calendar (still
+ *  hidden).  Some properties need to be set before calling this function.
+ */
+Calendar.prototype.create = function (_par) {
+	var parent = null;
+	if (! _par) {
+		// default parent is the document body, in which case we create
+		// a popup calendar.
+		parent = document.getElementsByTagName("body")[0];
+		this.isPopup = true;
+	} else {
+		parent = _par;
+		this.isPopup = false;
+	}
+	this.date = this.dateStr ? new Date(this.dateStr) : new Date();
+
+	var table = Calendar.createElement("table");
+	this.table = table;
+	table.cellSpacing = 0;
+	table.cellPadding = 0;
+	table.calendar = this;
+	Calendar.addEvent(table, "mousedown", Calendar.tableMouseDown);
+
+	var div = Calendar.createElement("div");
+	this.element = div;
+	div.className = "calendar";
+	if (this.isPopup) {
+		div.style.position = "absolute";
+		div.style.display = "none";
+	}
+	div.appendChild(table);
+
+	var thead = Calendar.createElement("thead", table);
+	var cell = null;
+	var row = null;
+
+	var cal = this;
+	var hh = function (text, cs, navtype) {
+		cell = Calendar.createElement("td", row);
+		cell.colSpan = cs;
+		cell.className = "button";
+		if (navtype != 0 && Math.abs(navtype) <= 2)
+			cell.className += " nav";
+		Calendar._add_evs(cell);
+		cell.calendar = cal;
+		cell.navtype = navtype;
+		cell.innerHTML = "<div unselectable='on'>" + text + "</div>";
+		return cell;
+	};
+
+	row = Calendar.createElement("tr", thead);
+	var title_length = 7;
+	(this.isPopup) && --title_length;
+	(this.weekNumbers) && ++title_length;
+
+	//hh("?", 1, 400).ttip = Calendar._TT["INFO"];
+	this.title = hh("", title_length, 300);
+	//this.title.className = "title";
+	this.title.className = "calendar_title";
+	if (this.isPopup) {
+		this.title.ttip = Calendar._TT["DRAG_TO_MOVE"];
+		this.title.style.cursor = "move";
+		hh("&#x00d7;", 1, 200).ttip = Calendar._TT["CLOSE"];
+	}
+
+	row = Calendar.createElement("tr", thead);
+	row.className = "headrow";
+
+	this._nav_py = hh("&#x00ab;", 1, -2);
+	this._nav_py.ttip = Calendar._TT["PREV_YEAR"];
+
+	this._nav_pm = hh("&#x2039;", 1, -1);
+	this._nav_pm.ttip = Calendar._TT["PREV_MONTH"];
+
+	this._nav_now = hh(Calendar._TT["TODAY"], this.weekNumbers ? 4 : 3, 0);
+	this._nav_now.ttip = Calendar._TT["GO_TODAY"];
+
+	this._nav_nm = hh("&#x203a;", 1, 1);
+	this._nav_nm.ttip = Calendar._TT["NEXT_MONTH"];
+
+	this._nav_ny = hh("&#x00bb;", 1, 2);
+	this._nav_ny.ttip = Calendar._TT["NEXT_YEAR"];
+
+	// day names
+	row = Calendar.createElement("tr", thead);
+	row.className = "daynames";
+	if (this.weekNumbers) {
+		cell = Calendar.createElement("td", row);
+		cell.className = "name wn";
+		cell.innerHTML = Calendar._TT["WK"];
+	}
+	for (var i = 7; i > 0; --i) {
+		cell = Calendar.createElement("td", row);
+		if (!i) {
+			cell.navtype = 100;
+			cell.calendar = this;
+			Calendar._add_evs(cell);
+		}
+	}
+	this.firstdayname = (this.weekNumbers) ? row.firstChild.nextSibling : row.firstChild;
+	this._displayWeekdays();
+
+	var tbody = Calendar.createElement("tbody", table);
+	this.tbody = tbody;
+
+	for (i = 6; i > 0; --i) {
+		row = Calendar.createElement("tr", tbody);
+		if (this.weekNumbers) {
+			cell = Calendar.createElement("td", row);
+		}
+		for (var j = 7; j > 0; --j) {
+			cell = Calendar.createElement("td", row);
+			cell.calendar = this;
+			Calendar._add_evs(cell);
+		}
+	}
+
+	if (this.showsTime) {
+		row = Calendar.createElement("tr", tbody);
+		row.className = "time";
+
+		cell = Calendar.createElement("td", row);
+		cell.className = "time";
+		cell.colSpan = 2;
+		cell.innerHTML = Calendar._TT["TIME"] || "&nbsp;";
+
+		cell = Calendar.createElement("td", row);
+		cell.className = "time";
+		cell.colSpan = this.weekNumbers ? 4 : 3;
+
+		(function(){
+			function makeTimePart(className, init, range_start, range_end) {
+				var part = Calendar.createElement("span", cell);
+				part.className = className;
+				part.innerHTML = init;
+				part.calendar = cal;
+				part.ttip = Calendar._TT["TIME_PART"];
+				part.navtype = 50;
+				part._range = [];
+				if (typeof range_start != "number")
+					part._range = range_start;
+				else {
+					for (var i = range_start; i <= range_end; ++i) {
+						var txt;
+						if (i < 10 && range_end >= 10) txt = '0' + i;
+						else txt = '' + i;
+						part._range[part._range.length] = txt;
+					}
+				}
+				Calendar._add_evs(part);
+				return part;
+			};
+			var hrs = cal.date.getHours();
+			var mins = cal.date.getMinutes();
+			var t12 = !cal.time24;
+			var pm = (hrs > 12);
+			if (t12 && pm) hrs -= 12;
+			var H = makeTimePart("hour", hrs, t12 ? 1 : 0, t12 ? 12 : 23);
+			var span = Calendar.createElement("span", cell);
+			span.innerHTML = ":";
+			span.className = "colon";
+			var M = makeTimePart("minute", mins, 0, 59);
+			var AP = null;
+			cell = Calendar.createElement("td", row);
+			cell.className = "time";
+			cell.colSpan = 2;
+			if (t12)
+				AP = makeTimePart("ampm", pm ? "pm" : "am", ["am", "pm"]);
+			else
+				cell.innerHTML = "&nbsp;";
+
+			cal.onSetTime = function() {
+				var pm, hrs = this.date.getHours(),
+					mins = this.date.getMinutes();
+				if (t12) {
+					pm = (hrs >= 12);
+					if (pm) hrs -= 12;
+					if (hrs == 0) hrs = 12;
+					AP.innerHTML = pm ? "pm" : "am";
+				}
+				H.innerHTML = (hrs < 10) ? ("0" + hrs) : hrs;
+				M.innerHTML = (mins < 10) ? ("0" + mins) : mins;
+			};
+
+			cal.onUpdateTime = function() {
+				var date = this.date;
+				var h = parseInt(H.innerHTML, 10);
+				if (t12) {
+					if (/pm/i.test(AP.innerHTML) && h < 12)
+						h += 12;
+					else if (/am/i.test(AP.innerHTML) && h == 12)
+						h = 0;
+				}
+				var d = date.getDate();
+				var m = date.getMonth();
+				var y = date.getFullYear();
+				date.setHours(h);
+				date.setMinutes(parseInt(M.innerHTML, 10));
+				date.setFullYear(y);
+				date.setMonth(m);
+				date.setDate(d);
+				this.dateClicked = false;
+				this.callHandler();
+			};
+		})();
+	} else {
+		this.onSetTime = this.onUpdateTime = function() {};
+	}
+
+	var tfoot = Calendar.createElement("tfoot", table);
+
+	row = Calendar.createElement("tr", tfoot);
+	row.className = "footrow";
+
+	cell = hh(Calendar._TT["SEL_DATE"], this.weekNumbers ? 8 : 7, 300);
+	cell.className = "ttip";
+	if (this.isPopup) {
+		cell.ttip = Calendar._TT["DRAG_TO_MOVE"];
+		cell.style.cursor = "move";
+	}
+	this.tooltips = cell;
+
+	div = Calendar.createElement("div", this.element);
+	this.monthsCombo = div;
+	div.className = "combo";
+	for (i = 0; i < Calendar._MN.length; ++i) {
+		var mn = Calendar.createElement("div");
+		mn.className = Calendar.is_ie ? "label-IEfix" : "label";
+		mn.month = i;
+		mn.innerHTML = Calendar._SMN[i];
+		div.appendChild(mn);
+	}
+
+	div = Calendar.createElement("div", this.element);
+	this.yearsCombo = div;
+	div.className = "combo";
+	for (i = 12; i > 0; --i) {
+		var yr = Calendar.createElement("div");
+		yr.className = Calendar.is_ie ? "label-IEfix" : "label";
+		div.appendChild(yr);
+	}
+
+	this._init(this.firstDayOfWeek, this.date);
+	parent.appendChild(this.element);
+};
+
+/** keyboard navigation, only for popup calendars */
+Calendar._keyEvent = function(ev) {
+	var cal = window._dynarch_popupCalendar;
+	if (!cal || cal.multiple)
+		return false;
+	(Calendar.is_ie) && (ev = window.event);
+	var act = (Calendar.is_ie || ev.type == "keypress"),
+		K = ev.keyCode;
+	if (ev.ctrlKey) {
+		switch (K) {
+		    case 37: // KEY left
+			act && Calendar.cellClick(cal._nav_pm);
+			break;
+		    case 38: // KEY up
+			act && Calendar.cellClick(cal._nav_py);
+			break;
+		    case 39: // KEY right
+			act && Calendar.cellClick(cal._nav_nm);
+			break;
+		    case 40: // KEY down
+			act && Calendar.cellClick(cal._nav_ny);
+			break;
+		    default:
+			return false;
+		}
+	} else switch (K) {
+	    case 32: // KEY space (now)
+		Calendar.cellClick(cal._nav_now);
+		break;
+	    case 27: // KEY esc
+		act && cal.callCloseHandler();
+		break;
+	    case 37: // KEY left
+	    case 38: // KEY up
+	    case 39: // KEY right
+	    case 40: // KEY down
+		if (act) {
+			var prev, x, y, ne, el, step;
+			prev = K == 37 || K == 38;
+			step = (K == 37 || K == 39) ? 1 : 7;
+			function setVars() {
+				el = cal.currentDateEl;
+				var p = el.pos;
+				x = p & 15;
+				y = p >> 4;
+				ne = cal.ar_days[y][x];
+			};setVars();
+			function prevMonth() {
+				var date = new Date(cal.date);
+				date.setDate(date.getDate() - step);
+				cal.setDate(date);
+			};
+			function nextMonth() {
+				var date = new Date(cal.date);
+				date.setDate(date.getDate() + step);
+				cal.setDate(date);
+			};
+			while (1) {
+				switch (K) {
+				    case 37: // KEY left
+					if (--x >= 0)
+						ne = cal.ar_days[y][x];
+					else {
+						x = 6;
+						K = 38;
+						continue;
+					}
+					break;
+				    case 38: // KEY up
+					if (--y >= 0)
+						ne = cal.ar_days[y][x];
+					else {
+						prevMonth();
+						setVars();
+					}
+					break;
+				    case 39: // KEY right
+					if (++x < 7)
+						ne = cal.ar_days[y][x];
+					else {
+						x = 0;
+						K = 40;
+						continue;
+					}
+					break;
+				    case 40: // KEY down
+					if (++y < cal.ar_days.length)
+						ne = cal.ar_days[y][x];
+					else {
+						nextMonth();
+						setVars();
+					}
+					break;
+				}
+				break;
+			}
+			if (ne) {
+				if (!ne.disabled)
+					Calendar.cellClick(ne);
+				else if (prev)
+					prevMonth();
+				else
+					nextMonth();
+			}
+		}
+		break;
+	    case 13: // KEY enter
+		if (act)
+			Calendar.cellClick(cal.currentDateEl, ev);
+		break;
+	    default:
+		return false;
+	}
+	return Calendar.stopEvent(ev);
+};
+
+/**
+ *  (RE)Initializes the calendar to the given date and firstDayOfWeek
+ */
+Calendar.prototype._init = function (firstDayOfWeek, date) {
+	var today = new Date(),
+		TY = today.getFullYear(),
+		TM = today.getMonth(),
+		TD = today.getDate();
+	this.table.style.visibility = "hidden";
+	var year = date.getFullYear();
+	if (year < this.minYear) {
+		year = this.minYear;
+		date.setFullYear(year);
+	} else if (year > this.maxYear) {
+		year = this.maxYear;
+		date.setFullYear(year);
+	}
+	this.firstDayOfWeek = firstDayOfWeek;
+	this.date = new Date(date);
+	var month = date.getMonth();
+	var mday = date.getDate();
+	var no_days = date.getMonthDays();
+
+	// calendar voodoo for computing the first day that would actually be
+	// displayed in the calendar, even if it's from the previous month.
+	// WARNING: this is magic. ;-)
+	date.setDate(1);
+	var day1 = (date.getDay() - this.firstDayOfWeek) % 7;
+	if (day1 < 0)
+		day1 += 7;
+	date.setDate(-day1);
+	date.setDate(date.getDate() + 1);
+
+	var row = this.tbody.firstChild;
+	var MN = Calendar._SMN[month];
+	var ar_days = this.ar_days = new Array();
+	var weekend = Calendar._TT["WEEKEND"];
+	var dates = this.multiple ? (this.datesCells = {}) : null;
+	for (var i = 0; i < 6; ++i, row = row.nextSibling) {
+		var cell = row.firstChild;
+		if (this.weekNumbers) {
+			cell.className = "day wn";
+			cell.innerHTML = date.getWeekNumber();
+			cell = cell.nextSibling;
+		}
+		row.className = "daysrow";
+		var hasdays = false, iday, dpos = ar_days[i] = [];
+		for (var j = 0; j < 7; ++j, cell = cell.nextSibling, date.setDate(iday + 1)) {
+			iday = date.getDate();
+			var wday = date.getDay();
+			cell.className = "day";
+			cell.pos = i << 4 | j;
+			dpos[j] = cell;
+			var current_month = (date.getMonth() == month);
+			if (!current_month) {
+				if (this.showsOtherMonths) {
+					cell.className += " othermonth";
+					cell.otherMonth = true;
+				} else {
+					cell.className = "emptycell";
+					cell.innerHTML = "&nbsp;";
+					cell.disabled = true;
+					continue;
+				}
+			} else {
+				cell.otherMonth = false;
+				hasdays = true;
+			}
+			cell.disabled = false;
+			cell.innerHTML = this.getDateText ? this.getDateText(date, iday) : iday;
+			if (dates)
+				dates[date.print("%Y%m%d")] = cell;
+			if (this.getDateStatus) {
+				var status = this.getDateStatus(date, year, month, iday);
+				if (this.getDateToolTip) {
+					var toolTip = this.getDateToolTip(date, year, month, iday);
+					if (toolTip)
+						cell.title = toolTip;
+				}
+				if (status === true) {
+					cell.className += " disabled";
+					cell.disabled = true;
+				} else {
+					if (/disabled/i.test(status))
+						cell.disabled = true;
+					cell.className += " " + status;
+				}
+			}
+			if (!cell.disabled) {
+				cell.caldate = new Date(date);
+				cell.ttip = "_";
+				if (!this.multiple && current_month
+				    && iday == mday && this.hiliteToday) {
+					cell.className += " selected";
+					this.currentDateEl = cell;
+				}
+				if (date.getFullYear() == TY &&
+				    date.getMonth() == TM &&
+				    iday == TD) {
+					cell.className += " today";
+					cell.ttip += Calendar._TT["PART_TODAY"];
+				}
+				if (weekend.indexOf(wday.toString()) != -1)
+					cell.className += cell.otherMonth ? " oweekend" : " weekend";
+			}
+		}
+		if (!(hasdays || this.showsOtherMonths))
+			row.className = "emptyrow";
+	}
+	this.title.innerHTML = Calendar._MN[month] + ", " + year;
+	this.onSetTime();
+	this.table.style.visibility = "visible";
+	this._initMultipleDates();
+	// PROFILE
+	// this.tooltips.innerHTML = "Generated in " + ((new Date()) - today) + " ms";
+};
+
+Calendar.prototype._initMultipleDates = function() {
+	if (this.multiple) {
+		for (var i in this.multiple) {
+			var cell = this.datesCells[i];
+			var d = this.multiple[i];
+			if (!d)
+				continue;
+			if (cell)
+				cell.className += " selected";
+		}
+	}
+};
+
+Calendar.prototype._toggleMultipleDate = function(date) {
+	if (this.multiple) {
+		var ds = date.print("%Y%m%d");
+		var cell = this.datesCells[ds];
+		if (cell) {
+			var d = this.multiple[ds];
+			if (!d) {
+				Calendar.addClass(cell, "selected");
+				this.multiple[ds] = date;
+			} else {
+				Calendar.removeClass(cell, "selected");
+				delete this.multiple[ds];
+			}
+		}
+	}
+};
+
+Calendar.prototype.setDateToolTipHandler = function (unaryFunction) {
+	this.getDateToolTip = unaryFunction;
+};
+
+/**
+ *  Calls _init function above for going to a certain date (but only if the
+ *  date is different than the currently selected one).
+ */
+Calendar.prototype.setDate = function (date) {
+	if (!date.equalsTo(this.date)) {
+		this._init(this.firstDayOfWeek, date);
+	}
+};
+
+/**
+ *  Refreshes the calendar.  Useful if the "disabledHandler" function is
+ *  dynamic, meaning that the list of disabled date can change at runtime.
+ *  Just * call this function if you think that the list of disabled dates
+ *  should * change.
+ */
+Calendar.prototype.refresh = function () {
+	this._init(this.firstDayOfWeek, this.date);
+};
+
+/** Modifies the "firstDayOfWeek" parameter (pass 0 for Synday, 1 for Monday, etc.). */
+Calendar.prototype.setFirstDayOfWeek = function (firstDayOfWeek) {
+	this._init(firstDayOfWeek, this.date);
+	this._displayWeekdays();
+};
+
+/**
+ *  Allows customization of what dates are enabled.  The "unaryFunction"
+ *  parameter must be a function object that receives the date (as a JS Date
+ *  object) and returns a boolean value.  If the returned value is true then
+ *  the passed date will be marked as disabled.
+ */
+Calendar.prototype.setDateStatusHandler = Calendar.prototype.setDisabledHandler = function (unaryFunction) {
+	this.getDateStatus = unaryFunction;
+};
+
+/** Customization of allowed year range for the calendar. */
+Calendar.prototype.setRange = function (a, z) {
+	this.minYear = a;
+	this.maxYear = z;
+};
+
+/** Calls the first user handler (selectedHandler). */
+Calendar.prototype.callHandler = function () {
+	if (this.onSelected) {
+		this.onSelected(this, this.date.print(this.dateFormat));
+	}
+};
+
+/** Calls the second user handler (closeHandler). */
+Calendar.prototype.callCloseHandler = function () {
+	if (this.onClose) {
+		this.onClose(this);
+	}
+	this.hideShowCovered();
+};
+
+/** Removes the calendar object from the DOM tree and destroys it. */
+Calendar.prototype.destroy = function () {
+	var el = this.element.parentNode;
+	el.removeChild(this.element);
+	Calendar._C = null;
+	window._dynarch_popupCalendar = null;
+};
+
+/**
+ *  Moves the calendar element to a different section in the DOM tree (changes
+ *  its parent).
+ */
+Calendar.prototype.reparent = function (new_parent) {
+	var el = this.element;
+	el.parentNode.removeChild(el);
+	new_parent.appendChild(el);
+};
+
+// This gets called when the user presses a mouse button anywhere in the
+// document, if the calendar is shown.  If the click was outside the open
+// calendar this function closes it.
+Calendar._checkCalendar = function(ev) {
+	var calendar = window._dynarch_popupCalendar;
+	if (!calendar) {
+		return false;
+	}
+	var el = Calendar.is_ie ? Calendar.getElement(ev) : Calendar.getTargetElement(ev);
+	for (; el != null && el != calendar.element; el = el.parentNode);
+	if (el == null) {
+		// calls closeHandler which should hide the calendar.
+		window._dynarch_popupCalendar.callCloseHandler();
+		return Calendar.stopEvent(ev);
+	}
+};
+
+/** Shows the calendar. */
+Calendar.prototype.show = function () {
+	var rows = this.table.getElementsByTagName("tr");
+	for (var i = rows.length; i > 0;) {
+		var row = rows[--i];
+		Calendar.removeClass(row, "rowhilite");
+		var cells = row.getElementsByTagName("td");
+		for (var j = cells.length; j > 0;) {
+			var cell = cells[--j];
+			Calendar.removeClass(cell, "hilite");
+			Calendar.removeClass(cell, "active");
+		}
+	}
+	this.element.style.display = "block";
+	this.hidden = false;
+	if (this.isPopup) {
+		window._dynarch_popupCalendar = this;
+		Calendar.addEvent(document, "keydown", Calendar._keyEvent);
+		Calendar.addEvent(document, "keypress", Calendar._keyEvent);
+		Calendar.addEvent(document, "mousedown", Calendar._checkCalendar);
+	}
+	this.hideShowCovered();
+};
+
+/**
+ *  Hides the calendar.  Also removes any "hilite" from the class of any TD
+ *  element.
+ */
+Calendar.prototype.hide = function () {
+	if (this.isPopup) {
+		Calendar.removeEvent(document, "keydown", Calendar._keyEvent);
+		Calendar.removeEvent(document, "keypress", Calendar._keyEvent);
+		Calendar.removeEvent(document, "mousedown", Calendar._checkCalendar);
+	}
+	this.element.style.display = "none";
+	this.hidden = true;
+	this.hideShowCovered();
+};
+
+/**
+ *  Shows the calendar at a given absolute position (beware that, depending on
+ *  the calendar element style -- position property -- this might be relative
+ *  to the parent's containing rectangle).
+ */
+Calendar.prototype.showAt = function (x, y) {
+	var s = this.element.style;
+	s.left = x + "px";
+	s.top = y + "px";
+	this.show();
+};
+
+/** Shows the calendar near a given element. */
+Calendar.prototype.showAtElement = function (el, opts) {
+	var self = this;
+	var p = Calendar.getAbsolutePos(el);
+	if (!opts || typeof opts != "string") {
+		this.showAt(p.x, p.y + el.offsetHeight);
+		return true;
+	}
+	function fixPosition(box) {
+		if (box.x < 0)
+			box.x = 0;
+		if (box.y < 0)
+			box.y = 0;
+		var cp = document.createElement("div");
+		var s = cp.style;
+		s.position = "absolute";
+		s.right = s.bottom = s.width = s.height = "0px";
+		document.body.appendChild(cp);
+		var br = Calendar.getAbsolutePos(cp);
+		document.body.removeChild(cp);
+		if (Calendar.is_ie) {
+			br.y += document.body.scrollTop;
+			br.x += document.body.scrollLeft;
+		} else {
+			br.y += window.scrollY;
+			br.x += window.scrollX;
+		}
+		var tmp = box.x + box.width - br.x;
+		if (tmp > 0) box.x -= tmp;
+		tmp = box.y + box.height - br.y;
+		if (tmp > 0) box.y -= tmp;
+	};
+	this.element.style.display = "block";
+	Calendar.continuation_for_the_fucking_khtml_browser = function() {
+		var w = self.element.offsetWidth;
+		var h = self.element.offsetHeight;
+		self.element.style.display = "none";
+		var valign = opts.substr(0, 1);
+		var halign = "l";
+		if (opts.length > 1) {
+			halign = opts.substr(1, 1);
+		}
+		// vertical alignment
+		switch (valign) {
+		    case "T": p.y -= h; break;
+		    case "B": p.y += el.offsetHeight; break;
+		    case "C": p.y += (el.offsetHeight - h) / 2; break;
+		    case "t": p.y += el.offsetHeight - h; break;
+		    case "b": break; // already there
+		}
+		// horizontal alignment
+		switch (halign) {
+		    case "L": p.x -= w; break;
+		    case "R": p.x += el.offsetWidth; break;
+		    case "C": p.x += (el.offsetWidth - w) / 2; break;
+		    case "l": p.x += el.offsetWidth - w; break;
+		    case "r": break; // already there
+		}
+		p.width = w;
+		p.height = h + 40;
+		self.monthsCombo.style.display = "none";
+		fixPosition(p);
+		self.showAt(p.x, p.y);
+	};
+	if (Calendar.is_khtml)
+		setTimeout("Calendar.continuation_for_the_fucking_khtml_browser()", 10);
+	else
+		Calendar.continuation_for_the_fucking_khtml_browser();
+};
+
+/** Customizes the date format. */
+Calendar.prototype.setDateFormat = function (str) {
+	this.dateFormat = str;
+};
+
+/** Customizes the tooltip date format. */
+Calendar.prototype.setTtDateFormat = function (str) {
+	this.ttDateFormat = str;
+};
+
+/**
+ *  Tries to identify the date represented in a string.  If successful it also
+ *  calls this.setDate which moves the calendar to the given date.
+ */
+Calendar.prototype.parseDate = function(str, fmt) {
+	if (!fmt)
+		fmt = this.dateFormat;
+	this.setDate(Date.parseDate(str, fmt));
+};
+
+Calendar.prototype.hideShowCovered = function () {
+	if (!Calendar.is_ie && !Calendar.is_opera)
+		return;
+	function getVisib(obj){
+		var value = obj.style.visibility;
+		if (!value) {
+			if (document.defaultView && typeof (document.defaultView.getComputedStyle) == "function") { // Gecko, W3C
+				if (!Calendar.is_khtml)
+					value = document.defaultView.
+						getComputedStyle(obj, "").getPropertyValue("visibility");
+				else
+					value = '';
+			} else if (obj.currentStyle) { // IE
+				value = obj.currentStyle.visibility;
+			} else
+				value = '';
+		}
+		return value;
+	};
+
+	var tags = new Array("applet", "iframe", "select");
+	var el = this.element;
+
+	var p = Calendar.getAbsolutePos(el);
+	var EX1 = p.x;
+	var EX2 = el.offsetWidth + EX1;
+	var EY1 = p.y;
+	var EY2 = el.offsetHeight + EY1;
+
+	for (var k = tags.length; k > 0; ) {
+		var ar = document.getElementsByTagName(tags[--k]);
+		var cc = null;
+
+		for (var i = ar.length; i > 0;) {
+			cc = ar[--i];
+
+			p = Calendar.getAbsolutePos(cc);
+			var CX1 = p.x;
+			var CX2 = cc.offsetWidth + CX1;
+			var CY1 = p.y;
+			var CY2 = cc.offsetHeight + CY1;
+
+			if (this.hidden || (CX1 > EX2) || (CX2 < EX1) || (CY1 > EY2) || (CY2 < EY1)) {
+				if (!cc.__msh_save_visibility) {
+					cc.__msh_save_visibility = getVisib(cc);
+				}
+				cc.style.visibility = cc.__msh_save_visibility;
+			} else {
+				if (!cc.__msh_save_visibility) {
+					cc.__msh_save_visibility = getVisib(cc);
+				}
+				cc.style.visibility = "hidden";
+			}
+		}
+	}
+};
+
+/** Internal function; it displays the bar with the names of the weekday. */
+Calendar.prototype._displayWeekdays = function () {
+	var fdow = this.firstDayOfWeek;
+	var cell = this.firstdayname;
+	var weekend = Calendar._TT["WEEKEND"];
+	for (var i = 0; i < 7; ++i) {
+		cell.className = "day name";
+		var realday = (i + fdow) % 7;
+		if (i) {
+			cell.ttip = Calendar._TT["DAY_FIRST"].replace("%s", Calendar._DN[realday]);
+			cell.navtype = 100;
+			cell.calendar = this;
+			cell.fdow = realday;
+			Calendar._add_evs(cell);
+		}
+		if (weekend.indexOf(realday.toString()) != -1) {
+			Calendar.addClass(cell, "weekend");
+		}
+		cell.innerHTML = Calendar._SDN[(i + fdow) % 7];
+		cell = cell.nextSibling;
+	}
+};
+
+/** Internal function.  Hides all combo boxes that might be displayed. */
+Calendar.prototype._hideCombos = function () {
+	this.monthsCombo.style.display = "none";
+	this.yearsCombo.style.display = "none";
+};
+
+/** Internal function.  Starts dragging the element. */
+Calendar.prototype._dragStart = function (ev) {
+	if (this.dragging) {
+		return;
+	}
+	this.dragging = true;
+	var posX;
+	var posY;
+	if (Calendar.is_ie) {
+		posY = window.event.clientY + document.body.scrollTop;
+		posX = window.event.clientX + document.body.scrollLeft;
+	} else {
+		posY = ev.clientY + window.scrollY;
+		posX = ev.clientX + window.scrollX;
+	}
+	var st = this.element.style;
+	this.xOffs = posX - parseInt(st.left);
+	this.yOffs = posY - parseInt(st.top);
+	with (Calendar) {
+		addEvent(document, "mousemove", calDragIt);
+		addEvent(document, "mouseup", calDragEnd);
+	}
+};
+
+// BEGIN: DATE OBJECT PATCHES
+
+/** Adds the number of days array to the Date object. */
+Date._MD = new Array(31,28,31,30,31,30,31,31,30,31,30,31);
+
+/** Constants used for time computations */
+Date.SECOND = 1000 /* milliseconds */;
+Date.MINUTE = 60 * Date.SECOND;
+Date.HOUR   = 60 * Date.MINUTE;
+Date.DAY    = 24 * Date.HOUR;
+Date.WEEK   =  7 * Date.DAY;
+
+Date.parseDate = function(str, fmt) {
+	var today = new Date();
+	var y = 0;
+	var m = -1;
+	var d = 0;
+	var a = str.split(/\W+/);
+	var b = fmt.match(/%./g);
+	var i = 0, j = 0;
+	var hr = 0;
+	var min = 0;
+	for (i = 0; i < a.length; ++i) {
+		if (!a[i])
+			continue;
+		switch (b[i]) {
+		    case "%d":
+		    case "%e":
+			d = parseInt(a[i], 10);
+			break;
+
+		    case "%m":
+			m = parseInt(a[i], 10) - 1;
+			break;
+
+		    case "%Y":
+		    case "%y":
+			y = parseInt(a[i], 10);
+			(y < 100) && (y += (y > 29) ? 1900 : 2000);
+			break;
+
+		    case "%b":
+		    case "%B":
+			for (j = 0; j < 12; ++j) {
+				if (Calendar._MN[j].substr(0, a[i].length).toLowerCase() == a[i].toLowerCase()) { m = j; break; }
+			}
+			break;
+
+		    case "%H":
+		    case "%I":
+		    case "%k":
+		    case "%l":
+			hr = parseInt(a[i], 10);
+			break;
+
+		    case "%P":
+		    case "%p":
+			if (/pm/i.test(a[i]) && hr < 12)
+				hr += 12;
+			else if (/am/i.test(a[i]) && hr >= 12)
+				hr -= 12;
+			break;
+
+		    case "%M":
+			min = parseInt(a[i], 10);
+			break;
+		}
+	}
+	if (isNaN(y)) y = today.getFullYear();
+	if (isNaN(m)) m = today.getMonth();
+	if (isNaN(d)) d = today.getDate();
+	if (isNaN(hr)) hr = today.getHours();
+	if (isNaN(min)) min = today.getMinutes();
+	if (y != 0 && m != -1 && d != 0)
+		return new Date(y, m, d, hr, min, 0);
+	y = 0; m = -1; d = 0;
+	for (i = 0; i < a.length; ++i) {
+		if (a[i].search(/[a-zA-Z]+/) != -1) {
+			var t = -1;
+			for (j = 0; j < 12; ++j) {
+				if (Calendar._MN[j].substr(0, a[i].length).toLowerCase() == a[i].toLowerCase()) { t = j; break; }
+			}
+			if (t != -1) {
+				if (m != -1) {
+					d = m+1;
+				}
+				m = t;
+			}
+		} else if (parseInt(a[i], 10) <= 12 && m == -1) {
+			m = a[i]-1;
+		} else if (parseInt(a[i], 10) > 31 && y == 0) {
+			y = parseInt(a[i], 10);
+			(y < 100) && (y += (y > 29) ? 1900 : 2000);
+		} else if (d == 0) {
+			d = a[i];
+		}
+	}
+	if (y == 0)
+		y = today.getFullYear();
+	if (m != -1 && d != 0)
+		return new Date(y, m, d, hr, min, 0);
+	return today;
+};
+
+/** Returns the number of days in the current month */
+Date.prototype.getMonthDays = function(month) {
+	var year = this.getFullYear();
+	if (typeof month == "undefined") {
+		month = this.getMonth();
+	}
+	if (((0 == (year%4)) && ( (0 != (year%100)) || (0 == (year%400)))) && month == 1) {
+		return 29;
+	} else {
+		return Date._MD[month];
+	}
+};
+
+/** Returns the number of day in the year. */
+Date.prototype.getDayOfYear = function() {
+	var now = new Date(this.getFullYear(), this.getMonth(), this.getDate(), 0, 0, 0);
+	var then = new Date(this.getFullYear(), 0, 0, 0, 0, 0);
+	var time = now - then;
+	return Math.floor(time / Date.DAY);
+};
+
+/** Returns the number of the week in year, as defined in ISO 8601. */
+Date.prototype.getWeekNumber = function() {
+	var d = new Date(this.getFullYear(), this.getMonth(), this.getDate(), 0, 0, 0);
+	var DoW = d.getDay();
+	d.setDate(d.getDate() - (DoW + 6) % 7 + 3); // Nearest Thu
+	var ms = d.valueOf(); // GMT
+	d.setMonth(0);
+	d.setDate(4); // Thu in Week 1
+	return Math.round((ms - d.valueOf()) / (7 * 864e5)) + 1;
+};
+
+/** Checks date and time equality */
+Date.prototype.equalsTo = function(date) {
+	return ((this.getFullYear() == date.getFullYear()) &&
+		(this.getMonth() == date.getMonth()) &&
+		(this.getDate() == date.getDate()) &&
+		(this.getHours() == date.getHours()) &&
+		(this.getMinutes() == date.getMinutes()));
+};
+
+/** Set only the year, month, date parts (keep existing time) */
+Date.prototype.setDateOnly = function(date) {
+	var tmp = new Date(date);
+	this.setDate(1);
+	this.setFullYear(tmp.getFullYear());
+	this.setMonth(tmp.getMonth());
+	this.setDate(tmp.getDate());
+};
+
+/** Prints the date in a string according to the given format. */
+Date.prototype.print = function (str) {
+	var m = this.getMonth();
+	var d = this.getDate();
+	var y = this.getFullYear();
+	var wn = this.getWeekNumber();
+	var w = this.getDay();
+	var s = {};
+	var hr = this.getHours();
+	var pm = (hr >= 12);
+	var ir = (pm) ? (hr - 12) : hr;
+	var dy = this.getDayOfYear();
+	if (ir == 0)
+		ir = 12;
+	var min = this.getMinutes();
+	var sec = this.getSeconds();
+	s["%a"] = Calendar._SDN[w]; // abbreviated weekday name [FIXME: I18N]
+	s["%A"] = Calendar._DN[w]; // full weekday name
+	s["%b"] = Calendar._SMN[m]; // abbreviated month name [FIXME: I18N]
+	s["%B"] = Calendar._MN[m]; // full month name
+	// FIXME: %c : preferred date and time representation for the current locale
+	s["%C"] = 1 + Math.floor(y / 100); // the century number
+	s["%d"] = (d < 10) ? ("0" + d) : d; // the day of the month (range 01 to 31)
+	s["%e"] = d; // the day of the month (range 1 to 31)
+	// FIXME: %D : american date style: %m/%d/%y
+	// FIXME: %E, %F, %G, %g, %h (man strftime)
+	s["%H"] = (hr < 10) ? ("0" + hr) : hr; // hour, range 00 to 23 (24h format)
+	s["%I"] = (ir < 10) ? ("0" + ir) : ir; // hour, range 01 to 12 (12h format)
+	s["%j"] = (dy < 100) ? ((dy < 10) ? ("00" + dy) : ("0" + dy)) : dy; // day of the year (range 001 to 366)
+	s["%k"] = hr;		// hour, range 0 to 23 (24h format)
+	s["%l"] = ir;		// hour, range 1 to 12 (12h format)
+	s["%m"] = (m < 9) ? ("0" + (1+m)) : (1+m); // month, range 01 to 12
+	s["%M"] = (min < 10) ? ("0" + min) : min; // minute, range 00 to 59
+	s["%n"] = "\n";		// a newline character
+	s["%p"] = pm ? "PM" : "AM";
+	s["%P"] = pm ? "pm" : "am";
+	// FIXME: %r : the time in am/pm notation %I:%M:%S %p
+	// FIXME: %R : the time in 24-hour notation %H:%M
+	s["%s"] = Math.floor(this.getTime() / 1000);
+	s["%S"] = (sec < 10) ? ("0" + sec) : sec; // seconds, range 00 to 59
+	s["%t"] = "\t";		// a tab character
+	// FIXME: %T : the time in 24-hour notation (%H:%M:%S)
+	s["%U"] = s["%W"] = s["%V"] = (wn < 10) ? ("0" + wn) : wn;
+	s["%u"] = w + 1;	// the day of the week (range 1 to 7, 1 = MON)
+	s["%w"] = w;		// the day of the week (range 0 to 6, 0 = SUN)
+	// FIXME: %x : preferred date representation for the current locale without the time
+	// FIXME: %X : preferred time representation for the current locale without the date
+	s["%y"] = ('' + y).substr(2, 2); // year without the century (range 00 to 99)
+	s["%Y"] = y;		// year with the century
+	s["%%"] = "%";		// a literal '%' character
+
+	var re = /%./g;
+	if (!Calendar.is_ie5 && !Calendar.is_khtml)
+		return str.replace(re, function (par) { return s[par] || par; });
+
+	var a = str.match(re);
+	for (var i = 0; i < a.length; i++) {
+		var tmp = s[a[i]];
+		if (tmp) {
+			re = new RegExp(a[i], 'g');
+			str = str.replace(re, tmp);
+		}
+	}
+
+	return str;
+};
+
+Date.prototype.__msh_oldSetFullYear = Date.prototype.setFullYear;
+Date.prototype.setFullYear = function(y) {
+	var d = new Date(this);
+	d.__msh_oldSetFullYear(y);
+	if (d.getMonth() != this.getMonth())
+		this.setDate(28);
+	this.__msh_oldSetFullYear(y);
+};
+
+// END: DATE OBJECT PATCHES
+
+
+// global object that remembers the calendar
+window._dynarch_popupCalendar = null;
diff --git a/js/jscalendar/calendar.php b/js/jscalendar/calendar.php
new file mode 100644
index 0000000..5b9120d
--- /dev/null
+++ b/js/jscalendar/calendar.php
@@ -0,0 +1,119 @@
+<?php
+
+/**
+ *  File: calendar.php | (c) dynarch.com 2004
+ *  Distributed as part of "The Coolest DHTML Calendar"
+ *  under the same terms.
+ *  -----------------------------------------------------------------
+ *  This file implements a simple PHP wrapper for the calendar.  It
+ *  allows you to easily include all the calendar files and setup the
+ *  calendar by instantiating and calling a PHP object.
+ */
+
+define('NEWLINE', "\n");
+
+class DHTML_Calendar {
+    var $calendar_lib_path;
+
+    var $calendar_file;
+    var $calendar_lang_file;
+    var $calendar_setup_file;
+    var $calendar_theme_file;
+    var $calendar_options;
+
+    function DHTML_Calendar($calendar_lib_path = '/calendar/',
+                            $lang              = 'en',
+                            $theme             = 'calendar-win2k-1',
+                            $stripped          = true) {
+        if ($stripped) {
+            $this->calendar_file = 'calendar_stripped.js';
+            $this->calendar_setup_file = 'calendar-setup_stripped.js';
+        } else {
+            $this->calendar_file = 'calendar.js';
+            $this->calendar_setup_file = 'calendar-setup.js';
+        }
+        $this->calendar_lang_file = 'lang/calendar-' . $lang . '.js';
+        $this->calendar_theme_file = $theme.'.css';
+        $this->calendar_lib_path = preg_replace('/\/+$/', '/', $calendar_lib_path);
+        $this->calendar_options = array('ifFormat' => '%Y/%m/%d',
+                                        'daFormat' => '%Y/%m/%d');
+    }
+
+    function set_option($name, $value) {
+        $this->calendar_options[$name] = $value;
+    }
+
+    function load_files() {
+        echo $this->get_load_files_code();
+    }
+
+    function get_load_files_code() {
+        $code  = ( '<link rel="stylesheet" type="text/css" media="all" href="' .
+                   $this->calendar_lib_path . $this->calendar_theme_file .
+                   '" />' . NEWLINE );
+        $code .= ( '<script type="text/javascript" src="' .
+                   $this->calendar_lib_path . $this->calendar_file .
+                   '"></script>' . NEWLINE );
+        $code .= ( '<script type="text/javascript" src="' .
+                   $this->calendar_lib_path . $this->calendar_lang_file .
+                   '"></script>' . NEWLINE );
+        $code .= ( '<script type="text/javascript" src="' .
+                   $this->calendar_lib_path . $this->calendar_setup_file .
+                   '"></script>' );
+        return $code;
+    }
+
+    function _make_calendar($other_options = array()) {
+        $js_options = $this->_make_js_hash(array_merge($this->calendar_options, $other_options));
+        $code  = ( '<script type="text/javascript">Calendar.setup({' .
+                   $js_options .
+                   '});</script>' );
+        return $code;
+    }
+
+    function make_input_field($cal_options = array(), $field_attributes = array()) {
+        $id = $this->_gen_id();
+        $attrstr = $this->_make_html_attr(array_merge($field_attributes,
+                                                      array('id'   => $this->_field_id($id),
+                                                            'type' => 'text')));
+        echo '<input ' . $attrstr .'/>';
+        echo '<a href="#" id="'. $this->_trigger_id($id) . '">' .
+            '<img align="middle" border="0" src="' . $this->calendar_lib_path . 'img.gif" alt="" /></a>';
+
+        $options = array_merge($cal_options,
+                               array('inputField' => $this->_field_id($id),
+                                     'button'     => $this->_trigger_id($id)));
+        echo $this->_make_calendar($options);
+    }
+
+    /// PRIVATE SECTION
+
+    function _field_id($id) { return 'f-calendar-field-' . $id; }
+    function _trigger_id($id) { return 'f-calendar-trigger-' . $id; }
+    function _gen_id() { static $id = 0; return ++$id; }
+
+    function _make_js_hash($array) {
+        $jstr = '';
+        reset($array);
+        while (list($key, $val) = each($array)) {
+            if (is_bool($val))
+                $val = $val ? 'true' : 'false';
+            else if (!is_numeric($val))
+                $val = '"'.$val.'"';
+            if ($jstr) $jstr .= ',';
+            $jstr .= '"' . $key . '":' . $val;
+        }
+        return $jstr;
+    }
+
+    function _make_html_attr($array) {
+        $attrstr = '';
+        reset($array);
+        while (list($key, $val) = each($array)) {
+            $attrstr .= $key . '="' . $val . '" ';
+        }
+        return $attrstr;
+    }
+};
+
+?>
\ No newline at end of file
diff --git a/js/jscalendar/calendar_stripped.js b/js/jscalendar/calendar_stripped.js
new file mode 100644
index 0000000..4fe03f1
--- /dev/null
+++ b/js/jscalendar/calendar_stripped.js
@@ -0,0 +1,14 @@
+/*  Copyright Mihai Bazon, 2002-2005  |  www.bazon.net/mishoo
+ * -----------------------------------------------------------
+ *
+ * The DHTML Calendar, version 1.0 "It is happening again"
+ *
+ * Details and latest version at:
+ * www.dynarch.com/projects/calendar
+ *
+ * This script is developed by Dynarch.com.  Visit us at www.dynarch.com.
+ *
+ * This script is distributed under the GNU Lesser General Public License.
+ * Read the entire license text here: http://www.gnu.org/licenses/lgpl.html
+ */
+ Calendar=function(firstDayOfWeek,dateStr,onSelected,onClose){this.activeDiv=null;this.currentDateEl=null;this.getDateStatus=null;this.getDateToolTip=null;this.getDateText=null;this.timeout=null;this.onSelected=onSelected||null;this.onClose=onClose||null;this.dragging=false;this.hidden=false;this.minYear=1970;this.maxYear=2050;this.dateFormat=Calendar._TT["DEF_DATE_FORMAT"];this.ttDateFormat=Calendar._TT["TT_DATE_FORMAT"];this.isPopup=true;this.weekNumbers=true;this.firstDayOfWeek=typeof firstDayOfWeek=="number"?firstDayOfWeek:Calendar._FD;this.showsOtherMonths=false;this.dateStr=dateStr;this.ar_days=null;this.showsTime=false;this.time24=true;this.yearStep=2;this.hiliteToday=true;this.multiple=null;this.table=null;this.element=null;this.tbody=null;this.firstdayname=null;this.monthsCombo=null;this.yearsCombo=null;this.hilitedMonth=null;this.activeMonth=null;this.hilitedYear=null;this.activeYear=null;this.dateClicked=false;if(typeof Calendar._SDN=="undefined"){if(typeof Calendar._SDN_len=="undefined")Calendar._SDN_len=3;var ar=new Array();for(var i=8;i>0;){ar[--i]=Calendar._DN[i].substr(0,Calendar._SDN_len);}Calendar._SDN=ar;if(typeof Calendar._SMN_len=="undefined")Calendar._SMN_len=3;ar=new Array();for(var i=12;i>0;){ar[--i]=Calendar._MN[i].substr(0,Calendar._SMN_len);}Calendar._SMN=ar;}};Calendar._C=null;Calendar.is_ie=(/msie/i.test(navigator.userAgent)&&!/opera/i.test(navigator.userAgent));Calendar.is_ie5=(Calendar.is_ie&&/msie 5\.0/i.test(navigator.userAgent));Calendar.is_opera=/opera/i.test(navigator.userAgent);Calendar.is_khtml=/Konqueror|Safari|KHTML/i.test(navigator.userAgent);Calendar.getAbsolutePos=function(el){var SL=0,ST=0;var is_div=/^div$/i.test(el.tagName);if(is_div&&el.scrollLeft)SL=el.scrollLeft;if(is_div&&el.scrollTop)ST=el.scrollTop;var r={x:el.offsetLeft-SL,y:el.offsetTop-ST};if(el.offsetParent){var tmp=this.getAbsolutePos(el.offsetParent);r.x+=tmp.x;r.y+=tmp.y;}return r;};Calendar.isRelated=function(el,evt){var related=evt.relatedTarget;if(!related){var type=evt.type;if(type=="mouseover"){related=evt.fromElement;}else if(type=="mouseout"){related=evt.toElement;}}while(related){if(related==el){return true;}related=related.parentNode;}return false;};Calendar.removeClass=function(el,className){if(!(el&&el.className)){return;}var cls=el.className.split(" ");var ar=new Array();for(var i=cls.length;i>0;){if(cls[--i]!=className){ar[ar.length]=cls[i];}}el.className=ar.join(" ");};Calendar.addClass=function(el,className){Calendar.removeClass(el,className);el.className+=" "+className;};Calendar.getElement=function(ev){var f=Calendar.is_ie?window.event.srcElement:ev.currentTarget;while(f.nodeType!=1||/^div$/i.test(f.tagName))f=f.parentNode;return f;};Calendar.getTargetElement=function(ev){var f=Calendar.is_ie?window.event.srcElement:ev.target;while(f.nodeType!=1)f=f.parentNode;return f;};Calendar.stopEvent=function(ev){ev||(ev=window.event);if(Calendar.is_ie){ev.cancelBubble=true;ev.returnValue=false;}else{ev.preventDefault();ev.stopPropagation();}return false;};Calendar.addEvent=function(el,evname,func){if(el.attachEvent){el.attachEvent("on"+evname,func);}else if(el.addEventListener){el.addEventListener(evname,func,true);}else{el["on"+evname]=func;}};Calendar.removeEvent=function(el,evname,func){if(el.detachEvent){el.detachEvent("on"+evname,func);}else if(el.removeEventListener){el.removeEventListener(evname,func,true);}else{el["on"+evname]=null;}};Calendar.createElement=function(type,parent){var el=null;if(document.createElementNS){el=document.createElementNS("http://www.w3.org/1999/xhtml",type);}else{el=document.createElement(type);}if(typeof parent!="undefined"){parent.appendChild(el);}return el;};Calendar._add_evs=function(el){with(Calendar){addEvent(el,"mouseover",dayMouseOver);addEvent(el,"mousedown",dayMouseDown);addEvent(el,"mouseout",dayMouseOut);if(is_ie){addEvent(el,"dblclick",dayMouseDblClick);el.setAttribute("unselectable",true);}}};Calendar.findMonth=function(el){if(typeof el.month!="undefined"){return el;}else if(typeof el.parentNode.month!="undefined"){return el.parentNode;}return null;};Calendar.findYear=function(el){if(typeof el.year!="undefined"){return el;}else if(typeof el.parentNode.year!="undefined"){return el.parentNode;}return null;};Calendar.showMonthsCombo=function(){var cal=Calendar._C;if(!cal){return false;}var cal=cal;var cd=cal.activeDiv;var mc=cal.monthsCombo;if(cal.hilitedMonth){Calendar.removeClass(cal.hilitedMonth,"hilite");}if(cal.activeMonth){Calendar.removeClass(cal.activeMonth,"active");}var mon=cal.monthsCombo.getElementsByTagName("div")[cal.date.getMonth()];Calendar.addClass(mon,"active");cal.activeMonth=mon;var s=mc.style;s.display="block";if(cd.navtype<0)s.left=cd.offsetLeft+"px";else{var mcw=mc.offsetWidth;if(typeof mcw=="undefined")mcw=50;s.left=(cd.offsetLeft+cd.offsetWidth-mcw)+"px";}s.top=(cd.offsetTop+cd.offsetHeight)+"px";};Calendar.showYearsCombo=function(fwd){var cal=Calendar._C;if(!cal){return false;}var cal=cal;var cd=cal.activeDiv;var yc=cal.yearsCombo;if(cal.hilitedYear){Calendar.removeClass(cal.hilitedYear,"hilite");}if(cal.activeYear){Calendar.removeClass(cal.activeYear,"active");}cal.activeYear=null;var Y=cal.date.getFullYear()+(fwd?1:-1);var yr=yc.firstChild;var show=false;for(var i=12;i>0;--i){if(Y>=cal.minYear&&Y<=cal.maxYear){yr.innerHTML=Y;yr.year=Y;yr.style.display="block";show=true;}else{yr.style.display="none";}yr=yr.nextSibling;Y+=fwd?cal.yearStep:-cal.yearStep;}if(show){var s=yc.style;s.display="block";if(cd.navtype<0)s.left=cd.offsetLeft+"px";else{var ycw=yc.offsetWidth;if(typeof ycw=="undefined")ycw=50;s.left=(cd.offsetLeft+cd.offsetWidth-ycw)+"px";}s.top=(cd.offsetTop+cd.offsetHeight)+"px";}};Calendar.tableMouseUp=function(ev){var cal=Calendar._C;if(!cal){return false;}if(cal.timeout){clearTimeout(cal.timeout);}var el=cal.activeDiv;if(!el){return false;}var target=Calendar.getTargetElement(ev);ev||(ev=window.event);Calendar.removeClass(el,"active");if(target==el||target.parentNode==el){Calendar.cellClick(el,ev);}var mon=Calendar.findMonth(target);var date=null;if(mon){date=new Date(cal.date);if(mon.month!=date.getMonth()){date.setMonth(mon.month);cal.setDate(date);cal.dateClicked=false;cal.callHandler();}}else{var year=Calendar.findYear(target);if(year){date=new Date(cal.date);if(year.year!=date.getFullYear()){date.setFullYear(year.year);cal.setDate(date);cal.dateClicked=false;cal.callHandler();}}}with(Calendar){removeEvent(document,"mouseup",tableMouseUp);removeEvent(document,"mouseover",tableMouseOver);removeEvent(document,"mousemove",tableMouseOver);cal._hideCombos();_C=null;return stopEvent(ev);}};Calendar.tableMouseOver=function(ev){var cal=Calendar._C;if(!cal){return;}var el=cal.activeDiv;var target=Calendar.getTargetElement(ev);if(target==el||target.parentNode==el){Calendar.addClass(el,"hilite active");Calendar.addClass(el.parentNode,"rowhilite");}else{if(typeof el.navtype=="undefined"||(el.navtype!=50&&(el.navtype==0||Math.abs(el.navtype)>2)))Calendar.removeClass(el,"active");Calendar.removeClass(el,"hilite");Calendar.removeClass(el.parentNode,"rowhilite");}ev||(ev=window.event);if(el.navtype==50&&target!=el){var pos=Calendar.getAbsolutePos(el);var w=el.offsetWidth;var x=ev.clientX;var dx;var decrease=true;if(x>pos.x+w){dx=x-pos.x-w;decrease=false;}else dx=pos.x-x;if(dx<0)dx=0;var range=el._range;var current=el._current;var count=Math.floor(dx/10)%range.length;for(var i=range.length;--i>=0;)if(range[i]==current)break;while(count-->0)if(decrease){if(--i<0)i=range.length-1;}else if(++i>=range.length)i=0;var newval=range[i];el.innerHTML=newval;cal.onUpdateTime();}var mon=Calendar.findMonth(target);if(mon){if(mon.month!=cal.date.getMonth()){if(cal.hilitedMonth){Calendar.removeClass(cal.hilitedMonth,"hilite");}Calendar.addClass(mon,"hilite");cal.hilitedMonth=mon;}else if(cal.hilitedMonth){Calendar.removeClass(cal.hilitedMonth,"hilite");}}else{if(cal.hilitedMonth){Calendar.removeClass(cal.hilitedMonth,"hilite");}var year=Calendar.findYear(target);if(year){if(year.year!=cal.date.getFullYear()){if(cal.hilitedYear){Calendar.removeClass(cal.hilitedYear,"hilite");}Calendar.addClass(year,"hilite");cal.hilitedYear=year;}else if(cal.hilitedYear){Calendar.removeClass(cal.hilitedYear,"hilite");}}else if(cal.hilitedYear){Calendar.removeClass(cal.hilitedYear,"hilite");}}return Calendar.stopEvent(ev);};Calendar.tableMouseDown=function(ev){if(Calendar.getTargetElement(ev)==Calendar.getElement(ev)){return Calendar.stopEvent(ev);}};Calendar.calDragIt=function(ev){var cal=Calendar._C;if(!(cal&&cal.dragging)){return false;}var posX;var posY;if(Calendar.is_ie){posY=window.event.clientY+document.body.scrollTop;posX=window.event.clientX+document.body.scrollLeft;}else{posX=ev.pageX;posY=ev.pageY;}cal.hideShowCovered();var st=cal.element.style;st.left=(posX-cal.xOffs)+"px";st.top=(posY-cal.yOffs)+"px";return Calendar.stopEvent(ev);};Calendar.calDragEnd=function(ev){var cal=Calendar._C;if(!cal){return false;}cal.dragging=false;with(Calendar){removeEvent(document,"mousemove",calDragIt);removeEvent(document,"mouseup",calDragEnd);tableMouseUp(ev);}cal.hideShowCovered();};Calendar.dayMouseDown=function(ev){var el=Calendar.getElement(ev);if(el.disabled){return false;}var cal=el.calendar;cal.activeDiv=el;Calendar._C=cal;if(el.navtype!=300)with(Calendar){if(el.navtype==50){el._current=el.innerHTML;addEvent(document,"mousemove",tableMouseOver);}else addEvent(document,Calendar.is_ie5?"mousemove":"mouseover",tableMouseOver);addClass(el,"hilite active");addEvent(document,"mouseup",tableMouseUp);}else if(cal.isPopup){cal._dragStart(ev);}if(el.navtype==-1||el.navtype==1){if(cal.timeout)clearTimeout(cal.timeout);cal.timeout=setTimeout("Calendar.showMonthsCombo()",250);}else if(el.navtype==-2||el.navtype==2){if(cal.timeout)clearTimeout(cal.timeout);cal.timeout=setTimeout((el.navtype>0)?"Calendar.showYearsCombo(true)":"Calendar.showYearsCombo(false)",250);}else{cal.timeout=null;}return Calendar.stopEvent(ev);};Calendar.dayMouseDblClick=function(ev){Calendar.cellClick(Calendar.getElement(ev),ev||window.event);if(Calendar.is_ie){document.selection.empty();}};Calendar.dayMouseOver=function(ev){var el=Calendar.getElement(ev);if(Calendar.isRelated(el,ev)||Calendar._C||el.disabled){return false;}if(el.ttip){if(el.ttip.substr(0,1)=="_"){el.ttip=el.caldate.print(el.calendar.ttDateFormat)+el.ttip.substr(1);}el.calendar.tooltips.innerHTML=el.ttip;}if(el.navtype!=300){Calendar.addClass(el,"hilite");if(el.caldate){Calendar.addClass(el.parentNode,"rowhilite");}}return Calendar.stopEvent(ev);};Calendar.dayMouseOut=function(ev){with(Calendar){var el=getElement(ev);if(isRelated(el,ev)||_C||el.disabled)return false;removeClass(el,"hilite");if(el.caldate)removeClass(el.parentNode,"rowhilite");if(el.calendar)el.calendar.tooltips.innerHTML=_TT["SEL_DATE"];return stopEvent(ev);}};Calendar.cellClick=function(el,ev){var cal=el.calendar;var closing=false;var newdate=false;var date=null;if(typeof el.navtype=="undefined"){if(cal.currentDateEl){Calendar.removeClass(cal.currentDateEl,"selected");Calendar.addClass(el,"selected");closing=(cal.currentDateEl==el);if(!closing){cal.currentDateEl=el;}}cal.date.setDateOnly(el.caldate);date=cal.date;var other_month=!(cal.dateClicked=!el.otherMonth);if(!other_month&&!cal.currentDateEl)cal._toggleMultipleDate(new Date(date));else newdate=!el.disabled;if(other_month)cal._init(cal.firstDayOfWeek,date);}else{if(el.navtype==200){Calendar.removeClass(el,"hilite");cal.callCloseHandler();return;}date=new Date(cal.date);if(el.navtype==0)date.setDateOnly(new Date());cal.dateClicked=false;var year=date.getFullYear();var mon=date.getMonth();function setMonth(m){var day=date.getDate();var max=date.getMonthDays(m);if(day>max){date.setDate(max);}date.setMonth(m);};switch(el.navtype){case 400:Calendar.removeClass(el,"hilite");var text=Calendar._TT["ABOUT"];if(typeof text!="undefined"){text+=cal.showsTime?Calendar._TT["ABOUT_TIME"]:"";}else{text="Help and about box text is not translated into this language.\n"+"If you know this language and you feel generous please update\n"+"the corresponding file in \"lang\" subdir to match calendar-en.js\n"+"and send it back to <mihai_bazon@yahoo.com> to get it into the distribution  ;-)\n\n"+"Thank you!\n"+"http://dynarch.com/mishoo/calendar.epl\n";}alert(text);return;case-2:if(year>cal.minYear){date.setFullYear(year-1);}break;case-1:if(mon>0){setMonth(mon-1);}else if(year-->cal.minYear){date.setFullYear(year);setMonth(11);}break;case 1:if(mon<11){setMonth(mon+1);}else if(year<cal.maxYear){date.setFullYear(year+1);setMonth(0);}break;case 2:if(year<cal.maxYear){date.setFullYear(year+1);}break;case 100:cal.setFirstDayOfWeek(el.fdow);return;case 50:var range=el._range;var current=el.innerHTML;for(var i=range.length;--i>=0;)if(range[i]==current)break;if(ev&&ev.shiftKey){if(--i<0)i=range.length-1;}else if(++i>=range.length)i=0;var newval=range[i];el.innerHTML=newval;cal.onUpdateTime();return;case 0:if((typeof cal.getDateStatus=="function")&&cal.getDateStatus(date,date.getFullYear(),date.getMonth(),date.getDate())){return false;}break;}if(!date.equalsTo(cal.date)){cal.setDate(date);newdate=true;}else if(el.navtype==0)newdate=closing=true;}if(newdate){ev&&cal.callHandler();}if(closing){Calendar.removeClass(el,"hilite");ev&&cal.callCloseHandler();}};Calendar.prototype.create=function(_par){var parent=null;if(!_par){parent=document.getElementsByTagName("body")[0];this.isPopup=true;}else{parent=_par;this.isPopup=false;}this.date=this.dateStr?new Date(this.dateStr):new Date();var table=Calendar.createElement("table");this.table=table;table.cellSpacing=0;table.cellPadding=0;table.calendar=this;Calendar.addEvent(table,"mousedown",Calendar.tableMouseDown);var div=Calendar.createElement("div");this.element=div;div.className="calendar";if(this.isPopup){div.style.position="absolute";div.style.display="none";}div.appendChild(table);var thead=Calendar.createElement("thead",table);var cell=null;var row=null;var cal=this;var hh=function(text,cs,navtype){cell=Calendar.createElement("td",row);cell.colSpan=cs;cell.className="button";if(navtype!=0&&Math.abs(navtype)<=2)cell.className+=" nav";Calendar._add_evs(cell);cell.calendar=cal;cell.navtype=navtype;cell.innerHTML="<div unselectable='on'>"+text+"</div>";return cell;};row=Calendar.createElement("tr",thead);var title_length=6;(this.isPopup)&&--title_length;(this.weekNumbers)&&++title_length;hh("?",1,400).ttip=Calendar._TT["INFO"];this.title=hh("",title_length,300);this.title.className="title";if(this.isPopup){this.title.ttip=Calendar._TT["DRAG_TO_MOVE"];this.title.style.cursor="move";hh("&#x00d7;",1,200).ttip=Calendar._TT["CLOSE"];}row=Calendar.createElement("tr",thead);row.className="headrow";this._nav_py=hh("&#x00ab;",1,-2);this._nav_py.ttip=Calendar._TT["PREV_YEAR"];this._nav_pm=hh("&#x2039;",1,-1);this._nav_pm.ttip=Calendar._TT["PREV_MONTH"];this._nav_now=hh(Calendar._TT["TODAY"],this.weekNumbers?4:3,0);this._nav_now.ttip=Calendar._TT["GO_TODAY"];this._nav_nm=hh("&#x203a;",1,1);this._nav_nm.ttip=Calendar._TT["NEXT_MONTH"];this._nav_ny=hh("&#x00bb;",1,2);this._nav_ny.ttip=Calendar._TT["NEXT_YEAR"];row=Calendar.createElement("tr",thead);row.className="daynames";if(this.weekNumbers){cell=Calendar.createElement("td",row);cell.className="name wn";cell.innerHTML=Calendar._TT["WK"];}for(var i=7;i>0;--i){cell=Calendar.createElement("td",row);if(!i){cell.navtype=100;cell.calendar=this;Calendar._add_evs(cell);}}this.firstdayname=(this.weekNumbers)?row.firstChild.nextSibling:row.firstChild;this._displayWeekdays();var tbody=Calendar.createElement("tbody",table);this.tbody=tbody;for(i=6;i>0;--i){row=Calendar.createElement("tr",tbody);if(this.weekNumbers){cell=Calendar.createElement("td",row);}for(var j=7;j>0;--j){cell=Calendar.createElement("td",row);cell.calendar=this;Calendar._add_evs(cell);}}if(this.showsTime){row=Calendar.createElement("tr",tbody);row.className="time";cell=Calendar.createElement("td",row);cell.className="time";cell.colSpan=2;cell.innerHTML=Calendar._TT["TIME"]||"&nbsp;";cell=Calendar.createElement("td",row);cell.className="time";cell.colSpan=this.weekNumbers?4:3;(function(){function makeTimePart(className,init,range_start,range_end){var part=Calendar.createElement("span",cell);part.className=className;part.innerHTML=init;part.calendar=cal;part.ttip=Calendar._TT["TIME_PART"];part.navtype=50;part._range=[];if(typeof range_start!="number")part._range=range_start;else{for(var i=range_start;i<=range_end;++i){var txt;if(i<10&&range_end>=10)txt='0'+i;else txt=''+i;part._range[part._range.length]=txt;}}Calendar._add_evs(part);return part;};var hrs=cal.date.getHours();var mins=cal.date.getMinutes();var t12=!cal.time24;var pm=(hrs>12);if(t12&&pm)hrs-=12;var H=makeTimePart("hour",hrs,t12?1:0,t12?12:23);var span=Calendar.createElement("span",cell);span.innerHTML=":";span.className="colon";var M=makeTimePart("minute",mins,0,59);var AP=null;cell=Calendar.createElement("td",row);cell.className="time";cell.colSpan=2;if(t12)AP=makeTimePart("ampm",pm?"pm":"am",["am","pm"]);else cell.innerHTML="&nbsp;";cal.onSetTime=function(){var pm,hrs=this.date.getHours(),mins=this.date.getMinutes();if(t12){pm=(hrs>=12);if(pm)hrs-=12;if(hrs==0)hrs=12;AP.innerHTML=pm?"pm":"am";}H.innerHTML=(hrs<10)?("0"+hrs):hrs;M.innerHTML=(mins<10)?("0"+mins):mins;};cal.onUpdateTime=function(){var date=this.date;var h=parseInt(H.innerHTML,10);if(t12){if(/pm/i.test(AP.innerHTML)&&h<12)h+=12;else if(/am/i.test(AP.innerHTML)&&h==12)h=0;}var d=date.getDate();var m=date.getMonth();var y=date.getFullYear();date.setHours(h);date.setMinutes(parseInt(M.innerHTML,10));date.setFullYear(y);date.setMonth(m);date.setDate(d);this.dateClicked=false;this.callHandler();};})();}else{this.onSetTime=this.onUpdateTime=function(){};}var tfoot=Calendar.createElement("tfoot",table);row=Calendar.createElement("tr",tfoot);row.className="footrow";cell=hh(Calendar._TT["SEL_DATE"],this.weekNumbers?8:7,300);cell.className="ttip";if(this.isPopup){cell.ttip=Calendar._TT["DRAG_TO_MOVE"];cell.style.cursor="move";}this.tooltips=cell;div=Calendar.createElement("div",this.element);this.monthsCombo=div;div.className="combo";for(i=0;i<Calendar._MN.length;++i){var mn=Calendar.createElement("div");mn.className=Calendar.is_ie?"label-IEfix":"label";mn.month=i;mn.innerHTML=Calendar._SMN[i];div.appendChild(mn);}div=Calendar.createElement("div",this.element);this.yearsCombo=div;div.className="combo";for(i=12;i>0;--i){var yr=Calendar.createElement("div");yr.className=Calendar.is_ie?"label-IEfix":"label";div.appendChild(yr);}this._init(this.firstDayOfWeek,this.date);parent.appendChild(this.element);};Calendar._keyEvent=function(ev){var cal=window._dynarch_popupCalendar;if(!cal||cal.multiple)return false;(Calendar.is_ie)&&(ev=window.event);var act=(Calendar.is_ie||ev.type=="keypress"),K=ev.keyCode;if(ev.ctrlKey){switch(K){case 37:act&&Calendar.cellClick(cal._nav_pm);break;case 38:act&&Calendar.cellClick(cal._nav_py);break;case 39:act&&Calendar.cellClick(cal._nav_nm);break;case 40:act&&Calendar.cellClick(cal._nav_ny);break;default:return false;}}else switch(K){case 32:Calendar.cellClick(cal._nav_now);break;case 27:act&&cal.callCloseHandler();break;case 37:case 38:case 39:case 40:if(act){var prev,x,y,ne,el,step;prev=K==37||K==38;step=(K==37||K==39)?1:7;function setVars(){el=cal.currentDateEl;var p=el.pos;x=p&15;y=p>>4;ne=cal.ar_days[y][x];};setVars();function prevMonth(){var date=new Date(cal.date);date.setDate(date.getDate()-step);cal.setDate(date);};function nextMonth(){var date=new Date(cal.date);date.setDate(date.getDate()+step);cal.setDate(date);};while(1){switch(K){case 37:if(--x>=0)ne=cal.ar_days[y][x];else{x=6;K=38;continue;}break;case 38:if(--y>=0)ne=cal.ar_days[y][x];else{prevMonth();setVars();}break;case 39:if(++x<7)ne=cal.ar_days[y][x];else{x=0;K=40;continue;}break;case 40:if(++y<cal.ar_days.length)ne=cal.ar_days[y][x];else{nextMonth();setVars();}break;}break;}if(ne){if(!ne.disabled)Calendar.cellClick(ne);else if(prev)prevMonth();else nextMonth();}}break;case 13:if(act)Calendar.cellClick(cal.currentDateEl,ev);break;default:return false;}return Calendar.stopEvent(ev);};Calendar.prototype._init=function(firstDayOfWeek,date){var today=new Date(),TY=today.getFullYear(),TM=today.getMonth(),TD=today.getDate();this.table.style.visibility="hidden";var year=date.getFullYear();if(year<this.minYear){year=this.minYear;date.setFullYear(year);}else if(year>this.maxYear){year=this.maxYear;date.setFullYear(year);}this.firstDayOfWeek=firstDayOfWeek;this.date=new Date(date);var month=date.getMonth();var mday=date.getDate();var no_days=date.getMonthDays();date.setDate(1);var day1=(date.getDay()-this.firstDayOfWeek)%7;if(day1<0)day1+=7;date.setDate(-day1);date.setDate(date.getDate()+1);var row=this.tbody.firstChild;var MN=Calendar._SMN[month];var ar_days=this.ar_days=new Array();var weekend=Calendar._TT["WEEKEND"];var dates=this.multiple?(this.datesCells={}):null;for(var i=0;i<6;++i,row=row.nextSibling){var cell=row.firstChild;if(this.weekNumbers){cell.className="day wn";cell.innerHTML=date.getWeekNumber();cell=cell.nextSibling;}row.className="daysrow";var hasdays=false,iday,dpos=ar_days[i]=[];for(var j=0;j<7;++j,cell=cell.nextSibling,date.setDate(iday+1)){iday=date.getDate();var wday=date.getDay();cell.className="day";cell.pos=i<<4|j;dpos[j]=cell;var current_month=(date.getMonth()==month);if(!current_month){if(this.showsOtherMonths){cell.className+=" othermonth";cell.otherMonth=true;}else{cell.className="emptycell";cell.innerHTML="&nbsp;";cell.disabled=true;continue;}}else{cell.otherMonth=false;hasdays=true;}cell.disabled=false;cell.innerHTML=this.getDateText?this.getDateText(date,iday):iday;if(dates)dates[date.print("%Y%m%d")]=cell;if(this.getDateStatus){var status=this.getDateStatus(date,year,month,iday);if(this.getDateToolTip){var toolTip=this.getDateToolTip(date,year,month,iday);if(toolTip)cell.title=toolTip;}if(status===true){cell.className+=" disabled";cell.disabled=true;}else{if(/disabled/i.test(status))cell.disabled=true;cell.className+=" "+status;}}if(!cell.disabled){cell.caldate=new Date(date);cell.ttip="_";if(!this.multiple&&current_month&&iday==mday&&this.hiliteToday){cell.className+=" selected";this.currentDateEl=cell;}if(date.getFullYear()==TY&&date.getMonth()==TM&&iday==TD){cell.className+=" today";cell.ttip+=Calendar._TT["PART_TODAY"];}if(weekend.indexOf(wday.toString())!=-1)cell.className+=cell.otherMonth?" oweekend":" weekend";}}if(!(hasdays||this.showsOtherMonths))row.className="emptyrow";}this.title.innerHTML=Calendar._MN[month]+", "+year;this.onSetTime();this.table.style.visibility="visible";this._initMultipleDates();};Calendar.prototype._initMultipleDates=function(){if(this.multiple){for(var i in this.multiple){var cell=this.datesCells[i];var d=this.multiple[i];if(!d)continue;if(cell)cell.className+=" selected";}}};Calendar.prototype._toggleMultipleDate=function(date){if(this.multiple){var ds=date.print("%Y%m%d");var cell=this.datesCells[ds];if(cell){var d=this.multiple[ds];if(!d){Calendar.addClass(cell,"selected");this.multiple[ds]=date;}else{Calendar.removeClass(cell,"selected");delete this.multiple[ds];}}}};Calendar.prototype.setDateToolTipHandler=function(unaryFunction){this.getDateToolTip=unaryFunction;};Calendar.prototype.setDate=function(date){if(!date.equalsTo(this.date)){this._init(this.firstDayOfWeek,date);}};Calendar.prototype.refresh=function(){this._init(this.firstDayOfWeek,this.date);};Calendar.prototype.setFirstDayOfWeek=function(firstDayOfWeek){this._init(firstDayOfWeek,this.date);this._displayWeekdays();};Calendar.prototype.setDateStatusHandler=Calendar.prototype.setDisabledHandler=function(unaryFunction){this.getDateStatus=unaryFunction;};Calendar.prototype.setRange=function(a,z){this.minYear=a;this.maxYear=z;};Calendar.prototype.callHandler=function(){if(this.onSelected){this.onSelected(this,this.date.print(this.dateFormat));}};Calendar.prototype.callCloseHandler=function(){if(this.onClose){this.onClose(this);}this.hideShowCovered();};Calendar.prototype.destroy=function(){var el=this.element.parentNode;el.removeChild(this.element);Calendar._C=null;window._dynarch_popupCalendar=null;};Calendar.prototype.reparent=function(new_parent){var el=this.element;el.parentNode.removeChild(el);new_parent.appendChild(el);};Calendar._checkCalendar=function(ev){var calendar=window._dynarch_popupCalendar;if(!calendar){return false;}var el=Calendar.is_ie?Calendar.getElement(ev):Calendar.getTargetElement(ev);for(;el!=null&&el!=calendar.element;el=el.parentNode);if(el==null){window._dynarch_popupCalendar.callCloseHandler();return Calendar.stopEvent(ev);}};Calendar.prototype.show=function(){var rows=this.table.getElementsByTagName("tr");for(var i=rows.length;i>0;){var row=rows[--i];Calendar.removeClass(row,"rowhilite");var cells=row.getElementsByTagName("td");for(var j=cells.length;j>0;){var cell=cells[--j];Calendar.removeClass(cell,"hilite");Calendar.removeClass(cell,"active");}}this.element.style.display="block";this.hidden=false;if(this.isPopup){window._dynarch_popupCalendar=this;Calendar.addEvent(document,"keydown",Calendar._keyEvent);Calendar.addEvent(document,"keypress",Calendar._keyEvent);Calendar.addEvent(document,"mousedown",Calendar._checkCalendar);}this.hideShowCovered();};Calendar.prototype.hide=function(){if(this.isPopup){Calendar.removeEvent(document,"keydown",Calendar._keyEvent);Calendar.removeEvent(document,"keypress",Calendar._keyEvent);Calendar.removeEvent(document,"mousedown",Calendar._checkCalendar);}this.element.style.display="none";this.hidden=true;this.hideShowCovered();};Calendar.prototype.showAt=function(x,y){var s=this.element.style;s.left=x+"px";s.top=y+"px";this.show();};Calendar.prototype.showAtElement=function(el,opts){var self=this;var p=Calendar.getAbsolutePos(el);if(!opts||typeof opts!="string"){this.showAt(p.x,p.y+el.offsetHeight);return true;}function fixPosition(box){if(box.x<0)box.x=0;if(box.y<0)box.y=0;var cp=document.createElement("div");var s=cp.style;s.position="absolute";s.right=s.bottom=s.width=s.height="0px";document.body.appendChild(cp);var br=Calendar.getAbsolutePos(cp);document.body.removeChild(cp);if(Calendar.is_ie){br.y+=document.body.scrollTop;br.x+=document.body.scrollLeft;}else{br.y+=window.scrollY;br.x+=window.scrollX;}var tmp=box.x+box.width-br.x;if(tmp>0)box.x-=tmp;tmp=box.y+box.height-br.y;if(tmp>0)box.y-=tmp;};this.element.style.display="block";Calendar.continuation_for_the_fucking_khtml_browser=function(){var w=self.element.offsetWidth;var h=self.element.offsetHeight;self.element.style.display="none";var valign=opts.substr(0,1);var halign="l";if(opts.length>1){halign=opts.substr(1,1);}switch(valign){case "T":p.y-=h;break;case "B":p.y+=el.offsetHeight;break;case "C":p.y+=(el.offsetHeight-h)/2;break;case "t":p.y+=el.offsetHeight-h;break;case "b":break;}switch(halign){case "L":p.x-=w;break;case "R":p.x+=el.offsetWidth;break;case "C":p.x+=(el.offsetWidth-w)/2;break;case "l":p.x+=el.offsetWidth-w;break;case "r":break;}p.width=w;p.height=h+40;self.monthsCombo.style.display="none";fixPosition(p);self.showAt(p.x,p.y);};if(Calendar.is_khtml)setTimeout("Calendar.continuation_for_the_fucking_khtml_browser()",10);else Calendar.continuation_for_the_fucking_khtml_browser();};Calendar.prototype.setDateFormat=function(str){this.dateFormat=str;};Calendar.prototype.setTtDateFormat=function(str){this.ttDateFormat=str;};Calendar.prototype.parseDate=function(str,fmt){if(!fmt)fmt=this.dateFormat;this.setDate(Date.parseDate(str,fmt));};Calendar.prototype.hideShowCovered=function(){if(!Calendar.is_ie&&!Calendar.is_opera)return;function getVisib(obj){var value=obj.style.visibility;if(!value){if(document.defaultView&&typeof(document.defaultView.getComputedStyle)=="function"){if(!Calendar.is_khtml)value=document.defaultView. getComputedStyle(obj,"").getPropertyValue("visibility");else value='';}else if(obj.currentStyle){value=obj.currentStyle.visibility;}else value='';}return value;};var tags=new Array("applet","iframe","select");var el=this.element;var p=Calendar.getAbsolutePos(el);var EX1=p.x;var EX2=el.offsetWidth+EX1;var EY1=p.y;var EY2=el.offsetHeight+EY1;for(var k=tags.length;k>0;){var ar=document.getElementsByTagName(tags[--k]);var cc=null;for(var i=ar.length;i>0;){cc=ar[--i];p=Calendar.getAbsolutePos(cc);var CX1=p.x;var CX2=cc.offsetWidth+CX1;var CY1=p.y;var CY2=cc.offsetHeight+CY1;if(this.hidden||(CX1>EX2)||(CX2<EX1)||(CY1>EY2)||(CY2<EY1)){if(!cc.__msh_save_visibility){cc.__msh_save_visibility=getVisib(cc);}cc.style.visibility=cc.__msh_save_visibility;}else{if(!cc.__msh_save_visibility){cc.__msh_save_visibility=getVisib(cc);}cc.style.visibility="hidden";}}}};Calendar.prototype._displayWeekdays=function(){var fdow=this.firstDayOfWeek;var cell=this.firstdayname;var weekend=Calendar._TT["WEEKEND"];for(var i=0;i<7;++i){cell.className="day name";var realday=(i+fdow)%7;if(i){cell.ttip=Calendar._TT["DAY_FIRST"].replace("%s",Calendar._DN[realday]);cell.navtype=100;cell.calendar=this;cell.fdow=realday;Calendar._add_evs(cell);}if(weekend.indexOf(realday.toString())!=-1){Calendar.addClass(cell,"weekend");}cell.innerHTML=Calendar._SDN[(i+fdow)%7];cell=cell.nextSibling;}};Calendar.prototype._hideCombos=function(){this.monthsCombo.style.display="none";this.yearsCombo.style.display="none";};Calendar.prototype._dragStart=function(ev){if(this.dragging){return;}this.dragging=true;var posX;var posY;if(Calendar.is_ie){posY=window.event.clientY+document.body.scrollTop;posX=window.event.clientX+document.body.scrollLeft;}else{posY=ev.clientY+window.scrollY;posX=ev.clientX+window.scrollX;}var st=this.element.style;this.xOffs=posX-parseInt(st.left);this.yOffs=posY-parseInt(st.top);with(Calendar){addEvent(document,"mousemove",calDragIt);addEvent(document,"mouseup",calDragEnd);}};Date._MD=new Array(31,28,31,30,31,30,31,31,30,31,30,31);Date.SECOND=1000;Date.MINUTE=60*Date.SECOND;Date.HOUR=60*Date.MINUTE;Date.DAY=24*Date.HOUR;Date.WEEK=7*Date.DAY;Date.parseDate=function(str,fmt){var today=new Date();var y=0;var m=-1;var d=0;var a=str.split(/\W+/);var b=fmt.match(/%./g);var i=0,j=0;var hr=0;var min=0;for(i=0;i<a.length;++i){if(!a[i])continue;switch(b[i]){case "%d":case "%e":d=parseInt(a[i],10);break;case "%m":m=parseInt(a[i],10)-1;break;case "%Y":case "%y":y=parseInt(a[i],10);(y<100)&&(y+=(y>29)?1900:2000);break;case "%b":case "%B":for(j=0;j<12;++j){if(Calendar._MN[j].substr(0,a[i].length).toLowerCase()==a[i].toLowerCase()){m=j;break;}}break;case "%H":case "%I":case "%k":case "%l":hr=parseInt(a[i],10);break;case "%P":case "%p":if(/pm/i.test(a[i])&&hr<12)hr+=12;else if(/am/i.test(a[i])&&hr>=12)hr-=12;break;case "%M":min=parseInt(a[i],10);break;}}if(isNaN(y))y=today.getFullYear();if(isNaN(m))m=today.getMonth();if(isNaN(d))d=today.getDate();if(isNaN(hr))hr=today.getHours();if(isNaN(min))min=today.getMinutes();if(y!=0&&m!=-1&&d!=0)return new Date(y,m,d,hr,min,0);y=0;m=-1;d=0;for(i=0;i<a.length;++i){if(a[i].search(/[a-zA-Z]+/)!=-1){var t=-1;for(j=0;j<12;++j){if(Calendar._MN[j].substr(0,a[i].length).toLowerCase()==a[i].toLowerCase()){t=j;break;}}if(t!=-1){if(m!=-1){d=m+1;}m=t;}}else if(parseInt(a[i],10)<=12&&m==-1){m=a[i]-1;}else if(parseInt(a[i],10)>31&&y==0){y=parseInt(a[i],10);(y<100)&&(y+=(y>29)?1900:2000);}else if(d==0){d=a[i];}}if(y==0)y=today.getFullYear();if(m!=-1&&d!=0)return new Date(y,m,d,hr,min,0);return today;};Date.prototype.getMonthDays=function(month){var year=this.getFullYear();if(typeof month=="undefined"){month=this.getMonth();}if(((0==(year%4))&&((0!=(year%100))||(0==(year%400))))&&month==1){return 29;}else{return Date._MD[month];}};Date.prototype.getDayOfYear=function(){var now=new Date(this.getFullYear(),this.getMonth(),this.getDate(),0,0,0);var then=new Date(this.getFullYear(),0,0,0,0,0);var time=now-then;return Math.floor(time/Date.DAY);};Date.prototype.getWeekNumber=function(){var d=new Date(this.getFullYear(),this.getMonth(),this.getDate(),0,0,0);var DoW=d.getDay();d.setDate(d.getDate()-(DoW+6)%7+3);var ms=d.valueOf();d.setMonth(0);d.setDate(4);return Math.round((ms-d.valueOf())/(7*864e5))+1;};Date.prototype.equalsTo=function(date){return((this.getFullYear()==date.getFullYear())&&(this.getMonth()==date.getMonth())&&(this.getDate()==date.getDate())&&(this.getHours()==date.getHours())&&(this.getMinutes()==date.getMinutes()));};Date.prototype.setDateOnly=function(date){var tmp=new Date(date);this.setDate(1);this.setFullYear(tmp.getFullYear());this.setMonth(tmp.getMonth());this.setDate(tmp.getDate());};Date.prototype.print=function(str){var m=this.getMonth();var d=this.getDate();var y=this.getFullYear();var wn=this.getWeekNumber();var w=this.getDay();var s={};var hr=this.getHours();var pm=(hr>=12);var ir=(pm)?(hr-12):hr;var dy=this.getDayOfYear();if(ir==0)ir=12;var min=this.getMinutes();var sec=this.getSeconds();s["%a"]=Calendar._SDN[w];s["%A"]=Calendar._DN[w];s["%b"]=Calendar._SMN[m];s["%B"]=Calendar._MN[m];s["%C"]=1+Math.floor(y/100);s["%d"]=(d<10)?("0"+d):d;s["%e"]=d;s["%H"]=(hr<10)?("0"+hr):hr;s["%I"]=(ir<10)?("0"+ir):ir;s["%j"]=(dy<100)?((dy<10)?("00"+dy):("0"+dy)):dy;s["%k"]=hr;s["%l"]=ir;s["%m"]=(m<9)?("0"+(1+m)):(1+m);s["%M"]=(min<10)?("0"+min):min;s["%n"]="\n";s["%p"]=pm?"PM":"AM";s["%P"]=pm?"pm":"am";s["%s"]=Math.floor(this.getTime()/1000);s["%S"]=(sec<10)?("0"+sec):sec;s["%t"]="\t";s["%U"]=s["%W"]=s["%V"]=(wn<10)?("0"+wn):wn;s["%u"]=w+1;s["%w"]=w;s["%y"]=(''+y).substr(2,2);s["%Y"]=y;s["%%"]="%";var re=/%./g;if(!Calendar.is_ie5&&!Calendar.is_khtml)return str.replace(re,function(par){return s[par]||par;});var a=str.match(re);for(var i=0;i<a.length;i++){var tmp=s[a[i]];if(tmp){re=new RegExp(a[i],'g');str=str.replace(re,tmp);}}return str;};Date.prototype.__msh_oldSetFullYear=Date.prototype.setFullYear;Date.prototype.setFullYear=function(y){var d=new Date(this);d.__msh_oldSetFullYear(y);if(d.getMonth()!=this.getMonth())this.setDate(28);this.__msh_oldSetFullYear(y);};window._dynarch_popupCalendar=null;
\ No newline at end of file
diff --git a/js/jscalendar/dayinfo.html b/js/jscalendar/dayinfo.html
new file mode 100644
index 0000000..bc415c8
--- /dev/null
+++ b/js/jscalendar/dayinfo.html
@@ -0,0 +1,109 @@
+<!DOCTYPE HTML PUBLIC "-//IETF//DTD HTML//EN">
+<html> <head>
+<title>How to include additional info in day cells</title>
+<script type="text/javascript" src="calendar.js"></script>
+<script type="text/javascript" src="lang/calendar-en.js"></script>
+<script type="text/javascript" src="calendar-setup.js"></script>
+<script type="text/javascript">
+  // define info for dates in this table:
+  var dateInfo = {
+    "20050308" : "Mishoo's&nbsp;birthday",
+    "20050310" : "foo",
+    "20050315" : "bar",
+    "20050318" : "25$",
+    "20050324" : "60$"
+  };
+</script>
+<style type="text/css">
+  @import url(calendar-win2k-1.css);
+  .calendar .inf { font-size: 80%; color: #444; }
+  .calendar .wn { font-weight: bold; vertical-align: top; }
+</style>
+</head>
+
+<body>
+<h1>How to include additional info in day cells</h1>
+
+<div id="flatcal" style="float: right"></div>
+
+<script type="text/javascript">
+  function getDateText(date, d) {
+    var inf = dateInfo[date.print("%Y%m%d")];
+    if (!inf) {
+      return d + "<div class='inf'>&nbsp;</div>";
+    } else {
+      return d + "<div class='inf'>" + inf + "</div>";
+    }
+  };
+  function flatCallback(cal) {
+    if (cal.dateClicked) {
+      // do something here
+      window.status = "Selected: " + cal.date;
+      var inf = dateInfo[cal.date.print("%Y%m%d")];
+      if (inf) {
+        window.status += ".  Additional info: " + inf;
+      }
+    }
+  };
+  Calendar.setup({
+     flat: "flatcal",
+     dateText: getDateText,
+     flatCallback: flatCallback
+  });
+</script>
+
+<p>The idea is simple:</p>
+
+<ol>
+  <li>
+    <p>Define a callback that takes two parameters like this:</p>
+    <pre>function getDateText(date, d)</pre>
+    <p>
+      This function will receive the date object as the first
+      parameter and the current date number (1..31) as the second (you
+      can get it as well by calling date.getDate() but since it's very
+      probably useful I thought I'd pass it too so that we can avoid a
+      function call).
+    </p>
+    <p>
+      This function <em>must</em> return the text to be inserted in
+      the cell of the passed date.  That is, one should at least
+      "return d;".
+    </p>
+  </li>
+  <li>
+    Pass the above function as the "dateText" parameter to
+    Calendar.setup.
+  </li>
+</ol>
+
+<p>
+  The function could simply look like:
+</p>
+
+<pre
+>  function getDateText(date, d) {
+    if (d == 12) {
+      return "12th";
+    } else if (d == 13) {
+      return "bad luck";
+    } /* ... etc ... */
+  }</pre>
+
+<p>
+  but it's easy to imagine that this approach sucks.  For a better
+  way, see the source of this page and note the usage of an externally
+  defined "dateText" object which maps "date" to "date info", also
+  taking into account the year and month.  This object can be easily
+  generated from a database, and the getDateText function becomes
+  extremely simple (and static).
+</p>
+
+<p>
+  Cheers!
+</p>
+
+<hr />
+<address><a href="http://dynarch.com/mishoo/">mishoo</a></address>
+<!-- hhmts start --> Last modified: Sat Mar  5 17:18:06 EET 2005 <!-- hhmts end -->
+</body> </html>
diff --git a/js/jscalendar/doc/html/field-button.jpg b/js/jscalendar/doc/html/field-button.jpg
new file mode 100644
index 0000000..ecbe9d8
--- /dev/null
+++ b/js/jscalendar/doc/html/field-button.jpg
diff --git a/js/jscalendar/doc/html/reference-Z-S.css b/js/jscalendar/doc/html/reference-Z-S.css
new file mode 100644
index 0000000..02a6f88
--- /dev/null
+++ b/js/jscalendar/doc/html/reference-Z-S.css
@@ -0,0 +1,193 @@
+
+               body {
+               color: black;
+               /*   background-color: #e5e5e5;*/
+               background-color: #ffffff;
+               /*background-color: beige;*/
+               margin-top: 2em;
+               margin-left: 8%;
+               margin-right: 8%;
+               }
+
+               h1,h2,h3,h4,h5,h6 {
+               margin-top: .5em;
+               }
+
+               .title {
+               font-size: 200%;
+               font-weight: normal;
+               }
+
+               .partheading {
+               font-size: 100%;
+               }
+
+               .chapterheading {
+               font-size: 100%;
+               }
+
+               .beginsection {
+               font-size: 110%;
+               }
+
+               .tiny {
+               font-size: 40%;
+               }
+
+               .scriptsize {
+               font-size: 60%;
+               }
+
+               .footnotesize {
+               font-size: 75%;
+               }
+
+               .small {
+               font-size: 90%;
+               }
+
+               .normalsize {
+               font-size: 100%;
+               }
+
+               .large {
+               font-size: 120%;
+               }
+
+               .largecap {
+               font-size: 150%;
+               }
+
+               .largeup {
+               font-size: 200%;
+               }
+
+               .huge {
+               font-size: 300%;
+               }
+
+               .hugecap {
+               font-size: 350%;
+               }
+
+               pre {
+               margin-left: 2em;
+               }
+
+               blockquote {
+               margin-left: 2em;
+               }
+
+               ol {
+               list-style-type: decimal;
+               }
+
+               ol ol {
+               list-style-type: lower-alpha;
+               }
+
+               ol ol ol {
+               list-style-type: lower-roman;
+               }
+
+               ol ol ol ol {
+               list-style-type: upper-alpha;
+               }
+
+               /*
+               .verbatim {
+               color: #4d0000;
+               }
+               */
+
+               tt i {
+               font-family: serif;
+               }
+
+               .verbatim em {
+               font-family: serif;
+               }
+
+               .scheme em {
+               font-family: serif;
+               color: black;
+               }
+
+               .scheme {
+               color: brown;
+               }
+
+               .scheme .keyword {
+               color: #990000;
+               font-weight: bold;
+               }
+
+               .scheme .builtin {
+               color: #990000;
+               }
+
+               .scheme .variable {
+               color: navy;
+               }
+
+               .scheme .global {
+               color: purple;
+               }
+
+               .scheme .selfeval {
+               color: green;
+               }
+
+               .scheme .comment {
+               color:  teal;
+               }
+
+               .schemeresponse {
+               color: green;
+               }
+
+               .navigation {
+               color: red;
+               text-align: right;
+               font-size: medium;
+               font-style: italic;
+               }
+
+               .disable {
+               /* color: #e5e5e5; */
+               color: gray;
+               }
+
+               .smallcaps {
+               font-size: 75%;
+               }
+
+               .smallprint {
+               color: gray;
+               font-size: 75%;
+               text-align: right;
+               }
+
+               /*
+               .smallprint hr {
+               text-align: left;
+               width: 40%;
+               }
+               */
+
+               .footnoterule {
+               text-align: left;
+               width: 40%;
+               }
+
+               .colophon {
+               color: gray;
+               font-size: 80%;
+               text-align: right;
+               }
+
+               .colophon a {
+               color: gray;
+               }
+
+               
\ No newline at end of file
diff --git a/js/jscalendar/doc/html/reference.css b/js/jscalendar/doc/html/reference.css
new file mode 100644
index 0000000..42e9283
--- /dev/null
+++ b/js/jscalendar/doc/html/reference.css
@@ -0,0 +1,34 @@
+html { margin: 0px; padding: 0px; background-color: #08f; color: #444; font-family: georgia,serif; }
+body { margin: 2em 8%; background-color: #fff; padding: 1em; border: 2px ridge #048; }
+
+a:link, a:visited { text-decoration: none; color: #00f; }
+a:hover { color: #f00; text-decoration: underline; }
+a:active { color: #f84; }
+
+h1, h2, h3, h4, h5, h6 { font-family: tahoma,verdana,sans-serif; }
+
+h2, h3 { font-weight: normal; }
+
+h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover { text-decoration: none; }
+
+h1 { font-size: 170%; border: 2px ridge #048; letter-spacing: 2px; color: #000; margin-left: -2em; margin-right: -2em; 
+background-color: #fff; padding: 2px 1em; background-color: #def; }
+h2 { font-size: 140%; color: #222; }
+h3 { font-size: 120%; color: #444; }
+
+h1.title { font-size: 300%; font-family: georgia,serif; font-weight: normal; color: #846; letter-spacing: -1px;
+border: none;
+padding: none;
+background-color: #fff;
+border-bottom: 3px double #624; padding-bottom: 2px; margin-left: 8%; margin-right: 8%; }
+
+.colophon { padding-top: 2em; color: #999; font-size: 90%; font-family: georgia,"times new roman",serif; }
+.colophon a:link, .colophon a:visited { color: #755; }
+.colophon a:hover { color: #422; text-decoration: underline; }
+
+.footnote { font-size: 90%; font-style: italic; font-family: georgia,"times new roman",serif; margin: 0px 3em; }
+.footnote sup { font-size: 120%; padding: 0px 0.3em; position: relative; top: -0.2em; }
+
+.small { font-size: 90%; }
+
+.verbatim { background-color: #eee; padding: 0.2em 1em; border: 1px solid #aaa; }
diff --git a/js/jscalendar/doc/html/reference.html b/js/jscalendar/doc/html/reference.html
new file mode 100644
index 0000000..4bf6380
--- /dev/null
+++ b/js/jscalendar/doc/html/reference.html
@@ -0,0 +1,1738 @@
+<!doctype html public "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
+<html>
+<!--
+
+Generated from ../reference.tex by tex2page, v 2004-09-11
+(running on MzScheme 209, unix), 
+(c) Dorai Sitaram, 
+http://www.ccs.neu.edu/~dorai/tex2page/tex2page-doc.html
+
+-->
+<head>
+<title>
+DHTML Calendar Widget
+</title>
+<link rel="stylesheet" type="text/css" href="reference.css" title=default>
+<link rel="stylesheet" type="text/css" href="reference-Z-S.css" title=default>
+<meta name=robots content="index,follow">
+</head>
+<body>
+<p>
+</p>
+<p>
+</p>
+<p>
+</p>
+<p>
+</p>
+<p>
+</p>
+<p>
+</p>
+<p>
+
+
+
+
+</p>
+<p>
+
+
+</p>
+<p>
+</p>
+<p>
+</p>
+<h1 class=title align=center><br><br>DHTML Calendar Widget</h1>
+<p></p>
+<div align=center>
+Mihai Bazon, <tt>&lt;mihai_bazon@yahoo.com&gt;</tt><br>
+&copy; Dynarch.com 2002-2005, <a href="http://www.dynarch.com/"><tt>www.dynarch.com</tt></a><p>March 7, 2005<br></p>
+<p></p>
+<p>
+<span class=small>calendar version: 1.0 ``It is happening again''</span>
+</p>
+</div>
+<p></p>
+<p>
+<span class=small><code class=verbatim>$Id: reference.tex,v 1.23 2005/03/05 11:37:14 mishoo Exp $</code></span>
+</p>
+<span class=small><blockquote>
+<div align=right><table><tr><td>
+
+</td></tr></table></div>
+
+</blockquote></span>
+<a name="node_sec_Temp_1"></a>
+<h1><a href="#node_toc_node_sec_Temp_1">Contents</a></h1>
+<p><a name="node_toc_start"></a></p>
+<p><b>
+&nbsp; &nbsp; <a name="node_toc_node_sec_1"></a><a href="#node_sec_1">1&nbsp;&nbsp;Overview</a></b><br>
+&nbsp; &nbsp; &nbsp; &nbsp; <a name="node_toc_node_sec_1.1"></a><a href="#node_sec_1.1">1.1&nbsp;&nbsp;How does this thing work?</a><br>
+&nbsp; &nbsp; &nbsp; &nbsp; <a name="node_toc_node_sec_1.2"></a><a href="#node_sec_1.2">1.2&nbsp;&nbsp;Project files</a><br>
+&nbsp; &nbsp; &nbsp; &nbsp; <a name="node_toc_node_sec_1.3"></a><a href="#node_sec_1.3">1.3&nbsp;&nbsp;License</a><br>
+</p>
+<p><b>
+&nbsp; &nbsp; <a name="node_toc_node_sec_2"></a><a href="#node_sec_2">2&nbsp;&nbsp;Quick startup</a></b><br>
+&nbsp; &nbsp; &nbsp; &nbsp; <a name="node_toc_node_sec_2.1"></a><a href="#node_sec_2.1">2.1&nbsp;&nbsp;Installing a popup calendar</a><br>
+&nbsp; &nbsp; &nbsp; &nbsp; <a name="node_toc_node_sec_2.2"></a><a href="#node_sec_2.2">2.2&nbsp;&nbsp;Installing a flat calendar</a><br>
+&nbsp; &nbsp; &nbsp; &nbsp; <a name="node_toc_node_sec_2.3"></a><a href="#node_sec_2.3">2.3&nbsp;&nbsp;<tt>Calendar.setup</tt> in detail</a><br>
+</p>
+<p><b>
+&nbsp; &nbsp; <a name="node_toc_node_sec_3"></a><a href="#node_sec_3">3&nbsp;&nbsp;Recipes</a></b><br>
+&nbsp; &nbsp; &nbsp; &nbsp; <a name="node_toc_node_sec_3.1"></a><a href="#node_sec_3.1">3.1&nbsp;&nbsp;Popup calendars</a><br>
+&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <a name="node_toc_node_sec_3.1.1"></a><a href="#node_sec_3.1.1">3.1.1&nbsp;&nbsp;Simple text field with calendar attached to a button</a><br>
+&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <a name="node_toc_node_sec_3.1.2"></a><a href="#node_sec_3.1.2">3.1.2&nbsp;&nbsp;Simple field with calendar attached to an image</a><br>
+&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <a name="node_toc_node_sec_3.1.3"></a><a href="#node_sec_3.1.3">3.1.3&nbsp;&nbsp;Hidden field, plain text triggers</a><br>
+&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <a name="node_toc_node_sec_3.1.4"></a><a href="#node_sec_3.1.4">3.1.4&nbsp;&nbsp;2 Linked fields, no trigger buttons</a><br>
+&nbsp; &nbsp; &nbsp; &nbsp; <a name="node_toc_node_sec_3.2"></a><a href="#node_sec_3.2">3.2&nbsp;&nbsp;Flat calendars</a><br>
+&nbsp; &nbsp; &nbsp; &nbsp; <a name="node_toc_node_sec_3.3"></a><a href="#node_sec_3.3">3.3&nbsp;&nbsp;Highlight special dates</a><br>
+&nbsp; &nbsp; &nbsp; &nbsp; <a name="node_toc_node_sec_3.4"></a><a href="#node_sec_3.4">3.4&nbsp;&nbsp;Select multiple dates</a><br>
+</p>
+<p><b>
+&nbsp; &nbsp; <a name="node_toc_node_sec_4"></a><a href="#node_sec_4">4&nbsp;&nbsp;The Calendar object overview</a></b><br>
+&nbsp; &nbsp; &nbsp; &nbsp; <a name="node_toc_node_sec_4.1"></a><a href="#node_sec_4.1">4.1&nbsp;&nbsp;Creating a calendar</a><br>
+&nbsp; &nbsp; &nbsp; &nbsp; <a name="node_toc_node_sec_4.2"></a><a href="#node_sec_4.2">4.2&nbsp;&nbsp;Order does matter ;-)</a><br>
+&nbsp; &nbsp; &nbsp; &nbsp; <a name="node_toc_node_sec_4.3"></a><a href="#node_sec_4.3">4.3&nbsp;&nbsp;Caching the object</a><br>
+&nbsp; &nbsp; &nbsp; &nbsp; <a name="node_toc_node_sec_4.4"></a><a href="#node_sec_4.4">4.4&nbsp;&nbsp;Callback functions</a><br>
+</p>
+<p><b>
+&nbsp; &nbsp; <a name="node_toc_node_sec_5"></a><a href="#node_sec_5">5&nbsp;&nbsp;The Calendar object API reference</a></b><br>
+&nbsp; &nbsp; &nbsp; &nbsp; <a name="node_toc_node_sec_5.1"></a><a href="#node_sec_5.1">5.1&nbsp;&nbsp;<tt>Calendar</tt> constructor</a><br>
+&nbsp; &nbsp; &nbsp; &nbsp; <a name="node_toc_node_sec_5.2"></a><a href="#node_sec_5.2">5.2&nbsp;&nbsp;Useful member variables (properties)</a><br>
+&nbsp; &nbsp; &nbsp; &nbsp; <a name="node_toc_node_sec_5.3"></a><a href="#node_sec_5.3">5.3&nbsp;&nbsp;Public methods</a><br>
+&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <a name="node_toc_node_sec_5.3.1"></a><a href="#node_sec_5.3.1">5.3.1&nbsp;&nbsp;<tt>Calendar.create</tt></a><br>
+&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <a name="node_toc_node_sec_5.3.2"></a><a href="#node_sec_5.3.2">5.3.2&nbsp;&nbsp;<tt>Calendar.callHandler</tt></a><br>
+&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <a name="node_toc_node_sec_5.3.3"></a><a href="#node_sec_5.3.3">5.3.3&nbsp;&nbsp;<tt>Calendar.callCloseHandler</tt></a><br>
+&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <a name="node_toc_node_sec_5.3.4"></a><a href="#node_sec_5.3.4">5.3.4&nbsp;&nbsp;<tt>Calendar.hide</tt></a><br>
+&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <a name="node_toc_node_sec_5.3.5"></a><a href="#node_sec_5.3.5">5.3.5&nbsp;&nbsp;<tt>Calendar.setDateFormat</tt></a><br>
+&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <a name="node_toc_node_sec_5.3.6"></a><a href="#node_sec_5.3.6">5.3.6&nbsp;&nbsp;<tt>Calendar.setTtDateFormat</tt></a><br>
+&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <a name="node_toc_node_sec_5.3.7"></a><a href="#node_sec_5.3.7">5.3.7&nbsp;&nbsp;<tt>Calendar.setDisabledHandler</tt></a><br>
+&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <a name="node_toc_node_sec_5.3.8"></a><a href="#node_sec_5.3.8">5.3.8&nbsp;&nbsp;<tt>Calendar.setDateStatusHandler</tt></a><br>
+&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <a name="node_toc_node_sec_5.3.9"></a><a href="#node_sec_5.3.9">5.3.9&nbsp;&nbsp;<tt>Calendar.show</tt></a><br>
+&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <a name="node_toc_node_sec_5.3.10"></a><a href="#node_sec_5.3.10">5.3.10&nbsp;&nbsp;<tt>Calendar.showAt</tt></a><br>
+&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <a name="node_toc_node_sec_5.3.11"></a><a href="#node_sec_5.3.11">5.3.11&nbsp;&nbsp;<tt>Calendar.showAtElement</tt></a><br>
+&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <a name="node_toc_node_sec_5.3.12"></a><a href="#node_sec_5.3.12">5.3.12&nbsp;&nbsp;<tt>Calendar.setDate</tt></a><br>
+&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <a name="node_toc_node_sec_5.3.13"></a><a href="#node_sec_5.3.13">5.3.13&nbsp;&nbsp;<tt>Calendar.setFirstDayOfWeek</tt></a><br>
+&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <a name="node_toc_node_sec_5.3.14"></a><a href="#node_sec_5.3.14">5.3.14&nbsp;&nbsp;<tt>Calendar.parseDate</tt></a><br>
+&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <a name="node_toc_node_sec_5.3.15"></a><a href="#node_sec_5.3.15">5.3.15&nbsp;&nbsp;<tt>Calendar.setRange</tt></a><br>
+</p>
+<p><b>
+&nbsp; &nbsp; <a name="node_toc_node_sec_6"></a><a href="#node_sec_6">6&nbsp;&nbsp;Side effects</a></b><br>
+</p>
+<p><b>
+&nbsp; &nbsp; <a name="node_toc_node_sec_7"></a><a href="#node_sec_7">7&nbsp;&nbsp;Credits</a></b><br>
+</p>
+<p>
+</p>
+<p>
+</p>
+<a name="node_sec_1"></a>
+<h1><a href="#node_toc_node_sec_1">1&nbsp;&nbsp;Overview</a></h1>
+<p>The DHTML Calendar widget<a name="call_footnote_Temp_2"></a><a href="#footnote_Temp_2"><sup><small>1</small></sup></a>
+is an (HTML) user interface element that gives end-users a friendly way to
+select date and time.  It works in a web browser.  The first versions only provided
+support for popup calendars, while starting with version 0.9 it also supports
+``flat'' display.  A ``flat'' calendar is a calendar that stays visible in the
+page all the time.  In this mode it could be very useful for ``blog'' pages and
+other pages that require the calendar to be always present.</p>
+<p>
+The calendar is compatible with most popular browsers nowadays.  While it's
+created using web standards and it should generally work with any compliant
+browser, the following browsers were found to work: Mozilla/Firefox (the
+development platform), Netscape&nbsp;6.0 or better, all other Gecko-based browsers,
+Internet Explorer&nbsp;5.0 or better <em>for Windows</em><a name="call_footnote_Temp_3"></a><a href="#footnote_Temp_3"><sup><small>2</small></sup></a>, Opera&nbsp;7<a name="call_footnote_Temp_4"></a><a href="#footnote_Temp_4"><sup><small>3</small></sup></a>, Konqueror 3.1.2 and Apple Safari for
+MacOSX.</p>
+<p>
+You can find the latest info and version at the calendar homepage:</p>
+<p>
+</p>
+<div align=center><table><tr><td>
+
+<a href="http://www.dynarch.com/projects/calendar/"><tt>www.dynarch.com/projects/calendar</tt></a>
+</td></tr></table></div>
+<p>
+</p>
+<a name="node_sec_1.1"></a>
+<h2><a href="#node_toc_node_sec_1.1">1.1&nbsp;&nbsp;How does this thing work?</a></h2>
+<p>DHTML is not ``another kind of HTML''.  It's merely a naming convention.  DHTML
+refers to the combination of HTML, CSS, JavaScript and DOM.  DOM (Document
+Object Model) is a set of interfaces that glues the other three together.  In
+other words, DOM allows dynamic modification of an HTML page through a program.
+JavaScript is our programming language, since that's what browsers like.  CSS
+is a way to make it look good ;-).  So all this soup is generically known as
+DHTML.</p>
+<p>
+Using DOM calls, the program dynamically creates a <tt>&lt;table&gt;</tt> element
+that contains a calendar for the given date and then inserts it in the document
+body.  Then it shows this table at a specified position.  Usually the position
+is related to some element in which the date needs to be displayed/entered,
+such as an input field.</p>
+<p>
+By assigning a certain CSS class to the table we can control the look of the
+calendar through an external CSS file; therefore, in order to change the
+colors, backgrounds, rollover effects and other stuff, you can only change a
+CSS file -- modification of the program itself is not necessary.</p>
+<p>
+</p>
+<a name="node_sec_1.2"></a>
+<h2><a href="#node_toc_node_sec_1.2">1.2&nbsp;&nbsp;Project files</a></h2>
+<p>Here's a description of the project files, excluding documentation and example
+files.</p>
+<p>
+</p>
+<ul><p>
+</p>
+<li><p>the main program file (<tt>calendar.js</tt>).  This defines all the logic
+behind the calendar widget.</p>
+<p>
+</p>
+<li><p>the CSS files (<tt>calendar-*.css</tt>).  Loading one of them is
+necessary in order to see the calendar as intended.</p>
+<p>
+</p>
+<li><p>the language definition files (<tt>lang/calendar-*.js</tt>).  They are
+plain JavaScript files that contain all texts that are displayed by the
+calendar.  Loading one of them is necessary.</p>
+<p>
+</p>
+<li><p>helper functions for quick setup of the calendar
+(<tt>calendar-setup.js</tt>).  You can do fine without it, but starting with
+version 0.9.3 this is the recommended way to setup a calendar.</p>
+<p>
+</p>
+</ul><p></p>
+<p>
+</p>
+<a name="node_sec_1.3"></a>
+<h2><a href="#node_toc_node_sec_1.3">1.3&nbsp;&nbsp;License</a></h2>
+<p></p>
+<div align=center><table><tr><td>
+
+&copy; Dynarch.com 2002-2005,
+<a href="http://www.dynarch.com/"><tt>www.dynarch.com</tt></a>
+Author: Mihai Bazon
+</td></tr></table></div>
+<p>
+The calendar is released under the
+<a href="http://www.gnu.org/licenses/lgpl.html">GNU Lesser General Public License</a>.</p>
+<p>
+</p>
+<a name="node_sec_2"></a>
+<h1><a href="#node_toc_node_sec_2">2&nbsp;&nbsp;Quick startup</a></h1>
+<p></p>
+<p>
+Installing the calendar used to be quite a task until version 0.9.3.  Starting
+with 0.9.3 I have included the file <tt>calendar-setup.js</tt> whose goal is to
+assist you to setup a popup or flat calendar in minutes.  You are
+encouraged to modify this file and <em>not</em> calendar.js if you need
+extra customization, but you're on your own.</p>
+<p>
+First you have to include the needed scripts and style-sheet.  Make sure you do
+this in your document's <tt>&lt;head&gt;</tt> section, also make sure you put the
+correct paths to the scripts.</p>
+<p>
+</p>
+<pre class=verbatim>&lt;style type=&quot;text/css&quot;&gt;@import url(calendar-win2k-1.css);&lt;/style&gt;
+&lt;script type=&quot;text/javascript&quot; src=&quot;calendar.js&quot;&gt;&lt;/script&gt;
+&lt;script type=&quot;text/javascript&quot; src=&quot;lang/calendar-en.js&quot;&gt;&lt;/script&gt;
+&lt;script type=&quot;text/javascript&quot; src=&quot;calendar-setup.js&quot;&gt;&lt;/script&gt;
+</pre><p></p>
+<p>
+</p>
+<a name="node_sec_2.1"></a>
+<h2><a href="#node_toc_node_sec_2.1">2.1&nbsp;&nbsp;Installing a popup calendar</a></h2>
+<p></p>
+<p>
+Now suppose you have the following HTML:</p>
+<p>
+</p>
+<pre class=verbatim>&lt;form ...&gt;
+  &lt;input type=&quot;text&quot; id=&quot;data&quot; name=&quot;data&quot; /&gt;
+  &lt;button id=&quot;trigger&quot;&gt;...&lt;/button&gt;
+&lt;/form&gt;
+</pre><p></p>
+<p>
+You want the button to popup a calendar widget when clicked?  Just
+insert the following code immediately <em>after</em> the HTML form:</p>
+<p>
+</p>
+<pre class=verbatim>&lt;script type=&quot;text/javascript&quot;&gt;
+  Calendar.setup(
+    {
+      inputField  : &quot;data&quot;,         // ID of the input field
+      ifFormat    : &quot;%m %d, %Y&quot;,    // the date format
+      button      : &quot;trigger&quot;       // ID of the button
+    }
+  );
+&lt;/script&gt;
+</pre><p></p>
+<p>
+The <tt>Calendar.setup</tt> function, defined in <tt>calendar-setup.js</tt>
+takes care of ``patching'' the button to display a calendar when clicked.  The
+calendar is by default in single-click mode and linked with the given input
+field, so that when the end-user selects a date it will update the input field
+with the date in the given format and close the calendar.  If you are a
+long-term user of the calendar you probably remember that for doing this you
+needed to write a couple functions and add an ``onclick'' handler for the
+button by hand.</p>
+<p>
+By looking at the example above we can see that the function
+<tt>Calendar.setup</tt> receives only one parameter: a JavaScript object.
+Further, that object can have lots of properties that tell to the setup
+function how would we like to have the calendar.  For instance, if we would
+like a calendar that closes at double-click instead of single-click we would
+also include the following: <tt>singleClick:false</tt>.</p>
+<p>
+For a list of all supported parameters please see the section
+<a href="#node_sec_2.3">2.3</a>.</p>
+<p>
+</p>
+<a name="node_sec_2.2"></a>
+<h2><a href="#node_toc_node_sec_2.2">2.2&nbsp;&nbsp;Installing a flat calendar</a></h2>
+<p></p>
+<p>
+Here's how to configure a flat calendar, using the same <tt>Calendar.setup</tt>
+function.  First, you should have an empty element with an ID.  This element
+will act as a container for the calendar.  It can be any block-level element,
+such as DIV, TABLE, etc.  We will use a DIV in this example.</p>
+<p>
+</p>
+<pre class=verbatim>&lt;div id=&quot;calendar-container&quot;&gt;&lt;/div&gt;
+</pre><p></p>
+<p>
+Then there is the JavaScript code that sets up the calendar into the
+``calendar-container'' DIV.  The code can occur anywhere in HTML
+<em>after</em> the DIV element.</p>
+<p>
+</p>
+<pre class=verbatim>&lt;script type=&quot;text/javascript&quot;&gt;
+  function dateChanged(calendar) {
+    // Beware that this function is called even if the end-user only
+    // changed the month/year.  In order to determine if a date was
+    // clicked you can use the dateClicked property of the calendar:
+    if (calendar.dateClicked) {
+      // OK, a date was clicked, redirect to /yyyy/mm/dd/index.php
+      var y = calendar.date.getFullYear();
+      var m = calendar.date.getMonth();     // integer, 0..11
+      var d = calendar.date.getDate();      // integer, 1..31
+      // redirect...
+      window.location = &quot;/&quot; + y + &quot;/&quot; + m + &quot;/&quot; + d + &quot;/index.php&quot;;
+    }
+  };
+
+  Calendar.setup(
+    {
+      flat         : &quot;calendar-container&quot;, // ID of the parent element
+      flatCallback : dateChanged           // our callback function
+    }
+  );
+&lt;/script&gt;
+</pre><p></p>
+<p>
+</p>
+<a name="node_sec_2.3"></a>
+<h2><a href="#node_toc_node_sec_2.3">2.3&nbsp;&nbsp;<tt>Calendar.setup</tt> in detail</a></h2>
+<p></p>
+<p>
+Following there is the complete list of properties interpreted by
+Calendar.setup.  All of them have default values, so you can pass only those
+which you would like to customize.  Anyway, you <em>must</em> pass at least one
+of <tt>inputField</tt>, <tt>displayArea</tt> or <tt>button</tt>, for a popup
+calendar, or <tt>flat</tt> for a flat calendar.  Otherwise you will get a
+warning message saying that there's nothing to setup.</p>
+<p>
+</p>
+<span class=small><table border=0><tr><td valign=top ><b>property</b> </td><td valign=top ><b>type</b> </td><td valign=top ><b>description</b> </td><td valign=top ><b>default</b>
+</td></tr>
+<tr><td valign=top ><tt>inputField</tt>
+</td><td valign=top >string </td><td valign=top >The ID of your input field.
+</td><td valign=top >null
+</td></tr>
+<tr><td valign=top ><tt>displayArea</tt>
+</td><td valign=top >string </td><td valign=top >This is the ID of a &lt;span&gt;, &lt;div&gt;, or any other element that you would like to use to display the current date. This is generally useful only if the input field is hidden, as an area to display the date.
+</td><td valign=top >null
+</td></tr>
+<tr><td valign=top ><tt>button</tt>
+</td><td valign=top >string </td><td valign=top >The ID of the calendar ``trigger''. This is an element (ordinarily a button or an image) that will dispatch a certain event (usually ``click'') to the function that creates and displays the calendar.
+</td><td valign=top >null
+</td></tr>
+<tr><td valign=top ><tt>eventName</tt>
+</td><td valign=top >string </td><td valign=top >The name of the event that will trigger the calendar. The name should be without the ``on'' prefix, such as ``click'' instead of ``onclick''. Virtually all users will want to let this have the default value (``click''). Anyway, it could be useful if, say, you want the calendar to appear when the input field is focused and have no trigger button (in this case use ``focus'' as the event name).
+</td><td valign=top >``click''
+</td></tr>
+<tr><td valign=top ><tt>ifFormat</tt>
+</td><td valign=top >string </td><td valign=top >The format string that will be used to enter the date in the input field. This format will be honored even if the input field is hidden.
+</td><td valign=top >``%Y/%m/%d''
+</td></tr>
+<tr><td valign=top ><tt>daFormat</tt>
+</td><td valign=top >string </td><td valign=top >Format of the date displayed in the displayArea (if specified).
+</td><td valign=top >``%Y/%m/%d''
+</td></tr>
+<tr><td valign=top ><tt>singleClick</tt>
+</td><td valign=top >boolean </td><td valign=top >Wether the calendar is in ``single-click mode'' or ``double-click mode''. If true (the default) the calendar will be created in single-click mode.
+</td><td valign=top >true
+</td></tr>
+<tr><td valign=top ><tt>disableFunc</tt>
+</td><td valign=top >function </td><td valign=top >A function that receives a JS Date object.  It should return
+<tt>true</tt> if that date has to be disabled, <tt>false</tt> otherwise.
+<font color="red">DEPRECATED (see below).</font>
+</td><td valign=top >null
+</td></tr>
+<tr><td valign=top ><tt>dateStatusFunc</tt>
+</td><td valign=top >function </td><td valign=top >A function that receives a JS Date object and returns a boolean
+or a string.  This function allows one to set a certain CSS class to some
+date, therefore making it look different.  If it returns <tt>true</tt> then
+the date will be disabled.  If it returns <tt>false</tt> nothing special
+happens with the given date.  If it returns a string then that will be taken
+as a CSS class and appended to the date element.  If this string is
+``disabled'' then the date is also disabled (therefore is like returning
+<tt>true</tt>).  For more information please also refer to section
+<a href="#node_sec_5.3.8">5.3.8</a>.
+</td><td valign=top >null
+</td></tr>
+<tr><td valign=top ><tt>firstDay</tt>
+</td><td valign=top >integer </td><td valign=top >Specifies which day is to be displayed as the first day of
+week.  Possible values are 0 to 6; 0 means Sunday, 1 means Monday, ..., 6
+means Saturday.  The end user can easily change this too, by clicking on the
+day name in the calendar header.
+</td><td valign=top >0
+</td></tr>
+<tr><td valign=top ><tt>weekNumbers</tt>
+</td><td valign=top >boolean </td><td valign=top >If ``true'' then the calendar will display week numbers.
+</td><td valign=top >true
+</td></tr>
+<tr><td valign=top ><tt>align</tt>
+</td><td valign=top >string </td><td valign=top >Alignment of the calendar, relative to the reference element. The
+reference element is dynamically chosen like this: if a displayArea is
+specified then it will be the reference element. Otherwise, the input field
+is the reference element.  For the meaning of the alignment characters
+please section <a href="#node_sec_5.3.11">5.3.11</a>.
+</td><td valign=top >``Bl''
+</td></tr>
+<tr><td valign=top ><tt>range</tt>
+</td><td valign=top >array </td><td valign=top >An array having exactly 2 elements, integers. (!) The first [0] element is the minimum year that is available, and the second [1] element is the maximum year that the calendar will allow.
+</td><td valign=top >[1900, 2999]
+</td></tr>
+<tr><td valign=top ><tt>flat</tt>
+</td><td valign=top >string </td><td valign=top >If you want a flat calendar, pass the ID of the parent object in
+this property.  If not, pass <tt>null</tt> here (or nothing at all as
+<tt>null</tt> is the default value).
+</td><td valign=top >null
+</td></tr>
+<tr><td valign=top ><tt>flatCallback</tt>
+</td><td valign=top >function </td><td valign=top >You should provide this function if the calendar is flat.  It
+will be called when the date in the calendar is changed with a reference to
+the calendar object.  See section <a href="#node_sec_2.2">2.2</a> for an example
+of how to setup a flat calendar.
+</td><td valign=top >null
+</td></tr>
+<tr><td valign=top ><tt>onSelect</tt>
+</td><td valign=top >function </td><td valign=top >If you provide a function handler here then you have to manage
+the ``click-on-date'' event by yourself.  Look in the calendar-setup.js and
+take as an example the onSelect handler that you can see there.
+</td><td valign=top >null
+</td></tr>
+<tr><td valign=top ><tt>onClose</tt>
+</td><td valign=top >function </td><td valign=top >This handler will be called when the calendar needs to close.
+You don't need to provide one, but if you do it's your responsibility to
+hide/destroy the calendar.  You're on your own.  Check the calendar-setup.js
+file for an example.
+</td><td valign=top >null
+</td></tr>
+<tr><td valign=top ><tt>onUpdate</tt>
+</td><td valign=top >function </td><td valign=top >If you supply a function handler here, it will be called right
+after the target field is updated with a new date.  You can use this to
+chain 2 calendars, for instance to setup a default date in the second just
+after a date was selected in the first.
+</td><td valign=top >null
+</td></tr>
+<tr><td valign=top ><tt>date</tt>
+</td><td valign=top >date </td><td valign=top >This allows you to setup an initial date where the calendar will be
+positioned to.  If absent then the calendar will open to the today date.
+</td><td valign=top >null
+</td></tr>
+<tr><td valign=top ><tt>showsTime</tt>
+</td><td valign=top >boolean </td><td valign=top >If this is set to <tt>true</tt> then the calendar will also
+allow time selection.
+</td><td valign=top >false
+</td></tr>
+<tr><td valign=top ><tt>timeFormat</tt>
+</td><td valign=top >string </td><td valign=top >Set this to ``12'' or ``24'' to configure the way that the
+calendar will display time.
+</td><td valign=top >``24''
+</td></tr>
+<tr><td valign=top ><tt>electric</tt>
+</td><td valign=top >boolean </td><td valign=top >Set this to ``false'' if you want the calendar to update the
+field only when closed (by default it updates the field at each date change,
+even if the calendar is not closed) </td><td valign=top >true
+</td></tr>
+<tr><td valign=top ><tt>position</tt>
+</td><td valign=top >array </td><td valign=top >Specifies the [x, y] position, relative to page's top-left corner,
+where the calendar will be displayed.  If not passed then the position will
+be computed based on the ``align'' parameter.  Defaults to ``null'' (not
+used). </td><td valign=top >null
+</td></tr>
+<tr><td valign=top ><tt>cache</tt>
+</td><td valign=top >boolean </td><td valign=top >Set this to ``true'' if you want to cache the calendar object.
+This means that a single calendar object will be used for all fields that
+require a popup calendar </td><td valign=top >false
+</td></tr>
+<tr><td valign=top ><tt>showOthers</tt>
+</td><td valign=top >boolean </td><td valign=top >If set to ``true'' then days belonging to months overlapping
+with the currently displayed month will also be displayed in the calendar
+(but in a ``faded-out'' color) </td><td valign=top >false
+
+</td></tr></table>
+
+</span><p>
+</p>
+<a name="node_sec_3"></a>
+<h1><a href="#node_toc_node_sec_3">3&nbsp;&nbsp;Recipes</a></h1>
+<p>This section presents some common ways to setup a calendar using the
+<tt>Calendar.setup</tt> function detailed in the previous section.</p>
+<p>
+We don't discuss here about loading the JS or CSS code -- so make sure you
+add the proper &lt;script&gt; and &lt;style&gt; or &lt;link&gt; elements in your
+HTML code.  Also, when we present input fields, please note that they should
+be embedded in some form in order for data to be actually sent to server; we
+don't discuss these things here because they are not related to our
+calendar.</p>
+<p>
+</p>
+<a name="node_sec_3.1"></a>
+<h2><a href="#node_toc_node_sec_3.1">3.1&nbsp;&nbsp;Popup calendars</a></h2>
+<p>These samples can be found in the file “<tt>simple-1.html</tt>� from the
+calendar package.</p>
+<p>
+</p>
+<a name="node_sec_3.1.1"></a>
+<h3><a href="#node_toc_node_sec_3.1.1">3.1.1&nbsp;&nbsp;Simple text field with calendar attached to a button</a></h3>
+<p></p>
+<p>
+This piece of code will create a calendar for a simple input field with a
+button that will open the calendar when clicked.</p>
+<p>
+</p>
+<pre class=verbatim>&lt;input type=&quot;text&quot; name=&quot;date&quot; id=&quot;f_date_b&quot;
+       /&gt;&lt;button type=&quot;reset&quot; id=&quot;f_trigger_b&quot;
+       &gt;...&lt;/button&gt;
+&lt;script type=&quot;text/javascript&quot;&gt;
+    Calendar.setup({
+        inputField     :    &quot;f_date_b&quot;,           //*
+        ifFormat       :    &quot;%m/%d/%Y %I:%M %p&quot;,
+        showsTime      :    true,
+        button         :    &quot;f_trigger_b&quot;,        //*
+        step           :    1
+    });
+&lt;/script&gt;
+</pre><p></p>
+<p>
+Note that this code does more actually; the only <em>required</em> fields are
+those marked with “//*� -- that is, the ID of the input field and the ID of
+the button need to be passed to <tt>Calendar.setup</tt> in order for the
+calendar to be properly assigned to this input field.  As one can easily
+guess from the argument names, the other arguments configure a certain date
+format, instruct the calendar to also include a time selector and display
+every year in the drop-down boxes (the “step� parameter) -- instead of showing
+every other year as the default calendar does.</p>
+<p>
+</p>
+<a name="node_sec_3.1.2"></a>
+<h3><a href="#node_toc_node_sec_3.1.2">3.1.2&nbsp;&nbsp;Simple field with calendar attached to an image</a></h3>
+<p>Same as the above, but the element that triggers the calendar is this time
+an image, not a button.</p>
+<p>
+</p>
+<pre class=verbatim>&lt;input type=&quot;text&quot; name=&quot;date&quot; id=&quot;f_date_c&quot; readonly=&quot;1&quot; /&gt;
+&lt;img src=&quot;img.gif&quot; id=&quot;f_trigger_c&quot;
+     style=&quot;cursor: pointer; border: 1px solid red;&quot;
+     title=&quot;Date selector&quot;
+     onmouseover=&quot;this.style.background='red';&quot;
+     onmouseout=&quot;this.style.background=''&quot; /&gt;
+&lt;script type=&quot;text/javascript&quot;&gt;
+    Calendar.setup({
+        inputField     :    &quot;f_date_c&quot;,
+        ifFormat       :    &quot;%B %e, %Y&quot;,
+        button         :    &quot;f_trigger_c&quot;,
+        align          :    &quot;Tl&quot;,
+        singleClick    :    false
+    });
+&lt;/script&gt;
+</pre><p></p>
+<p>
+Note that the same 2 parameters are required as in the previous case; the
+difference is that the 'button' parameter now gets the ID of the image
+instead of the ID of the button.  But the event is the same: at 'onclick' on
+the element that is passed as 'button', the calendar will be shown.</p>
+<p>
+The above code additionally sets an alignment mode -- the parameters are
+described in <a href="#node_sec_5.3.11">5.3.11</a>.</p>
+<p>
+</p>
+<a name="node_sec_3.1.3"></a>
+<h3><a href="#node_toc_node_sec_3.1.3">3.1.3&nbsp;&nbsp;Hidden field, plain text triggers</a></h3>
+<p>Sometimes, to assure that the date is well formatted, you might want not to
+allow the end user to write a date manually.  This can easily be achieved
+with an input field by setting its <tt>readonly</tt> attribute, which is
+defined by the HTML4 standard; however, here's an even nicer approach: our
+calendar widget allows you to use a hidden field as the way to pass data to
+server, and a “display area� to show the end user the selected date.  The
+“display area� can be any HTML element, such as a DIV or a SPAN or
+whatever -- we will use a SPAN in our sample.</p>
+<p>
+</p>
+<pre class=verbatim>&lt;input type=&quot;hidden&quot; name=&quot;date&quot; id=&quot;f_date_d&quot; /&gt;
+
+&lt;p&gt;Your birthday:
+   &lt;span style=&quot;background-color: #ff8; cursor: default;&quot;
+         onmouseover=&quot;this.style.backgroundColor='#ff0';&quot;
+         onmouseout=&quot;this.style.backgroundColor='#ff8';&quot;
+         id=&quot;show_d&quot;
+   &gt;Click to open date selector&lt;/span&gt;.&lt;/p&gt;
+
+&lt;script type=&quot;text/javascript&quot;&gt;
+    Calendar.setup({
+        inputField     :    &quot;f_date_d&quot;,
+        ifFormat       :    &quot;%Y/%d/%m&quot;,
+        displayArea    :    &quot;show_d&quot;,
+        daFormat       :    &quot;%A, %B %d, %Y&quot;,
+    });
+&lt;/script&gt;
+</pre><p></p>
+<p>
+The above code will configure a calendar attached to the hidden field and to
+the SPAN having the id=“show_d�.  When the SPAN element is clicked, the
+calendar opens and allows the end user to chose a date.  When the date is
+chosen, the input field will be updated with the value in the format
+“<tt>%Y/%d/%m</tt>�, and the SPAN element will display the date in a
+friendlier format (defined by “<tt>daFormat</tt>�).</p>
+<p>
+Beware that using this approach will make your page unfunctional in browsers
+that do not support JavaScript or our calendar.</p>
+<p>
+</p>
+<a name="node_sec_3.1.4"></a>
+<h3><a href="#node_toc_node_sec_3.1.4">3.1.4&nbsp;&nbsp;2 Linked fields, no trigger buttons</a></h3>
+<p>Supposing you want to create 2 fields that hold an interval of exactly one
+week.  The first is the starting date, and the second is the ending date.
+You want the fields to be automatically updated when some date is clicked in
+one or the other, in order to keep exactly one week difference between them.</p>
+<p>
+</p>
+<pre class=verbatim>&lt;input type=&quot;text&quot; name=&quot;date&quot; id=&quot;f_date_a&quot; /&gt;
+&lt;input type=&quot;text&quot; name=&quot;date&quot; id=&quot;f_calcdate&quot; /&gt;
+
+&lt;script type=&quot;text/javascript&quot;&gt;
+    function catcalc(cal) {
+        var date = cal.date;
+        var time = date.getTime()
+        // use the _other_ field
+        var field = document.getElementById(&quot;f_calcdate&quot;);
+        if (field == cal.params.inputField) {
+            field = document.getElementById(&quot;f_date_a&quot;);
+            time -= Date.WEEK; // substract one week
+        } else {
+            time += Date.WEEK; // add one week
+        }
+        var date2 = new Date(time);
+        field.value = date2.print(&quot;%Y-%m-%d %H:%M&quot;);
+    }
+    Calendar.setup({
+        inputField     :    &quot;f_date_a&quot;,
+        ifFormat       :    &quot;%Y-%m-%d %H:%M&quot;,
+        showsTime      :    true,
+        timeFormat     :    &quot;24&quot;,
+        onUpdate       :    catcalc
+    });
+    Calendar.setup({
+        inputField     :    &quot;f_calcdate&quot;,
+        ifFormat       :    &quot;%Y-%m-%d %H:%M&quot;,
+        showsTime      :    true,
+        timeFormat     :    &quot;24&quot;,
+        onUpdate       :    catcalc
+    });
+&lt;/script&gt;
+</pre><p></p>
+<p>
+The above code will configure 2 input fields with calendars attached, as
+usual.  The first thing to note is that there's no trigger button -- in such
+case, the calendar will popup when one clicks into the input field.  Using
+the <tt>onUpdate</tt> parameter, we pass a reference to a function of ours
+that will get called after a date was selected.  In that function we
+determine what field was updated and we compute the date in the other input
+field such that it keeps a one week difference between the two.  Enjoy! :-)</p>
+<p>
+</p>
+<a name="node_sec_3.2"></a>
+<h2><a href="#node_toc_node_sec_3.2">3.2&nbsp;&nbsp;Flat calendars</a></h2>
+<p>This sample can be found in “<tt>simple-2.html</tt>�.  It will configure a
+flat calendar that is always displayed in the page, in the DIV having the
+id=“calendar-container�.  When a date is clicked our function hander gets
+called (<tt>dateChanged</tt>) and it will compute an URL to jump to based on
+the selected date, then use <tt>window.location</tt> to visit the new link.</p>
+<p>
+</p>
+<pre class=verbatim>&lt;div style=&quot;float: right; margin-left: 1em; margin-bottom: 1em;&quot;
+id=&quot;calendar-container&quot;&gt;&lt;/div&gt;
+
+&lt;script type=&quot;text/javascript&quot;&gt;
+  function dateChanged(calendar) {
+    // Beware that this function is called even if the end-user only
+    // changed the month/year.  In order to determine if a date was
+    // clicked you can use the dateClicked property of the calendar:
+    if (calendar.dateClicked) {
+      // OK, a date was clicked, redirect to /yyyy/mm/dd/index.php
+      var y = calendar.date.getFullYear();
+      var m = calendar.date.getMonth();     // integer, 0..11
+      var d = calendar.date.getDate();      // integer, 1..31
+      // redirect...
+      window.location = &quot;/&quot; + y + &quot;/&quot; + m + &quot;/&quot; + d + &quot;/index.php&quot;;
+    }
+  };
+
+  Calendar.setup(
+    {
+      flat         : &quot;calendar-container&quot;, // ID of the parent element
+      flatCallback : dateChanged           // our callback function
+    }
+  );
+&lt;/script&gt;
+</pre><p></p>
+<p>
+</p>
+<a name="node_sec_3.3"></a>
+<h2><a href="#node_toc_node_sec_3.3">3.3&nbsp;&nbsp;Highlight special dates</a></h2>
+<p>So you want to display certain dates in a different color, or with bold
+font, or whatever, right?  Well, no problem -- our calendar can do this as
+well.  It doesn't matter if it's a flat or popup calendar -- we'll use a flat
+one for this sample.  The idea, however, is that you need to have the dates
+in an array or a JavaScript object -- whatever is suitable for your way of
+thinking -- and use it from a function that returns a value, telling the
+calendar what kind of date is the passed one.</p>
+<p>
+Too much talking, here's the code ;-)</p>
+<p>
+</p>
+<pre class=verbatim>&lt;!-- this goes into the &lt;head&gt; tag --&gt;
+&lt;style type=&quot;text/css&quot;&gt;
+  .special { background-color: #000; color: #fff; }
+&lt;/style&gt;
+
+&lt;!-- and the rest inside the &lt;body&gt; --&gt;
+&lt;div style=&quot;float: right; margin-left: 1em; margin-bottom: 1em;&quot;
+id=&quot;calendar-container&quot;&gt;&lt;/div&gt;
+
+&lt;script type=&quot;text/javascript&quot;&gt;
+  var SPECIAL_DAYS = {
+    0 : [ 13, 24 ],		// special days in January
+    2 : [ 1, 6, 8, 12, 18 ],	// special days in March
+    8 : [ 21, 11 ]		// special days in September
+  };
+
+  function dateIsSpecial(year, month, day) {
+    var m = SPECIAL_DAYS[month];
+    if (!m) return false;
+    for (var i in m) if (m[i] == day) return true;
+    return false;
+  };
+
+  function dateChanged(calendar) {
+    // Beware that this function is called even if the end-user only
+    // changed the month/year.  In order to determine if a date was
+    // clicked you can use the dateClicked property of the calendar:
+    if (calendar.dateClicked) {
+      // OK, a date was clicked, redirect to /yyyy/mm/dd/index.php
+      var y = calendar.date.getFullYear();
+      var m = calendar.date.getMonth();     // integer, 0..11
+      var d = calendar.date.getDate();      // integer, 1..31
+      // redirect...
+      window.location = &quot;/&quot; + y + &quot;/&quot; + m + &quot;/&quot; + d + &quot;/index.php&quot;;
+    }
+  };
+
+  function ourDateStatusFunc(date, y, m, d) {
+    if (dateIsSpecial(y, m, d))
+      return &quot;special&quot;;
+    else
+      return false; // other dates are enabled
+      // return true if you want to disable other dates
+  };
+
+  Calendar.setup(
+    {
+      flat         : &quot;calendar-container&quot;, // ID of the parent element
+      flatCallback : dateChanged,          // our callback function
+      dateStatusFunc : ourDateStatusFunc
+    }
+  );
+&lt;/script&gt;
+</pre><p></p>
+<p>
+So the above code creates a normal flat calendar, like in the previous
+sample.  We hook into it with the function “<tt>ourDateStatusFunc</tt>�,
+which receives a date object as the first argument, and also the year,
+month, date as the next 3 arguments (normally, you can extract year, month,
+date from the first parameter too, but we pass them separately for
+convenience, as it's very likely that they are going to be used in this
+function).</p>
+<p>
+So, this function receives a date.  It can return <tt>false</tt> if you want
+no special action to be taken on that date, <tt>true</tt> if that date
+should be disabled (unselectable), or a string if you want to assign a
+special CSS class to that date.  We return “special� for the dates that we
+want to highlight -- and note that we defined a “special� look for them in
+the CSS section.</p>
+<p>
+I used a simple approach here to define what dates are special.  There's a
+JavaScript object (the SPECIAL_DAYS global variable) which holds an array
+of dates for each month.  Month numbers start at zero (January).  Months
+that don't contain special dates can be absent from this object.  Note that
+the way to implement this is completely separated from the calendar
+code -- therefore, feel free to use your imagination if you have better
+ideas. :-)</p>
+<p>
+</p>
+<a name="node_sec_3.4"></a>
+<h2><a href="#node_toc_node_sec_3.4">3.4&nbsp;&nbsp;Select multiple dates</a></h2>
+<p>Starting version 1.0, the calendar is able to handle multiple dates
+selection.  You just need to pass the “<tt>multiple</tt>� parameter to
+<tt>Calendar.setup</tt> and add some special code that interprets the
+selection once the calendar is closed.</p>
+<p>
+</p>
+<pre class=verbatim>&lt;a id=&quot;trigger&quot; href=&quot;#&quot;&gt;[open calendar...]&lt;/a&gt;
+&lt;div id=&quot;output&quot;&gt;&lt;/div&gt;
+&lt;script type=&quot;text/javascript&quot;&gt;//&lt;![CDATA[
+    // the default multiple dates selected,
+    // first time the calendar is displayed
+    var MA = [];
+
+    function closed(cal) {
+
+      // here we'll write the output; this is only for example.  You
+      // will normally fill an input field or something with the dates.
+      var el = document.getElementById(&quot;output&quot;);
+
+      // reset initial content.
+      el.innerHTML = &quot;&quot;;
+
+      // Reset the &quot;MA&quot;, in case one triggers the calendar again.
+      // CAREFUL!  You don't want to do &quot;MA = [];&quot;.  We need to modify
+      // the value of the current array, instead of creating a new one.
+      // Calendar.setup is called only once! :-)  So be careful.
+      MA.length = 0;
+
+      // walk the calendar's multiple dates selection hash
+      for (var i in cal.multiple) {
+        var d = cal.multiple[i];
+        // sometimes the date is not actually selected,
+        // so let's check
+        if (d) {
+          // OK, selected.  Fill an input field or something.
+          el.innerHTML += d.print(&quot;%A, %Y %B %d&quot;) + &quot;&lt;br /&gt;&quot;;
+          // and push it in the &quot;MA&quot;, in case one triggers the calendar again.
+          MA[MA.length] = d;
+        }
+      }
+      cal.hide();
+      return true;
+    };
+
+    Calendar.setup({
+      align      : &quot;BR&quot;,
+      showOthers : true,
+      multiple   : MA, // pass the initial or computed array of multiple dates
+      onClose    : closed,
+      button     : &quot;trigger&quot;
+    });
+//]]&gt;&lt;/script&gt;
+</pre><p></p>
+<p>
+The above code creates a popup calendar and passes to it an array of dates,
+which is initially empty, in the “multiple� argument.  When the calendar is
+closed it will call our “<tt>closed</tt>� function handler; in this handler
+we determine what dates were actually selected, inspecting the
+“<tt>cal.multiple</tt>� property, we display them in a DIV element right
+next to the &lt;a&gt; element that opens the calendar, and we reinitialize the
+global array of selected dates (which will be used if the end user opens the
+calendar again).  I guess the code speaks for itself, right? :-)</p>
+<p>
+</p>
+<a name="node_sec_4"></a>
+<h1><a href="#node_toc_node_sec_4">4&nbsp;&nbsp;The Calendar object overview</a></h1>
+<p></p>
+<p>
+Basically you should be able to setup the calendar with the function presented
+in the previous section.  However, if for some reason <tt>Calendar.setup</tt>
+doesn't provide all the functionality that you need and you want to tweak into
+the process of creating and configuring the calendar ``by hand'', then this
+section is the way to go.</p>
+<p>
+The file <tt>calendar.js</tt> implements the functionality of the calendar.
+All (well, almost all) functions and variables are embedded in the JavaScript
+object ``Calendar''.</p>
+<p>
+You can instantiate a <tt>Calendar</tt> object by calling the constructor, like
+this: <tt>var cal = new Calendar(<tt>...</tt>)</tt>.  We will discuss the parameters
+later.  After creating the object, the variable <tt>cal</tt> will contain a
+reference to it.  You can use this reference to access further options of the
+calendar, for instance:</p>
+<p>
+</p>
+<pre class=verbatim>cal.weekNumbers = false; // do not display week numbers
+cal.showsTime = true;    // include a time selector
+cal.setDateFormat(&quot;%Y.%m.%d %H:%M&quot;); // set this format: 2003.12.31 23:59
+cal.setDisabledHandler(function(date, year, month, day) {
+  // verify date and return true if it has to be disabled
+  // ``date'' is a JS Date object, but if you only need the
+  // year, month and/or day you can get them separately as
+  // next 3 parameters, as you can see in the declaration
+  if (year == 2004) {
+    // disable all dates from 2004
+    return true;
+  }
+  return false;
+});
+</pre><p></p>
+<p>
+etc.  Prior to version
+0.9.3 this was the only way to configure it.  The <tt>Calendar.setup</tt>
+function, documented in section <a href="#node_sec_2">2</a>, basically does the same
+things (actually more) in order to setup the calendar, based on the parameters
+that you provided.</p>
+<p>
+</p>
+<a name="node_sec_4.1"></a>
+<h2><a href="#node_toc_node_sec_4.1">4.1&nbsp;&nbsp;Creating a calendar</a></h2>
+<p>The calendar is created by following some steps (even the function
+<tt>Calendar.setup</tt>, described in section <a href="#node_sec_2">2</a>, does the
+same).  While you can skip optional (marked ``opt'') steps if you're happy with
+the defaults, please respect the order below.</p>
+<p>
+</p>
+<ol><p>
+</p>
+<li><p><em>Instantiate</em> a <tt>Calendar</tt> object.  Details about this in
+section <a href="#node_sec_5.1">5.1</a>.</p>
+<p>
+</p>
+<li><p><b>opt</b>&nbsp;&nbsp; Set the <tt>weekNumbers</tt> property to <tt>false</tt> if you don't want
+the calendar to display week numbers.</p>
+<p>
+</p>
+<li><p><b>opt</b>&nbsp;&nbsp; Set the <tt>showsTime</tt> property to <tt>true</tt> if you
+want the calendar to also provide a time selector.</p>
+<p>
+</p>
+<li><p><b>opt</b>&nbsp;&nbsp; Set the <tt>time24</tt> property to <tt>false</tt> if you want
+the time selector to be in 12-hour format.  Default is 24-hour format.  This
+property only has effect if you also set <tt>showsTime</tt> to
+<tt>true</tt>.</p>
+<p>
+</p>
+<li><p><b>opt</b>&nbsp;&nbsp; Set the range of years available for selection (see section
+<a href="#node_sec_5.3.15">5.3.15</a>).  The default range is [1970..2050].</p>
+<p>
+</p>
+<li><p><b>opt</b>&nbsp;&nbsp; Set the <tt>getDateStatus</tt> property.  You should pass
+here a function that receives a JavaScript <tt>Date</tt> object and returns
+<tt>true</tt> if the given date should be disabled, false otherwise (details in
+section <a href="#node_sec_5.3.7">5.3.7</a>).</p>
+<p>
+</p>
+<li><p><b>opt</b>&nbsp;&nbsp; Set a date format.  Your handler function, passed to the
+calendar constructor, will be called when a date is selected with a reference
+to the calendar and a date string in this format.</p>
+<p>
+</p>
+<li><p><em>Create</em> the HTML elements related to the calendar.  This step
+practically puts the calendar in your HTML page.  You simply call
+<tt>Calendar.create()</tt>.  You can give an optional parameter if you wanna
+create a flat calendar (details in section <a href="#node_sec_5.3.1">5.3.1</a>).</p>
+<p>
+</p>
+<li><p><b>opt</b>&nbsp;&nbsp; Initialize the calendar to a certain date, for instance from
+the input field.</p>
+<p>
+</p>
+<li><p>Show the calendar (details in section <a href="#node_sec_5.3.9">5.3.9</a>).</p>
+<p>
+</p>
+</ol><p></p>
+<p>
+</p>
+<a name="node_sec_4.2"></a>
+<h2><a href="#node_toc_node_sec_4.2">4.2&nbsp;&nbsp;Order does matter ;-)</a></h2>
+<p>As you could see in the previous section, there are more steps to be followed
+in order to setup the calendar.  This happens because there are two different
+things that need to be accomplished: first there is the JavaScript object, that
+is created with <tt>new Calendar(<tt>...</tt>)</tt>.  Secondly there are the HTML
+elements that actually lets you see and manipulate the calendar.</p>
+<p>
+</p>
+<span class=small>[ Those that did UI<a name="call_footnote_Temp_5"></a><a href="#footnote_Temp_5"><sup><small>4</small></sup></a> programming, no matter in what
+language and on what platform, may be familiar with this concept.  First there
+is the object in memory that lets you manipulate the UI element, and secondly
+there is the UI element (known as ``control'', ``window'', ``widget'', etc.),
+also in memory but you don't usually access it directly. ]
+</span><p>
+By instantiating the calendar we create the JavaScript object.  It lets us
+configure some properties and it also knows how to create the UI element (the
+HTML elements actually) that will eventually be what the end-user sees on
+screen.  Creation of the HTML element is accomplished by the function
+<tt>Calendar.create</tt>.  It knows how to create popup or flat calendars.
+This function is described in section <a href="#node_sec_5.3.1">5.3.1</a>.</p>
+<p>
+Some properties need to be set prior to creating the HTML elements, because
+otherwise they wouldn't have any effect.  Such a property is
+<tt>weekNumbers</tt> -- it has the default value ``true'', and if you don't
+want the calendar to display the week numbers you have to set it to false.  If,
+however, you do that <em>after</em> calling <tt>Calendar.create</tt> the calendar
+would still display the week numbers, because the HTML elements are already
+created (including the <tt>&lt;td&gt;</tt>-s in the <tt>&lt;table&gt;</tt> element that
+should contain the week numbers).  For this reason the order of the steps above
+is important.</p>
+<p>
+Another example is when you want to show the calendar.  The ``create'' function
+does create the HTML elements, but they are initially hidden (have the style
+``display: none'') unless the calendar is a flat calendar that should be always
+visible in the page.  Obviously, the <tt>Calendar.show</tt> function should be
+called <em>after</em> calling <tt>Calendar.create</tt>.</p>
+<p>
+</p>
+<a name="node_sec_4.3"></a>
+<h2><a href="#node_toc_node_sec_4.3">4.3&nbsp;&nbsp;Caching the object</a></h2>
+<p>Suppose the end-user has popped up a calendar and selects a date.  The calendar
+then closes.  What really happens now?</p>
+<p>
+There are two approaches.  The first (used in very old versions of the
+calendar) was to drop completely the Calendar object and when the end-user pops
+up the calendar again to create another one.  This approach is bad for more
+reasons:</p>
+<p>
+</p>
+<ul><p>
+</p>
+<li><p>creating the JavaScript object and HTML elements is time-consuming</p>
+<p>
+</p>
+<li><p>we may loose some end-user preferences (i.e. he might prefer to have
+Monday for the first day of week and probably already clicked it the first time
+when the calendar was opened, but now he has to do it again)</p>
+<p>
+</p>
+</ul><p></p>
+<p>
+The second approach, implemented by the <tt>Calendar.setup</tt> function, is to
+cache the JavaScript object.  It does this by checking the global variable
+<tt>window.calendar</tt> and if it is not null it assumes it is the created
+Calendar object.  When the end-user closes the calendar, our code will only
+call ``<tt>hide</tt>'' on it, therefore keeping the JavaScript object and the
+HTML elements in place.</p>
+<p>
+<font color="red">CAVEAT:</font> &nbsp;&nbsp;&nbsp;&nbsp;Since time selection support was introduced, this
+``object caching'' mechanism has the following drawback: if you once created
+the calendar with the time selection support, then other items that may not
+require this functionality will still get a calendar with the time selection
+support enabled.  And reciprocal. ;-)  Hopefully this will be corrected in a
+later version, but for now it doesn't seem such a big problem.</p>
+<p>
+</p>
+<a name="node_sec_4.4"></a>
+<h2><a href="#node_toc_node_sec_4.4">4.4&nbsp;&nbsp;Callback functions</a></h2>
+<p>You might rightfully wonder how is the calendar related to the input field?
+Who tells it that it has to update <em>that</em> input field when a date is
+selected, or that it has to jump to <em>that</em> URL when a date is clicked in
+flat mode?</p>
+<p>
+All this magic is done through callback functions.  The calendar doesn't know
+anything about the existence of an input field, nor does it know where to
+redirect the browser when a date is clicked in flat mode.  It just calls your
+callback when a particular event is happening, and you're responsible to handle
+it from there.  For a general purpose library I think this is the best model of
+making a truly reusable thing.</p>
+<p>
+The calendar supports the following user callbacks:</p>
+<p>
+</p>
+<ul><p>
+</p>
+<li><p><b>onSelect</b>&nbsp;&nbsp;  --  this gets called when the end-user changes the date in the
+calendar.  Documented in section <a href="#node_sec_5.1">5.1</a>.</p>
+<p>
+</p>
+<li><p><b>onClose</b>&nbsp;&nbsp;  --  this gets called when the calendar should close.  It's
+user's responsibility to close the calendar.  Details in section
+<a href="#node_sec_5.1">5.1</a>.</p>
+<p>
+</p>
+<li><p><b>getDateStatus</b>&nbsp;&nbsp;  --  this function gets called for any day in a month,
+just before displaying the month.  It is called with a JavaScript <tt>Date</tt>
+object and should return <tt>true</tt> if that date should be disabled, false
+if it's an ordinary date and no action should be taken, or it can return a
+string in which case the returned value will be appended to the element's CSS
+class (this way it provides a powerful way to make some dates ``special'',
+i.e. highlight them differently).  Details in section
+<a href="#node_sec_5.3.8">5.3.8</a>.</p>
+<p>
+</p>
+</ul><p></p>
+<p>
+</p>
+<a name="node_sec_5"></a>
+<h1><a href="#node_toc_node_sec_5">5&nbsp;&nbsp;The Calendar object API reference</a></h1>
+<p></p>
+<p>
+</p>
+<a name="node_sec_5.1"></a>
+<h2><a href="#node_toc_node_sec_5.1">5.1&nbsp;&nbsp;<tt>Calendar</tt> constructor</a></h2>
+<p></p>
+<p>
+Synopsis:</p>
+<p>
+</p>
+<pre class=verbatim>var calendar = Calendar(firstDayOfWeek, date, onSelect, onClose);
+</pre><p></p>
+<p>
+Parameters are as follows:</p>
+<p>
+</p>
+<ul><p>
+</p>
+<li><p><b>firstDayOfWeek</b>&nbsp;&nbsp;  --  specifies which day is to be displayed as the first
+day of week.  Possible values are 0 to 6; 0 means Sunday, 1 means Monday,
+..., 6 means Saturday.</p>
+<p>
+</p>
+<li><p><b>date</b>&nbsp;&nbsp;  --  a JavaScript Date object or <tt>null</tt>.  If <tt>null</tt>
+is passed then the calendar will default to today date.  Otherwise it will
+initialize on the given date.</p>
+<p>
+</p>
+<li><p><b>onSelect</b>&nbsp;&nbsp;  --  your callback for the ``onChange'' event.  See above.</p>
+<p>
+</p>
+<li><p><b>onClose</b>&nbsp;&nbsp;  --  your callback for the ``onClose'' event.  See above.</p>
+<p>
+</p>
+</ul><p></p>
+<p>
+</p>
+<a name="node_sec_Temp_6"></a>
+<h3><a href="#node_toc_node_sec_Temp_6">The <tt>onSelect</tt> event</a></h3>
+<p></p>
+<p>
+Here is a typical implementation of this function:</p>
+<p>
+</p>
+<pre class=verbatim>function onSelect(calendar, date) {
+  var input_field = document.getElementById(&quot;date&quot;);
+  input_field.value = date;
+};
+</pre><p></p>
+<p>
+<tt>date</tt> is in the format selected with <tt>calendar.setDateFormat</tt>
+(see section <a href="#node_sec_5.3.5">5.3.5</a>).  This code simply updates the
+input field.  If you want the calendar to be in single-click mode then you
+should also close the calendar after you updated the input field, so we come to
+the following version:</p>
+<p>
+</p>
+<pre class=verbatim>function onSelect(calendar, date) {
+  var input_field = document.getElementById(&quot;date&quot;);
+  input_field.value = date;
+  if (calendar.dateClicked) {
+    calendar.callCloseHandler(); // this calls &quot;onClose&quot; (see above)
+  }
+};
+</pre><p></p>
+<p>
+Note that we checked the member variable <tt>dateClicked</tt> and
+only hide the calendar if it's <tt>true</tt>.  If this variable is <tt>false</tt> it
+means that no date was actually selected, but the user only changed the
+month/year using the navigation buttons or the menus.  We don't want to hide
+the calendar in that case.</p>
+<p>
+</p>
+<a name="node_sec_Temp_7"></a>
+<h3><a href="#node_toc_node_sec_Temp_7">The <tt>onClose</tt> event</a></h3>
+<p></p>
+<p>
+This event is triggered when the calendar should close.  It should hide or
+destroy the calendar object -- the calendar itself just triggers the event, but
+it won't close itself.</p>
+<p>
+A typical implementation of this function is the following:</p>
+<p>
+</p>
+<pre class=verbatim>function onClose(calendar) {
+  calendar.hide();
+  // or calendar.destroy();
+};
+</pre><p></p>
+<p>
+</p>
+<a name="node_sec_5.2"></a>
+<h2><a href="#node_toc_node_sec_5.2">5.2&nbsp;&nbsp;Useful member variables (properties)</a></h2>
+<p></p>
+<p>
+After creating the Calendar object you can access the following properties:</p>
+<p>
+</p>
+<ul><p>
+</p>
+<li><p><tt>date</tt>  --  is a JavaScript <tt>Date</tt> object.  It will always
+reflect the date shown in the calendar (yes, even if the calendar is hidden).</p>
+<p>
+</p>
+<li><p><tt>isPopup</tt>  --  if this is true then the current Calendar object is
+a popup calendar.  Otherwise (false) we have a flat calendar.  This variable is
+set from <tt>Calendar.create</tt> and has no meaning before this function was
+called.</p>
+<p>
+</p>
+<li><p><tt>dateClicked</tt>  --  particularly useful in the <tt>onSelect</tt>
+handler, this variable tells us if a date was really clicked.  That's because
+the <tt>onSelect</tt> handler is called even if the end-user only changed the
+month/year but did not select a date.  We don't want to close the calendar in
+that case.</p>
+<p>
+</p>
+<li><p><tt>weekNumbers</tt>  --  if <tt>true</tt> (default) then the calendar
+displays week numbers.  If you don't want week numbers you have to set this
+variable to <tt>false</tt> <em>before</em> calling <tt>Calendar.create</tt>.</p>
+<p>
+</p>
+<li><p><tt>showsTime</tt> - if you set this to <tt>true</tt> (it is
+<tt>false</tt> by default) then the calendar will also include a time selector.</p>
+<p>
+</p>
+<li><p><tt>time24</tt> - if you set this to <tt>false</tt> then the time
+selector will be in 12-hour format.  It is in 24-hour format by default.</p>
+<p>
+</p>
+<li><p><tt>firstDayOfWeek</tt>  --  specifies the first day of week (0 to 6, pass
+0 for Sunday, 1 for Monday, ..., 6 for Saturday).  This variable is set from
+constructor, but you still have a chance to modify it <em>before</em> calling
+<tt>Calendar.create</tt>.</p>
+<p>
+</p>
+</ul><p></p>
+<p>
+There are lots of other member variables, but one should access them only
+through member functions so I won't document them here.</p>
+<p>
+</p>
+<a name="node_sec_5.3"></a>
+<h2><a href="#node_toc_node_sec_5.3">5.3&nbsp;&nbsp;Public methods</a></h2>
+<p></p>
+<a name="node_sec_5.3.1"></a>
+<h3><a href="#node_toc_node_sec_5.3.1">5.3.1&nbsp;&nbsp;<tt>Calendar.create</tt></a></h3>
+<p></p>
+<p>
+This function creates the afferent HTML elements that are needed to display the
+calendar.  You should call it after setting the calendar properties.  Synopsis:
+</p>
+<pre class=verbatim>calendar.create(); // creates a popup calendar
+  // -- or --
+calendar.create(document.getElementById(parent_id)); // makes a flat calendar
+</pre><p></p>
+<p>
+It can create a popup calendar or a flat calendar.  If the ``parent'' argument
+is present (it should be a <em>reference</em> -- not ID -- to an HTML element) then
+a flat calendar is created and it is inserted in the given element.</p>
+<p>
+At any moment, given a reference to a calendar object, we can inspect if it's a
+popup or a flat calendar by checking the boolean member variable
+<tt>isPopup</tt>:</p>
+<p>
+</p>
+<pre class=verbatim>if (calendar.isPopup) {
+   // this is a popup calendar
+} else {
+   // this is a flat calendar
+}
+</pre><p></p>
+<p>
+</p>
+<a name="node_sec_5.3.2"></a>
+<h3><a href="#node_toc_node_sec_5.3.2">5.3.2&nbsp;&nbsp;<tt>Calendar.callHandler</tt></a></h3>
+<p></p>
+<p>
+This function calls the first user callback (the
+<tt>onSelect</tt> handler) with the required parameters.</p>
+<p>
+</p>
+<a name="node_sec_5.3.3"></a>
+<h3><a href="#node_toc_node_sec_5.3.3">5.3.3&nbsp;&nbsp;<tt>Calendar.callCloseHandler</tt></a></h3>
+<p></p>
+<p>
+This function calls the second user callback (the
+<tt>onClose</tt> handler).  It's useful when you want to have a
+``single-click'' calendar -- just call this in your <tt>onSelect</tt> handler,
+if a date was clicked.</p>
+<p>
+</p>
+<a name="node_sec_5.3.4"></a>
+<h3><a href="#node_toc_node_sec_5.3.4">5.3.4&nbsp;&nbsp;<tt>Calendar.hide</tt></a></h3>
+<p></p>
+<p>
+Call this function to hide the calendar.  The calendar object and HTML elements
+will not be destroyed, thus you can later call one of the <tt>show</tt>
+functions on the same element.</p>
+<p>
+</p>
+<a name="node_sec_5.3.5"></a>
+<h3><a href="#node_toc_node_sec_5.3.5">5.3.5&nbsp;&nbsp;<tt>Calendar.setDateFormat</tt></a></h3>
+<p></p>
+<p>
+This function configures the format in which the calendar reports the date to
+your ``onSelect'' handler.  Call it like this:</p>
+<p>
+</p>
+<pre class=verbatim>calendar.setDateFormat(&quot;%y/%m/%d&quot;);
+</pre><p></p>
+<p>
+As you can see, it receives only one parameter, the required format.  The magic
+characters are the following:</p>
+<p>
+</p>
+<table border=0><tr><td valign=top ></td></tr>
+<tr><td valign=top ><tt>%a</tt> </td><td valign=top >abbreviated weekday name </td></tr>
+<tr><td valign=top ><tt>%A</tt> </td><td valign=top >full weekday name </td></tr>
+<tr><td valign=top ><tt>%b</tt> </td><td valign=top >abbreviated month name </td></tr>
+<tr><td valign=top ><tt>%B</tt> </td><td valign=top >full month name </td></tr>
+<tr><td valign=top ><tt>%C</tt> </td><td valign=top >century number </td></tr>
+<tr><td valign=top ><tt>%d</tt> </td><td valign=top >the day of the month ( 00 .. 31 ) </td></tr>
+<tr><td valign=top ><tt>%e</tt> </td><td valign=top >the day of the month ( 0 .. 31 ) </td></tr>
+<tr><td valign=top ><tt>%H</tt> </td><td valign=top >hour ( 00 .. 23 ) </td></tr>
+<tr><td valign=top ><tt>%I</tt> </td><td valign=top >hour ( 01 .. 12 ) </td></tr>
+<tr><td valign=top ><tt>%j</tt> </td><td valign=top >day of the year ( 000 .. 366 ) </td></tr>
+<tr><td valign=top ><tt>%k</tt> </td><td valign=top >hour ( 0 .. 23 ) </td></tr>
+<tr><td valign=top ><tt>%l</tt> </td><td valign=top >hour ( 1 .. 12 ) </td></tr>
+<tr><td valign=top ><tt>%m</tt> </td><td valign=top >month ( 01 .. 12 ) </td></tr>
+<tr><td valign=top ><tt>%M</tt> </td><td valign=top >minute ( 00 .. 59 ) </td></tr>
+<tr><td valign=top ><tt>%n</tt> </td><td valign=top >a newline character </td></tr>
+<tr><td valign=top ><tt>%p</tt> </td><td valign=top >``PM'' or ``AM'' </td></tr>
+<tr><td valign=top ><tt>%P</tt> </td><td valign=top >``pm'' or ``am'' </td></tr>
+<tr><td valign=top ><tt>%S</tt> </td><td valign=top >second ( 00 .. 59 ) </td></tr>
+<tr><td valign=top ><tt>%s</tt> </td><td valign=top >number of seconds since Epoch (since Jan 01 1970 00:00:00 UTC) </td></tr>
+<tr><td valign=top ><tt>%t</tt> </td><td valign=top >a tab character </td></tr>
+<tr><td valign=top ><tt>%U, %W, %V</tt> </td><td valign=top >the week number</td></tr>
+<tr><td valign=top ><tt>%u</tt> </td><td valign=top >the day of the week ( 1 .. 7, 1 = MON )</td></tr>
+<tr><td valign=top ><tt>%w</tt> </td><td valign=top >the day of the week ( 0 .. 6, 0 = SUN )</td></tr>
+<tr><td valign=top ><tt>%y</tt> </td><td valign=top >year without the century ( 00 .. 99 )</td></tr>
+<tr><td valign=top ><tt>%Y</tt> </td><td valign=top >year including the century ( ex. 1979 )</td></tr>
+<tr><td valign=top ><tt>%%</tt> </td><td valign=top >a literal <tt>%</tt> character
+</td></tr></table><p>
+There are more algorithms for computing the week number.  All
+three specifiers currently implement the same one, as defined by ISO 8601:
+``the week 01 is the week that has the Thursday in the current year, which is
+equivalent to the week that contains the fourth day of January.  Weeks start on
+Monday.''</p>
+<p>
+</p>
+<a name="node_sec_5.3.6"></a>
+<h3><a href="#node_toc_node_sec_5.3.6">5.3.6&nbsp;&nbsp;<tt>Calendar.setTtDateFormat</tt></a></h3>
+<p></p>
+<p>
+Has the same prototype as <tt>Calendar.setDateFormat</tt>, but refers to the
+format of the date displayed in the ``status bar'' when the mouse is over some
+date.</p>
+<p>
+</p>
+<a name="node_sec_5.3.7"></a>
+<h3><a href="#node_toc_node_sec_5.3.7">5.3.7&nbsp;&nbsp;<tt>Calendar.setDisabledHandler</tt></a></h3>
+<p></p>
+<p>
+This function allows you to specify a callback function that checks if a
+certain date must be disabled by the calendar.  You are responsible to write
+the callback function.  Synopsis:</p>
+<p>
+</p>
+<pre class=verbatim>function disallowDate(date) {
+  // date is a JS Date object
+  if (  date.getFullYear() == 2003 &amp;&amp;
+        date.getMonth()    == 6 /* July, it's zero-based */ &amp;&amp;
+        date.getDate()     == 5  ) {
+    return true; // disable July 5 2003
+  }
+  return false; // enable other dates
+};
+
+calendar.setDisabledHandler(disallowDate);
+</pre><p></p>
+<p>
+If you change this function in ``real-time'', meaning, without creating a new
+calendar, then you have to call <tt>calendar.refresh()</tt> to make it
+redisplay the month and take into account the new disabledHandler.
+<tt>Calendar.setup</tt> does this, so you have no such trouble with it.</p>
+<p>
+Note that <tt>disallowDate</tt> should be very fast, as it is called for each
+date in the month.  Thus, it gets called, say, 30 times before displaying the
+calendar, and 30 times when the month is changed.  Tests I've done so far show
+that it's still good, but in the future I might switch it to a different design
+(for instance, to call it once per month and to return an array of dates that
+must be disabled).</p>
+<p>
+This function should be considered deprecated in the favor of
+<tt>Calendar.setDateStatusHandler</tt>, described below.</p>
+<p>
+</p>
+<a name="node_sec_5.3.8"></a>
+<h3><a href="#node_toc_node_sec_5.3.8">5.3.8&nbsp;&nbsp;<tt>Calendar.setDateStatusHandler</tt></a></h3>
+<p></p>
+<p>
+This function obsoletes <tt>Calendar.setDisabledHandler</tt>.  You call it with
+a function parameter, but this function can return a boolean
+<em>or a string</em>.  If the return value is a boolean (<tt>true</tt> or
+<tt>false</tt>) then it behaves just like <tt>setDisabledHandler</tt>,
+therefore disabling the date if the return value is <tt>true</tt>.</p>
+<p>
+If the returned value is a string then the given date will gain an additional
+CSS class, namely the returned value.  You can use this to highlight some dates
+in some way.  Note that you are responsible for defining the CSS class that you
+return.  If you return the string ``disabled'' then that date will be disabled,
+just as if you returned <tt>true</tt>.</p>
+<p>
+Here is a simple scenario that shows what you can do with this function.  The
+following should be present in some of your styles, or in the document head in
+a STYLE tag (but put it <em>after</em> the place where the calendar styles were
+loaded):</p>
+<p>
+</p>
+<pre class=verbatim>.special { background-color: #000; color: #fff; }
+</pre><p></p>
+<p>
+And you would use the following code before calling <tt>Calendar.create()</tt>:</p>
+<p>
+</p>
+<pre class=verbatim>// this table holds your special days, so that we can automatize
+// things a bit:
+var SPECIAL_DAYS = {
+    0 : [ 13, 24 ],             // special days in January
+    2 : [ 1, 6, 8, 12, 18 ],    // special days in March
+    8 : [ 21, 11 ],             // special days in September
+   11 : [ 25, 28 ]              // special days in December
+};
+
+// this function returns true if the passed date is special
+function dateIsSpecial(year, month, day) {
+    var m = SPECIAL_DAYS[month];
+    if (!m) return false;
+    for (var i in m) if (m[i] == day) return true;
+    return false;
+}
+
+// this is the actual date status handler.  Note that it receives the
+// date object as well as separate values of year, month and date, for
+// your confort.
+function dateStatusHandler(date, y, m, d) {
+    if (dateIsSpecial(y, m, d)) return ``special'';
+    else return false;
+    // return true above if you want to disable other dates
+}
+
+// configure it to the calendar
+calendar.setDateStatusHandler(dateStatusHandler);
+</pre><p></p>
+<p>
+The above code adds the ``special'' class name to some dates that are defined
+in the SPECIAL_DAYS table.  Other dates will simply be displayed as default,
+enabled.</p>
+<p>
+</p>
+<a name="node_sec_5.3.9"></a>
+<h3><a href="#node_toc_node_sec_5.3.9">5.3.9&nbsp;&nbsp;<tt>Calendar.show</tt></a></h3>
+<p></p>
+<p>
+Call this function do show the calendar.  It basically sets the CSS ``display''
+property to ``block''.  It doesn't modify the calendar position.</p>
+<p>
+This function only makes sense when the calendar is in popup mode.</p>
+<p>
+</p>
+<a name="node_sec_5.3.10"></a>
+<h3><a href="#node_toc_node_sec_5.3.10">5.3.10&nbsp;&nbsp;<tt>Calendar.showAt</tt></a></h3>
+<p></p>
+<p>
+Call this to show the calendar at a certain (x, y) position.  Prototype:</p>
+<p>
+</p>
+<pre class=verbatim>calendar.showAt(x, y);
+</pre><p></p>
+<p>
+The parameters are absolute coordinates relative to the top left
+corner <em>of the page</em>, thus they are <em>page</em> coordinates not screen
+coordinates.</p>
+<p>
+After setting the given coordinates it calls Calendar.show.  This function only
+makes sense when the calendar is in popup mode.</p>
+<p>
+</p>
+<a name="node_sec_5.3.11"></a>
+<h3><a href="#node_toc_node_sec_5.3.11">5.3.11&nbsp;&nbsp;<tt>Calendar.showAtElement</tt></a></h3>
+<p></p>
+<p>
+This function is useful if you want to display the calendar near some element.
+You call it like this:</p>
+<p>
+</p>
+<pre class=verbatim>calendar.showAtElement(element, align);
+</pre><p></p>
+<p>
+where element is a reference to your element (for instance it can be the input
+field that displays the date) and align is an optional parameter, of type string,
+containing one or two characters.  For instance, if you pass <tt>&quot;Br&quot;</tt> as
+align, the calendar will appear <em>below</em> the element and with its right
+margin continuing the element's right margin.</p>
+<p>
+As stated above, align may contain one or two characters.  The first character
+dictates the vertical alignment, relative to the element, and the second
+character dictates the horizontal alignment.  If the second character is
+missing it will be assumed <tt>&quot;l&quot;</tt> (the left margin of the calendar will
+be at the same horizontal position as the left margin of the element).</p>
+<p>
+The characters given for the align parameters are case sensitive.  This
+function only makes sense when the calendar is in popup mode.  After computing
+the position it uses <tt>Calendar.showAt</tt> to display the calendar there.</p>
+<p>
+</p>
+<a name="node_sec_Temp_8"></a>
+<h4><a href="#node_toc_node_sec_Temp_8">Vertical alignment</a></h4>
+<p>The first character in ``<tt>align</tt>'' can take one of the following values:</p>
+<p>
+</p>
+<ul><p>
+</p>
+<li><p><tt>T</tt>  --  completely above the reference element (bottom margin of
+the calendar aligned to the top margin of the element).</p>
+<p>
+</p>
+<li><p><tt>t</tt>  --  above the element but may overlap it (bottom margin of the calendar aligned to
+the bottom margin of the element).</p>
+<p>
+</p>
+<li><p><tt>c</tt>  --  the calendar displays vertically centered to the reference
+element.  It might overlap it (that depends on the horizontal alignment).</p>
+<p>
+</p>
+<li><p><tt>b</tt>  --  below the element but may overlap it (top margin of the calendar aligned to
+the top margin of the element).</p>
+<p>
+</p>
+<li><p><tt>B</tt>  --  completely below the element (top margin of the calendar
+aligned to the bottom margin of the element).</p>
+<p>
+</p>
+</ul><p></p>
+<p>
+</p>
+<a name="node_sec_Temp_9"></a>
+<h4><a href="#node_toc_node_sec_Temp_9">Horizontal alignment</a></h4>
+<p>The second character in ``<tt>align</tt>'' can take one of the following values:</p>
+<p>
+</p>
+<ul><p>
+</p>
+<li><p><tt>L</tt>  --  completely to the left of the reference element (right
+margin of the calendar aligned to the left margin of the element).</p>
+<p>
+</p>
+<li><p><tt>l</tt>  --  to the left of the element but may overlap it (left margin
+of the calendar aligned to the left margin of the element).</p>
+<p>
+</p>
+<li><p><tt>c</tt>  --  horizontally centered to the element.  Might overlap it,
+depending on the vertical alignment.</p>
+<p>
+</p>
+<li><p><tt>r</tt>  --  to the right of the element but may overlap it (right
+margin of the calendar aligned to the right margin of the element).</p>
+<p>
+</p>
+<li><p><tt>R</tt>  --  completely to the right of the element (left margin of the
+calendar aligned to the right margin of the element).</p>
+<p>
+</p>
+</ul><p></p>
+<p>
+</p>
+<a name="node_sec_Temp_10"></a>
+<h4><a href="#node_toc_node_sec_Temp_10">Default values</a></h4>
+<p>If the ``<tt>align</tt>'' parameter is missing the calendar will choose
+``<tt>Br</tt>''.</p>
+<p>
+</p>
+<a name="node_sec_5.3.12"></a>
+<h3><a href="#node_toc_node_sec_5.3.12">5.3.12&nbsp;&nbsp;<tt>Calendar.setDate</tt></a></h3>
+<p></p>
+<p>
+Receives a JavaScript <tt>Date</tt> object.  Sets the given date in the
+calendar.  If the calendar is visible the new date is displayed immediately.</p>
+<p>
+</p>
+<pre class=verbatim>calendar.setDate(new Date()); // go today
+</pre><p></p>
+<p>
+</p>
+<a name="node_sec_5.3.13"></a>
+<h3><a href="#node_toc_node_sec_5.3.13">5.3.13&nbsp;&nbsp;<tt>Calendar.setFirstDayOfWeek</tt></a></h3>
+<p></p>
+<p>
+Changes the first day of week.  The parameter has to be a numeric value ranging
+from 0 to 6.  Pass 0 for Sunday, 1 for Monday, ..., 6 for Saturday.</p>
+<p>
+</p>
+<pre class=verbatim>calendar.setFirstDayOfWeek(5); // start weeks on Friday
+</pre><p></p>
+<p>
+</p>
+<a name="node_sec_5.3.14"></a>
+<h3><a href="#node_toc_node_sec_5.3.14">5.3.14&nbsp;&nbsp;<tt>Calendar.parseDate</tt></a></h3>
+<p></p>
+<p>
+Use this function to parse a date given as string and to move the calendar to
+that date.</p>
+<p>
+The algorithm tries to parse the date according to the format that was
+previously set with <tt>Calendar.setDateFormat</tt>; if that fails, it still
+tries to get some valid date out of it (it doesn't read your thoughts, though).</p>
+<p>
+</p>
+<pre class=verbatim>calendar.parseDate(&quot;2003/07/06&quot;);
+</pre><p></p>
+<p>
+</p>
+<a name="node_sec_5.3.15"></a>
+<h3><a href="#node_toc_node_sec_5.3.15">5.3.15&nbsp;&nbsp;<tt>Calendar.setRange</tt></a></h3>
+<p></p>
+<p>
+Sets the range of years that are allowed in the calendar.  Synopsis:</p>
+<p>
+</p>
+<pre class=verbatim>calendar.setRange(1970, 2050);
+</pre><p></p>
+<p>
+</p>
+<a name="node_sec_6"></a>
+<h1><a href="#node_toc_node_sec_6">6&nbsp;&nbsp;Side effects</a></h1>
+<p>The calendar code was intentionally embedded in an object to make it have as
+less as possible side effects.  However, there are some -- not harmful, after
+all.  Here is a list of side effects; you can count they already happened after
+<tt>calendar.js</tt> was loaded.</p>
+<p>
+</p>
+<ol><p>
+</p>
+<li><p>The global variable <tt>window.calendar</tt> will be set to null.  This
+variable is used by the calendar code, especially when doing drag &amp; drop for
+moving the calendar.  In the future I might get rid of it, but for now it
+didn't harm anyone.</p>
+<p>
+</p>
+<li><p>The JavaScript <tt>Date</tt> object is modified.  We add some properties
+and functions that are very useful to our calendar.  It made more sense to add
+them directly to the <tt>Date</tt> object than to the calendar itself.
+Complete list:</p>
+<p>
+</p>
+<ol><p>
+</p>
+<li><p><tt>Date._MD    = new Array(31,28,31,30,31,30,31,31,30,31,30,31);</tt>
+</p>
+<li><p><tt>Date.SECOND = 1000 /* milliseconds */;</tt>
+</p>
+<li><p><tt>Date.MINUTE = 60 * Date.SECOND;</tt>
+</p>
+<li><p><tt>Date.HOUR   = 60 * Date.MINUTE;</tt>
+</p>
+<li><p><tt>Date.DAY    = 24 * Date.HOUR;</tt>
+</p>
+<li><p><tt>Date.WEEK   =  7 * Date.DAY;</tt></p>
+<p>
+</p>
+<li><p><tt>Date.prototype.getMonthDays</tt>(month)  --  returns the number of days
+of the given month, or of the current date object if no month was given.</p>
+<p>
+</p>
+<li><p><tt>Date.prototype.getWeekNumber</tt>()  --  returns the week number of the
+date in the current object.</p>
+<p>
+</p>
+<li><p><tt>Date.prototype.equalsTo</tt>(other_date)  --  compare the current date
+object with <tt>other_date</tt> and returns <tt>true</tt> if the dates are
+equal.  <em>It ignores time</em>.</p>
+<p>
+</p>
+<li><p><tt>Date.prototype.print</tt>(format)  --  returns a string with the
+current date object represented in the given format.  It implements the format
+specified in section <a href="#node_sec_5.3.5">5.3.5</a>.</p>
+<p>
+</p>
+</ol><p></p>
+<p>
+</p>
+</ol><p></p>
+<p>
+</p>
+<a name="node_sec_7"></a>
+<h1><a href="#node_toc_node_sec_7">7&nbsp;&nbsp;Credits</a></h1>
+<p>The following people either sponsored, donated money to the project or bought
+commercial licenses (listed in reverse chronological order).  Your name could
+be here too!  If you wish to sponsor the project (for instance request a
+feature and pay me for implementing it) or donate some money please
+<em>please</em> contact me at <tt><a href="mailto:mihai\_bazon@yahoo.com">mihai_bazon@yahoo.com</a></tt>.</p>
+<p>
+</p>
+<ul><p>
+</p>
+<li><p>Sunny Chowdhury (<a href="http://www.ex3.com">www.ex3.com</a>)</p>
+<p>
+</p>
+<li><p>Ian Barrack (<a href="http://www.simban.com">www.simban.com</a>)</p>
+<p>
+</p>
+<li><p>Himanshukumar Shah</p>
+<p>
+</p>
+<li><p>Seyhan Ersoy (<a href="http://www.oocgi.com">www.oocgi.com</a>)</p>
+<p>
+</p>
+<li><p>Jon Stokkeland (<a href="http://www.sauen.com">www.sauen.com</a>)</p>
+<p>
+</p>
+</ul><p></p>
+<p>
+</p>
+<div align=right><table><tr><td>
+
+<b>Thank you!</b><br>
+ --  <tt>mihai_bazon@yahoo.com</tt>
+</td></tr></table></div>
+<p>
+</p>
+<div class=footnoterule><hr></div><p></p>
+<div class=footnote><p><a name="footnote_Temp_2"></a><a href="#call_footnote_Temp_2"><sup><small>1</small></sup></a> 
+by the term ``widget'' I understand a single element of user interface.
+But that's in Linux world.  For those that did lots of Windows
+programming the term ``control'' might be more familiar
+</p>
+<p><a name="footnote_Temp_3"></a><a href="#call_footnote_Temp_3"><sup><small>2</small></sup></a> people report that the calendar does
+not work with IE5/Mac.  However, this browser was discontinued and we
+believe that supporting it doesn't worth the efforts, given the fact that
+it has the worst, buggiest implementation for DOM I've ever seen.</p>
+<p><a name="footnote_Temp_4"></a><a href="#call_footnote_Temp_4"><sup><small>3</small></sup></a>  under Opera 7 the calendar still lacks some functionality, such as
+keyboard navigation; also Opera doesn't seem to allow disabling text
+selection when one drags the mouse on the page; despite all that, the
+calendar is still highly functional under Opera 7 and looks as good as
+in other supported browsers. </p>
+<p><a name="footnote_Temp_5"></a><a href="#call_footnote_Temp_5"><sup><small>4</small></sup></a> user interface</p>
+</div>
+<div align=right class=colophon>
+<i>Last modified: Saturday, March 5th, 2005<br>
+HTML conversion by <a href="http://www.ccs.neu.edu/~dorai/tex2page/tex2page-doc.html">TeX2page 2004-09-11</a></i>
+</div>
+</body>
+</html>
diff --git a/js/jscalendar/doc/reference.pdf b/js/jscalendar/doc/reference.pdf
new file mode 100644
index 0000000..a09497f
--- /dev/null
+++ b/js/jscalendar/doc/reference.pdf
diff --git a/js/jscalendar/img.gif b/js/jscalendar/img.gif
new file mode 100644
index 0000000..cd2c4a5
--- /dev/null
+++ b/js/jscalendar/img.gif
diff --git a/js/jscalendar/index.html b/js/jscalendar/index.html
new file mode 100644
index 0000000..0cf4241
--- /dev/null
+++ b/js/jscalendar/index.html
@@ -0,0 +1,330 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!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">
+<!-- $Id: index.html,v 1.15 2005/03/05 14:38:10 mishoo Exp $ -->
+
+<head>
+<meta http-equiv="content-type" content="text/xml; charset=utf-8" />
+<title>The Coolest DHTML Calendar - Online Demo</title>
+<link rel="stylesheet" type="text/css" media="all" href="skins/aqua/theme.css" title="Aqua" />
+<link rel="alternate stylesheet" type="text/css" media="all" href="calendar-blue.css" title="winter" />
+<link rel="alternate stylesheet" type="text/css" media="all" href="calendar-blue2.css" title="blue" />
+<link rel="alternate stylesheet" type="text/css" media="all" href="calendar-brown.css" title="summer" />
+<link rel="alternate stylesheet" type="text/css" media="all" href="calendar-green.css" title="green" />
+<link rel="alternate stylesheet" type="text/css" media="all" href="calendar-win2k-1.css" title="win2k-1" />
+<link rel="alternate stylesheet" type="text/css" media="all" href="calendar-win2k-2.css" title="win2k-2" />
+<link rel="alternate stylesheet" type="text/css" media="all" href="calendar-win2k-cold-1.css" title="win2k-cold-1" />
+<link rel="alternate stylesheet" type="text/css" media="all" href="calendar-win2k-cold-2.css" title="win2k-cold-2" />
+<link rel="alternate stylesheet" type="text/css" media="all" href="calendar-system.css" title="system" />
+
+<!-- import the calendar script -->
+<script type="text/javascript" src="calendar.js"></script>
+
+<!-- import the language module -->
+<script type="text/javascript" src="lang/calendar-en.js"></script>
+
+<!-- other languages might be available in the lang directory; please check
+your distribution archive. -->
+
+<!-- helper script that uses the calendar -->
+<script type="text/javascript">
+
+var oldLink = null;
+// code to change the active stylesheet
+function setActiveStyleSheet(link, title) {
+  var i, a, main;
+  for(i=0; (a = document.getElementsByTagName("link")[i]); i++) {
+    if(a.getAttribute("rel").indexOf("style") != -1 && a.getAttribute("title")) {
+      a.disabled = true;
+      if(a.getAttribute("title") == title) a.disabled = false;
+    }
+  }
+  if (oldLink) oldLink.style.fontWeight = 'normal';
+  oldLink = link;
+  link.style.fontWeight = 'bold';
+  return false;
+}
+
+// This function gets called when the end-user clicks on some date.
+function selected(cal, date) {
+  cal.sel.value = date; // just update the date in the input field.
+  if (cal.dateClicked && (cal.sel.id == "sel1" || cal.sel.id == "sel3"))
+    // if we add this call we close the calendar on single-click.
+    // just to exemplify both cases, we are using this only for the 1st
+    // and the 3rd field, while 2nd and 4th will still require double-click.
+    cal.callCloseHandler();
+}
+
+// And this gets called when the end-user clicks on the _selected_ date,
+// or clicks on the "Close" button.  It just hides the calendar without
+// destroying it.
+function closeHandler(cal) {
+  cal.hide();                        // hide the calendar
+//  cal.destroy();
+  _dynarch_popupCalendar = null;
+}
+
+// This function shows the calendar under the element having the given id.
+// It takes care of catching "mousedown" signals on document and hiding the
+// calendar if the click was outside.
+function showCalendar(id, format, showsTime, showsOtherMonths) {
+  var el = document.getElementById(id);
+  if (_dynarch_popupCalendar != null) {
+    // we already have some calendar created
+    _dynarch_popupCalendar.hide();                 // so we hide it first.
+  } else {
+    // first-time call, create the calendar.
+    var cal = new Calendar(1, null, selected, closeHandler);
+    // uncomment the following line to hide the week numbers
+    // cal.weekNumbers = false;
+    if (typeof showsTime == "string") {
+      cal.showsTime = true;
+      cal.time24 = (showsTime == "24");
+    }
+    if (showsOtherMonths) {
+      cal.showsOtherMonths = true;
+    }
+    _dynarch_popupCalendar = cal;                  // remember it in the global var
+    cal.setRange(1900, 2070);        // min/max year allowed.
+    cal.create();
+  }
+  _dynarch_popupCalendar.setDateFormat(format);    // set the specified date format
+  _dynarch_popupCalendar.parseDate(el.value);      // try to parse the text in field
+  _dynarch_popupCalendar.sel = el;                 // inform it what input field we use
+
+  // the reference element that we pass to showAtElement is the button that
+  // triggers the calendar.  In this example we align the calendar bottom-right
+  // to the button.
+  _dynarch_popupCalendar.showAtElement(el.nextSibling, "Br");        // show the calendar
+
+  return false;
+}
+
+var MINUTE = 60 * 1000;
+var HOUR = 60 * MINUTE;
+var DAY = 24 * HOUR;
+var WEEK = 7 * DAY;
+
+// If this handler returns true then the "date" given as
+// parameter will be disabled.  In this example we enable
+// only days within a range of 10 days from the current
+// date.
+// You can use the functions date.getFullYear() -- returns the year
+// as 4 digit number, date.getMonth() -- returns the month as 0..11,
+// and date.getDate() -- returns the date of the month as 1..31, to
+// make heavy calculations here.  However, beware that this function
+// should be very fast, as it is called for each day in a month when
+// the calendar is (re)constructed.
+function isDisabled(date) {
+  var today = new Date();
+  return (Math.abs(date.getTime() - today.getTime()) / DAY) > 10;
+}
+
+function flatSelected(cal, date) {
+  var el = document.getElementById("preview");
+  el.innerHTML = date;
+}
+
+function showFlatCalendar() {
+  var parent = document.getElementById("display");
+
+  // construct a calendar giving only the "selected" handler.
+  var cal = new Calendar(0, null, flatSelected);
+
+  // hide week numbers
+  cal.weekNumbers = false;
+
+  // We want some dates to be disabled; see function isDisabled above
+  cal.setDisabledHandler(isDisabled);
+  cal.setDateFormat("%A, %B %e");
+
+  // this call must be the last as it might use data initialized above; if
+  // we specify a parent, as opposite to the "showCalendar" function above,
+  // then we create a flat calendar -- not popup.  Hidden, though, but...
+  cal.create(parent);
+
+  // ... we can show it here.
+  cal.show();
+}
+</script>
+
+<style type="text/css">
+.ex { font-weight: bold; background: #fed; color: #080 }
+.help { color: #080; font-style: italic; }
+body { background: #fea; font: 10pt tahoma,verdana,sans-serif; }
+table { font: 13px verdana,tahoma,sans-serif; }
+a { color: #00f; }
+a:visited { color: #00f; }
+a:hover { color: #f00; background: #fefaf0; }
+a:active { color: #08f; }
+.key { border: 1px solid #000; background: #fff; color: #008;
+padding: 0px 5px; cursor: default; font-size: 80%; }
+</style>
+
+</head>
+<body onload="showFlatCalendar()">
+
+<h2><a href="http://www.dynarch.com/projects/calendar/"
+title="Visit the project website">jscalendar</a>-1.0
+"It is happening again"</h2>
+
+<p>
+<div style="float: right; border: 1px solid #b87; padding: 2px; font-size: 90%; background: #ffb;">
+Theme:<br />
+<a href="#" id="defaultTheme" onclick="return setActiveStyleSheet(this, 'Aqua');">Aqua</a>
+|
+<a href="#" onclick="return setActiveStyleSheet(this, 'winter');">winter</a>
+|
+<a href="#" onclick="return setActiveStyleSheet(this, 'blue');">blue</a>
+|
+<a href="#" onclick="return setActiveStyleSheet(this, 'summer');">summer</a>
+|
+<a href="#" onclick="return setActiveStyleSheet(this, 'green');">green</a>
+<br />
+<a href="#" onclick="return setActiveStyleSheet(this, 'win2k-1');">win2k-1</a>
+|
+<a href="#" onclick="return setActiveStyleSheet(this, 'win2k-2');">win2k-2</a>
+|
+<a href="#" onclick="return setActiveStyleSheet(this, 'win2k-cold-1');">win2k-cold-1</a>
+|
+<a href="#" onclick="return setActiveStyleSheet(this, 'win2k-cold-2');">win2k-cold-2</a>
+<br />
+<a href="#" onclick="return setActiveStyleSheet(this, 'system');">system</a>
+<script type="text/javascript">
+setActiveStyleSheet(document.getElementById("defaultTheme"), "Aqua");
+</script>
+</div>
+<a href="release-notes.html">Release notes</a>.
+<br />
+Set it up in minutes:
+  <a href="simple-1.html">popup calendar</a>,
+  <a href="simple-2.html">flat calendar</a>.
+Other samples:
+  <a href="simple-3.html">special days</a>,
+  <a href="dayinfo.html">day info</a>,
+  <a href="multiple-dates.html">multiple dates selection</a>
+<br />
+Documentation:
+  <a href="doc/html/reference.html">HTML</a>,
+  <a href="doc/reference.pdf">PDF</a>.
+<br />
+</p>
+
+<div style="padding-left:20px; font-size: 90%; font-style: italic;">
+
+</div>
+
+<table style="width: 100%">
+<tr valign="top">
+<td style="background: #ffa; padding: 5px; border: 1px solid #995;">
+
+<form action="#">
+<div style="background: #995; color: #ffa; font-weight: bold; padding: 2px;">
+Popup examples
+</div>
+
+<br />
+
+<b>Date #1:</b> <input type="text" name="date1" id="sel1" size="30"
+><input type="reset" value=" ... "
+onclick="return showCalendar('sel1', '%Y-%m-%d [%W] %H:%M', '24', true);"> %Y-%m-%d [%W] %H:%M -- single
+click<br />
+
+<b>Date #2:</b> <input type="text" name="date2" id="sel2" size="30"
+><input type="reset" value=" ... "
+onclick="return showCalendar('sel2', '%a, %b %e, %Y [%I:%M %p]', '12');"> %a, %b %e, %Y [%I:%M %p]
+-- double click
+
+<br /><br />
+<!--
+if you remove this comment and leave the following HTML code
+you will see a horrible effect, in all supported browsers (IE and Mozilla).
+-->
+<SELECT multiple size="4" name="component-select">
+  <OPTION selected value="Component_1_a">Component_1</OPTION>
+  <OPTION selected value="Component_1_b">Component_2</OPTION>
+  <OPTION>Component_3</OPTION>
+  <OPTION>Component_4</OPTION>
+  <OPTION>Component_5</OPTION>
+  <OPTION>Component_6</OPTION>
+  <OPTION>Component_7</OPTION>
+</SELECT>
+this select should hide when the calendar is above it.
+<br /><br />
+
+<b>Date #3:</b> <input type="text" name="date3" id="sel3" size="30"
+><input type="reset" value=" ... "
+onclick="return showCalendar('sel3', '%d/%m/%Y');"> %d/%m/%Y
+-- single click
+<br />
+
+<b>Date #4:</b> <input type="text" name="date4" id="sel4" size="30"
+><input type="reset" value=" ... "
+onclick="return showCalendar('sel4', '%A, %B %e, %Y');"> %A, %B %e, %Y --
+double click
+
+</form>
+
+<p>This is release <b>1.0</b>.  Works on MSIE/Win 5.0 or better (really),
+Opera 7+, Mozilla, Firefox, Netscape 6.x, 7.0 and all other Gecko-s,
+Konqueror and Safari.</p>
+
+<h4>Keyboard navigation</h4>
+
+<p>Starting with version 0.9.2, you can also use the keyboard to select
+dates (only for popup calendars; does <em>not</em> work with Opera
+7 or Konqueror/Safari).  The following keys are available:</p>
+
+<ul>
+
+  <li><span class="key">&larr;</span> , <span class="key">&rarr;</span> ,
+  <span class="key">&uarr;</span> , <span class="key">&darr;</span> -- select date</li>
+  <li><span class="key">CTRL</span> + <span class="key">&larr;</span> ,
+  <span class="key">&rarr;</span> -- select month</li>
+  <li><span class="key">CTRL</span> + <span class="key">&uarr;</span> ,
+  <span class="key">&darr;</span> -- select year</li>
+  <li><span class="key">SPACE</span> -- go to <em>today</em> date</li>
+  <li><span class="key">ENTER</span> -- accept the currently selected date</li>
+  <li><span class="key">ESC</span> -- cancel selection</li>
+
+</ul>
+
+          </td>
+
+          <td style="padding: 5px; margin: 5px; border: 1px solid #984; background: #ed9; width: 19em;">
+
+            <div style="background: #984; color: #fea; font-weight: bold; padding: 2px; text-align: center">
+              Flat calendar
+            </div>
+
+            <p style="width: 12em"><small>A non-popup version will appear below as soon
+              as the page is loaded.  Note that it doesn't show the week number.</small></p>
+
+            <!-- the calendar will be inserted here -->
+            <div id="display" style="float: right; clear: both;"></div>
+            <div id="preview" style="font-size: 80%; text-align: center; padding: 2px">&nbsp;</div>
+
+            <p style="clear: both;"><small>
+              The example above uses the <code>setDisabledHandler()</code> member function
+              to setup a handler that would only enable days withing a range of 10 days,
+              forward or backward, from the current date.
+            </small></p>
+
+          </div>
+
+          </td>
+
+        </tr>
+      </table>
+
+<hr /><address>
+&copy; <a href="http://www.dynarch.com/">dynarch.com</a> 2002-2005 <br />
+Author: <a href="http://www.bazon.net/mishoo/">Mihai
+Bazon</a><br /> Distributed under the <a
+href="http://www.gnu.org/licenses/lgpl.html">GNU LGPL</a>.</address>
+
+<p style="font-size: smaller">If you use this script on a public page we
+would love it if you would <a href="http://www.dynarch.com/contact.html">let us
+know</a>.</p>
+
+</body></html>
diff --git a/js/jscalendar/lang/calendar-af.js b/js/jscalendar/lang/calendar-af.js
new file mode 100644
index 0000000..aeda581
--- /dev/null
+++ b/js/jscalendar/lang/calendar-af.js
@@ -0,0 +1,39 @@
+// ** I18N Afrikaans
+Calendar._DN = new Array
+("Sondag",
+ "Maandag",
+ "Dinsdag",
+ "Woensdag",
+ "Donderdag",
+ "Vrydag",
+ "Saterdag",
+ "Sondag");
+Calendar._MN = new Array
+("Januarie",
+ "Februarie",
+ "Maart",
+ "April",
+ "Mei",
+ "Junie",
+ "Julie",
+ "Augustus",
+ "September",
+ "Oktober",
+ "November",
+ "Desember");
+
+// tooltips
+Calendar._TT = {};
+Calendar._TT["TOGGLE"] = "Verander eerste dag van die week";
+Calendar._TT["PREV_YEAR"] = "Vorige jaar (hou vir keuselys)";
+Calendar._TT["PREV_MONTH"] = "Vorige maand (hou vir keuselys)";
+Calendar._TT["GO_TODAY"] = "Gaan na vandag";
+Calendar._TT["NEXT_MONTH"] = "Volgende maand (hou vir keuselys)";
+Calendar._TT["NEXT_YEAR"] = "Volgende jaar (hou vir keuselys)";
+Calendar._TT["SEL_DATE"] = "Kies datum";
+Calendar._TT["DRAG_TO_MOVE"] = "Sleep om te skuif";
+Calendar._TT["PART_TODAY"] = " (vandag)";
+Calendar._TT["MON_FIRST"] = "Vertoon Maandag eerste";
+Calendar._TT["SUN_FIRST"] = "Display Sunday first";
+Calendar._TT["CLOSE"] = "Close";
+Calendar._TT["TODAY"] = "Today";
diff --git a/js/jscalendar/lang/calendar-al.js b/js/jscalendar/lang/calendar-al.js
new file mode 100644
index 0000000..4f701cf
--- /dev/null
+++ b/js/jscalendar/lang/calendar-al.js
@@ -0,0 +1,101 @@
+// Calendar ALBANIAN language
+//author Rigels Gordani rige@hotmail.com
+
+// ditet
+Calendar._DN = new Array
+("E Diele",
+"E Hene",
+"E Marte",
+"E Merkure",
+"E Enjte",
+"E Premte",
+"E Shtune",
+"E Diele");
+
+//ditet shkurt
+Calendar._SDN = new Array
+("Die",
+"Hen",
+"Mar",
+"Mer",
+"Enj",
+"Pre",
+"Sht",
+"Die");
+
+// muajt
+Calendar._MN = new Array
+("Janar",
+"Shkurt",
+"Mars",
+"Prill",
+"Maj",
+"Qeshor",
+"Korrik",
+"Gusht",
+"Shtator",
+"Tetor",
+"Nentor",
+"Dhjetor");
+
+// muajte shkurt
+Calendar._SMN = new Array
+("Jan",
+"Shk",
+"Mar",
+"Pri",
+"Maj",
+"Qes",
+"Kor",
+"Gus",
+"Sht",
+"Tet",
+"Nen",
+"Dhj");
+
+// ndihmesa
+Calendar._TT = {};
+Calendar._TT["INFO"] = "Per kalendarin";
+
+Calendar._TT["ABOUT"] =
+"Zgjedhes i ores/dates ne DHTML \n" +
+"\n\n" +"Zgjedhja e Dates:\n" +
+"- Perdor butonat \xab, \xbb per te zgjedhur vitin\n" +
+"- Perdor  butonat" + String.fromCharCode(0x2039) + ", " + 
+String.fromCharCode(0x203a) +
+" per te  zgjedhur muajin\n" +
+"- Mbani shtypur butonin e mousit per nje zgjedje me te shpejte.";
+Calendar._TT["ABOUT_TIME"] = "\n\n" +
+"Zgjedhja e kohes:\n" +
+"- Kliko tek ndonje nga pjeset e ores per ta rritur ate\n" +
+"- ose kliko me Shift per ta zvogeluar ate\n" +
+"- ose cliko dhe terhiq per zgjedhje me te shpejte.";
+
+Calendar._TT["PREV_YEAR"] = "Viti i shkuar (prit per menune)";
+Calendar._TT["PREV_MONTH"] = "Muaji i shkuar (prit per menune)";
+Calendar._TT["GO_TODAY"] = "Sot";
+Calendar._TT["NEXT_MONTH"] = "Muaji i ardhshem (prit per menune)";
+Calendar._TT["NEXT_YEAR"] = "Viti i ardhshem (prit per menune)";
+Calendar._TT["SEL_DATE"] = "Zgjidh daten";
+Calendar._TT["DRAG_TO_MOVE"] = "Terhiqe per te levizur";
+Calendar._TT["PART_TODAY"] = " (sot)";
+
+// "%s" eshte dita e pare e javes
+// %s do te zevendesohet me emrin e dite
+Calendar._TT["DAY_FIRST"] = "Trego te %s te paren";
+
+
+Calendar._TT["WEEKEND"] = "0,6";
+
+Calendar._TT["CLOSE"] = "Mbyll";
+Calendar._TT["TODAY"] = "Sot";
+Calendar._TT["TIME_PART"] = "Kliko me (Shift-)ose terhiqe per te ndryshuar 
+vleren";
+
+// date formats
+Calendar._TT["DEF_DATE_FORMAT"] = "%Y-%m-%d";
+Calendar._TT["TT_DATE_FORMAT"] = "%a, %b %e";
+
+Calendar._TT["WK"] = "Java";
+Calendar._TT["TIME"] = "Koha:";
+
diff --git a/js/jscalendar/lang/calendar-bg.js b/js/jscalendar/lang/calendar-bg.js
new file mode 100644
index 0000000..5eb73ec
--- /dev/null
+++ b/js/jscalendar/lang/calendar-bg.js
@@ -0,0 +1,124 @@
+// ** I18N

+

+// Calendar BG language

+// Author: Mihai Bazon, <mihai_bazon@yahoo.com>

+// Translator: Valentin Sheiretsky, <valio@valio.eu.org>

+// Encoding: Windows-1251

+// Distributed under the same terms as the calendar itself.

+

+// For translators: please use UTF-8 if possible.  We strongly believe that

+// Unicode is the answer to a real internationalized world.  Also please

+// include your contact information in the header, as can be seen above.

+

+// full day names

+Calendar._DN = new Array

+("Íåäåëÿ",

+ "Ïîíåäåëíèê",

+ "Âòîðíèê",

+ "Ñðÿäà",

+ "×åòâúðòúê",

+ "Ïåòúê",

+ "Ñúáîòà",

+ "Íåäåëÿ");

+

+// Please note that the following array of short day names (and the same goes

+// for short month names, _SMN) isn't absolutely necessary.  We give it here

+// for exemplification on how one can customize the short day names, but if

+// they are simply the first N letters of the full name you can simply say:

+//

+//   Calendar._SDN_len = N; // short day name length

+//   Calendar._SMN_len = N; // short month name length

+//

+// If N = 3 then this is not needed either since we assume a value of 3 if not

+// present, to be compatible with translation files that were written before

+// this feature.

+

+// short day names

+Calendar._SDN = new Array

+("Íåä",

+ "Ïîí",

+ "Âòî",

+ "Ñðÿ",

+ "×åò",

+ "Ïåò",

+ "Ñúá",

+ "Íåä");

+

+// full month names

+Calendar._MN = new Array

+("ßíóàðè",

+ "Ôåâðóàðè",

+ "Ìàðò",

+ "Àïðèë",

+ "Ìàé",

+ "Þíè",

+ "Þëè",

+ "Àâãóñò",

+ "Ñåïòåìâðè",

+ "Îêòîìâðè",

+ "Íîåìâðè",

+ "Äåêåìâðè");

+

+// short month names

+Calendar._SMN = new Array

+("ßíó",

+ "Ôåâ",

+ "Ìàð",

+ "Àïð",

+ "Ìàé",

+ "Þíè",

+ "Þëè",

+ "Àâã",

+ "Ñåï",

+ "Îêò",

+ "Íîå",

+ "Äåê");

+

+// tooltips

+Calendar._TT = {};

+Calendar._TT["INFO"] = "Èíôîðìàöèÿ çà êàëåíäàðà";

+

+Calendar._TT["ABOUT"] =

+"DHTML Date/Time Selector\n" +

+"(c) dynarch.com 2002-2005 / Author: Mihai Bazon\n" + // don't translate this this ;-)

+"For latest version visit: http://www.dynarch.com/projects/calendar/\n" +

+"Distributed under GNU LGPL.  See http://gnu.org/licenses/lgpl.html for details." +

+"\n\n" +

+"Date selection:\n" +

+"- Use the \xab, \xbb buttons to select year\n" +

+"- Use the " + String.fromCharCode(0x2039) + ", " + String.fromCharCode(0x203a) + " buttons to select month\n" +

+"- Hold mouse button on any of the above buttons for faster selection.";

+Calendar._TT["ABOUT_TIME"] = "\n\n" +

+"Time selection:\n" +

+"- Click on any of the time parts to increase it\n" +

+"- or Shift-click to decrease it\n" +

+"- or click and drag for faster selection.";

+

+Calendar._TT["PREV_YEAR"] = "Ïðåäíà ãîäèíà (çàäðúæòå çà ìåíþ)";

+Calendar._TT["PREV_MONTH"] = "Ïðåäåí ìåñåö (çàäðúæòå çà ìåíþ)";

+Calendar._TT["GO_TODAY"] = "Èçáåðåòå äíåñ";

+Calendar._TT["NEXT_MONTH"] = "Ñëåäâàù ìåñåö (çàäðúæòå çà ìåíþ)";

+Calendar._TT["NEXT_YEAR"] = "Ñëåäâàùà ãîäèíà (çàäðúæòå çà ìåíþ)";

+Calendar._TT["SEL_DATE"] = "Èçáåðåòå äàòà";

+Calendar._TT["DRAG_TO_MOVE"] = "Ïðåìåñòâàíå";

+Calendar._TT["PART_TODAY"] = " (äíåñ)";

+

+// the following is to inform that "%s" is to be the first day of week

+// %s will be replaced with the day name.

+Calendar._TT["DAY_FIRST"] = "%s êàòî ïúðâè äåí";

+

+// This may be locale-dependent.  It specifies the week-end days, as an array

+// of comma-separated numbers.  The numbers are from 0 to 6: 0 means Sunday, 1

+// means Monday, etc.

+Calendar._TT["WEEKEND"] = "0,6";

+

+Calendar._TT["CLOSE"] = "Çàòâîðåòå";

+Calendar._TT["TODAY"] = "Äíåñ";

+Calendar._TT["TIME_PART"] = "(Shift-)Click èëè drag çà äà ïðîìåíèòå ñòîéíîñòòà";

+

+// date formats

+Calendar._TT["DEF_DATE_FORMAT"] = "%Y-%m-%d";

+Calendar._TT["TT_DATE_FORMAT"] = "%A - %e %B %Y";

+

+Calendar._TT["WK"] = "Ñåäì";

+Calendar._TT["TIME"] = "×àñ:";

diff --git a/js/jscalendar/lang/calendar-big5-utf8.js b/js/jscalendar/lang/calendar-big5-utf8.js
new file mode 100644
index 0000000..14e0d5d
--- /dev/null
+++ b/js/jscalendar/lang/calendar-big5-utf8.js
@@ -0,0 +1,123 @@
+// ** I18N
+
+// Calendar big5-utf8 language
+// Author: Gary Fu, <gary@garyfu.idv.tw>
+// Encoding: utf8
+// Distributed under the same terms as the calendar itself.
+
+// For translators: please use UTF-8 if possible.  We strongly believe that
+// Unicode is the answer to a real internationalized world.  Also please
+// include your contact information in the header, as can be seen above.
+	
+// full day names
+Calendar._DN = new Array
+("星期日",
+ "星期一",
+ "星期二",
+ "星期三",
+ "星期四",
+ "星期五",
+ "星期六",
+ "星期日");
+
+// Please note that the following array of short day names (and the same goes
+// for short month names, _SMN) isn't absolutely necessary.  We give it here
+// for exemplification on how one can customize the short day names, but if
+// they are simply the first N letters of the full name you can simply say:
+//
+//   Calendar._SDN_len = N; // short day name length
+//   Calendar._SMN_len = N; // short month name length
+//
+// If N = 3 then this is not needed either since we assume a value of 3 if not
+// present, to be compatible with translation files that were written before
+// this feature.
+
+// short day names
+Calendar._SDN = new Array
+("æ—¥",
+ "一",
+ "二",
+ "三",
+ "å››",
+ "五",
+ "å…­",
+ "æ—¥");
+
+// full month names
+Calendar._MN = new Array
+("一月",
+ "二月",
+ "三月",
+ "四月",
+ "五月",
+ "六月",
+ "七月",
+ "八月",
+ "�月",
+ "�月",
+ "�一月",
+ "�二月");
+
+// short month names
+Calendar._SMN = new Array
+("一月",
+ "二月",
+ "三月",
+ "四月",
+ "五月",
+ "六月",
+ "七月",
+ "八月",
+ "�月",
+ "�月",
+ "�一月",
+ "�二月");
+
+// tooltips
+Calendar._TT = {};
+Calendar._TT["INFO"] = "關於";
+
+Calendar._TT["ABOUT"] =
+"DHTML Date/Time Selector\n" +
+"(c) dynarch.com 2002-2005 / Author: Mihai Bazon\n" + // don't translate this this ;-)
+"For latest version visit: http://www.dynarch.com/projects/calendar/\n" +
+"Distributed under GNU LGPL.  See http://gnu.org/licenses/lgpl.html for details." +
+"\n\n" +
+"日期�擇方法:\n" +
+"- 使用 \xab, \xbb 按鈕��擇年份\n" +
+"- 使用 " + String.fromCharCode(0x2039) + ", " + String.fromCharCode(0x203a) + " 按鈕��擇月份\n" +
+"- 按�上�的按鈕�以加快��";
+Calendar._TT["ABOUT_TIME"] = "\n\n" +
+"時間�擇方法:\n" +
+"- 點擊任何的時間部份�增加其值\n" +
+"- �時按Shift��點擊�減少其值\n" +
+"- 點擊並拖曳�加快改變的值";
+
+Calendar._TT["PREV_YEAR"] = "上一年 (按��單)";
+Calendar._TT["PREV_MONTH"] = "下一年 (按��單)";
+Calendar._TT["GO_TODAY"] = "到今日";
+Calendar._TT["NEXT_MONTH"] = "上一月 (按��單)";
+Calendar._TT["NEXT_YEAR"] = "下一月 (按��單)";
+Calendar._TT["SEL_DATE"] = "�擇日期";
+Calendar._TT["DRAG_TO_MOVE"] = "拖曳";
+Calendar._TT["PART_TODAY"] = " (今日)";
+
+// the following is to inform that "%s" is to be the first day of week
+// %s will be replaced with the day name.
+Calendar._TT["DAY_FIRST"] = "將 %s 顯示在�";
+
+// This may be locale-dependent.  It specifies the week-end days, as an array
+// of comma-separated numbers.  The numbers are from 0 to 6: 0 means Sunday, 1
+// means Monday, etc.
+Calendar._TT["WEEKEND"] = "0,6";
+
+Calendar._TT["CLOSE"] = "關閉";
+Calendar._TT["TODAY"] = "今日";
+Calendar._TT["TIME_PART"] = "點擊or拖曳�改變時間(�時按Shift為減)";
+
+// date formats
+Calendar._TT["DEF_DATE_FORMAT"] = "%Y-%m-%d";
+Calendar._TT["TT_DATE_FORMAT"] = "%a, %b %e";
+
+Calendar._TT["WK"] = "週";
+Calendar._TT["TIME"] = "Time:";
diff --git a/js/jscalendar/lang/calendar-big5.js b/js/jscalendar/lang/calendar-big5.js
new file mode 100644
index 0000000..a589358
--- /dev/null
+++ b/js/jscalendar/lang/calendar-big5.js
@@ -0,0 +1,123 @@
+// ** I18N
+
+// Calendar big5 language
+// Author: Gary Fu, <gary@garyfu.idv.tw>
+// Encoding: big5
+// Distributed under the same terms as the calendar itself.
+
+// For translators: please use UTF-8 if possible.  We strongly believe that
+// Unicode is the answer to a real internationalized world.  Also please
+// include your contact information in the header, as can be seen above.
+	
+// full day names
+Calendar._DN = new Array
+("¬P´Á¤é",
+ "¬P´Á¤@",
+ "¬P´Á¤G",
+ "¬P´Á¤T",
+ "¬P´Á¥|",
+ "¬P´Á¤­",
+ "¬P´Á¤»",
+ "¬P´Á¤é");
+
+// Please note that the following array of short day names (and the same goes
+// for short month names, _SMN) isn't absolutely necessary.  We give it here
+// for exemplification on how one can customize the short day names, but if
+// they are simply the first N letters of the full name you can simply say:
+//
+//   Calendar._SDN_len = N; // short day name length
+//   Calendar._SMN_len = N; // short month name length
+//
+// If N = 3 then this is not needed either since we assume a value of 3 if not
+// present, to be compatible with translation files that were written before
+// this feature.
+
+// short day names
+Calendar._SDN = new Array
+("¤é",
+ "¤@",
+ "¤G",
+ "¤T",
+ "¥|",
+ "¤­",
+ "¤»",
+ "¤é");
+
+// full month names
+Calendar._MN = new Array
+("¤@¤ë",
+ "¤G¤ë",
+ "¤T¤ë",
+ "¥|¤ë",
+ "¤­¤ë",
+ "¤»¤ë",
+ "¤C¤ë",
+ "¤K¤ë",
+ "¤E¤ë",
+ "¤Q¤ë",
+ "¤Q¤@¤ë",
+ "¤Q¤G¤ë");
+
+// short month names
+Calendar._SMN = new Array
+("¤@¤ë",
+ "¤G¤ë",
+ "¤T¤ë",
+ "¥|¤ë",
+ "¤­¤ë",
+ "¤»¤ë",
+ "¤C¤ë",
+ "¤K¤ë",
+ "¤E¤ë",
+ "¤Q¤ë",
+ "¤Q¤@¤ë",
+ "¤Q¤G¤ë");
+
+// tooltips
+Calendar._TT = {};
+Calendar._TT["INFO"] = "Ãö©ó";
+
+Calendar._TT["ABOUT"] =
+"DHTML Date/Time Selector\n" +
+"(c) dynarch.com 2002-2005 / Author: Mihai Bazon\n" + // don't translate this this ;-)
+"For latest version visit: http://www.dynarch.com/projects/calendar/\n" +
+"Distributed under GNU LGPL.  See http://gnu.org/licenses/lgpl.html for details." +
+"\n\n" +
+"¤é´Á¿ï¾Ü¤èªk:\n" +
+"- ¨Ï¥Î \xab, \xbb «ö¶s¥i¿ï¾Ü¦~¥÷\n" +
+"- ¨Ï¥Î " + String.fromCharCode(0x2039) + ", " + String.fromCharCode(0x203a) + " «ö¶s¥i¿ï¾Ü¤ë¥÷\n" +
+"- «ö¦í¤W­±ªº«ö¶s¥i¥H¥[§Ö¿ï¨ú";
+Calendar._TT["ABOUT_TIME"] = "\n\n" +
+"®É¶¡¿ï¾Ü¤èªk:\n" +
+"- ÂIÀ»¥ô¦óªº®É¶¡³¡¥÷¥i¼W¥[¨ä­È\n" +
+"- ¦P®É«öShiftÁä¦AÂIÀ»¥i´î¤Ö¨ä­È\n" +
+"- ÂIÀ»¨Ã©ì¦²¥i¥[§Ö§ïÅܪº­È";
+
+Calendar._TT["PREV_YEAR"] = "¤W¤@¦~ («ö¦í¿ï³æ)";
+Calendar._TT["PREV_MONTH"] = "¤U¤@¦~ («ö¦í¿ï³æ)";
+Calendar._TT["GO_TODAY"] = "¨ì¤µ¤é";
+Calendar._TT["NEXT_MONTH"] = "¤W¤@¤ë («ö¦í¿ï³æ)";
+Calendar._TT["NEXT_YEAR"] = "¤U¤@¤ë («ö¦í¿ï³æ)";
+Calendar._TT["SEL_DATE"] = "¿ï¾Ü¤é´Á";
+Calendar._TT["DRAG_TO_MOVE"] = "©ì¦²";
+Calendar._TT["PART_TODAY"] = " (¤µ¤é)";
+
+// the following is to inform that "%s" is to be the first day of week
+// %s will be replaced with the day name.
+Calendar._TT["DAY_FIRST"] = "±N %s Åã¥Ü¦b«e";
+
+// This may be locale-dependent.  It specifies the week-end days, as an array
+// of comma-separated numbers.  The numbers are from 0 to 6: 0 means Sunday, 1
+// means Monday, etc.
+Calendar._TT["WEEKEND"] = "0,6";
+
+Calendar._TT["CLOSE"] = "Ãö³¬";
+Calendar._TT["TODAY"] = "¤µ¤é";
+Calendar._TT["TIME_PART"] = "ÂIÀ»or©ì¦²¥i§ïÅܮɶ¡(¦P®É«öShift¬°´î)";
+
+// date formats
+Calendar._TT["DEF_DATE_FORMAT"] = "%Y-%m-%d";
+Calendar._TT["TT_DATE_FORMAT"] = "%a, %b %e";
+
+Calendar._TT["WK"] = "¶g";
+Calendar._TT["TIME"] = "Time:";
diff --git a/js/jscalendar/lang/calendar-br.js b/js/jscalendar/lang/calendar-br.js
new file mode 100644
index 0000000..bfb0747
--- /dev/null
+++ b/js/jscalendar/lang/calendar-br.js
@@ -0,0 +1,108 @@
+// ** I18N
+
+// Calendar pt-BR language
+// Author: Fernando Dourado, <fernando.dourado@ig.com.br>
+// Encoding: any
+// Distributed under the same terms as the calendar itself.
+
+// For translators: please use UTF-8 if possible.  We strongly believe that
+// Unicode is the answer to a real internationalized world.  Also please
+// include your contact information in the header, as can be seen above.
+
+// full day names
+Calendar._DN = new Array
+("Domingo",
+ "Segunda",
+ "Terça",
+ "Quarta",
+ "Quinta",
+ "Sexta",
+ "Sabádo",
+ "Domingo");
+
+// Please note that the following array of short day names (and the same goes
+// for short month names, _SMN) isn't absolutely necessary.  We give it here
+// for exemplification on how one can customize the short day names, but if
+// they are simply the first N letters of the full name you can simply say:
+//
+//   Calendar._SDN_len = N; // short day name length
+//   Calendar._SMN_len = N; // short month name length
+//
+// If N = 3 then this is not needed either since we assume a value of 3 if not
+// present, to be compatible with translation files that were written before
+// this feature.
+
+// short day names
+// [No changes using default values]
+
+// full month names
+Calendar._MN = new Array
+("Janeiro",
+ "Fevereiro",
+ "Março",
+ "Abril",
+ "Maio",
+ "Junho",
+ "Julho",
+ "Agosto",
+ "Setembro",
+ "Outubro",
+ "Novembro",
+ "Dezembro");
+
+// short month names
+// [No changes using default values]
+
+// tooltips
+Calendar._TT = {};
+Calendar._TT["INFO"] = "Sobre o calendário";
+
+Calendar._TT["ABOUT"] =
+"DHTML Date/Time Selector\n" +
+"(c) dynarch.com 2002-2005 / Author: Mihai Bazon\n" + // don't translate this this ;-)
+"For latest version visit: http://www.dynarch.com/projects/calendar/\n" +
+"Distributed under GNU LGPL.  See http://gnu.org/licenses/lgpl.html for details." +
+"\n\n" +
+"Translate to portuguese Brazil (pt-BR) by Fernando Dourado (fernando.dourado@ig.com.br)\n" +
+"Tradução para o português Brasil (pt-BR) por Fernando Dourado (fernando.dourado@ig.com.br)" +
+"\n\n" +
+"Selecionar data:\n" +
+"- Use as teclas \xab, \xbb para selecionar o ano\n" +
+"- Use as teclas " + String.fromCharCode(0x2039) + ", " + String.fromCharCode(0x203a) + " para selecionar o mês\n" +
+"- Clique e segure com o mouse em qualquer botão para selecionar rapidamente.";
+
+Calendar._TT["ABOUT_TIME"] = "\n\n" +
+"Selecionar hora:\n" +
+"- Clique em qualquer uma das partes da hora para aumentar\n" +
+"- ou Shift-clique para diminuir\n" +
+"- ou clique e arraste para selecionar rapidamente.";
+
+Calendar._TT["PREV_YEAR"] = "Ano anterior (clique e segure para menu)";
+Calendar._TT["PREV_MONTH"] = "Mês anterior (clique e segure para menu)";
+Calendar._TT["GO_TODAY"] = "Ir para a data atual";
+Calendar._TT["NEXT_MONTH"] = "Próximo mês (clique e segure para menu)";
+Calendar._TT["NEXT_YEAR"] = "Próximo ano (clique e segure para menu)";
+Calendar._TT["SEL_DATE"] = "Selecione uma data";
+Calendar._TT["DRAG_TO_MOVE"] = "Clique e segure para mover";
+Calendar._TT["PART_TODAY"] = " (hoje)";
+
+// the following is to inform that "%s" is to be the first day of week
+// %s will be replaced with the day name.
+Calendar._TT["DAY_FIRST"] = "Exibir %s primeiro";
+
+// This may be locale-dependent.  It specifies the week-end days, as an array
+// of comma-separated numbers.  The numbers are from 0 to 6: 0 means Sunday, 1
+// means Monday, etc.
+Calendar._TT["WEEKEND"] = "0,6";
+
+Calendar._TT["CLOSE"] = "Fechar";
+Calendar._TT["TODAY"] = "Hoje";
+Calendar._TT["TIME_PART"] = "(Shift-)Clique ou arraste para mudar o valor";
+
+// date formats
+Calendar._TT["DEF_DATE_FORMAT"] = "%d/%m/%Y";
+Calendar._TT["TT_DATE_FORMAT"] = "%d de %B de %Y";
+
+Calendar._TT["WK"] = "sem";
+Calendar._TT["TIME"] = "Hora:";
+
diff --git a/js/jscalendar/lang/calendar-ca.js b/js/jscalendar/lang/calendar-ca.js
new file mode 100644
index 0000000..a2121bc
--- /dev/null
+++ b/js/jscalendar/lang/calendar-ca.js
@@ -0,0 +1,123 @@
+// ** I18N
+
+// Calendar CA language
+// Author: Mihai Bazon, <mihai_bazon@yahoo.com>
+// Encoding: any
+// Distributed under the same terms as the calendar itself.
+
+// For translators: please use UTF-8 if possible.  We strongly believe that
+// Unicode is the answer to a real internationalized world.  Also please
+// include your contact information in the header, as can be seen above.
+
+// full day names
+Calendar._DN = new Array
+("Diumenge",
+ "Dilluns",
+ "Dimarts",
+ "Dimecres",
+ "Dijous",
+ "Divendres",
+ "Dissabte",
+ "Diumenge");
+
+// Please note that the following array of short day names (and the same goes
+// for short month names, _SMN) isn't absolutely necessary.  We give it here
+// for exemplification on how one can customize the short day names, but if
+// they are simply the first N letters of the full name you can simply say:
+//
+//   Calendar._SDN_len = N; // short day name length
+//   Calendar._SMN_len = N; // short month name length
+//
+// If N = 3 then this is not needed either since we assume a value of 3 if not
+// present, to be compatible with translation files that were written before
+// this feature.
+
+// short day names
+Calendar._SDN = new Array
+("Diu",
+ "Dil",
+ "Dmt",
+ "Dmc",
+ "Dij",
+ "Div",
+ "Dis",
+ "Diu");
+
+// full month names
+Calendar._MN = new Array
+("Gener",
+ "Febrer",
+ "Març",
+ "Abril",
+ "Maig",
+ "Juny",
+ "Juliol",
+ "Agost",
+ "Setembre",
+ "Octubre",
+ "Novembre",
+ "Desembre");
+
+// short month names
+Calendar._SMN = new Array
+("Gen",
+ "Feb",
+ "Mar",
+ "Abr",
+ "Mai",
+ "Jun",
+ "Jul",
+ "Ago",
+ "Set",
+ "Oct",
+ "Nov",
+ "Des");
+
+// tooltips
+Calendar._TT = {};
+Calendar._TT["INFO"] = "Sobre el calendari";
+
+Calendar._TT["ABOUT"] =
+"DHTML Selector de Data/Hora\n" +
+"(c) dynarch.com 2002-2005 / Author: Mihai Bazon\n" + // don't translate this this ;-)
+"For latest version visit: http://www.dynarch.com/projects/calendar/\n" +
+"Distributed under GNU LGPL.  See http://gnu.org/licenses/lgpl.html for details." +
+"\n\n" +
+"Sel.lecció de Dates:\n" +
+"- Fes servir els botons \xab, \xbb per sel.leccionar l'any\n" +
+"- Fes servir els botons " + String.fromCharCode(0x2039) + ", " + String.fromCharCode(0x203a) + " per se.lecciconar el mes\n" +
+"- Manté el ratolí apretat en qualsevol dels anteriors per sel.lecció ràpida.";
+Calendar._TT["ABOUT_TIME"] = "\n\n" +
+"Time selection:\n" +
+"- claca en qualsevol de les parts de la hora per augmentar-les\n" +
+"- o Shift-click per decrementar-la\n" +
+"- or click and arrastra per sel.lecció ràpida.";
+
+Calendar._TT["PREV_YEAR"] = "Any anterior (Mantenir per menu)";
+Calendar._TT["PREV_MONTH"] = "Mes anterior (Mantenir per menu)";
+Calendar._TT["GO_TODAY"] = "Anar a avui";
+Calendar._TT["NEXT_MONTH"] = "Mes següent (Mantenir per menu)";
+Calendar._TT["NEXT_YEAR"] = "Any següent (Mantenir per menu)";
+Calendar._TT["SEL_DATE"] = "Sel.leccionar data";
+Calendar._TT["DRAG_TO_MOVE"] = "Arrastrar per moure";
+Calendar._TT["PART_TODAY"] = " (avui)";
+
+// the following is to inform that "%s" is to be the first day of week
+// %s will be replaced with the day name.
+Calendar._TT["DAY_FIRST"] = "Mostra %s primer";
+
+// This may be locale-dependent.  It specifies the week-end days, as an array
+// of comma-separated numbers.  The numbers are from 0 to 6: 0 means Sunday, 1
+// means Monday, etc.
+Calendar._TT["WEEKEND"] = "0,6";
+
+Calendar._TT["CLOSE"] = "Tanca";
+Calendar._TT["TODAY"] = "Avui";
+Calendar._TT["TIME_PART"] = "(Shift-)Click a arrastra per canviar el valor";
+
+// date formats
+Calendar._TT["DEF_DATE_FORMAT"] = "%Y-%m-%d";
+Calendar._TT["TT_DATE_FORMAT"] = "%a, %b %e";
+
+Calendar._TT["WK"] = "st";
+Calendar._TT["TIME"] = "Hora:";
diff --git a/js/jscalendar/lang/calendar-cs-utf8.js b/js/jscalendar/lang/calendar-cs-utf8.js
new file mode 100644
index 0000000..f6bbbeb
--- /dev/null
+++ b/js/jscalendar/lang/calendar-cs-utf8.js
@@ -0,0 +1,65 @@
+/* 
+	calendar-cs-win.js
+	language: Czech
+	encoding: windows-1250
+	author: Lubos Jerabek (xnet@seznam.cz)
+	        Jan Uhlir (espinosa@centrum.cz)
+*/
+
+// ** I18N
+Calendar._DN  = new Array('Neděle','Pondělí','Úterý','Středa','Čtvrtek','Pátek','Sobota','Neděle');
+Calendar._SDN = new Array('Ne','Po','Út','St','Čt','Pá','So','Ne');
+Calendar._MN  = new Array('Leden','Únor','Březen','Duben','Květen','Červen','Červenec','Srpen','Září','Říjen','Listopad','Prosinec');
+Calendar._SMN = new Array('Led','Úno','Bře','Dub','Kvě','Črv','Čvc','Srp','Zář','Říj','Lis','Pro');
+
+// tooltips
+Calendar._TT = {};
+Calendar._TT["INFO"] = "O komponentě kalendář";
+Calendar._TT["TOGGLE"] = "Změna prvního dne v týdnu";
+Calendar._TT["PREV_YEAR"] = "Předchozí rok (přidrž pro menu)";
+Calendar._TT["PREV_MONTH"] = "Předchozí měsíc (přidrž pro menu)";
+Calendar._TT["GO_TODAY"] = "Dnešní datum";
+Calendar._TT["NEXT_MONTH"] = "Další měsíc (přidrž pro menu)";
+Calendar._TT["NEXT_YEAR"] = "Další rok (přidrž pro menu)";
+Calendar._TT["SEL_DATE"] = "Vyber datum";
+Calendar._TT["DRAG_TO_MOVE"] = "Chyť a táhni, pro přesun";
+Calendar._TT["PART_TODAY"] = " (dnes)";
+Calendar._TT["MON_FIRST"] = "Ukaž jako první Pondělí";
+//Calendar._TT["SUN_FIRST"] = "Ukaž jako první Neděli";
+
+Calendar._TT["ABOUT"] =
+"DHTML Date/Time Selector\n" +
+"(c) dynarch.com 2002-2005 / Author: Mihai Bazon\n" + // don't translate this this ;-)
+"For latest version visit: http://www.dynarch.com/projects/calendar/\n" +
+"Distributed under GNU LGPL.  See http://gnu.org/licenses/lgpl.html for details." +
+"\n\n" +
+"Výběr datumu:\n" +
+"- Use the \xab, \xbb buttons to select year\n" +
+"- Použijte tla�ítka " + String.fromCharCode(0x2039) + ", " + String.fromCharCode(0x203a) + " k výběru měsíce\n" +
+"- Podržte tla�ítko myši na jakémkoliv z těch tla�ítek pro rychlejší výběr.";
+
+Calendar._TT["ABOUT_TIME"] = "\n\n" +
+"Výběr �asu:\n" +
+"- Klikněte na jakoukoliv z �ástí výběru �asu pro zvýšení.\n" +
+"- nebo Shift-click pro snížení\n" +
+"- nebo klikněte a táhněte pro rychlejší výběr.";
+
+// the following is to inform that "%s" is to be the first day of week
+// %s will be replaced with the day name.
+Calendar._TT["DAY_FIRST"] = "Zobraz %s první";
+
+// This may be locale-dependent.  It specifies the week-end days, as an array
+// of comma-separated numbers.  The numbers are from 0 to 6: 0 means Sunday, 1
+// means Monday, etc.
+Calendar._TT["WEEKEND"] = "0,6";
+
+Calendar._TT["CLOSE"] = "Zavřít";
+Calendar._TT["TODAY"] = "Dnes";
+Calendar._TT["TIME_PART"] = "(Shift-)Klikni nebo táhni pro změnu hodnoty";
+
+// date formats
+Calendar._TT["DEF_DATE_FORMAT"] = "d.m.yy";
+Calendar._TT["TT_DATE_FORMAT"] = "%a, %b %e";
+
+Calendar._TT["WK"] = "wk";
+Calendar._TT["TIME"] = "ÄŒas:";
diff --git a/js/jscalendar/lang/calendar-cs-win.js b/js/jscalendar/lang/calendar-cs-win.js
new file mode 100644
index 0000000..140dff3
--- /dev/null
+++ b/js/jscalendar/lang/calendar-cs-win.js
@@ -0,0 +1,65 @@
+/* 
+	calendar-cs-win.js
+	language: Czech
+	encoding: windows-1250
+	author: Lubos Jerabek (xnet@seznam.cz)
+	        Jan Uhlir (espinosa@centrum.cz)
+*/
+
+// ** I18N
+Calendar._DN  = new Array('Nedìle','Pondìlí','Úterý','Støeda','Ètvrtek','Pátek','Sobota','Nedìle');
+Calendar._SDN = new Array('Ne','Po','Út','St','Èt','Pá','So','Ne');
+Calendar._MN  = new Array('Leden','Únor','Bøezen','Duben','Kvìten','Èerven','Èervenec','Srpen','Záøí','Øíjen','Listopad','Prosinec');
+Calendar._SMN = new Array('Led','Úno','Bøe','Dub','Kvì','Èrv','Èvc','Srp','Záø','Øíj','Lis','Pro');
+
+// tooltips
+Calendar._TT = {};
+Calendar._TT["INFO"] = "O komponentì kalendáø";
+Calendar._TT["TOGGLE"] = "Zmìna prvního dne v týdnu";
+Calendar._TT["PREV_YEAR"] = "Pøedchozí rok (pøidrž pro menu)";
+Calendar._TT["PREV_MONTH"] = "Pøedchozí mìsíc (pøidrž pro menu)";
+Calendar._TT["GO_TODAY"] = "Dnešní datum";
+Calendar._TT["NEXT_MONTH"] = "Další mìsíc (pøidrž pro menu)";
+Calendar._TT["NEXT_YEAR"] = "Další rok (pøidrž pro menu)";
+Calendar._TT["SEL_DATE"] = "Vyber datum";
+Calendar._TT["DRAG_TO_MOVE"] = "Chy� a táhni, pro pøesun";
+Calendar._TT["PART_TODAY"] = " (dnes)";
+Calendar._TT["MON_FIRST"] = "Ukaž jako první Pondìlí";
+//Calendar._TT["SUN_FIRST"] = "Ukaž jako první Nedìli";
+
+Calendar._TT["ABOUT"] =
+"DHTML Date/Time Selector\n" +
+"(c) dynarch.com 2002-2005 / Author: Mihai Bazon\n" + // don't translate this this ;-)
+"For latest version visit: http://www.dynarch.com/projects/calendar/\n" +
+"Distributed under GNU LGPL.  See http://gnu.org/licenses/lgpl.html for details." +
+"\n\n" +
+"Výbìr datumu:\n" +
+"- Use the \xab, \xbb buttons to select year\n" +
+"- Použijte tlaèítka " + String.fromCharCode(0x2039) + ", " + String.fromCharCode(0x203a) + " k výbìru mìsíce\n" +
+"- Podržte tlaèítko myši na jakémkoliv z tìch tlaèítek pro rychlejší výbìr.";
+
+Calendar._TT["ABOUT_TIME"] = "\n\n" +
+"Výbìr èasu:\n" +
+"- Kliknìte na jakoukoliv z èástí výbìru èasu pro zvýšení.\n" +
+"- nebo Shift-click pro snížení\n" +
+"- nebo kliknìte a táhnìte pro rychlejší výbìr.";
+
+// the following is to inform that "%s" is to be the first day of week
+// %s will be replaced with the day name.
+Calendar._TT["DAY_FIRST"] = "Zobraz %s první";
+
+// This may be locale-dependent.  It specifies the week-end days, as an array
+// of comma-separated numbers.  The numbers are from 0 to 6: 0 means Sunday, 1
+// means Monday, etc.
+Calendar._TT["WEEKEND"] = "0,6";
+
+Calendar._TT["CLOSE"] = "Zavøít";
+Calendar._TT["TODAY"] = "Dnes";
+Calendar._TT["TIME_PART"] = "(Shift-)Klikni nebo táhni pro zmìnu hodnoty";
+
+// date formats
+Calendar._TT["DEF_DATE_FORMAT"] = "d.m.yy";
+Calendar._TT["TT_DATE_FORMAT"] = "%a, %b %e";
+
+Calendar._TT["WK"] = "wk";
+Calendar._TT["TIME"] = "Èas:";
diff --git a/js/jscalendar/lang/calendar-da.js b/js/jscalendar/lang/calendar-da.js
new file mode 100644
index 0000000..a99b598
--- /dev/null
+++ b/js/jscalendar/lang/calendar-da.js
@@ -0,0 +1,123 @@
+// ** I18N
+
+// Calendar DA language
+// Author: Michael Thingmand Henriksen, <michael (a) thingmand dot dk>
+// Encoding: any
+// Distributed under the same terms as the calendar itself.
+
+// For translators: please use UTF-8 if possible. We strongly believe that
+// Unicode is the answer to a real internationalized world. Also please
+// include your contact information in the header, as can be seen above.
+
+// full day names
+Calendar._DN = new Array
+("Søndag",
+"Mandag",
+"Tirsdag",
+"Onsdag",
+"Torsdag",
+"Fredag",
+"Lørdag",
+"Søndag");
+
+// Please note that the following array of short day names (and the same goes
+// for short month names, _SMN) isn't absolutely necessary. We give it here
+// for exemplification on how one can customize the short day names, but if
+// they are simply the first N letters of the full name you can simply say:
+//
+// Calendar._SDN_len = N; // short day name length
+// Calendar._SMN_len = N; // short month name length
+//
+// If N = 3 then this is not needed either since we assume a value of 3 if not
+// present, to be compatible with translation files that were written before
+// this feature.
+
+// short day names
+Calendar._SDN = new Array
+("Søn",
+"Man",
+"Tir",
+"Ons",
+"Tor",
+"Fre",
+"Lør",
+"Søn");
+
+// full month names
+Calendar._MN = new Array
+("Januar",
+"Februar",
+"Marts",
+"April",
+"Maj",
+"Juni",
+"Juli",
+"August",
+"September",
+"Oktober",
+"November",
+"December");
+
+// short month names
+Calendar._SMN = new Array
+("Jan",
+"Feb",
+"Mar",
+"Apr",
+"Maj",
+"Jun",
+"Jul",
+"Aug",
+"Sep",
+"Okt",
+"Nov",
+"Dec");
+
+// tooltips
+Calendar._TT = {};
+Calendar._TT["INFO"] = "Om Kalenderen";
+
+Calendar._TT["ABOUT"] =
+"DHTML Date/Time Selector\n" +
+"(c) dynarch.com 2002-2005 / Author: Mihai Bazon\n" + // don't translate this this ;-)
+"For den seneste version besøg: http://www.dynarch.com/projects/calendar/\n"; +
+"Distribueret under GNU LGPL. Se http://gnu.org/licenses/lgpl.html for detajler." +
+"\n\n" +
+"Valg af dato:\n" +
+"- Brug \xab, \xbb knapperne for at vælge år\n" +
+"- Brug " + String.fromCharCode(0x2039) + ", " + String.fromCharCode(0x203a) + " knapperne for at vælge måned\n" +
+"- Hold knappen på musen nede på knapperne ovenfor for hurtigere valg.";
+Calendar._TT["ABOUT_TIME"] = "\n\n" +
+"Valg af tid:\n" +
+"- Klik på en vilkårlig del for større værdi\n" +
+"- eller Shift-klik for for mindre værdi\n" +
+"- eller klik og træk for hurtigere valg.";
+
+Calendar._TT["PREV_YEAR"] = "Ét år tilbage (hold for menu)";
+Calendar._TT["PREV_MONTH"] = "Én måned tilbage (hold for menu)";
+Calendar._TT["GO_TODAY"] = "GÃ¥ til i dag";
+Calendar._TT["NEXT_MONTH"] = "Én måned frem (hold for menu)";
+Calendar._TT["NEXT_YEAR"] = "Ét år frem (hold for menu)";
+Calendar._TT["SEL_DATE"] = "Vælg dag";
+Calendar._TT["DRAG_TO_MOVE"] = "Træk vinduet";
+Calendar._TT["PART_TODAY"] = " (i dag)";
+
+// the following is to inform that "%s" is to be the first day of week
+// %s will be replaced with the day name.
+Calendar._TT["DAY_FIRST"] = "Vis %s først";
+
+// This may be locale-dependent. It specifies the week-end days, as an array
+// of comma-separated numbers. The numbers are from 0 to 6: 0 means Sunday, 1
+// means Monday, etc.
+Calendar._TT["WEEKEND"] = "0,6";
+
+Calendar._TT["CLOSE"] = "Luk";
+Calendar._TT["TODAY"] = "I dag";
+Calendar._TT["TIME_PART"] = "(Shift-)klik eller træk for at ændre værdi";
+
+// date formats
+Calendar._TT["DEF_DATE_FORMAT"] = "%d-%m-%Y";
+Calendar._TT["TT_DATE_FORMAT"] = "%a, %b %e";
+
+Calendar._TT["WK"] = "Uge";
+Calendar._TT["TIME"] = "Tid:";
diff --git a/js/jscalendar/lang/calendar-de.js b/js/jscalendar/lang/calendar-de.js
new file mode 100644
index 0000000..4bc1137
--- /dev/null
+++ b/js/jscalendar/lang/calendar-de.js
@@ -0,0 +1,124 @@
+// ** I18N
+
+// Calendar DE language
+// Author: Jack (tR), <jack@jtr.de>
+// Encoding: any
+// Distributed under the same terms as the calendar itself.
+
+// For translators: please use UTF-8 if possible.  We strongly believe that
+// Unicode is the answer to a real internationalized world.  Also please
+// include your contact information in the header, as can be seen above.
+
+// full day names
+Calendar._DN = new Array
+("Sonntag",
+ "Montag",
+ "Dienstag",
+ "Mittwoch",
+ "Donnerstag",
+ "Freitag",
+ "Samstag",
+ "Sonntag");
+
+// Please note that the following array of short day names (and the same goes
+// for short month names, _SMN) isn't absolutely necessary.  We give it here
+// for exemplification on how one can customize the short day names, but if
+// they are simply the first N letters of the full name you can simply say:
+//
+//   Calendar._SDN_len = N; // short day name length
+//   Calendar._SMN_len = N; // short month name length
+//
+// If N = 3 then this is not needed either since we assume a value of 3 if not
+// present, to be compatible with translation files that were written before
+// this feature.
+
+// short day names
+Calendar._SDN = new Array
+("So",
+ "Mo",
+ "Di",
+ "Mi",
+ "Do",
+ "Fr",
+ "Sa",
+ "So");
+
+// full month names
+Calendar._MN = new Array
+("Januar",
+ "Februar",
+ "M\u00e4rz",
+ "April",
+ "Mai",
+ "Juni",
+ "Juli",
+ "August",
+ "September",
+ "Oktober",
+ "November",
+ "Dezember");
+
+// short month names
+Calendar._SMN = new Array
+("Jan",
+ "Feb",
+ "M\u00e4r",
+ "Apr",
+ "May",
+ "Jun",
+ "Jul",
+ "Aug",
+ "Sep",
+ "Okt",
+ "Nov",
+ "Dez");
+
+// tooltips
+Calendar._TT = {};
+Calendar._TT["INFO"] = "\u00DCber dieses Kalendarmodul";
+
+Calendar._TT["ABOUT"] =
+"DHTML Date/Time Selector\n" +
+"(c) dynarch.com 2002-2005 / Author: Mihai Bazon\n" + // don't translate this ;-)
+"For latest version visit: http://www.dynarch.com/projects/calendar/\n" +
+"Distributed under GNU LGPL.  See http://gnu.org/licenses/lgpl.html for details." +
+"\n\n" +
+"Datum ausw\u00e4hlen:\n" +
+"- Benutzen Sie die \xab, \xbb Buttons um das Jahr zu w\u00e4hlen\n" +
+"- Benutzen Sie die " + String.fromCharCode(0x2039) + ", " + String.fromCharCode(0x203a) + " Buttons um den Monat zu w\u00e4hlen\n" +
+"- F\u00fcr eine Schnellauswahl halten Sie die Maustaste \u00fcber diesen Buttons fest.";
+Calendar._TT["ABOUT_TIME"] = "\n\n" +
+"Zeit ausw\u00e4hlen:\n" +
+"- Klicken Sie auf die Teile der Uhrzeit, um diese zu erh\u00F6hen\n" +
+"- oder klicken Sie mit festgehaltener Shift-Taste um diese zu verringern\n" +
+"- oder klicken und festhalten f\u00fcr Schnellauswahl.";
+
+Calendar._TT["TOGGLE"] = "Ersten Tag der Woche w\u00e4hlen";
+Calendar._TT["PREV_YEAR"] = "Voriges Jahr (Festhalten f\u00fcr Schnellauswahl)";
+Calendar._TT["PREV_MONTH"] = "Voriger Monat (Festhalten f\u00fcr Schnellauswahl)";
+Calendar._TT["GO_TODAY"] = "Heute ausw\u00e4hlen";
+Calendar._TT["NEXT_MONTH"] = "N\u00e4chst. Monat (Festhalten f\u00fcr Schnellauswahl)";
+Calendar._TT["NEXT_YEAR"] = "N\u00e4chst. Jahr (Festhalten f\u00fcr Schnellauswahl)";
+Calendar._TT["SEL_DATE"] = "Datum ausw\u00e4hlen";
+Calendar._TT["DRAG_TO_MOVE"] = "Zum Bewegen festhalten";
+Calendar._TT["PART_TODAY"] = " (Heute)";
+
+// the following is to inform that "%s" is to be the first day of week
+// %s will be replaced with the day name.
+Calendar._TT["DAY_FIRST"] = "Woche beginnt mit %s ";
+
+// This may be locale-dependent.  It specifies the week-end days, as an array
+// of comma-separated numbers.  The numbers are from 0 to 6: 0 means Sunday, 1
+// means Monday, etc.
+Calendar._TT["WEEKEND"] = "0,6";
+
+Calendar._TT["CLOSE"] = "Schlie\u00dfen";
+Calendar._TT["TODAY"] = "Heute";
+Calendar._TT["TIME_PART"] = "(Shift-)Klick oder Festhalten und Ziehen um den Wert zu \u00e4ndern";
+
+// date formats
+Calendar._TT["DEF_DATE_FORMAT"] = "%d.%m.%Y";
+Calendar._TT["TT_DATE_FORMAT"] = "%a, %b %e";
+
+Calendar._TT["WK"] = "wk";
+Calendar._TT["TIME"] = "Zeit:";
diff --git a/js/jscalendar/lang/calendar-du.js b/js/jscalendar/lang/calendar-du.js
new file mode 100644
index 0000000..2200448
--- /dev/null
+++ b/js/jscalendar/lang/calendar-du.js
@@ -0,0 +1,45 @@
+// ** I18N
+Calendar._DN = new Array
+("Zondag",
+ "Maandag",
+ "Dinsdag",
+ "Woensdag",
+ "Donderdag",
+ "Vrijdag",
+ "Zaterdag",
+ "Zondag");
+Calendar._MN = new Array
+("Januari",
+ "Februari",
+ "Maart",
+ "April",
+ "Mei",
+ "Juni",
+ "Juli",
+ "Augustus",
+ "September",
+ "Oktober",
+ "November",
+ "December");
+
+// tooltips
+Calendar._TT = {};
+Calendar._TT["TOGGLE"] = "Toggle startdag van de week";
+Calendar._TT["PREV_YEAR"] = "Vorig jaar (indrukken voor menu)";
+Calendar._TT["PREV_MONTH"] = "Vorige month (indrukken voor menu)";
+Calendar._TT["GO_TODAY"] = "Naar Vandaag";
+Calendar._TT["NEXT_MONTH"] = "Volgende Maand (indrukken voor menu)";
+Calendar._TT["NEXT_YEAR"] = "Volgend jaar (indrukken voor menu)";
+Calendar._TT["SEL_DATE"] = "Selecteer datum";
+Calendar._TT["DRAG_TO_MOVE"] = "Sleep om te verplaatsen";
+Calendar._TT["PART_TODAY"] = " (vandaag)";
+Calendar._TT["MON_FIRST"] = "Toon Maandag eerst";
+Calendar._TT["SUN_FIRST"] = "Toon Zondag eerst";
+Calendar._TT["CLOSE"] = "Sluiten";
+Calendar._TT["TODAY"] = "Vandaag";
+
+// date formats
+Calendar._TT["DEF_DATE_FORMAT"] = "y-mm-dd";
+Calendar._TT["TT_DATE_FORMAT"] = "D, M d";
+
+Calendar._TT["WK"] = "wk";
diff --git a/js/jscalendar/lang/calendar-el.js b/js/jscalendar/lang/calendar-el.js
new file mode 100644
index 0000000..43a9b2c
--- /dev/null
+++ b/js/jscalendar/lang/calendar-el.js
@@ -0,0 +1,89 @@
+// ** I18N

+Calendar._DN = new Array

+("Κυ�ιακή",

+ "Δευτέ�α",

+ "Τ�ίτη",

+ "Τετά�τη",

+ "Πέμπτη",

+ "Πα�ασκευή",

+ "Σάββατο",

+ "Κυ�ιακή");

+

+Calendar._SDN = new Array

+("Κυ",

+ "Δε",

+ "T�",

+ "Τε",

+ "Πε",

+ "Πα",

+ "Σα",

+ "Κυ");

+

+Calendar._MN = new Array

+("Ιανουά�ιος",

+ "Φεβ�ουά�ιος",

+ "Μά�τιος",

+ "Απ�ίλιος",

+ "Μάϊος",

+ "Ιο�νιος",

+ "Ιο�λιος",

+ "Α�γουστος",

+ "Σεπτέμβ�ιος",

+ "Οκτώβ�ιος",

+ "�οέμβ�ιος",

+ "Δεκέμβ�ιος");

+

+Calendar._SMN = new Array

+("Ιαν",

+ "Φεβ",

+ "Μα�",

+ "Απ�",

+ "Μαι",

+ "Ιουν",

+ "Ιουλ",

+ "Αυγ",

+ "Σεπ",

+ "Οκτ",

+ "�οε",

+ "Δεκ");

+

+// tooltips

+Calendar._TT = {};

+Calendar._TT["INFO"] = "Για το ημε�ολόγιο";

+

+Calendar._TT["ABOUT"] =

+"Επιλογέας ημε�ομηνίας/ώ�ας σε DHTML\n" +

+"(c) dynarch.com 2002-2005 / Author: Mihai Bazon\n" + // don't translate this this ;-)

+"Για τελευταία έκδοση: http://www.dynarch.com/projects/calendar/\n" +

+"Distributed under GNU LGPL.  See http://gnu.org/licenses/lgpl.html for details." +

+"\n\n" +

+"Επιλογή ημε�ομηνίας:\n" +

+"- Χ�ησιμοποιείστε τα κουμπιά \xab, \xbb για επιλογή έτους\n" +

+"- Χ�ησιμοποιείστε τα κουμπιά " + String.fromCharCode(0x2039) + ", " + String.fromCharCode(0x203a) + " για επιλογή μήνα\n" +

+"- Κ�ατήστε κουμπί ποντικο� πατημένο στα πα�απάνω κουμπιά για πιο γ�ήγο�η επιλογή.";

+Calendar._TT["ABOUT_TIME"] = "\n\n" +

+"Επιλογή ώ�ας:\n" +

+"- Κάντε κλικ σε ένα από τα μέ�η της ώ�ας για α�ξηση\n" +

+"- ή Shift-κλικ για μείωση\n" +

+"- ή κλικ και μετακίνηση για πιο γ�ήγο�η επιλογή.";

+Calendar._TT["TOGGLE"] = "Μπά�α π�ώτης ημέ�ας της εβδομάδας";

+Calendar._TT["PREV_YEAR"] = "Π�οηγ. έτος (κ�ατήστε για το μενο�)";

+Calendar._TT["PREV_MONTH"] = "Π�οηγ. μήνας (κ�ατήστε για το μενο�)";

+Calendar._TT["GO_TODAY"] = "Σήμε�α";

+Calendar._TT["NEXT_MONTH"] = "Επόμενος μήνας (κ�ατήστε για το μενο�)";

+Calendar._TT["NEXT_YEAR"] = "Επόμενο έτος (κ�ατήστε για το μενο�)";

+Calendar._TT["SEL_DATE"] = "Επιλέξτε ημε�ομηνία";

+Calendar._TT["DRAG_TO_MOVE"] = "Σ��τε για να μετακινήσετε";

+Calendar._TT["PART_TODAY"] = " (σήμε�α)";

+Calendar._TT["MON_FIRST"] = "Εμφάνιση Δευτέ�ας π�ώτα";

+Calendar._TT["SUN_FIRST"] = "Εμφάνιση Κυ�ιακής π�ώτα";

+Calendar._TT["CLOSE"] = "Κλείσιμο";

+Calendar._TT["TODAY"] = "Σήμε�α";

+Calendar._TT["TIME_PART"] = "(Shift-)κλικ ή μετακίνηση για αλλαγή";

+

+// date formats

+Calendar._TT["DEF_DATE_FORMAT"] = "dd-mm-y";

+Calendar._TT["TT_DATE_FORMAT"] = "D, d M";

+

+Calendar._TT["WK"] = "εβδ";

+

diff --git a/js/jscalendar/lang/calendar-en.js b/js/jscalendar/lang/calendar-en.js
new file mode 100644
index 0000000..0dbde79
--- /dev/null
+++ b/js/jscalendar/lang/calendar-en.js
@@ -0,0 +1,127 @@
+// ** I18N
+
+// Calendar EN language
+// Author: Mihai Bazon, <mihai_bazon@yahoo.com>
+// Encoding: any
+// Distributed under the same terms as the calendar itself.
+
+// For translators: please use UTF-8 if possible.  We strongly believe that
+// Unicode is the answer to a real internationalized world.  Also please
+// include your contact information in the header, as can be seen above.
+
+// full day names
+Calendar._DN = new Array
+("Sunday",
+ "Monday",
+ "Tuesday",
+ "Wednesday",
+ "Thursday",
+ "Friday",
+ "Saturday",
+ "Sunday");
+
+// Please note that the following array of short day names (and the same goes
+// for short month names, _SMN) isn't absolutely necessary.  We give it here
+// for exemplification on how one can customize the short day names, but if
+// they are simply the first N letters of the full name you can simply say:
+//
+//   Calendar._SDN_len = N; // short day name length
+//   Calendar._SMN_len = N; // short month name length
+//
+// If N = 3 then this is not needed either since we assume a value of 3 if not
+// present, to be compatible with translation files that were written before
+// this feature.
+
+// short day names
+Calendar._SDN = new Array
+("Sun",
+ "Mon",
+ "Tue",
+ "Wed",
+ "Thu",
+ "Fri",
+ "Sat",
+ "Sun");
+
+// First day of the week. "0" means display Sunday first, "1" means display
+// Monday first, etc.
+Calendar._FD = 0;
+
+// full month names
+Calendar._MN = new Array
+("January",
+ "February",
+ "March",
+ "April",
+ "May",
+ "June",
+ "July",
+ "August",
+ "September",
+ "October",
+ "November",
+ "December");
+
+// short month names
+Calendar._SMN = new Array
+("Jan",
+ "Feb",
+ "Mar",
+ "Apr",
+ "May",
+ "Jun",
+ "Jul",
+ "Aug",
+ "Sep",
+ "Oct",
+ "Nov",
+ "Dec");
+
+// tooltips
+Calendar._TT = {};
+Calendar._TT["INFO"] = "About the calendar";
+
+Calendar._TT["ABOUT"] =
+"DHTML Date/Time Selector\n" +
+"(c) dynarch.com 2002-2005 / Author: Mihai Bazon\n" + // don't translate this this ;-)
+"For latest version visit: http://www.dynarch.com/projects/calendar/\n" +
+"Distributed under GNU LGPL.  See http://gnu.org/licenses/lgpl.html for details." +
+"\n\n" +
+"Date selection:\n" +
+"- Use the \xab, \xbb buttons to select year\n" +
+"- Use the " + String.fromCharCode(0x2039) + ", " + String.fromCharCode(0x203a) + " buttons to select month\n" +
+"- Hold mouse button on any of the above buttons for faster selection.";
+Calendar._TT["ABOUT_TIME"] = "\n\n" +
+"Time selection:\n" +
+"- Click on any of the time parts to increase it\n" +
+"- or Shift-click to decrease it\n" +
+"- or click and drag for faster selection.";
+
+Calendar._TT["PREV_YEAR"] = "Prev. year (hold for menu)";
+Calendar._TT["PREV_MONTH"] = "Prev. month (hold for menu)";
+Calendar._TT["GO_TODAY"] = "Go Today";
+Calendar._TT["NEXT_MONTH"] = "Next month (hold for menu)";
+Calendar._TT["NEXT_YEAR"] = "Next year (hold for menu)";
+Calendar._TT["SEL_DATE"] = "Select date";
+Calendar._TT["DRAG_TO_MOVE"] = "Drag to move";
+Calendar._TT["PART_TODAY"] = " (today)";
+
+// the following is to inform that "%s" is to be the first day of week
+// %s will be replaced with the day name.
+Calendar._TT["DAY_FIRST"] = "Display %s first";
+
+// This may be locale-dependent.  It specifies the week-end days, as an array
+// of comma-separated numbers.  The numbers are from 0 to 6: 0 means Sunday, 1
+// means Monday, etc.
+Calendar._TT["WEEKEND"] = "0,6";
+
+Calendar._TT["CLOSE"] = "Close";
+Calendar._TT["TODAY"] = "Today";
+Calendar._TT["TIME_PART"] = "(Shift-)Click or drag to change value";
+
+// date formats
+Calendar._TT["DEF_DATE_FORMAT"] = "%Y-%m-%d";
+Calendar._TT["TT_DATE_FORMAT"] = "%a, %b %e";
+
+Calendar._TT["WK"] = "wk";
+Calendar._TT["TIME"] = "Time:";
diff --git a/js/jscalendar/lang/calendar-es.js b/js/jscalendar/lang/calendar-es.js
new file mode 100644
index 0000000..d14cf02
--- /dev/null
+++ b/js/jscalendar/lang/calendar-es.js
@@ -0,0 +1,146 @@
+// ** I18N
+
+// Calendar ES (spanish) language
+// Author: Mihai Bazon, <mihai_bazon@yahoo.com>
+// Updater: Servilio Afre Puentes <servilios@yahoo.com>
+// Updated: 2004-06-03
+// Encoding: utf-8
+// Distributed under the same terms as the calendar itself.
+
+// For translators: please use UTF-8 if possible.  We strongly believe that
+// Unicode is the answer to a real internationalized world.  Also please
+// include your contact information in the header, as can be seen above.
+
+// full day names
+Calendar._DN = new Array
+("Domingo",
+ "Lunes",
+ "Martes",
+ "Miércoles",
+ "Jueves",
+ "Viernes",
+ "Sábado",
+ "Domingo");
+
+// Please note that the following array of short day names (and the same goes
+// for short month names, _SMN) isn't absolutely necessary.  We give it here
+// for exemplification on how one can customize the short day names, but if
+// they are simply the first N letters of the full name you can simply say:
+//
+//   Calendar._SDN_len = N; // short day name length
+//   Calendar._SMN_len = N; // short month name length
+//
+// If N = 3 then this is not needed either since we assume a value of 3 if not
+// present, to be compatible with translation files that were written before
+// this feature.
+
+// short day names
+/*
+Calendar._SDN = new Array
+("Dom",
+ "Lun",
+ "Mar",
+ "Mié",
+ "Jue",
+ "Vie",
+ "Sáb",
+*/
+Calendar._SDN = new Array
+("D",
+ "L",
+ "M",
+ "M",
+ "J",
+ "V",
+ "S",
+ "D");
+
+// First day of the week. "0" means display Sunday first, "1" means display
+// Monday first, etc.
+Calendar._FD = 0;
+
+// full month names
+Calendar._MN = new Array
+("Enero",
+ "Febrero",
+ "Marzo",
+ "Abril",
+ "Mayo",
+ "Junio",
+ "Julio",
+ "Agosto",
+ "Septiembre",
+ "Octubre",
+ "Noviembre",
+ "Diciembre");
+
+// short month names
+Calendar._SMN = new Array
+("Ene",
+ "Feb",
+ "Mar",
+ "Abr",
+ "May",
+ "Jun",
+ "Jul",
+ "Ago",
+ "Sep",
+ "Oct",
+ "Nov",
+ "Dic");
+
+// tooltips
+Calendar._TT = {};
+Calendar._TT["INFO"] = "Acerca del calendario";
+
+Calendar._TT["ABOUT"] =
+"Selector DHTML de Fecha/Hora\n" +
+"(c) dynarch.com 2002-2005 / Author: Mihai Bazon\n" + // don't translate this this ;-)
+"Para conseguir la última versión visite: http://www.dynarch.com/projects/calendar/\n" +
+"Distribuido bajo licencia GNU LGPL. Visite http://gnu.org/licenses/lgpl.html para más detalles." +
+"\n\n" +
+"Selección de fecha:\n" +
+"- Use los botones \xab, \xbb para seleccionar el año\n" +
+"- Use los botones " + String.fromCharCode(0x2039) + ", " + String.fromCharCode(0x203a) + " para seleccionar el mes\n" +
+"- Mantenga pulsado el ratón en cualquiera de estos botones para una selección rápida.";
+Calendar._TT["ABOUT_TIME"] = "\n\n" +
+"Selección de hora:\n" +
+"- Pulse en cualquiera de las partes de la hora para incrementarla\n" +
+"- o pulse las mayúsculas mientras hace clic para decrementarla\n" +
+"- o haga clic y arrastre el ratón para una selección más rápida.";
+
+//Calendar._TT["PREV_YEAR"] = "Año anterior (mantener para menú)";
+Calendar._TT["PREV_YEAR"] = "Año anterior";
+//Calendar._TT["PREV_MONTH"] = "Mes anterior (mantener para menú)";
+Calendar._TT["PREV_MONTH"] = "Mes anterior";
+Calendar._TT["GO_TODAY"] = "Ir a hoy";
+//Calendar._TT["NEXT_MONTH"] = "Mes siguiente (mantener para menú)";
+Calendar._TT["NEXT_MONTH"] = "Mes siguiente";
+//Calendar._TT["NEXT_YEAR"] = "Año siguiente (mantener para menú)";
+Calendar._TT["NEXT_YEAR"] = "Año siguiente";
+Calendar._TT["SEL_DATE"] = "Seleccionar fecha";
+Calendar._TT["DRAG_TO_MOVE"] = "Arrastrar para mover";
+//Calendar._TT["PART_TODAY"] = " (hoy)";
+Calendar._TT["PART_TODAY"] = "";
+
+// the following is to inform that "%s" is to be the first day of week
+// %s will be replaced with the day name.
+//Calendar._TT["DAY_FIRST"] = "Hacer %s primer día de la semana";
+Calendar._TT["DAY_FIRST"] = "Hacer día primer de sem.";
+
+// This may be locale-dependent.  It specifies the week-end days, as an array
+// of comma-separated numbers.  The numbers are from 0 to 6: 0 means Sunday, 1
+// means Monday, etc.
+Calendar._TT["WEEKEND"] = "0,6";
+
+Calendar._TT["CLOSE"] = "Cerrar";
+Calendar._TT["TODAY"] = "Hoy";
+Calendar._TT["TIME_PART"] = "(Mayúscula-)Clic o arrastre para cambiar valor";
+
+// date formats
+Calendar._TT["DEF_DATE_FORMAT"] = "%d/%m/%Y";
+//Calendar._TT["TT_DATE_FORMAT"] = "%A, %e de %B de %Y";
+Calendar._TT["TT_DATE_FORMAT"] = "%a, %e de %b de %Y";
+
+Calendar._TT["WK"] = "sem";
+Calendar._TT["TIME"] = "Hora:";
diff --git a/js/jscalendar/lang/calendar-fi.js b/js/jscalendar/lang/calendar-fi.js
new file mode 100644
index 0000000..328eabb
--- /dev/null
+++ b/js/jscalendar/lang/calendar-fi.js
@@ -0,0 +1,98 @@
+// ** I18N
+
+// Calendar FI language (Finnish, Suomi)
+// Author: Jarno Käyhkö, <gambler@phnet.fi>
+// Encoding: UTF-8
+// Distributed under the same terms as the calendar itself.
+
+// full day names
+Calendar._DN = new Array
+("Sunnuntai",
+ "Maanantai",
+ "Tiistai",
+ "Keskiviikko",
+ "Torstai",
+ "Perjantai",
+ "Lauantai",
+ "Sunnuntai");
+
+// short day names
+Calendar._SDN = new Array
+("Su",
+ "Ma",
+ "Ti",
+ "Ke",
+ "To",
+ "Pe",
+ "La",
+ "Su");
+
+// full month names
+Calendar._MN = new Array
+("Tammikuu",
+ "Helmikuu",
+ "Maaliskuu",
+ "Huhtikuu",
+ "Toukokuu",
+ "Kesäkuu",
+ "Heinäkuu",
+ "Elokuu",
+ "Syyskuu",
+ "Lokakuu",
+ "Marraskuu",
+ "Joulukuu");
+
+// short month names
+Calendar._SMN = new Array
+("Tam",
+ "Hel",
+ "Maa",
+ "Huh",
+ "Tou",
+ "Kes",
+ "Hei",
+ "Elo",
+ "Syy",
+ "Lok",
+ "Mar",
+ "Jou");
+
+// tooltips
+Calendar._TT = {};
+Calendar._TT["INFO"] = "Tietoja kalenterista";
+
+Calendar._TT["ABOUT"] =
+"DHTML Date/Time Selector\n" +
+"(c) dynarch.com 2002-2005 / Author: Mihai Bazon\n" + // don't translate this this ;-)
+"Uusin versio osoitteessa: http://www.dynarch.com/projects/calendar/\n" +
+"Julkaistu GNU LGPL lisenssin alaisuudessa. Lisätietoja osoitteessa http://gnu.org/licenses/lgpl.html" +
+"\n\n" +
+"Päivämäärä valinta:\n" +
+"- Käytä \xab, \xbb painikkeita valitaksesi vuosi\n" +
+"- Käytä " + String.fromCharCode(0x2039) + ", " + String.fromCharCode(0x203a) + " painikkeita valitaksesi kuukausi\n" +
+"- Pitämällä hiiren painiketta minkä tahansa yllä olevan painikkeen kohdalla, saat näkyviin valikon nopeampaan siirtymiseen.";
+Calendar._TT["ABOUT_TIME"] = "\n\n" +
+"Ajan valinta:\n" +
+"- Klikkaa kellonajan numeroita lisätäksesi aikaa\n" +
+"- tai pitämällä Shift-näppäintä pohjassa saat aikaa taaksepäin\n" +
+"- tai klikkaa ja pidä hiiren painike pohjassa sekä liikuta hiirtä muuttaaksesi aikaa nopeasti eteen- ja taaksepäin.";
+
+Calendar._TT["PREV_YEAR"] = "Edell. vuosi (paina hetki, näet valikon)";
+Calendar._TT["PREV_MONTH"] = "Edell. kuukausi (paina hetki, näet valikon)";
+Calendar._TT["GO_TODAY"] = "Siirry tähän päivään";
+Calendar._TT["NEXT_MONTH"] = "Seur. kuukausi (paina hetki, näet valikon)";
+Calendar._TT["NEXT_YEAR"] = "Seur. vuosi (paina hetki, näet valikon)";
+Calendar._TT["SEL_DATE"] = "Valitse päivämäärä";
+Calendar._TT["DRAG_TO_MOVE"] = "Siirrä kalenterin paikkaa";
+Calendar._TT["PART_TODAY"] = " (tänään)";
+Calendar._TT["MON_FIRST"] = "Näytä maanantai ensimmäisenä";
+Calendar._TT["SUN_FIRST"] = "Näytä sunnuntai ensimmäisenä";
+Calendar._TT["CLOSE"] = "Sulje";
+Calendar._TT["TODAY"] = "Tänään";
+Calendar._TT["TIME_PART"] = "(Shift-) Klikkaa tai liikuta muuttaaksesi aikaa";
+
+// date formats
+Calendar._TT["DEF_DATE_FORMAT"] = "%d.%m.%Y";
+Calendar._TT["TT_DATE_FORMAT"] = "%d.%m.%Y";
+
+Calendar._TT["WK"] = "Vko";
diff --git a/js/jscalendar/lang/calendar-fr.js b/js/jscalendar/lang/calendar-fr.js
new file mode 100644
index 0000000..2a9e0b2
--- /dev/null
+++ b/js/jscalendar/lang/calendar-fr.js
@@ -0,0 +1,125 @@
+// ** I18N
+
+// Calendar EN language
+// Author: Mihai Bazon, <mihai_bazon@yahoo.com>
+// Encoding: any
+// Distributed under the same terms as the calendar itself.
+
+// For translators: please use UTF-8 if possible.  We strongly believe that
+// Unicode is the answer to a real internationalized world.  Also please
+// include your contact information in the header, as can be seen above.
+
+// Translator: David Duret, <pilgrim@mala-template.net> from previous french version
+
+// full day names
+Calendar._DN = new Array
+("Dimanche",
+ "Lundi",
+ "Mardi",
+ "Mercredi",
+ "Jeudi",
+ "Vendredi",
+ "Samedi",
+ "Dimanche");
+
+// Please note that the following array of short day names (and the same goes
+// for short month names, _SMN) isn't absolutely necessary.  We give it here
+// for exemplification on how one can customize the short day names, but if
+// they are simply the first N letters of the full name you can simply say:
+//
+//   Calendar._SDN_len = N; // short day name length
+//   Calendar._SMN_len = N; // short month name length
+//
+// If N = 3 then this is not needed either since we assume a value of 3 if not
+// present, to be compatible with translation files that were written before
+// this feature.
+
+// short day names
+Calendar._SDN = new Array
+("Dim",
+ "Lun",
+ "Mar",
+ "Mar",
+ "Jeu",
+ "Ven",
+ "Sam",
+ "Dim");
+
+// full month names
+Calendar._MN = new Array
+("Janvier",
+ "Février",
+ "Mars",
+ "Avril",
+ "Mai",
+ "Juin",
+ "Juillet",
+ "Août",
+ "Septembre",
+ "Octobre",
+ "Novembre",
+ "Décembre");
+
+// short month names
+Calendar._SMN = new Array
+("Jan",
+ "Fev",
+ "Mar",
+ "Avr",
+ "Mai",
+ "Juin",
+ "Juil",
+ "Aout",
+ "Sep",
+ "Oct",
+ "Nov",
+ "Dec");
+
+// tooltips
+Calendar._TT = {};
+Calendar._TT["INFO"] = "A propos du calendrier";
+
+Calendar._TT["ABOUT"] =
+"DHTML Date/Heure Selecteur\n" +
+"(c) dynarch.com 2002-2005 / Author: Mihai Bazon\n" + // don't translate this this ;-)
+"Pour la derniere version visitez : http://www.dynarch.com/projects/calendar/\n" +
+"Distribué par GNU LGPL.  Voir http://gnu.org/licenses/lgpl.html pour les details." +
+"\n\n" +
+"Selection de la date :\n" +
+"- Utiliser les bouttons \xab, \xbb  pour selectionner l\'annee\n" +
+"- Utiliser les bouttons " + String.fromCharCode(0x2039) + ", " + String.fromCharCode(0x203a) + " pour selectionner les mois\n" +
+"- Garder la souris sur n'importe quels boutons pour une selection plus rapide";
+Calendar._TT["ABOUT_TIME"] = "\n\n" +
+"Selection de l\'heure :\n" +
+"- Cliquer sur heures ou minutes pour incrementer\n" +
+"- ou Maj-clic pour decrementer\n" +
+"- ou clic et glisser-deplacer pour une selection plus rapide";
+
+Calendar._TT["PREV_YEAR"] = "Année préc. (maintenir pour menu)";
+Calendar._TT["PREV_MONTH"] = "Mois préc. (maintenir pour menu)";
+Calendar._TT["GO_TODAY"] = "Atteindre la date du jour";
+Calendar._TT["NEXT_MONTH"] = "Mois suiv. (maintenir pour menu)";
+Calendar._TT["NEXT_YEAR"] = "Année suiv. (maintenir pour menu)";
+Calendar._TT["SEL_DATE"] = "Sélectionner une date";
+Calendar._TT["DRAG_TO_MOVE"] = "Déplacer";
+Calendar._TT["PART_TODAY"] = " (Aujourd'hui)";
+
+// the following is to inform that "%s" is to be the first day of week
+// %s will be replaced with the day name.
+Calendar._TT["DAY_FIRST"] = "Afficher %s en premier";
+
+// This may be locale-dependent.  It specifies the week-end days, as an array
+// of comma-separated numbers.  The numbers are from 0 to 6: 0 means Sunday, 1
+// means Monday, etc.
+Calendar._TT["WEEKEND"] = "0,6";
+
+Calendar._TT["CLOSE"] = "Fermer";
+Calendar._TT["TODAY"] = "Aujourd'hui";
+Calendar._TT["TIME_PART"] = "(Maj-)Clic ou glisser pour modifier la valeur";
+
+// date formats
+Calendar._TT["DEF_DATE_FORMAT"] = "%d/%m/%Y";
+Calendar._TT["TT_DATE_FORMAT"] = "%a, %b %e";
+
+Calendar._TT["WK"] = "Sem.";
+Calendar._TT["TIME"] = "Heure :";
diff --git a/js/jscalendar/lang/calendar-he-utf8.js b/js/jscalendar/lang/calendar-he-utf8.js
new file mode 100644
index 0000000..7861217
--- /dev/null
+++ b/js/jscalendar/lang/calendar-he-utf8.js
@@ -0,0 +1,123 @@
+// ** I18N
+
+// Calendar EN language
+// Author: Idan Sofer, <idan@idanso.dyndns.org>
+// Encoding: UTF-8
+// Distributed under the same terms as the calendar itself.
+
+// For translators: please use UTF-8 if possible.  We strongly believe that
+// Unicode is the answer to a real internationalized world.  Also please
+// include your contact information in the header, as can be seen above.
+
+// full day names
+Calendar._DN = new Array
+("ר�שון",
+ "שני",
+ "שלישי",
+ "רביעי",
+ "חמישי",
+ "שישי",
+ "שבת",
+ "ר�שון");
+
+// Please note that the following array of short day names (and the same goes
+// for short month names, _SMN) isn't absolutely necessary.  We give it here
+// for exemplification on how one can customize the short day names, but if
+// they are simply the first N letters of the full name you can simply say:
+//
+//   Calendar._SDN_len = N; // short day name length
+//   Calendar._SMN_len = N; // short month name length
+//
+// If N = 3 then this is not needed either since we assume a value of 3 if not
+// present, to be compatible with translation files that were written before
+// this feature.
+
+// short day names
+Calendar._SDN = new Array
+("�",
+ "ב",
+ "×’",
+ "ד",
+ "×”",
+ "ו",
+ "ש",
+ "�");
+
+// full month names
+Calendar._MN = new Array
+("ינו�ר",
+ "פברו�ר",
+ "מרץ",
+ "�פריל",
+ "מ�י",
+ "יוני",
+ "יולי",
+ "�וגוסט",
+ "ספטמבר",
+ "�וקטובר",
+ "נובמבר",
+ "דצמבר");
+
+// short month names
+Calendar._SMN = new Array
+("ינ�",
+ "פבר",
+ "מרץ",
+ "�פר",
+ "מ�י",
+ "יונ",
+ "יול",
+ "�וג",
+ "ספט",
+ "�וק",
+ "נוב",
+ "דצמ");
+
+// tooltips
+Calendar._TT = {};
+Calendar._TT["INFO"] = "�ודות השנתון";
+
+Calendar._TT["ABOUT"] =
+"בחרן ת�ריך/שעה DHTML\n" +
+"(c) dynarch.com 2002-2005 / Author: Mihai Bazon\n" + // don't translate this this ;-)
+"הגירס� ה�חרונה זמינה ב: http://www.dynarch.com/projects/calendar/\n" +
+"מופץ תחת זיכיון ה GNU LGPL.  עיין ב http://gnu.org/licenses/lgpl.html לפרטי� נוספי�." +
+"\n\n" +
+בחירת ת�ריך:\n" +
+"- השתמש בכפתורי� \xab, \xbb לבחירת שנה\n" +
+"- השתמש בכפתורי� " + String.fromCharCode(0x2039) + ", " + String.fromCharCode(0x203a) + " לבחירת חודש\n" +
+"- החזק העכבר לחוץ מעל הכפתורי� המוזכרי� לעיל לבחירה מהירה יותר.";
+Calendar._TT["ABOUT_TIME"] = "\n\n" +
+"בחירת זמן:\n" +
+"- לחץ על כל �חד מחלקי הזמן כדי להוסיף\n" +
+"- �ו shift בשילוב ע� לחיצה כדי להחסיר\n" +
+"- �ו לחץ וגרור לפעולה מהירה יותר.";
+
+Calendar._TT["PREV_YEAR"] = "שנה קודמת - החזק לקבלת תפריט";
+Calendar._TT["PREV_MONTH"] = "חודש קוד� - החזק לקבלת תפריט";
+Calendar._TT["GO_TODAY"] = "עבור להיו�";
+Calendar._TT["NEXT_MONTH"] = "חודש הב� - החזק לתפריט";
+Calendar._TT["NEXT_YEAR"] = "שנה הב�ה - החזק לתפריט";
+Calendar._TT["SEL_DATE"] = "בחר ת�ריך";
+Calendar._TT["DRAG_TO_MOVE"] = "גרור להזזה";
+Calendar._TT["PART_TODAY"] = " )היו�(";
+
+// the following is to inform that "%s" is to be the first day of week
+// %s will be replaced with the day name.
+Calendar._TT["DAY_FIRST"] = "הצג %s קוד�";
+
+// This may be locale-dependent.  It specifies the week-end days, as an array
+// of comma-separated numbers.  The numbers are from 0 to 6: 0 means Sunday, 1
+// means Monday, etc.
+Calendar._TT["WEEKEND"] = "6";
+
+Calendar._TT["CLOSE"] = "סגור";
+Calendar._TT["TODAY"] = "היו�";
+Calendar._TT["TIME_PART"] = "(שיפט-)לחץ וגרור כדי לשנות ערך";
+
+// date formats
+Calendar._TT["DEF_DATE_FORMAT"] = "%Y-%m-%d";
+Calendar._TT["TT_DATE_FORMAT"] = "%a, %b %e";
+
+Calendar._TT["WK"] = "wk";
+Calendar._TT["TIME"] = "שעה::";
diff --git a/js/jscalendar/lang/calendar-hr-utf8.js b/js/jscalendar/lang/calendar-hr-utf8.js
new file mode 100644
index 0000000..d569cfd
--- /dev/null
+++ b/js/jscalendar/lang/calendar-hr-utf8.js
@@ -0,0 +1,49 @@
+/* Croatian language file for the DHTML Calendar version 0.9.2 

+* Author Krunoslav Zubrinic <krunoslav.zubrinic@vip.hr>, June 2003.

+* Feel free to use this script under the terms of the GNU Lesser General

+* Public License, as long as you do not remove or alter this notice.

+*/

+Calendar._DN = new Array

+("Nedjelja",

+ "Ponedjeljak",

+ "Utorak",

+ "Srijeda",

+ "ÄŒetvrtak",

+ "Petak",

+ "Subota",

+ "Nedjelja");

+Calendar._MN = new Array

+("Sije�anj",

+ "Velja�a",

+ "Ožujak",

+ "Travanj",

+ "Svibanj",

+ "Lipanj",

+ "Srpanj",

+ "Kolovoz",

+ "Rujan",

+ "Listopad",

+ "Studeni",

+ "Prosinac");

+

+// tooltips

+Calendar._TT = {};

+Calendar._TT["TOGGLE"] = "Promjeni dan s kojim po�inje tjedan";

+Calendar._TT["PREV_YEAR"] = "Prethodna godina (dugi pritisak za meni)";

+Calendar._TT["PREV_MONTH"] = "Prethodni mjesec (dugi pritisak za meni)";

+Calendar._TT["GO_TODAY"] = "Idi na tekući dan";

+Calendar._TT["NEXT_MONTH"] = "Slijedeći mjesec (dugi pritisak za meni)";

+Calendar._TT["NEXT_YEAR"] = "Slijedeća godina (dugi pritisak za meni)";

+Calendar._TT["SEL_DATE"] = "Izaberite datum";

+Calendar._TT["DRAG_TO_MOVE"] = "Pritisni i povuci za promjenu pozicije";

+Calendar._TT["PART_TODAY"] = " (today)";

+Calendar._TT["MON_FIRST"] = "Prikaži ponedjeljak kao prvi dan";

+Calendar._TT["SUN_FIRST"] = "Prikaži nedjelju kao prvi dan";

+Calendar._TT["CLOSE"] = "Zatvori";

+Calendar._TT["TODAY"] = "Danas";

+

+// date formats

+Calendar._TT["DEF_DATE_FORMAT"] = "dd-mm-y";

+Calendar._TT["TT_DATE_FORMAT"] = "DD, dd.mm.y";

+

+Calendar._TT["WK"] = "Tje";
\ No newline at end of file
diff --git a/js/jscalendar/lang/calendar-hr.js b/js/jscalendar/lang/calendar-hr.js
new file mode 100644
index 0000000..6c27f60
--- /dev/null
+++ b/js/jscalendar/lang/calendar-hr.js
diff --git a/js/jscalendar/lang/calendar-hu.js b/js/jscalendar/lang/calendar-hu.js
new file mode 100644
index 0000000..f5bf057
--- /dev/null
+++ b/js/jscalendar/lang/calendar-hu.js
@@ -0,0 +1,124 @@
+// ** I18N
+
+// Calendar HU language
+// Author: ???
+// Modifier: KARASZI Istvan, <jscalendar@spam.raszi.hu>
+// Encoding: any
+// Distributed under the same terms as the calendar itself.
+
+// For translators: please use UTF-8 if possible.  We strongly believe that
+// Unicode is the answer to a real internationalized world.  Also please
+// include your contact information in the header, as can be seen above.
+
+// full day names
+Calendar._DN = new Array
+("Vasárnap",
+ "Hétfõ",
+ "Kedd",
+ "Szerda",
+ "Csütörtök",
+ "Péntek",
+ "Szombat",
+ "Vasárnap");
+
+// Please note that the following array of short day names (and the same goes
+// for short month names, _SMN) isn't absolutely necessary.  We give it here
+// for exemplification on how one can customize the short day names, but if
+// they are simply the first N letters of the full name you can simply say:
+//
+//   Calendar._SDN_len = N; // short day name length
+//   Calendar._SMN_len = N; // short month name length
+//
+// If N = 3 then this is not needed either since we assume a value of 3 if not
+// present, to be compatible with translation files that were written before
+// this feature.
+
+// short day names
+Calendar._SDN = new Array
+("v",
+ "h",
+ "k",
+ "sze",
+ "cs",
+ "p",
+ "szo",
+ "v");
+
+// full month names
+Calendar._MN = new Array
+("január",
+ "február",
+ "március",
+ "április",
+ "május",
+ "június",
+ "július",
+ "augusztus",
+ "szeptember",
+ "október",
+ "november",
+ "december");
+
+// short month names
+Calendar._SMN = new Array
+("jan",
+ "feb",
+ "már",
+ "ápr",
+ "máj",
+ "jún",
+ "júl",
+ "aug",
+ "sze",
+ "okt",
+ "nov",
+ "dec");
+
+// tooltips
+Calendar._TT = {};
+Calendar._TT["INFO"] = "A kalendáriumról";
+
+Calendar._TT["ABOUT"] =
+"DHTML dátum/idõ kiválasztó\n" +
+"(c) dynarch.com 2002-2005 / Author: Mihai Bazon\n" + // don't translate this this ;-)
+"a legfrissebb verzió megtalálható: http://www.dynarch.com/projects/calendar/\n" +
+"GNU LGPL alatt terjesztve.  Lásd a http://gnu.org/licenses/lgpl.html oldalt a részletekhez." +
+"\n\n" +
+"Dátum választás:\n" +
+"- használja a \xab, \xbb gombokat az év kiválasztásához\n" +
+"- használja a " + String.fromCharCode(0x2039) + ", " + String.fromCharCode(0x203a) + " gombokat a hónap kiválasztásához\n" +
+"- tartsa lenyomva az egérgombot a gyors választáshoz.";
+Calendar._TT["ABOUT_TIME"] = "\n\n" +
+"Idõ választás:\n" +
+"- kattintva növelheti az idõt\n" +
+"- shift-tel kattintva csökkentheti\n" +
+"- lenyomva tartva és húzva gyorsabban kiválaszthatja.";
+
+Calendar._TT["PREV_YEAR"] = "Elõzõ év (tartsa nyomva a menühöz)";
+Calendar._TT["PREV_MONTH"] = "Elõzõ hónap (tartsa nyomva a menühöz)";
+Calendar._TT["GO_TODAY"] = "Mai napra ugrás";
+Calendar._TT["NEXT_MONTH"] = "Köv. hónap (tartsa nyomva a menühöz)";
+Calendar._TT["NEXT_YEAR"] = "Köv. év (tartsa nyomva a menühöz)";
+Calendar._TT["SEL_DATE"] = "Válasszon dátumot";
+Calendar._TT["DRAG_TO_MOVE"] = "Húzza a mozgatáshoz";
+Calendar._TT["PART_TODAY"] = " (ma)";
+
+// the following is to inform that "%s" is to be the first day of week
+// %s will be replaced with the day name.
+Calendar._TT["DAY_FIRST"] = "%s legyen a hét elsõ napja";
+
+// This may be locale-dependent.  It specifies the week-end days, as an array
+// of comma-separated numbers.  The numbers are from 0 to 6: 0 means Sunday, 1
+// means Monday, etc.
+Calendar._TT["WEEKEND"] = "0,6";
+
+Calendar._TT["CLOSE"] = "Bezár";
+Calendar._TT["TODAY"] = "Ma";
+Calendar._TT["TIME_PART"] = "(Shift-)Klikk vagy húzás az érték változtatásához";
+
+// date formats
+Calendar._TT["DEF_DATE_FORMAT"] = "%Y-%m-%d";
+Calendar._TT["TT_DATE_FORMAT"] = "%b %e, %a";
+
+Calendar._TT["WK"] = "hét";
+Calendar._TT["TIME"] = "idõ:";
diff --git a/js/jscalendar/lang/calendar-it.js b/js/jscalendar/lang/calendar-it.js
new file mode 100644
index 0000000..7f84cde
--- /dev/null
+++ b/js/jscalendar/lang/calendar-it.js
@@ -0,0 +1,124 @@
+// ** I18N
+
+// Calendar EN language
+// Author: Mihai Bazon, <mihai_bazon@yahoo.com>
+// Translator: Fabio Di Bernardini, <altraqua@email.it>
+// Encoding: any
+// Distributed under the same terms as the calendar itself.
+
+// For translators: please use UTF-8 if possible.  We strongly believe that
+// Unicode is the answer to a real internationalized world.  Also please
+// include your contact information in the header, as can be seen above.
+
+// full day names
+Calendar._DN = new Array
+("Domenica",
+ "Lunedì",
+ "Martedì",
+ "Mercoledì",
+ "Giovedì",
+ "Venerdì",
+ "Sabato",
+ "Domenica");
+
+// Please note that the following array of short day names (and the same goes
+// for short month names, _SMN) isn't absolutely necessary.  We give it here
+// for exemplification on how one can customize the short day names, but if
+// they are simply the first N letters of the full name you can simply say:
+//
+//   Calendar._SDN_len = N; // short day name length
+//   Calendar._SMN_len = N; // short month name length
+//
+// If N = 3 then this is not needed either since we assume a value of 3 if not
+// present, to be compatible with translation files that were written before
+// this feature.
+
+// short day names
+Calendar._SDN = new Array
+("Dom",
+ "Lun",
+ "Mar",
+ "Mer",
+ "Gio",
+ "Ven",
+ "Sab",
+ "Dom");
+
+// full month names
+Calendar._MN = new Array
+("Gennaio",
+ "Febbraio",
+ "Marzo",
+ "Aprile",
+ "Maggio",
+ "Giugno",
+ "Luglio",
+ "Augosto",
+ "Settembre",
+ "Ottobre",
+ "Novembre",
+ "Dicembre");
+
+// short month names
+Calendar._SMN = new Array
+("Gen",
+ "Feb",
+ "Mar",
+ "Apr",
+ "Mag",
+ "Giu",
+ "Lug",
+ "Ago",
+ "Set",
+ "Ott",
+ "Nov",
+ "Dic");
+
+// tooltips
+Calendar._TT = {};
+Calendar._TT["INFO"] = "Informazioni sul calendario";
+
+Calendar._TT["ABOUT"] =
+"DHTML Date/Time Selector\n" +
+"(c) dynarch.com 2002-2005 / Author: Mihai Bazon\n" + // don't translate this this ;-)
+"Per gli aggiornamenti: http://www.dynarch.com/projects/calendar/\n" +
+"Distribuito sotto licenza GNU LGPL.  Vedi http://gnu.org/licenses/lgpl.html per i dettagli." +
+"\n\n" +
+"Selezione data:\n" +
+"- Usa \xab, \xbb per selezionare l'anno\n" +
+"- Usa  " + String.fromCharCode(0x2039) + ", " + String.fromCharCode(0x203a) + " per i mesi\n" +
+"- Tieni premuto a lungo il mouse per accedere alle funzioni di selezione veloce.";
+Calendar._TT["ABOUT_TIME"] = "\n\n" +
+"Selezione orario:\n" +
+"- Clicca sul numero per incrementarlo\n" +
+"- o Shift+click per decrementarlo\n" +
+"- o click e sinistra o destra per variarlo.";
+
+Calendar._TT["PREV_YEAR"] = "Anno prec.(clicca a lungo per il menù)";
+Calendar._TT["PREV_MONTH"] = "Mese prec. (clicca a lungo per il menù)";
+Calendar._TT["GO_TODAY"] = "Oggi";
+Calendar._TT["NEXT_MONTH"] = "Pross. mese (clicca a lungo per il menù)";
+Calendar._TT["NEXT_YEAR"] = "Pross. anno (clicca a lungo per il menù)";
+Calendar._TT["SEL_DATE"] = "Seleziona data";
+Calendar._TT["DRAG_TO_MOVE"] = "Trascina per spostarlo";
+Calendar._TT["PART_TODAY"] = " (oggi)";
+
+// the following is to inform that "%s" is to be the first day of week
+// %s will be replaced with the day name.
+Calendar._TT["DAY_FIRST"] = "Mostra prima %s";
+
+// This may be locale-dependent.  It specifies the week-end days, as an array
+// of comma-separated numbers.  The numbers are from 0 to 6: 0 means Sunday, 1
+// means Monday, etc.
+Calendar._TT["WEEKEND"] = "0,6";
+
+Calendar._TT["CLOSE"] = "Chiudi";
+Calendar._TT["TODAY"] = "Oggi";
+Calendar._TT["TIME_PART"] = "(Shift-)Click o trascina per cambiare il valore";
+
+// date formats
+Calendar._TT["DEF_DATE_FORMAT"] = "%d-%m-%Y";
+Calendar._TT["TT_DATE_FORMAT"] = "%a:%b:%e";
+
+Calendar._TT["WK"] = "set";
+Calendar._TT["TIME"] = "Ora:";
diff --git a/js/jscalendar/lang/calendar-jp.js b/js/jscalendar/lang/calendar-jp.js
new file mode 100644
index 0000000..3bca7eb
--- /dev/null
+++ b/js/jscalendar/lang/calendar-jp.js
@@ -0,0 +1,45 @@
+// ** I18N
+Calendar._DN = new Array
+("“ú",
+ "ŒŽ",
+ "‰Î",
+ "�…",
+ "–Ø",
+ "‹à",
+ "“y",
+ "“ú");
+Calendar._MN = new Array
+("1ŒŽ",
+ "2ŒŽ",
+ "3ŒŽ",
+ "4ŒŽ",
+ "5ŒŽ",
+ "6ŒŽ",
+ "7ŒŽ",
+ "8ŒŽ",
+ "9ŒŽ",
+ "10ŒŽ",
+ "11ŒŽ",
+ "12ŒŽ");
+
+// tooltips
+Calendar._TT = {};
+Calendar._TT["TOGGLE"] = "�T‚Ì�Å�‰‚Ì—j“ú‚ð�Ø‚è‘Ö‚¦";
+Calendar._TT["PREV_YEAR"] = "‘O”N";
+Calendar._TT["PREV_MONTH"] = "‘OŒŽ";
+Calendar._TT["GO_TODAY"] = "�¡“ú";
+Calendar._TT["NEXT_MONTH"] = "—‚ŒŽ";
+Calendar._TT["NEXT_YEAR"] = "—‚”N";
+Calendar._TT["SEL_DATE"] = "“ú•t‘I‘ð";
+Calendar._TT["DRAG_TO_MOVE"] = "ƒEƒBƒ“ƒhƒE‚̈ړ®";
+Calendar._TT["PART_TODAY"] = " (�¡“ú)";
+Calendar._TT["MON_FIRST"] = "ŒŽ—j“ú‚ð�擪‚É";
+Calendar._TT["SUN_FIRST"] = "“ú—j“ú‚ð�擪‚É";
+Calendar._TT["CLOSE"] = "•Â‚¶‚é";
+Calendar._TT["TODAY"] = "�¡“ú";
+
+// date formats
+Calendar._TT["DEF_DATE_FORMAT"] = "y-mm-dd";
+Calendar._TT["TT_DATE_FORMAT"] = "%mŒŽ %d“ú (%a)";
+
+Calendar._TT["WK"] = "�T";
diff --git a/js/jscalendar/lang/calendar-ko-utf8.js b/js/jscalendar/lang/calendar-ko-utf8.js
new file mode 100644
index 0000000..035dd74
--- /dev/null
+++ b/js/jscalendar/lang/calendar-ko-utf8.js
@@ -0,0 +1,120 @@
+// ** I18N
+
+// Calendar EN language
+// Author: Mihai Bazon, <mihai_bazon@yahoo.com>
+// Translation: Yourim Yi <yyi@yourim.net>
+// Encoding: EUC-KR
+// lang : ko
+// Distributed under the same terms as the calendar itself.
+
+// For translators: please use UTF-8 if possible.  We strongly believe that
+// Unicode is the answer to a real internationalized world.  Also please
+// include your contact information in the header, as can be seen above.
+
+// full day names
+
+Calendar._DN = new Array
+("�요�",
+ "월요�",
+ "화요�",
+ "수요�",
+ "목요�",
+ "금요�",
+ "토요�",
+ "�요�");
+
+// Please note that the following array of short day names (and the same goes
+// for short month names, _SMN) isn't absolutely necessary.  We give it here
+// for exemplification on how one can customize the short day names, but if
+// they are simply the first N letters of the full name you can simply say:
+//
+//   Calendar._SDN_len = N; // short day name length
+//   Calendar._SMN_len = N; // short month name length
+//
+// If N = 3 then this is not needed either since we assume a value of 3 if not
+// present, to be compatible with translation files that were written before
+// this feature.
+
+// short day names
+Calendar._SDN = new Array
+("�",
+ "ì›”",
+ "í™”",
+ "수",
+ "목",
+ "금",
+ "토",
+ "�");
+
+// full month names
+Calendar._MN = new Array
+("1ì›”",
+ "2ì›”",
+ "3ì›”",
+ "4ì›”",
+ "5ì›”",
+ "6ì›”",
+ "7ì›”",
+ "8ì›”",
+ "9ì›”",
+ "10ì›”",
+ "11ì›”",
+ "12ì›”");
+
+// short month names
+Calendar._SMN = new Array
+("1",
+ "2",
+ "3",
+ "4",
+ "5",
+ "6",
+ "7",
+ "8",
+ "9",
+ "10",
+ "11",
+ "12");
+
+// tooltips
+Calendar._TT = {};
+Calendar._TT["INFO"] = "calendar � 대해서";
+
+Calendar._TT["ABOUT"] =
+"DHTML Date/Time Selector\n" +
+"(c) dynarch.com 2002-2005 / Author: Mihai Bazon\n" + // don't translate this this ;-)
+"\n"+
+"최신 버전� 받으시려면 http://www.dynarch.com/projects/calendar/ � 방문하세요\n" +
+"\n"+
+"GNU LGPL ��센스로 배��니다. \n"+
+"��센스� 대한 �세한 내용� http://gnu.org/licenses/lgpl.html � �으세요." +
+"\n\n" +
+"날짜 선�:\n" +
+"- 연�를 선�하려면 \xab, \xbb 버튼� 사용합니다\n" +
+"- 달� 선�하려면 " + String.fromCharCode(0x2039) + ", " + String.fromCharCode(0x203a) + " 버튼� 누르세요\n" +
+"- 계� 누르고 있으면 위 값들� 빠르게 선�하실 수 있습니다.";
+Calendar._TT["ABOUT_TIME"] = "\n\n" +
+"시간 선�:\n" +
+"- 마우스로 누르면 시간� �가합니다\n" +
+"- Shift 키와 함께 누르면 �소합니다\n" +
+"- 누른 �태�서 마우스를 움��면 좀 � 빠르게 값� 변합니다.\n";
+
+Calendar._TT["PREV_YEAR"] = "지난 해 (길게 누르면 목�)";
+Calendar._TT["PREV_MONTH"] = "지난 달 (길게 누르면 목�)";
+Calendar._TT["GO_TODAY"] = "오늘 날짜로";
+Calendar._TT["NEXT_MONTH"] = "다� 달 (길게 누르면 목�)";
+Calendar._TT["NEXT_YEAR"] = "다� 해 (길게 누르면 목�)";
+Calendar._TT["SEL_DATE"] = "날짜를 선�하세요";
+Calendar._TT["DRAG_TO_MOVE"] = "마우스 드래그로 �� 하세요";
+Calendar._TT["PART_TODAY"] = " (오늘)";
+Calendar._TT["MON_FIRST"] = "월요�� 한 주� 시작 요�로";
+Calendar._TT["SUN_FIRST"] = "�요�� 한 주� 시작 요�로";
+Calendar._TT["CLOSE"] = "닫기";
+Calendar._TT["TODAY"] = "오늘";
+Calendar._TT["TIME_PART"] = "(Shift-)�릭 �는 드래그 하세요";
+
+// date formats
+Calendar._TT["DEF_DATE_FORMAT"] = "%Y-%m-%d";
+Calendar._TT["TT_DATE_FORMAT"] = "%b/%e [%a]";
+
+Calendar._TT["WK"] = "주";
diff --git a/js/jscalendar/lang/calendar-ko.js b/js/jscalendar/lang/calendar-ko.js
new file mode 100644
index 0000000..8cddf58
--- /dev/null
+++ b/js/jscalendar/lang/calendar-ko.js
@@ -0,0 +1,120 @@
+// ** I18N
+
+// Calendar EN language
+// Author: Mihai Bazon, <mihai_bazon@yahoo.com>
+// Translation: Yourim Yi <yyi@yourim.net>
+// Encoding: EUC-KR
+// lang : ko
+// Distributed under the same terms as the calendar itself.
+
+// For translators: please use UTF-8 if possible.  We strongly believe that
+// Unicode is the answer to a real internationalized world.  Also please
+// include your contact information in the header, as can be seen above.
+
+// full day names
+
+Calendar._DN = new Array
+("ÀÏ¿äÀÏ",
+ "¿ù¿äÀÏ",
+ "È­¿äÀÏ",
+ "¼ö¿äÀÏ",
+ "¸ñ¿äÀÏ",
+ "±Ý¿äÀÏ",
+ "Åä¿äÀÏ",
+ "ÀÏ¿äÀÏ");
+
+// Please note that the following array of short day names (and the same goes
+// for short month names, _SMN) isn't absolutely necessary.  We give it here
+// for exemplification on how one can customize the short day names, but if
+// they are simply the first N letters of the full name you can simply say:
+//
+//   Calendar._SDN_len = N; // short day name length
+//   Calendar._SMN_len = N; // short month name length
+//
+// If N = 3 then this is not needed either since we assume a value of 3 if not
+// present, to be compatible with translation files that were written before
+// this feature.
+
+// short day names
+Calendar._SDN = new Array
+("ÀÏ",
+ "¿ù",
+ "È­",
+ "¼ö",
+ "¸ñ",
+ "±Ý",
+ "Åä",
+ "ÀÏ");
+
+// full month names
+Calendar._MN = new Array
+("1¿ù",
+ "2¿ù",
+ "3¿ù",
+ "4¿ù",
+ "5¿ù",
+ "6¿ù",
+ "7¿ù",
+ "8¿ù",
+ "9¿ù",
+ "10¿ù",
+ "11¿ù",
+ "12¿ù");
+
+// short month names
+Calendar._SMN = new Array
+("1",
+ "2",
+ "3",
+ "4",
+ "5",
+ "6",
+ "7",
+ "8",
+ "9",
+ "10",
+ "11",
+ "12");
+
+// tooltips
+Calendar._TT = {};
+Calendar._TT["INFO"] = "calendar ¿¡ ´ëÇؼ­";
+
+Calendar._TT["ABOUT"] =
+"DHTML Date/Time Selector\n" +
+"(c) dynarch.com 2002-2005 / Author: Mihai Bazon\n" + // don't translate this this ;-)
+"\n"+
+"ÃֽŠ¹öÀüÀ» ¹ÞÀ¸½Ã·Á¸é http://www.dynarch.com/projects/calendar/ ¿¡ ¹æ¹®Çϼ¼¿ä\n" +
+"\n"+
+"GNU LGPL ¶óÀ̼¾½º·Î ¹èÆ÷µË´Ï´Ù. \n"+
+"¶óÀ̼¾½º¿¡ ´ëÇÑ ÀÚ¼¼ÇÑ ³»¿ëÀº http://gnu.org/licenses/lgpl.html À» ÀÐÀ¸¼¼¿ä." +
+"\n\n" +
+"³¯Â¥ ¼±ÅÃ:\n" +
+"- ¿¬µµ¸¦ ¼±ÅÃÇÏ·Á¸é \xab, \xbb ¹öÆ°À» »ç¿ëÇÕ´Ï´Ù\n" +
+"- ´ÞÀ» ¼±ÅÃÇÏ·Á¸é " + String.fromCharCode(0x2039) + ", " + String.fromCharCode(0x203a) + " ¹öÆ°À» ´©¸£¼¼¿ä\n" +
+"- °è¼Ó ´©¸£°í ÀÖÀ¸¸é À§ °ªµéÀ» ºü¸£°Ô ¼±ÅÃÇÏ½Ç ¼ö ÀÖ½À´Ï´Ù.";
+Calendar._TT["ABOUT_TIME"] = "\n\n" +
+"½Ã°£ ¼±ÅÃ:\n" +
+"- ¸¶¿ì½º·Î ´©¸£¸é ½Ã°£ÀÌ Áõ°¡ÇÕ´Ï´Ù\n" +
+"- Shift Å°¿Í ÇÔ²² ´©¸£¸é °¨¼ÒÇÕ´Ï´Ù\n" +
+"- ´©¸¥ »óÅ¿¡¼­ ¸¶¿ì½º¸¦ ¿òÁ÷À̸é Á» ´õ ºü¸£°Ô °ªÀÌ º¯ÇÕ´Ï´Ù.\n";
+
+Calendar._TT["PREV_YEAR"] = "Áö³­ ÇØ (±æ°Ô ´©¸£¸é ¸ñ·Ï)";
+Calendar._TT["PREV_MONTH"] = "Áö³­ ´Þ (±æ°Ô ´©¸£¸é ¸ñ·Ï)";
+Calendar._TT["GO_TODAY"] = "¿À´Ã ³¯Â¥·Î";
+Calendar._TT["NEXT_MONTH"] = "´ÙÀ½ ´Þ (±æ°Ô ´©¸£¸é ¸ñ·Ï)";
+Calendar._TT["NEXT_YEAR"] = "´ÙÀ½ ÇØ (±æ°Ô ´©¸£¸é ¸ñ·Ï)";
+Calendar._TT["SEL_DATE"] = "³¯Â¥¸¦ ¼±ÅÃÇϼ¼¿ä";
+Calendar._TT["DRAG_TO_MOVE"] = "¸¶¿ì½º µå·¡±×·Î À̵¿ Çϼ¼¿ä";
+Calendar._TT["PART_TODAY"] = " (¿À´Ã)";
+Calendar._TT["MON_FIRST"] = "¿ù¿äÀÏÀ» ÇÑ ÁÖÀÇ ½ÃÀÛ ¿äÀÏ·Î";
+Calendar._TT["SUN_FIRST"] = "ÀÏ¿äÀÏÀ» ÇÑ ÁÖÀÇ ½ÃÀÛ ¿äÀÏ·Î";
+Calendar._TT["CLOSE"] = "´Ý±â";
+Calendar._TT["TODAY"] = "¿À´Ã";
+Calendar._TT["TIME_PART"] = "(Shift-)Ŭ¸¯ ¶Ç´Â µå·¡±× Çϼ¼¿ä";
+
+// date formats
+Calendar._TT["DEF_DATE_FORMAT"] = "%Y-%m-%d";
+Calendar._TT["TT_DATE_FORMAT"] = "%b/%e [%a]";
+
+Calendar._TT["WK"] = "ÁÖ";
diff --git a/js/jscalendar/lang/calendar-lt-utf8.js b/js/jscalendar/lang/calendar-lt-utf8.js
new file mode 100644
index 0000000..d39653b
--- /dev/null
+++ b/js/jscalendar/lang/calendar-lt-utf8.js
@@ -0,0 +1,114 @@
+// ** I18N
+
+// Calendar LT language
+// Author: Martynas Majeris, <martynas@solmetra.lt>
+// Encoding: UTF-8
+// Distributed under the same terms as the calendar itself.
+
+// For translators: please use UTF-8 if possible.  We strongly believe that
+// Unicode is the answer to a real internationalized world.  Also please
+// include your contact information in the header, as can be seen above.
+
+// full day names
+Calendar._DN = new Array
+("Sekmadienis",
+ "Pirmadienis",
+ "Antradienis",
+ "Tre�iadienis",
+ "Ketvirtadienis",
+ "Pentadienis",
+ "Šeštadienis",
+ "Sekmadienis");
+
+// Please note that the following array of short day names (and the same goes
+// for short month names, _SMN) isn't absolutely necessary.  We give it here
+// for exemplification on how one can customize the short day names, but if
+// they are simply the first N letters of the full name you can simply say:
+//
+//   Calendar._SDN_len = N; // short day name length
+//   Calendar._SMN_len = N; // short month name length
+//
+// If N = 3 then this is not needed either since we assume a value of 3 if not
+// present, to be compatible with translation files that were written before
+// this feature.
+
+// short day names
+Calendar._SDN = new Array
+("Sek",
+ "Pir",
+ "Ant",
+ "Tre",
+ "Ket",
+ "Pen",
+ "Šeš",
+ "Sek");
+
+// full month names
+Calendar._MN = new Array
+("Sausis",
+ "Vasaris",
+ "Kovas",
+ "Balandis",
+ "Gegužė",
+ "Birželis",
+ "Liepa",
+ "Rugpjūtis",
+ "RugsÄ—jis",
+ "Spalis",
+ "Lapkritis",
+ "Gruodis");
+
+// short month names
+Calendar._SMN = new Array
+("Sau",
+ "Vas",
+ "Kov",
+ "Bal",
+ "Geg",
+ "Bir",
+ "Lie",
+ "Rgp",
+ "Rgs",
+ "Spa",
+ "Lap",
+ "Gru");
+
+// tooltips
+Calendar._TT = {};
+Calendar._TT["INFO"] = "Apie kalendorių";
+
+Calendar._TT["ABOUT"] =
+"DHTML Date/Time Selector\n" +
+"(c) dynarch.com 2002-2005 / Author: Mihai Bazon\n" + // don't translate this this ;-)
+"NaujausiÄ… versijÄ… rasite: http://www.dynarch.com/projects/calendar/\n" +
+"Platinamas pagal GNU LGPL licencijÄ…. Aplankykite http://gnu.org/licenses/lgpl.html" +
+"\n\n" +
+"Datos pasirinkimas:\n" +
+"- Metų pasirinkimas: \xab, \xbb\n" +
+"- MÄ—nesio pasirinkimas: " + String.fromCharCode(0x2039) + ", " + String.fromCharCode(0x203a) + "\n" +
+"- Nuspauskite ir laikykite pelės klavišą greitesniam pasirinkimui.";
+Calendar._TT["ABOUT_TIME"] = "\n\n" +
+"Laiko pasirinkimas:\n" +
+"- Spustelkite ant valandų arba minu�ių - skai�ius padidės vienetu.\n" +
+"- Jei spausite kartu su Shift, skai�ius sumažės.\n" +
+"- Greitam pasirinkimui spustelkite ir pajudinkite pelÄ™.";
+
+Calendar._TT["PREV_YEAR"] = "Ankstesni metai (laikykite, jei norite meniu)";
+Calendar._TT["PREV_MONTH"] = "Ankstesnis mÄ—nuo (laikykite, jei norite meniu)";
+Calendar._TT["GO_TODAY"] = "Pasirinkti Å¡iandienÄ…";
+Calendar._TT["NEXT_MONTH"] = "Kitas mÄ—nuo (laikykite, jei norite meniu)";
+Calendar._TT["NEXT_YEAR"] = "Kiti metai (laikykite, jei norite meniu)";
+Calendar._TT["SEL_DATE"] = "Pasirinkite datÄ…";
+Calendar._TT["DRAG_TO_MOVE"] = "Tempkite";
+Calendar._TT["PART_TODAY"] = " (Å¡iandien)";
+Calendar._TT["MON_FIRST"] = "Pirma savaitÄ—s diena - pirmadienis";
+Calendar._TT["SUN_FIRST"] = "Pirma savaitÄ—s diena - sekmadienis";
+Calendar._TT["CLOSE"] = "Uždaryti";
+Calendar._TT["TODAY"] = "Å iandien";
+Calendar._TT["TIME_PART"] = "Spustelkite arba tempkite jei norite pakeisti";
+
+// date formats
+Calendar._TT["DEF_DATE_FORMAT"] = "%Y-%m-%d";
+Calendar._TT["TT_DATE_FORMAT"] = "%A, %Y-%m-%d";
+
+Calendar._TT["WK"] = "sav";
diff --git a/js/jscalendar/lang/calendar-lt.js b/js/jscalendar/lang/calendar-lt.js
new file mode 100644
index 0000000..43b93d6
--- /dev/null
+++ b/js/jscalendar/lang/calendar-lt.js
@@ -0,0 +1,114 @@
+// ** I18N
+
+// Calendar LT language
+// Author: Martynas Majeris, <martynas@solmetra.lt>
+// Encoding: Windows-1257
+// Distributed under the same terms as the calendar itself.
+
+// For translators: please use UTF-8 if possible.  We strongly believe that
+// Unicode is the answer to a real internationalized world.  Also please
+// include your contact information in the header, as can be seen above.
+
+// full day names
+Calendar._DN = new Array
+("Sekmadienis",
+ "Pirmadienis",
+ "Antradienis",
+ "Treèiadienis",
+ "Ketvirtadienis",
+ "Pentadienis",
+ "Ðeðtadienis",
+ "Sekmadienis");
+
+// Please note that the following array of short day names (and the same goes
+// for short month names, _SMN) isn't absolutely necessary.  We give it here
+// for exemplification on how one can customize the short day names, but if
+// they are simply the first N letters of the full name you can simply say:
+//
+//   Calendar._SDN_len = N; // short day name length
+//   Calendar._SMN_len = N; // short month name length
+//
+// If N = 3 then this is not needed either since we assume a value of 3 if not
+// present, to be compatible with translation files that were written before
+// this feature.
+
+// short day names
+Calendar._SDN = new Array
+("Sek",
+ "Pir",
+ "Ant",
+ "Tre",
+ "Ket",
+ "Pen",
+ "Ðeð",
+ "Sek");
+
+// full month names
+Calendar._MN = new Array
+("Sausis",
+ "Vasaris",
+ "Kovas",
+ "Balandis",
+ "Geguþë",
+ "Birþelis",
+ "Liepa",
+ "Rugpjûtis",
+ "Rugsëjis",
+ "Spalis",
+ "Lapkritis",
+ "Gruodis");
+
+// short month names
+Calendar._SMN = new Array
+("Sau",
+ "Vas",
+ "Kov",
+ "Bal",
+ "Geg",
+ "Bir",
+ "Lie",
+ "Rgp",
+ "Rgs",
+ "Spa",
+ "Lap",
+ "Gru");
+
+// tooltips
+Calendar._TT = {};
+Calendar._TT["INFO"] = "Apie kalendoriø";
+
+Calendar._TT["ABOUT"] =
+"DHTML Date/Time Selector\n" +
+"(c) dynarch.com 2002-2005 / Author: Mihai Bazon\n" + // don't translate this this ;-)
+"Naujausià versijà rasite: http://www.dynarch.com/projects/calendar/\n" +
+"Platinamas pagal GNU LGPL licencijà. Aplankykite http://gnu.org/licenses/lgpl.html" +
+"\n\n" +
+"Datos pasirinkimas:\n" +
+"- Metø pasirinkimas: \xab, \xbb\n" +
+"- Mënesio pasirinkimas: " + String.fromCharCode(0x2039) + ", " + String.fromCharCode(0x203a) + "\n" +
+"- Nuspauskite ir laikykite pelës klaviðà greitesniam pasirinkimui.";
+Calendar._TT["ABOUT_TIME"] = "\n\n" +
+"Laiko pasirinkimas:\n" +
+"- Spustelkite ant valandø arba minuèiø - skaièus padidës vienetu.\n" +
+"- Jei spausite kartu su Shift, skaièius sumaþës.\n" +
+"- Greitam pasirinkimui spustelkite ir pajudinkite pelæ.";
+
+Calendar._TT["PREV_YEAR"] = "Ankstesni metai (laikykite, jei norite meniu)";
+Calendar._TT["PREV_MONTH"] = "Ankstesnis mënuo (laikykite, jei norite meniu)";
+Calendar._TT["GO_TODAY"] = "Pasirinkti ðiandienà";
+Calendar._TT["NEXT_MONTH"] = "Kitas mënuo (laikykite, jei norite meniu)";
+Calendar._TT["NEXT_YEAR"] = "Kiti metai (laikykite, jei norite meniu)";
+Calendar._TT["SEL_DATE"] = "Pasirinkite datà";
+Calendar._TT["DRAG_TO_MOVE"] = "Tempkite";
+Calendar._TT["PART_TODAY"] = " (ðiandien)";
+Calendar._TT["MON_FIRST"] = "Pirma savaitës diena - pirmadienis";
+Calendar._TT["SUN_FIRST"] = "Pirma savaitës diena - sekmadienis";
+Calendar._TT["CLOSE"] = "Uþdaryti";
+Calendar._TT["TODAY"] = "Ðiandien";
+Calendar._TT["TIME_PART"] = "Spustelkite arba tempkite jei norite pakeisti";
+
+// date formats
+Calendar._TT["DEF_DATE_FORMAT"] = "%Y-%m-%d";
+Calendar._TT["TT_DATE_FORMAT"] = "%A, %Y-%m-%d";
+
+Calendar._TT["WK"] = "sav";
diff --git a/js/jscalendar/lang/calendar-lv.js b/js/jscalendar/lang/calendar-lv.js
new file mode 100644
index 0000000..407699d
--- /dev/null
+++ b/js/jscalendar/lang/calendar-lv.js
@@ -0,0 +1,123 @@
+// ** I18N
+
+// Calendar LV language
+// Author: Juris Valdovskis, <juris@dc.lv>
+// Encoding: cp1257
+// Distributed under the same terms as the calendar itself.
+
+// For translators: please use UTF-8 if possible.  We strongly believe that
+// Unicode is the answer to a real internationalized world.  Also please
+// include your contact information in the header, as can be seen above.
+
+// full day names
+Calendar._DN = new Array
+("Svçtdiena",
+ "Pirmdiena",
+ "Otrdiena",
+ "Treðdiena",
+ "Ceturdiena",
+ "Piektdiena",
+ "Sestdiena",
+ "Svçtdiena");
+
+// Please note that the following array of short day names (and the same goes
+// for short month names, _SMN) isn't absolutely necessary.  We give it here
+// for exemplification on how one can customize the short day names, but if
+// they are simply the first N letters of the full name you can simply say:
+//
+//   Calendar._SDN_len = N; // short day name length
+//   Calendar._SMN_len = N; // short month name length
+//
+// If N = 3 then this is not needed either since we assume a value of 3 if not
+// present, to be compatible with translation files that were written before
+// this feature.
+
+// short day names
+Calendar._SDN = new Array
+("Sv",
+ "Pr",
+ "Ot",
+ "Tr",
+ "Ce",
+ "Pk",
+ "Se",
+ "Sv");
+
+// full month names
+Calendar._MN = new Array
+("Janvâris",
+ "Februâris",
+ "Marts",
+ "Aprîlis",
+ "Maijs",
+ "Jûnijs",
+ "Jûlijs",
+ "Augusts",
+ "Septembris",
+ "Oktobris",
+ "Novembris",
+ "Decembris");
+
+// short month names
+Calendar._SMN = new Array
+("Jan",
+ "Feb",
+ "Mar",
+ "Apr",
+ "Mai",
+ "Jûn",
+ "Jûl",
+ "Aug",
+ "Sep",
+ "Okt",
+ "Nov",
+ "Dec");
+
+// tooltips
+Calendar._TT = {};
+Calendar._TT["INFO"] = "Par kalendâru";
+
+Calendar._TT["ABOUT"] =
+"DHTML Date/Time Selector\n" +
+"(c) dynarch.com 2002-2005 / Author: Mihai Bazon\n" + // don't translate this this ;-)
+"For latest version visit: http://www.dynarch.com/projects/calendar/\n" +
+"Distributed under GNU LGPL.  See http://gnu.org/licenses/lgpl.html for details." +
+"\n\n" +
+"Datuma izvçle:\n" +
+"- Izmanto \xab, \xbb pogas, lai izvçlçtos gadu\n" +
+"- Izmanto " + String.fromCharCode(0x2039) + ", " + String.fromCharCode(0x203a) + "pogas, lai izvçlçtos mçnesi\n" +
+"- Turi nospiestu peles pogu uz jebkuru no augstâk minçtajâm pogâm, lai paâtrinâtu izvçli.";
+Calendar._TT["ABOUT_TIME"] = "\n\n" +
+"Laika izvçle:\n" +
+"- Uzklikðíini uz jebkuru no laika daïâm, lai palielinâtu to\n" +
+"- vai Shift-klikðíis, lai samazinâtu to\n" +
+"- vai noklikðíini un velc uz attiecîgo virzienu lai mainîtu âtrâk.";
+
+Calendar._TT["PREV_YEAR"] = "Iepr. gads (turi izvçlnei)";
+Calendar._TT["PREV_MONTH"] = "Iepr. mçnesis (turi izvçlnei)";
+Calendar._TT["GO_TODAY"] = "Ðodien";
+Calendar._TT["NEXT_MONTH"] = "Nâkoðais mçnesis (turi izvçlnei)";
+Calendar._TT["NEXT_YEAR"] = "Nâkoðais gads (turi izvçlnei)";
+Calendar._TT["SEL_DATE"] = "Izvçlies datumu";
+Calendar._TT["DRAG_TO_MOVE"] = "Velc, lai pârvietotu";
+Calendar._TT["PART_TODAY"] = " (ðodien)";
+
+// the following is to inform that "%s" is to be the first day of week
+// %s will be replaced with the day name.
+Calendar._TT["DAY_FIRST"] = "Attçlot %s kâ pirmo";
+
+// This may be locale-dependent.  It specifies the week-end days, as an array
+// of comma-separated numbers.  The numbers are from 0 to 6: 0 means Sunday, 1
+// means Monday, etc.
+Calendar._TT["WEEKEND"] = "1,7";
+
+Calendar._TT["CLOSE"] = "Aizvçrt";
+Calendar._TT["TODAY"] = "Ðodien";
+Calendar._TT["TIME_PART"] = "(Shift-)Klikðíis vai pârvieto, lai mainîtu";
+
+// date formats
+Calendar._TT["DEF_DATE_FORMAT"] = "%d-%m-%Y";
+Calendar._TT["TT_DATE_FORMAT"] = "%a, %e %b";
+
+Calendar._TT["WK"] = "wk";
+Calendar._TT["TIME"] = "Laiks:";
diff --git a/js/jscalendar/lang/calendar-nl.js b/js/jscalendar/lang/calendar-nl.js
new file mode 100644
index 0000000..a1dea94
--- /dev/null
+++ b/js/jscalendar/lang/calendar-nl.js
@@ -0,0 +1,73 @@
+// ** I18N
+Calendar._DN = new Array
+("Zondag",
+ "Maandag",
+ "Dinsdag",
+ "Woensdag",
+ "Donderdag",
+ "Vrijdag",
+ "Zaterdag",
+ "Zondag");
+
+Calendar._SDN_len = 2;
+
+Calendar._MN = new Array
+("Januari",
+ "Februari",
+ "Maart",
+ "April",
+ "Mei",
+ "Juni",
+ "Juli",
+ "Augustus",
+ "September",
+ "Oktober",
+ "November",
+ "December");
+
+// tooltips
+Calendar._TT = {};
+Calendar._TT["INFO"] = "Info";
+
+Calendar._TT["ABOUT"] =
+"DHTML Datum/Tijd Selector\n" +
+"(c) dynarch.com 2002-2005 / Author: Mihai Bazon\n" +
+"Ga voor de meest recente versie naar: http://www.dynarch.com/projects/calendar/\n" +
+"Verspreid onder de GNU LGPL. Zie http://gnu.org/licenses/lgpl.html voor details." +
+"\n\n" +
+"Datum selectie:\n" +
+"- Gebruik de \xab \xbb knoppen om een jaar te selecteren\n" +
+"- Gebruik de " + String.fromCharCode(0x2039) + ", " + String.fromCharCode(0x203a) + " knoppen om een maand te selecteren\n" +
+"- Houd de muis ingedrukt op de genoemde knoppen voor een snellere selectie.";
+Calendar._TT["ABOUT_TIME"] = "\n\n" +
+"Tijd selectie:\n" +
+"- Klik op een willekeurig onderdeel van het tijd gedeelte om het te verhogen\n" +
+"- of Shift-klik om het te verlagen\n" +
+"- of klik en sleep voor een snellere selectie.";
+
+//Calendar._TT["TOGGLE"] = "Selecteer de eerste week-dag";
+Calendar._TT["PREV_YEAR"] = "Vorig jaar (ingedrukt voor menu)";
+Calendar._TT["PREV_MONTH"] = "Vorige maand (ingedrukt voor menu)";
+Calendar._TT["GO_TODAY"] = "Ga naar Vandaag";
+Calendar._TT["NEXT_MONTH"] = "Volgende maand (ingedrukt voor menu)";
+Calendar._TT["NEXT_YEAR"] = "Volgend jaar (ingedrukt voor menu)";
+Calendar._TT["SEL_DATE"] = "Selecteer datum";
+Calendar._TT["DRAG_TO_MOVE"] = "Klik en sleep om te verplaatsen";
+Calendar._TT["PART_TODAY"] = " (vandaag)";
+//Calendar._TT["MON_FIRST"] = "Toon Maandag eerst";
+//Calendar._TT["SUN_FIRST"] = "Toon Zondag eerst";
+
+Calendar._TT["DAY_FIRST"] = "Toon %s eerst";
+
+Calendar._TT["WEEKEND"] = "0,6";
+
+Calendar._TT["CLOSE"] = "Sluiten";
+Calendar._TT["TODAY"] = "(vandaag)";
+Calendar._TT["TIME_PART"] = "(Shift-)Klik of sleep om de waarde te veranderen";
+
+// date formats
+Calendar._TT["DEF_DATE_FORMAT"] = "%d-%m-%Y";
+Calendar._TT["TT_DATE_FORMAT"] = "%a, %e %b %Y";
+
+Calendar._TT["WK"] = "wk";
+Calendar._TT["TIME"] = "Tijd:";
\ No newline at end of file
diff --git a/js/jscalendar/lang/calendar-no.js b/js/jscalendar/lang/calendar-no.js
new file mode 100644
index 0000000..d9297d1
--- /dev/null
+++ b/js/jscalendar/lang/calendar-no.js
@@ -0,0 +1,114 @@
+// ** I18N
+
+// Calendar NO language
+// Author: Daniel Holmen, <daniel.holmen@ciber.no>
+// Encoding: UTF-8
+// Distributed under the same terms as the calendar itself.
+
+// For translators: please use UTF-8 if possible.  We strongly believe that
+// Unicode is the answer to a real internationalized world.  Also please
+// include your contact information in the header, as can be seen above.
+
+// full day names
+Calendar._DN = new Array
+("Søndag",
+ "Mandag",
+ "Tirsdag",
+ "Onsdag",
+ "Torsdag",
+ "Fredag",
+ "Lørdag",
+ "Søndag");
+
+// Please note that the following array of short day names (and the same goes
+// for short month names, _SMN) isn't absolutely necessary.  We give it here
+// for exemplification on how one can customize the short day names, but if
+// they are simply the first N letters of the full name you can simply say:
+//
+//   Calendar._SDN_len = N; // short day name length
+//   Calendar._SMN_len = N; // short month name length
+//
+// If N = 3 then this is not needed either since we assume a value of 3 if not
+// present, to be compatible with translation files that were written before
+// this feature.
+
+// short day names
+Calendar._SDN = new Array
+("Søn",
+ "Man",
+ "Tir",
+ "Ons",
+ "Tor",
+ "Fre",
+ "Lør",
+ "Søn");
+
+// full month names
+Calendar._MN = new Array
+("Januar",
+ "Februar",
+ "Mars",
+ "April",
+ "Mai",
+ "Juni",
+ "Juli",
+ "August",
+ "September",
+ "Oktober",
+ "November",
+ "Desember");
+
+// short month names
+Calendar._SMN = new Array
+("Jan",
+ "Feb",
+ "Mar",
+ "Apr",
+ "Mai",
+ "Jun",
+ "Jul",
+ "Aug",
+ "Sep",
+ "Okt",
+ "Nov",
+ "Des");
+
+// tooltips
+Calendar._TT = {};
+Calendar._TT["INFO"] = "Om kalenderen";
+
+Calendar._TT["ABOUT"] =
+"DHTML Dato-/Tidsvelger\n" +
+"(c) dynarch.com 2002-2005 / Author: Mihai Bazon\n" + // don't translate this this ;-)
+"For nyeste versjon, gå til: http://www.dynarch.com/projects/calendar/\n" +
+"Distribuert under GNU LGPL.  Se http://gnu.org/licenses/lgpl.html for detaljer." +
+"\n\n" +
+"Datovalg:\n" +
+"- Bruk knappene \xab og \xbb for å velge år\n" +
+"- Bruk knappene " + String.fromCharCode(0x2039) + " og " + String.fromCharCode(0x203a) + " for å velge måned\n" +
+"- Hold inne musknappen eller knappene over for raskere valg.";
+Calendar._TT["ABOUT_TIME"] = "\n\n" +
+"Tidsvalg:\n" +
+"- Klikk på en av tidsdelene for å øke den\n" +
+"- eller Shift-klikk for å senke verdien\n" +
+"- eller klikk-og-dra for raskere valg..";
+
+Calendar._TT["PREV_YEAR"] = "Forrige. år (hold for meny)";
+Calendar._TT["PREV_MONTH"] = "Forrige. måned (hold for meny)";
+Calendar._TT["GO_TODAY"] = "GÃ¥ til idag";
+Calendar._TT["NEXT_MONTH"] = "Neste måned (hold for meny)";
+Calendar._TT["NEXT_YEAR"] = "Neste år (hold for meny)";
+Calendar._TT["SEL_DATE"] = "Velg dato";
+Calendar._TT["DRAG_TO_MOVE"] = "Dra for å flytte";
+Calendar._TT["PART_TODAY"] = " (idag)";
+Calendar._TT["MON_FIRST"] = "Vis mandag først";
+Calendar._TT["SUN_FIRST"] = "Vis søndag først";
+Calendar._TT["CLOSE"] = "Lukk";
+Calendar._TT["TODAY"] = "Idag";
+Calendar._TT["TIME_PART"] = "(Shift-)Klikk eller dra for å endre verdi";
+
+// date formats
+Calendar._TT["DEF_DATE_FORMAT"] = "%d.%m.%Y";
+Calendar._TT["TT_DATE_FORMAT"] = "%a, %b %e";
+
+Calendar._TT["WK"] = "uke";
\ No newline at end of file
diff --git a/js/jscalendar/lang/calendar-pl-utf8.js b/js/jscalendar/lang/calendar-pl-utf8.js
new file mode 100644
index 0000000..6b8ca67
--- /dev/null
+++ b/js/jscalendar/lang/calendar-pl-utf8.js
@@ -0,0 +1,93 @@
+// ** I18N
+
+// Calendar PL language
+// Author: Dariusz Pietrzak, <eyck@ghost.anime.pl>
+// Author: Janusz Piwowarski, <jpiw@go2.pl>
+// Encoding: utf-8
+// Distributed under the same terms as the calendar itself.
+
+Calendar._DN = new Array
+("Niedziela",
+ "Poniedziałek",
+ "Wtorek",
+ "Åšroda",
+ "Czwartek",
+ "PiÄ…tek",
+ "Sobota",
+ "Niedziela");
+Calendar._SDN = new Array
+("Nie",
+ "Pn",
+ "Wt",
+ "Åšr",
+ "Cz",
+ "Pt",
+ "So",
+ "Nie");
+Calendar._MN = new Array
+("Styczeń",
+ "Luty",
+ "Marzec",
+ "Kwiecień",
+ "Maj",
+ "Czerwiec",
+ "Lipiec",
+ "Sierpień",
+ "Wrzesień",
+ "Październik",
+ "Listopad",
+ "Grudzień");
+Calendar._SMN = new Array
+("Sty",
+ "Lut",
+ "Mar",
+ "Kwi",
+ "Maj",
+ "Cze",
+ "Lip",
+ "Sie",
+ "Wrz",
+ "Paź",
+ "Lis",
+ "Gru");
+
+// tooltips
+Calendar._TT = {};
+Calendar._TT["INFO"] = "O kalendarzu";
+
+Calendar._TT["ABOUT"] =
+"DHTML Date/Time Selector\n" +
+"(c) dynarch.com 2002-2005 / Author: Mihai Bazon\n" + // don't translate this this ;-)
+"Aby pobrać najnowszą wersję, odwiedź: http://www.dynarch.com/projects/calendar/\n" +
+"Dostępny na licencji GNU LGPL. Zobacz szczegóły na http://gnu.org/licenses/lgpl.html." +
+"\n\n" +
+"Wybór daty:\n" +
+"- Użyj przycisków \xab, \xbb by wybrać rok\n" +
+"- Użyj przycisków " + String.fromCharCode(0x2039) + ", " + String.fromCharCode(0x203a) + " by wybrać miesiąc\n" +
+"- Przytrzymaj klawisz myszy nad jednym z powyższych przycisków dla szybszego wyboru.";
+Calendar._TT["ABOUT_TIME"] = "\n\n" +
+"Wybór czasu:\n" +
+"- Kliknij na jednym z pól czasu by zwiększyć jego wartość\n" +
+"- lub kliknij trzymając Shift by zmiejszyć jego wartość\n" +
+"- lub kliknij i przeciÄ…gnij dla szybszego wyboru.";
+
+//Calendar._TT["TOGGLE"] = "Zmień pierwszy dzień tygodnia";
+Calendar._TT["PREV_YEAR"] = "Poprzedni rok (przytrzymaj dla menu)";
+Calendar._TT["PREV_MONTH"] = "Poprzedni miesiÄ…c (przytrzymaj dla menu)";
+Calendar._TT["GO_TODAY"] = "Idź do dzisiaj";
+Calendar._TT["NEXT_MONTH"] = "Następny miesiąc (przytrzymaj dla menu)";
+Calendar._TT["NEXT_YEAR"] = "Następny rok (przytrzymaj dla menu)";
+Calendar._TT["SEL_DATE"] = "Wybierz datÄ™";
+Calendar._TT["DRAG_TO_MOVE"] = "Przeciągnij by przesunąć";
+Calendar._TT["PART_TODAY"] = " (dzisiaj)";
+Calendar._TT["MON_FIRST"] = "Wyświetl poniedziałek jako pierwszy";
+Calendar._TT["SUN_FIRST"] = "Wyświetl niedzielę jako pierwszą";
+Calendar._TT["CLOSE"] = "Zamknij";
+Calendar._TT["TODAY"] = "Dzisiaj";
+Calendar._TT["TIME_PART"] = "(Shift-)Kliknij lub przeciągnij by zmienić wartość";
+
+// date formats
+Calendar._TT["DEF_DATE_FORMAT"] = "%Y-%m-%d";
+Calendar._TT["TT_DATE_FORMAT"] = "%e %B, %A";
+
+Calendar._TT["WK"] = "ty";
diff --git a/js/jscalendar/lang/calendar-pl.js b/js/jscalendar/lang/calendar-pl.js
new file mode 100644
index 0000000..76e0551
--- /dev/null
+++ b/js/jscalendar/lang/calendar-pl.js
@@ -0,0 +1,56 @@
+// ** I18N
+// Calendar PL language
+// Author: Artur Filipiak, <imagen@poczta.fm>
+// January, 2004
+// Encoding: UTF-8
+Calendar._DN = new Array
+("Niedziela", "Poniedziałek", "Wtorek", "Środa", "Czwartek", "Piątek", "Sobota", "Niedziela");
+
+Calendar._SDN = new Array
+("N", "Pn", "Wt", "Åšr", "Cz", "Pt", "So", "N");
+
+Calendar._MN = new Array
+("Styczeń", "Luty", "Marzec", "Kwiecień", "Maj", "Czerwiec", "Lipiec", "Sierpień", "Wrzesień", "Październik", "Listopad", "Grudzień");
+
+Calendar._SMN = new Array
+("Sty", "Lut", "Mar", "Kwi", "Maj", "Cze", "Lip", "Sie", "Wrz", "Paź", "Lis", "Gru");
+
+// tooltips
+Calendar._TT = {};
+Calendar._TT["INFO"] = "O kalendarzu";
+
+Calendar._TT["ABOUT"] =
+"DHTML Date/Time Selector\n" +
+"(c) dynarch.com 2002-2005 / Author: Mihai Bazon\n" + // don't translate this this ;-)
+"For latest version visit: http://www.dynarch.com/projects/calendar/\n" +
+"Distributed under GNU LGPL.  See http://gnu.org/licenses/lgpl.html for details." +
+"\n\n" +
+"Wybór daty:\n" +
+"- aby wybrać rok użyj przycisków \xab, \xbb\n" +
+"- aby wybrać miesiąc użyj przycisków " + String.fromCharCode(0x2039) + ", " + String.fromCharCode(0x203a) + "\n" +
+"- aby przyspieszyć wybór przytrzymaj wciśnięty przycisk myszy nad ww. przyciskami.";
+Calendar._TT["ABOUT_TIME"] = "\n\n" +
+"Wybór czasu:\n" +
+"- aby zwiększyć wartość kliknij na dowolnym elemencie selekcji czasu\n" +
+"- aby zmniejszyć wartość użyj dodatkowo klawisza Shift\n" +
+"- możesz również poruszać myszkę w lewo i prawo wraz z wciśniętym lewym klawiszem.";
+
+Calendar._TT["PREV_YEAR"] = "Poprz. rok (przytrzymaj dla menu)";
+Calendar._TT["PREV_MONTH"] = "Poprz. miesiÄ…c (przytrzymaj dla menu)";
+Calendar._TT["GO_TODAY"] = "Pokaż dziś";
+Calendar._TT["NEXT_MONTH"] = "Nast. miesiÄ…c (przytrzymaj dla menu)";
+Calendar._TT["NEXT_YEAR"] = "Nast. rok (przytrzymaj dla menu)";
+Calendar._TT["SEL_DATE"] = "Wybierz datÄ™";
+Calendar._TT["DRAG_TO_MOVE"] = "Przesuń okienko";
+Calendar._TT["PART_TODAY"] = " (dziÅ›)";
+Calendar._TT["MON_FIRST"] = "Pokaż Poniedziałek jako pierwszy";
+Calendar._TT["SUN_FIRST"] = "Pokaż Niedzielę jako pierwszą";
+Calendar._TT["CLOSE"] = "Zamknij";
+Calendar._TT["TODAY"] = "DziÅ›";
+Calendar._TT["TIME_PART"] = "(Shift-)klik | drag, aby zmienić wartość";
+
+// date formats
+Calendar._TT["DEF_DATE_FORMAT"] = "%Y.%m.%d";
+Calendar._TT["TT_DATE_FORMAT"] = "%a, %b %e";
+
+Calendar._TT["WK"] = "wk";
\ No newline at end of file
diff --git a/js/jscalendar/lang/calendar-pt.js b/js/jscalendar/lang/calendar-pt.js
new file mode 100644
index 0000000..deee8a1
--- /dev/null
+++ b/js/jscalendar/lang/calendar-pt.js
@@ -0,0 +1,123 @@
+// ** I18N
+
+// Calendar pt_BR language
+// Author: Adalberto Machado, <betosm@terra.com.br>
+// Encoding: any
+// Distributed under the same terms as the calendar itself.
+
+// For translators: please use UTF-8 if possible.  We strongly believe that
+// Unicode is the answer to a real internationalized world.  Also please
+// include your contact information in the header, as can be seen above.
+
+// full day names
+Calendar._DN = new Array
+("Domingo",
+ "Segunda",
+ "Terca",
+ "Quarta",
+ "Quinta",
+ "Sexta",
+ "Sabado",
+ "Domingo");
+
+// Please note that the following array of short day names (and the same goes
+// for short month names, _SMN) isn't absolutely necessary.  We give it here
+// for exemplification on how one can customize the short day names, but if
+// they are simply the first N letters of the full name you can simply say:
+//
+//   Calendar._SDN_len = N; // short day name length
+//   Calendar._SMN_len = N; // short month name length
+//
+// If N = 3 then this is not needed either since we assume a value of 3 if not
+// present, to be compatible with translation files that were written before
+// this feature.
+
+// short day names
+Calendar._SDN = new Array
+("Dom",
+ "Seg",
+ "Ter",
+ "Qua",
+ "Qui",
+ "Sex",
+ "Sab",
+ "Dom");
+
+// full month names
+Calendar._MN = new Array
+("Janeiro",
+ "Fevereiro",
+ "Marco",
+ "Abril",
+ "Maio",
+ "Junho",
+ "Julho",
+ "Agosto",
+ "Setembro",
+ "Outubro",
+ "Novembro",
+ "Dezembro");
+
+// short month names
+Calendar._SMN = new Array
+("Jan",
+ "Fev",
+ "Mar",
+ "Abr",
+ "Mai",
+ "Jun",
+ "Jul",
+ "Ago",
+ "Set",
+ "Out",
+ "Nov",
+ "Dez");
+
+// tooltips
+Calendar._TT = {};
+Calendar._TT["INFO"] = "Sobre o calendario";
+
+Calendar._TT["ABOUT"] =
+"DHTML Date/Time Selector\n" +
+"(c) dynarch.com 2002-2005 / Author: Mihai Bazon\n" + // don't translate this this ;-)
+"Ultima versao visite: http://www.dynarch.com/projects/calendar/\n" +
+"Distribuido sobre GNU LGPL.  Veja http://gnu.org/licenses/lgpl.html para detalhes." +
+"\n\n" +
+"Selecao de data:\n" +
+"- Use os botoes \xab, \xbb para selecionar o ano\n" +
+"- Use os botoes " + String.fromCharCode(0x2039) + ", " + String.fromCharCode(0x203a) + " para selecionar o mes\n" +
+"- Segure o botao do mouse em qualquer um desses botoes para selecao rapida.";
+Calendar._TT["ABOUT_TIME"] = "\n\n" +
+"Selecao de hora:\n" +
+"- Clique em qualquer parte da hora para incrementar\n" +
+"- ou Shift-click para decrementar\n" +
+"- ou clique e segure para selecao rapida.";
+
+Calendar._TT["PREV_YEAR"] = "Ant. ano (segure para menu)";
+Calendar._TT["PREV_MONTH"] = "Ant. mes (segure para menu)";
+Calendar._TT["GO_TODAY"] = "Hoje";
+Calendar._TT["NEXT_MONTH"] = "Prox. mes (segure para menu)";
+Calendar._TT["NEXT_YEAR"] = "Prox. ano (segure para menu)";
+Calendar._TT["SEL_DATE"] = "Selecione a data";
+Calendar._TT["DRAG_TO_MOVE"] = "Arraste para mover";
+Calendar._TT["PART_TODAY"] = " (hoje)";
+
+// the following is to inform that "%s" is to be the first day of week
+// %s will be replaced with the day name.
+Calendar._TT["DAY_FIRST"] = "Mostre %s primeiro";
+
+// This may be locale-dependent.  It specifies the week-end days, as an array
+// of comma-separated numbers.  The numbers are from 0 to 6: 0 means Sunday, 1
+// means Monday, etc.
+Calendar._TT["WEEKEND"] = "0,6";
+
+Calendar._TT["CLOSE"] = "Fechar";
+Calendar._TT["TODAY"] = "Hoje";
+Calendar._TT["TIME_PART"] = "(Shift-)Click ou arraste para mudar valor";
+
+// date formats
+Calendar._TT["DEF_DATE_FORMAT"] = "%d/%m/%Y";
+Calendar._TT["TT_DATE_FORMAT"] = "%a, %e %b";
+
+Calendar._TT["WK"] = "sm";
+Calendar._TT["TIME"] = "Hora:";
diff --git a/js/jscalendar/lang/calendar-ro.js b/js/jscalendar/lang/calendar-ro.js
new file mode 100644
index 0000000..116e358
--- /dev/null
+++ b/js/jscalendar/lang/calendar-ro.js
@@ -0,0 +1,66 @@
+// ** I18N
+Calendar._DN = new Array
+("Duminică",
+ "Luni",
+ "Marţi",
+ "Miercuri",
+ "Joi",
+ "Vineri",
+ "Sâmbătă",
+ "Duminică");
+Calendar._SDN_len = 2;
+Calendar._MN = new Array
+("Ianuarie",
+ "Februarie",
+ "Martie",
+ "Aprilie",
+ "Mai",
+ "Iunie",
+ "Iulie",
+ "August",
+ "Septembrie",
+ "Octombrie",
+ "Noiembrie",
+ "Decembrie");
+
+// tooltips
+Calendar._TT = {};
+
+Calendar._TT["INFO"] = "Despre calendar";
+
+Calendar._TT["ABOUT"] =
+"DHTML Date/Time Selector\n" +
+"(c) dynarch.com 2002-2005 / Author: Mihai Bazon\n" + // don't translate this this ;-)
+"Pentru ultima versiune vizitaţi: http://www.dynarch.com/projects/calendar/\n" +
+"Distribuit sub GNU LGPL.  See http://gnu.org/licenses/lgpl.html for details." +
+"\n\n" +
+"Selecţia datei:\n" +
+"- Folosiţi butoanele \xab, \xbb pentru a selecta anul\n" +
+"- Folosiţi butoanele " + String.fromCharCode(0x2039) + ", " + String.fromCharCode(0x203a) + " pentru a selecta luna\n" +
+"- Tineţi butonul mouse-ului apăsat pentru selecţie mai rapidă.";
+Calendar._TT["ABOUT_TIME"] = "\n\n" +
+"Selecţia orei:\n" +
+"- Click pe ora sau minut pentru a mări valoarea cu 1\n" +
+"- Sau Shift-Click pentru a micÅŸora valoarea cu 1\n" +
+"- Sau Click ÅŸi drag pentru a selecta mai repede.";
+
+Calendar._TT["PREV_YEAR"] = "Anul precedent (lung pt menu)";
+Calendar._TT["PREV_MONTH"] = "Luna precedentă (lung pt menu)";
+Calendar._TT["GO_TODAY"] = "Data de azi";
+Calendar._TT["NEXT_MONTH"] = "Luna următoare (lung pt menu)";
+Calendar._TT["NEXT_YEAR"] = "Anul următor (lung pt menu)";
+Calendar._TT["SEL_DATE"] = "Selectează data";
+Calendar._TT["DRAG_TO_MOVE"] = "Trage pentru a miÅŸca";
+Calendar._TT["PART_TODAY"] = " (astăzi)";
+Calendar._TT["DAY_FIRST"] = "Afişează %s prima zi";
+Calendar._TT["WEEKEND"] = "0,6";
+Calendar._TT["CLOSE"] = "ÃŽnchide";
+Calendar._TT["TODAY"] = "Astăzi";
+Calendar._TT["TIME_PART"] = "(Shift-)Click sau drag pentru a selecta";
+
+// date formats
+Calendar._TT["DEF_DATE_FORMAT"] = "%d-%m-%Y";
+Calendar._TT["TT_DATE_FORMAT"] = "%A, %d %B";
+
+Calendar._TT["WK"] = "spt";
+Calendar._TT["TIME"] = "Ora:";
diff --git a/js/jscalendar/lang/calendar-ru.js b/js/jscalendar/lang/calendar-ru.js
new file mode 100644
index 0000000..9f75a6a
--- /dev/null
+++ b/js/jscalendar/lang/calendar-ru.js
@@ -0,0 +1,123 @@
+// ** I18N
+
+// Calendar RU language
+// Translation: Sly Golovanov, http://golovanov.net, <sly@golovanov.net>
+// Encoding: any
+// Distributed under the same terms as the calendar itself.
+
+// For translators: please use UTF-8 if possible.  We strongly believe that
+// Unicode is the answer to a real internationalized world.  Also please
+// include your contact information in the header, as can be seen above.
+
+// full day names
+Calendar._DN = new Array
+("во�кре�енье",
+ "понедельник",
+ "вторник",
+ "�реда",
+ "четверг",
+ "п�тница",
+ "�уббота",
+ "во�кре�енье");
+
+// Please note that the following array of short day names (and the same goes
+// for short month names, _SMN) isn't absolutely necessary.  We give it here
+// for exemplification on how one can customize the short day names, but if
+// they are simply the first N letters of the full name you can simply say:
+//
+//   Calendar._SDN_len = N; // short day name length
+//   Calendar._SMN_len = N; // short month name length
+//
+// If N = 3 then this is not needed either since we assume a value of 3 if not
+// present, to be compatible with translation files that were written before
+// this feature.
+
+// short day names
+Calendar._SDN = new Array
+("в�к",
+ "пон",
+ "втр",
+ "�рд",
+ "чет",
+ "п�т",
+ "�уб",
+ "в�к");
+
+// full month names
+Calendar._MN = new Array
+("�нварь",
+ "февраль",
+ "март",
+ "апрель",
+ "май",
+ "июнь",
+ "июль",
+ "авгу�т",
+ "�ент�брь",
+ "окт�брь",
+ "но�брь",
+ "декабрь");
+
+// short month names
+Calendar._SMN = new Array
+("�нв",
+ "фев",
+ "мар",
+ "апр",
+ "май",
+ "июн",
+ "июл",
+ "авг",
+ "�ен",
+ "окт",
+ "но�",
+ "дек");
+
+// tooltips
+Calendar._TT = {};
+Calendar._TT["INFO"] = "О календаре...";
+
+Calendar._TT["ABOUT"] =
+"DHTML Date/Time Selector\n" +
+"(c) dynarch.com 2002-2005 / Author: Mihai Bazon\n" + // don't translate this this ;-)
+"For latest version visit: http://www.dynarch.com/projects/calendar/\n" +
+"Distributed under GNU LGPL.  See http://gnu.org/licenses/lgpl.html for details." +
+"\n\n" +
+"Как выбрать дату:\n" +
+"- При помощи кнопок \xab, \xbb можно выбрать год\n" +
+"- При помощи кнопок " + String.fromCharCode(0x2039) + ", " + String.fromCharCode(0x203a) + " можно выбрать ме��ц\n" +
+"- Подержите �ти кнопки нажатыми, чтобы по�вило�ь меню бы�трого выбора.";
+Calendar._TT["ABOUT_TIME"] = "\n\n" +
+"Как выбрать врем�:\n" +
+"- При клике на ча�ах или минутах они увеличивают��\n" +
+"- при клике � нажатой клавишей Shift они уменьшают��\n" +
+"- е�ли нажать и двигать мышкой влево/вправо, они будут мен�ть�� бы�трее.";
+
+Calendar._TT["PREV_YEAR"] = "�а год назад (удерживать дл� меню)";
+Calendar._TT["PREV_MONTH"] = "�а ме��ц назад (удерживать дл� меню)";
+Calendar._TT["GO_TODAY"] = "Сегодн�";
+Calendar._TT["NEXT_MONTH"] = "�а ме��ц вперед (удерживать дл� меню)";
+Calendar._TT["NEXT_YEAR"] = "�а год вперед (удерживать дл� меню)";
+Calendar._TT["SEL_DATE"] = "Выберите дату";
+Calendar._TT["DRAG_TO_MOVE"] = "Перета�кивайте мышкой";
+Calendar._TT["PART_TODAY"] = " (�егодн�)";
+
+// the following is to inform that "%s" is to be the first day of week
+// %s will be replaced with the day name.
+Calendar._TT["DAY_FIRST"] = "Первый день недели будет %s";
+
+// This may be locale-dependent.  It specifies the week-end days, as an array
+// of comma-separated numbers.  The numbers are from 0 to 6: 0 means Sunday, 1
+// means Monday, etc.
+Calendar._TT["WEEKEND"] = "0,6";
+
+Calendar._TT["CLOSE"] = "Закрыть";
+Calendar._TT["TODAY"] = "Сегодн�";
+Calendar._TT["TIME_PART"] = "(Shift-)клик или нажать и двигать";
+
+// date formats
+Calendar._TT["DEF_DATE_FORMAT"] = "%Y-%m-%d";
+Calendar._TT["TT_DATE_FORMAT"] = "%e %b, %a";
+
+Calendar._TT["WK"] = "нед";
+Calendar._TT["TIME"] = "Врем�:";
diff --git a/js/jscalendar/lang/calendar-ru_win_.js b/js/jscalendar/lang/calendar-ru_win_.js
new file mode 100644
index 0000000..de455af
--- /dev/null
+++ b/js/jscalendar/lang/calendar-ru_win_.js
@@ -0,0 +1,123 @@
+// ** I18N
+
+// Calendar RU language
+// Translation: Sly Golovanov, http://golovanov.net, <sly@golovanov.net>
+// Encoding: any
+// Distributed under the same terms as the calendar itself.
+
+// For translators: please use UTF-8 if possible.  We strongly believe that
+// Unicode is the answer to a real internationalized world.  Also please
+// include your contact information in the header, as can be seen above.
+
+// full day names
+Calendar._DN = new Array
+("âîñêðåñåíüå",
+ "ïîíåäåëüíèê",
+ "âòîðíèê",
+ "ñðåäà",
+ "÷åòâåðã",
+ "ïÿòíèöà",
+ "ñóááîòà",
+ "âîñêðåñåíüå");
+
+// Please note that the following array of short day names (and the same goes
+// for short month names, _SMN) isn't absolutely necessary.  We give it here
+// for exemplification on how one can customize the short day names, but if
+// they are simply the first N letters of the full name you can simply say:
+//
+//   Calendar._SDN_len = N; // short day name length
+//   Calendar._SMN_len = N; // short month name length
+//
+// If N = 3 then this is not needed either since we assume a value of 3 if not
+// present, to be compatible with translation files that were written before
+// this feature.
+
+// short day names
+Calendar._SDN = new Array
+("âñê",
+ "ïîí",
+ "âòð",
+ "ñðä",
+ "÷åò",
+ "ïÿò",
+ "ñóá",
+ "âñê");
+
+// full month names
+Calendar._MN = new Array
+("ÿíâàðü",
+ "ôåâðàëü",
+ "ìàðò",
+ "àïðåëü",
+ "ìàé",
+ "èþíü",
+ "èþëü",
+ "àâãóñò",
+ "ñåíòÿáðü",
+ "îêòÿáðü",
+ "íîÿáðü",
+ "äåêàáðü");
+
+// short month names
+Calendar._SMN = new Array
+("ÿíâ",
+ "ôåâ",
+ "ìàð",
+ "àïð",
+ "ìàé",
+ "èþí",
+ "èþë",
+ "àâã",
+ "ñåí",
+ "îêò",
+ "íîÿ",
+ "äåê");
+
+// tooltips
+Calendar._TT = {};
+Calendar._TT["INFO"] = "Î êàëåíäàðå...";
+
+Calendar._TT["ABOUT"] =
+"DHTML Date/Time Selector\n" +
+"(c) dynarch.com 2002-2005 / Author: Mihai Bazon\n" + // don't translate this this ;-)
+"For latest version visit: http://www.dynarch.com/projects/calendar/\n" +
+"Distributed under GNU LGPL.  See http://gnu.org/licenses/lgpl.html for details." +
+"\n\n" +
+"Êàê âûáðàòü äàòó:\n" +
+"- Ïðè ïîìîùè êíîïîê \xab, \xbb ìîæíî âûáðàòü ãîä\n" +
+"- Ïðè ïîìîùè êíîïîê " + String.fromCharCode(0x2039) + ", " + String.fromCharCode(0x203a) + " ìîæíî âûáðàòü ìåñÿö\n" +
+"- Ïîäåðæèòå ýòè êíîïêè íàæàòûìè, ÷òîáû ïîÿâèëîñü ìåíþ áûñòðîãî âûáîðà.";
+Calendar._TT["ABOUT_TIME"] = "\n\n" +
+"Êàê âûáðàòü âðåìÿ:\n" +
+"- Ïðè êëèêå íà ÷àñàõ èëè ìèíóòàõ îíè óâåëè÷èâàþòñÿ\n" +
+"- ïðè êëèêå ñ íàæàòîé êëàâèøåé Shift îíè óìåíüøàþòñÿ\n" +
+"- åñëè íàæàòü è äâèãàòü ìûøêîé âëåâî/âïðàâî, îíè áóäóò ìåíÿòüñÿ áûñòðåå.";
+
+Calendar._TT["PREV_YEAR"] = "Íà ãîä íàçàä (óäåðæèâàòü äëÿ ìåíþ)";
+Calendar._TT["PREV_MONTH"] = "Íà ìåñÿö íàçàä (óäåðæèâàòü äëÿ ìåíþ)";
+Calendar._TT["GO_TODAY"] = "Ñåãîäíÿ";
+Calendar._TT["NEXT_MONTH"] = "Íà ìåñÿö âïåðåä (óäåðæèâàòü äëÿ ìåíþ)";
+Calendar._TT["NEXT_YEAR"] = "Íà ãîä âïåðåä (óäåðæèâàòü äëÿ ìåíþ)";
+Calendar._TT["SEL_DATE"] = "Âûáåðèòå äàòó";
+Calendar._TT["DRAG_TO_MOVE"] = "Ïåðåòàñêèâàéòå ìûøêîé";
+Calendar._TT["PART_TODAY"] = " (ñåãîäíÿ)";
+
+// the following is to inform that "%s" is to be the first day of week
+// %s will be replaced with the day name.
+Calendar._TT["DAY_FIRST"] = "Ïåðâûé äåíü íåäåëè áóäåò %s";
+
+// This may be locale-dependent.  It specifies the week-end days, as an array
+// of comma-separated numbers.  The numbers are from 0 to 6: 0 means Sunday, 1
+// means Monday, etc.
+Calendar._TT["WEEKEND"] = "0,6";
+
+Calendar._TT["CLOSE"] = "Çàêðûòü";
+Calendar._TT["TODAY"] = "Ñåãîäíÿ";
+Calendar._TT["TIME_PART"] = "(Shift-)êëèê èëè íàæàòü è äâèãàòü";
+
+// date formats
+Calendar._TT["DEF_DATE_FORMAT"] = "%Y-%m-%d";
+Calendar._TT["TT_DATE_FORMAT"] = "%e %b, %a";
+
+Calendar._TT["WK"] = "íåä";
+Calendar._TT["TIME"] = "Âðåìÿ:";
diff --git a/js/jscalendar/lang/calendar-si.js b/js/jscalendar/lang/calendar-si.js
new file mode 100644
index 0000000..cb3dfb9
--- /dev/null
+++ b/js/jscalendar/lang/calendar-si.js
@@ -0,0 +1,94 @@
+/* Slovenian language file for the DHTML Calendar version 0.9.2 

+* Author David Milost <mercy@volja.net>, January 2004.

+* Feel free to use this script under the terms of the GNU Lesser General

+* Public License, as long as you do not remove or alter this notice.

+*/

+ // full day names

+Calendar._DN = new Array

+("Nedelja",

+ "Ponedeljek",

+ "Torek",

+ "Sreda",

+ "ÄŒetrtek",

+ "Petek",

+ "Sobota",

+ "Nedelja");

+ // short day names

+ Calendar._SDN = new Array

+("Ned",

+ "Pon",

+ "Tor",

+ "Sre",

+ "ÄŒet",

+ "Pet",

+ "Sob",

+ "Ned");

+// short month names

+Calendar._SMN = new Array

+("Jan",

+ "Feb",

+ "Mar",

+ "Apr",

+ "Maj",

+ "Jun",

+ "Jul",

+ "Avg",

+ "Sep",

+ "Okt",

+ "Nov",

+ "Dec");

+  // full month names

+Calendar._MN = new Array

+("Januar",

+ "Februar",

+ "Marec",

+ "April",

+ "Maj",

+ "Junij",

+ "Julij",

+ "Avgust",

+ "September",

+ "Oktober",

+ "November",

+ "December");

+

+// tooltips

+// tooltips

+Calendar._TT = {};

+Calendar._TT["INFO"] = "O koledarju";

+

+Calendar._TT["ABOUT"] =

+"DHTML Date/Time Selector\n" +

+"(c) dynarch.com 2002-2005 / Author: Mihai Bazon\n" + // don't translate this this ;-)

+"Za zadnjo verzijo pojdine na naslov: http://www.dynarch.com/projects/calendar/\n" +

+"Distribuirano pod GNU LGPL.  Poglejte http://gnu.org/licenses/lgpl.html za podrobnosti." +

+"\n\n" +

+"Izbor datuma:\n" +

+"- Uporabite \xab, \xbb gumbe za izbor leta\n" +

+"- Uporabite " + String.fromCharCode(0x2039) + ", " + String.fromCharCode(0x203a) + " gumbe za izbor meseca\n" +

+"- Zadržite klik na kateremkoli od zgornjih gumbov za hiter izbor.";

+Calendar._TT["ABOUT_TIME"] = "\n\n" +

+"Izbor ćasa:\n" +

+"- Kliknite na katerikoli del ćasa za poveć. le-tega\n" +

+"- ali Shift-click za zmanj. le-tega\n" +

+"- ali kliknite in povlecite za hiter izbor.";

+

+Calendar._TT["TOGGLE"] = "Spremeni dan s katerim se prićne teden";

+Calendar._TT["PREV_YEAR"] = "Predhodnje leto (dolg klik za meni)";

+Calendar._TT["PREV_MONTH"] = "Predhodnji mesec (dolg klik za meni)";

+Calendar._TT["GO_TODAY"] = "Pojdi na tekoći dan";

+Calendar._TT["NEXT_MONTH"] = "Naslednji mesec (dolg klik za meni)";

+Calendar._TT["NEXT_YEAR"] = "Naslednje leto (dolg klik za meni)";

+Calendar._TT["SEL_DATE"] = "Izberite datum";

+Calendar._TT["DRAG_TO_MOVE"] = "Pritisni in povleci za spremembo pozicije";

+Calendar._TT["PART_TODAY"] = " (danes)";

+Calendar._TT["MON_FIRST"] = "Prikaži ponedeljek kot prvi dan";

+Calendar._TT["SUN_FIRST"] = "Prikaži nedeljo kot prvi dan";

+Calendar._TT["CLOSE"] = "Zapri";

+Calendar._TT["TODAY"] = "Danes";

+

+// date formats

+Calendar._TT["DEF_DATE_FORMAT"] = "%Y-%m-%d";

+Calendar._TT["TT_DATE_FORMAT"] = "%a, %b %e";

+

+Calendar._TT["WK"] = "Ted";
\ No newline at end of file
diff --git a/js/jscalendar/lang/calendar-sk.js b/js/jscalendar/lang/calendar-sk.js
new file mode 100644
index 0000000..4fe6a3c
--- /dev/null
+++ b/js/jscalendar/lang/calendar-sk.js
@@ -0,0 +1,99 @@
+// ** I18N
+
+// Calendar SK language
+// Author: Peter Valach (pvalach@gmx.net)
+// Encoding: utf-8
+// Last update: 2003/10/29
+// Distributed under the same terms as the calendar itself.
+
+// full day names
+Calendar._DN = new Array
+("NedeÄľa",
+ "Pondelok",
+ "Utorok",
+ "Streda",
+ "Ĺ tvrtok",
+ "Piatok",
+ "Sobota",
+ "NedeÄľa");
+
+// short day names
+Calendar._SDN = new Array
+("Ned",
+ "Pon",
+ "Uto",
+ "Str",
+ "Ĺ tv",
+ "Pia",
+ "Sob",
+ "Ned");
+
+// full month names
+Calendar._MN = new Array
+("Január",
+ "Február",
+ "Marec",
+ "AprĂ­l",
+ "Máj",
+ "JÄ‚ÅŸn",
+ "JÄ‚ÅŸl",
+ "August",
+ "September",
+ "OktĂłber",
+ "November",
+ "December");
+
+// short month names
+Calendar._SMN = new Array
+("Jan",
+ "Feb",
+ "Mar",
+ "Apr",
+ "Máj",
+ "JÄ‚ÅŸn",
+ "JÄ‚ÅŸl",
+ "Aug",
+ "Sep",
+ "Okt",
+ "Nov",
+ "Dec");
+
+// tooltips
+Calendar._TT = {};
+Calendar._TT["INFO"] = "O kalendári";
+
+Calendar._TT["ABOUT"] =
+"DHTML Date/Time Selector\n" +
+"(c) dynarch.com 2002-2005 / Author: Mihai Bazon\n" +
+"Poslednú verziu nájdete na: http://www.dynarch.com/projects/calendar/\n" +
+"Distribuované pod GNU LGPL.  Viď http://gnu.org/licenses/lgpl.html pre detaily." +
+"\n\n" +
+"V�ber dátumu:\n" +
+"- Použite tlačidlá \xab, \xbb pre v�ber roku\n" +
+"- Použite tlačidlá " + String.fromCharCode(0x2039) + ", " + String.fromCharCode(0x203a) + " pre v�ber mesiaca\n" +
+"- Ak ktorékoľvek z t�chto tlačidiel podržíte dlhšie, zobrazí sa r�chly v�ber.";
+Calendar._TT["ABOUT_TIME"] = "\n\n" +
+"V�ber času:\n" +
+"- Kliknutie na niektorú položku času ju zv�ši\n" +
+"- Shift-klik ju znĂ­Ĺľi\n" +
+"- Ak podržíte tlačítko stlačené, posúvaním meníte hodnotu.";
+
+Calendar._TT["PREV_YEAR"] = "Predošl� rok (podržte pre menu)";
+Calendar._TT["PREV_MONTH"] = "Predošl� mesiac (podržte pre menu)";
+Calendar._TT["GO_TODAY"] = "Prejsť na dnešok";
+Calendar._TT["NEXT_MONTH"] = "Nasl. mesiac (podrĹľte pre menu)";
+Calendar._TT["NEXT_YEAR"] = "Nasl. rok (podrĹľte pre menu)";
+Calendar._TT["SEL_DATE"] = "Zvoľte dátum";
+Calendar._TT["DRAG_TO_MOVE"] = "PodrĹľanĂ­m tlaÄŤĂ­tka zmenĂ­te polohu";
+Calendar._TT["PART_TODAY"] = " (dnes)";
+Calendar._TT["MON_FIRST"] = "Zobraziť pondelok ako prv�";
+Calendar._TT["SUN_FIRST"] = "ZobraziĹĄ nedeÄľu ako prvĂş";
+Calendar._TT["CLOSE"] = "ZavrieĹĄ";
+Calendar._TT["TODAY"] = "Dnes";
+Calendar._TT["TIME_PART"] = "(Shift-)klik/ĹĄahanie zmenĂ­ hodnotu";
+
+// date formats
+Calendar._TT["DEF_DATE_FORMAT"] = "$d. %m. %Y";
+Calendar._TT["TT_DATE_FORMAT"] = "%a, %e. %b";
+
+Calendar._TT["WK"] = "t�ž";
diff --git a/js/jscalendar/lang/calendar-sp.js b/js/jscalendar/lang/calendar-sp.js
new file mode 100644
index 0000000..239d1b3
--- /dev/null
+++ b/js/jscalendar/lang/calendar-sp.js
@@ -0,0 +1,110 @@
+// ** I18N
+
+// Calendar SP language
+// Author: Rafael Velasco <rvu_at_idecnet_dot_com>
+// Encoding: any
+// Distributed under the same terms as the calendar itself.
+
+// For translators: please use UTF-8 if possible.  We strongly believe that
+// Unicode is the answer to a real internationalized world.  Also please
+// include your contact information in the header, as can be seen above.
+
+// full day names
+Calendar._DN = new Array
+("Domingo",
+ "Lunes",
+ "Martes",
+ "Miercoles",
+ "Jueves",
+ "Viernes",
+ "Sabado",
+ "Domingo");
+
+Calendar._SDN = new Array
+("Dom",
+ "Lun",
+ "Mar",
+ "Mie",
+ "Jue",
+ "Vie",
+ "Sab",
+ "Dom");
+
+// full month names
+Calendar._MN = new Array
+("Enero",
+ "Febrero",
+ "Marzo",
+ "Abril",
+ "Mayo",
+ "Junio",
+ "Julio",
+ "Agosto",
+ "Septiembre",
+ "Octubre",
+ "Noviembre",
+ "Diciembre");
+
+// short month names
+Calendar._SMN = new Array
+("Ene",
+ "Feb",
+ "Mar",
+ "Abr",
+ "May",
+ "Jun",
+ "Jul",
+ "Ago",
+ "Sep",
+ "Oct",
+ "Nov",
+ "Dic");
+
+// tooltips
+Calendar._TT = {};
+Calendar._TT["INFO"] = "Información del Calendario";
+
+Calendar._TT["ABOUT"] =
+"DHTML Date/Time Selector\n" +
+"(c) dynarch.com 2002-2005 / Author: Mihai Bazon\n" + // don't translate this this ;-)
+"Nuevas versiones en: http://www.dynarch.com/projects/calendar/\n" +
+"Distribuida bajo licencia GNU LGPL.  Para detalles vea http://gnu.org/licenses/lgpl.html ." +
+"\n\n" +
+"Selección de Fechas:\n" +
+"- Use  \xab, \xbb para seleccionar el año\n" +
+"- Use " + String.fromCharCode(0x2039) + ", " + String.fromCharCode(0x203a) + " para seleccionar el mes\n" +
+"- Mantenga presionado el botón del ratón en cualquiera de las opciones superiores para un acceso rapido .";
+Calendar._TT["ABOUT_TIME"] = "\n\n" +
+"Selección del Reloj:\n" +
+"- Seleccione la hora para cambiar el reloj\n" +
+"- o presione  Shift-click para disminuirlo\n" +
+"- o presione click y arrastre del ratón para una selección rapida.";
+
+Calendar._TT["PREV_YEAR"] = "Año anterior (Presione para menu)";
+Calendar._TT["PREV_MONTH"] = "Mes Anterior (Presione para menu)";
+Calendar._TT["GO_TODAY"] = "Ir a Hoy";
+Calendar._TT["NEXT_MONTH"] = "Mes Siguiente (Presione para menu)";
+Calendar._TT["NEXT_YEAR"] = "Año Siguiente (Presione para menu)";
+Calendar._TT["SEL_DATE"] = "Seleccione fecha";
+Calendar._TT["DRAG_TO_MOVE"] = "Arrastre y mueva";
+Calendar._TT["PART_TODAY"] = " (Hoy)";
+
+// the following is to inform that "%s" is to be the first day of week
+// %s will be replaced with the day name.
+Calendar._TT["DAY_FIRST"] = "Mostrar %s primero";
+
+// This may be locale-dependent.  It specifies the week-end days, as an array
+// of comma-separated numbers.  The numbers are from 0 to 6: 0 means Sunday, 1
+// means Monday, etc.
+Calendar._TT["WEEKEND"] = "0,6";
+
+Calendar._TT["CLOSE"] = "Cerrar";
+Calendar._TT["TODAY"] = "Hoy";
+Calendar._TT["TIME_PART"] = "(Shift-)Click o arrastra para cambar el valor";
+
+// date formats
+Calendar._TT["DEF_DATE_FORMAT"] = "%dd-%mm-%yy";
+Calendar._TT["TT_DATE_FORMAT"] = "%A, %e de %B de %Y";
+
+Calendar._TT["WK"] = "Sm";
+Calendar._TT["TIME"] = "Hora:";
diff --git a/js/jscalendar/lang/calendar-sv.js b/js/jscalendar/lang/calendar-sv.js
new file mode 100644
index 0000000..db1f4b8
--- /dev/null
+++ b/js/jscalendar/lang/calendar-sv.js
@@ -0,0 +1,93 @@
+// ** I18N
+
+// Calendar SV language (Swedish, svenska)
+// Author: Mihai Bazon, <mihai_bazon@yahoo.com>
+// Translation team: <sv@li.org>
+// Translator: Leonard Norrgård <leonard.norrgard@refactor.fi>
+// Last translator: Leonard Norrgård <leonard.norrgard@refactor.fi>
+// Encoding: iso-latin-1
+// Distributed under the same terms as the calendar itself.
+
+// For translators: please use UTF-8 if possible.  We strongly believe that
+// Unicode is the answer to a real internationalized world.  Also please
+// include your contact information in the header, as can be seen above.
+
+// full day names
+Calendar._DN = new Array
+("söndag",
+ "måndag",
+ "tisdag",
+ "onsdag",
+ "torsdag",
+ "fredag",
+ "lördag",
+ "söndag");
+
+// Please note that the following array of short day names (and the same goes
+// for short month names, _SMN) isn't absolutely necessary.  We give it here
+// for exemplification on how one can customize the short day names, but if
+// they are simply the first N letters of the full name you can simply say:
+//
+//   Calendar._SDN_len = N; // short day name length
+//   Calendar._SMN_len = N; // short month name length
+//
+// If N = 3 then this is not needed either since we assume a value of 3 if not
+// present, to be compatible with translation files that were written before
+// this feature.
+Calendar._SDN_len = 2;
+Calendar._SMN_len = 3;
+
+// full month names
+Calendar._MN = new Array
+("januari",
+ "februari",
+ "mars",
+ "april",
+ "maj",
+ "juni",
+ "juli",
+ "augusti",
+ "september",
+ "oktober",
+ "november",
+ "december");
+
+// tooltips
+Calendar._TT = {};
+Calendar._TT["INFO"] = "Om kalendern";
+
+Calendar._TT["ABOUT"] =
+"DHTML Datum/tid-väljare\n" +
+"(c) dynarch.com 2002-2005 / Author: Mihai Bazon\n" + // don't translate this this ;-)
+"För senaste version gå till: http://www.dynarch.com/projects/calendar/\n" +
+"Distribueras under GNU LGPL.  Se http://gnu.org/licenses/lgpl.html för detaljer." +
+"\n\n" +
+"Val av datum:\n" +
+"- Använd knapparna \xab, \xbb för att välja år\n" +
+"- Använd knapparna " + String.fromCharCode(0x2039) + ", " + String.fromCharCode(0x203a) + " för att välja månad\n" +
+"- Håll musknappen nedtryckt på någon av ovanstående knappar för snabbare val.";
+Calendar._TT["ABOUT_TIME"] = "\n\n" +
+"Val av tid:\n" +
+"- Klicka på en del av tiden för att öka den delen\n" +
+"- eller skift-klicka för att minska den\n" +
+"- eller klicka och drag för snabbare val.";
+
+Calendar._TT["PREV_YEAR"] = "Föregående år (håll för menu)";
+Calendar._TT["PREV_MONTH"] = "Föregående månad (håll för menu)";
+Calendar._TT["GO_TODAY"] = "Gå till dagens datum";
+Calendar._TT["NEXT_MONTH"] = "Följande månad (håll för menu)";
+Calendar._TT["NEXT_YEAR"] = "Följande år (håll för menu)";
+Calendar._TT["SEL_DATE"] = "Välj datum";
+Calendar._TT["DRAG_TO_MOVE"] = "Drag för att flytta";
+Calendar._TT["PART_TODAY"] = " (idag)";
+Calendar._TT["MON_FIRST"] = "Visa måndag först";
+Calendar._TT["SUN_FIRST"] = "Visa söndag först";
+Calendar._TT["CLOSE"] = "Stäng";
+Calendar._TT["TODAY"] = "Idag";
+Calendar._TT["TIME_PART"] = "(Skift-)klicka eller drag för att ändra tid";
+
+// date formats
+Calendar._TT["DEF_DATE_FORMAT"] = "%Y-%m-%d";
+Calendar._TT["TT_DATE_FORMAT"] = "%A %d %b %Y";
+
+Calendar._TT["WK"] = "vecka";
diff --git a/js/jscalendar/lang/calendar-tr.js b/js/jscalendar/lang/calendar-tr.js
new file mode 100644
index 0000000..2164687
--- /dev/null
+++ b/js/jscalendar/lang/calendar-tr.js
@@ -0,0 +1,58 @@
+//////////////////////////////////////////////////////////////////////////////////////////////

+//	Turkish Translation by Nuri AKMAN

+//	Location: Ankara/TURKEY

+//	e-mail	: nuriakman@hotmail.com

+//	Date	: April, 9 2003

+//

+//	Note: if Turkish Characters does not shown on you screen

+//		  please include falowing line your html code:

+//

+//		  <meta http-equiv="Content-Type" content="text/html; charset=windows-1254">

+//

+//////////////////////////////////////////////////////////////////////////////////////////////

+

+// ** I18N

+Calendar._DN = new Array

+("Pazar",

+ "Pazartesi",

+ "Salý",

+ "Çarþamba",

+ "Perþembe",

+ "Cuma",

+ "Cumartesi",

+ "Pazar");

+Calendar._MN = new Array

+("Ocak",

+ "Þubat",

+ "Mart",

+ "Nisan",

+ "Mayýs",

+ "Haziran",

+ "Temmuz",

+ "Aðustos",

+ "Eylül",

+ "Ekim",

+ "Kasým",

+ "Aralýk");

+

+// tooltips

+Calendar._TT = {};

+Calendar._TT["TOGGLE"] = "Haftanýn ilk gününü kaydýr";

+Calendar._TT["PREV_YEAR"] = "Önceki Yýl (Menü için basýlý tutunuz)";

+Calendar._TT["PREV_MONTH"] = "Önceki Ay (Menü için basýlý tutunuz)";

+Calendar._TT["GO_TODAY"] = "Bugün'e git";

+Calendar._TT["NEXT_MONTH"] = "Sonraki Ay (Menü için basýlý tutunuz)";

+Calendar._TT["NEXT_YEAR"] = "Sonraki Yýl (Menü için basýlý tutunuz)";

+Calendar._TT["SEL_DATE"] = "Tarih seçiniz";

+Calendar._TT["DRAG_TO_MOVE"] = "Taþýmak için sürükleyiniz";

+Calendar._TT["PART_TODAY"] = " (bugün)";

+Calendar._TT["MON_FIRST"] = "Takvim Pazartesi gününden baþlasýn";

+Calendar._TT["SUN_FIRST"] = "Takvim Pazar gününden baþlasýn";

+Calendar._TT["CLOSE"] = "Kapat";

+Calendar._TT["TODAY"] = "Bugün";

+

+// date formats

+Calendar._TT["DEF_DATE_FORMAT"] = "dd-mm-y";

+Calendar._TT["TT_DATE_FORMAT"] = "d MM y, DD";

+

+Calendar._TT["WK"] = "Hafta";

diff --git a/js/jscalendar/lang/calendar-zh.js b/js/jscalendar/lang/calendar-zh.js
new file mode 100644
index 0000000..4a0feb6
--- /dev/null
+++ b/js/jscalendar/lang/calendar-zh.js
@@ -0,0 +1,119 @@
+// ** I18N
+
+// Calendar ZH language
+// Author: muziq, <muziq@sina.com>
+// Encoding: GB2312 or GBK
+// Distributed under the same terms as the calendar itself.
+
+// full day names
+Calendar._DN = new Array
+("ÐÇÆÚÈÕ",
+ "ÐÇÆÚÒ»",
+ "ÐÇÆÚ¶þ",
+ "ÐÇÆÚÈý",
+ "ÐÇÆÚËÄ",
+ "ÐÇÆÚÎå",
+ "ÐÇÆÚÁù",
+ "ÐÇÆÚÈÕ");
+
+// Please note that the following array of short day names (and the same goes
+// for short month names, _SMN) isn't absolutely necessary.  We give it here
+// for exemplification on how one can customize the short day names, but if
+// they are simply the first N letters of the full name you can simply say:
+//
+//   Calendar._SDN_len = N; // short day name length
+//   Calendar._SMN_len = N; // short month name length
+//
+// If N = 3 then this is not needed either since we assume a value of 3 if not
+// present, to be compatible with translation files that were written before
+// this feature.
+
+// short day names
+Calendar._SDN = new Array
+("ÈÕ",
+ "Ò»",
+ "¶þ",
+ "Èý",
+ "ËÄ",
+ "Îå",
+ "Áù",
+ "ÈÕ");
+
+// full month names
+Calendar._MN = new Array
+("Ò»ÔÂ",
+ "¶þÔÂ",
+ "ÈýÔÂ",
+ "ËÄÔÂ",
+ "ÎåÔÂ",
+ "ÁùÔÂ",
+ "ÆßÔÂ",
+ "°ËÔÂ",
+ "¾ÅÔÂ",
+ "Ê®ÔÂ",
+ "ʮһÔÂ",
+ "Ê®¶þÔÂ");
+
+// short month names
+Calendar._SMN = new Array
+("Ò»ÔÂ",
+ "¶þÔÂ",
+ "ÈýÔÂ",
+ "ËÄÔÂ",
+ "ÎåÔÂ",
+ "ÁùÔÂ",
+ "ÆßÔÂ",
+ "°ËÔÂ",
+ "¾ÅÔÂ",
+ "Ê®ÔÂ",
+ "ʮһÔÂ",
+ "Ê®¶þÔÂ");
+
+// tooltips
+Calendar._TT = {};
+Calendar._TT["INFO"] = "°ïÖú";
+
+Calendar._TT["ABOUT"] =
+"DHTML Date/Time Selector\n" +
+"(c) dynarch.com 2002-2005 / Author: Mihai Bazon\n" + // don't translate this this ;-)
+"For latest version visit: http://www.dynarch.com/projects/calendar/\n" +
+"Distributed under GNU LGPL.  See http://gnu.org/licenses/lgpl.html for details." +
+"\n\n" +
+"Ñ¡ÔñÈÕÆÚ:\n" +
+"- µã»÷ \xab, \xbb °´Å¥Ñ¡ÔñÄê·Ý\n" +
+"- µã»÷ " + String.fromCharCode(0x2039) + ", " + String.fromCharCode(0x203a) + " °´Å¥Ñ¡ÔñÔ·Ý\n" +
+"- ³¤°´ÒÔÉÏ°´Å¥¿É´Ó²Ëµ¥ÖпìËÙÑ¡ÔñÄê·Ý»òÔ·Ý";
+Calendar._TT["ABOUT_TIME"] = "\n\n" +
+"Ñ¡Ôñʱ¼ä:\n" +
+"- µã»÷Сʱ»ò·ÖÖÓ¿Éʹ¸ÄÊýÖµ¼ÓÒ»\n" +
+"- °´×¡Shift¼üµã»÷Сʱ»ò·ÖÖÓ¿Éʹ¸ÄÊýÖµ¼õÒ»\n" +
+"- µã»÷Í϶¯Êó±ê¿É½øÐпìËÙÑ¡Ôñ";
+
+Calendar._TT["PREV_YEAR"] = "ÉÏÒ»Äê (°´×¡³ö²Ëµ¥)";
+Calendar._TT["PREV_MONTH"] = "ÉÏÒ»Ô (°´×¡³ö²Ëµ¥)";
+Calendar._TT["GO_TODAY"] = "תµ½½ñÈÕ";
+Calendar._TT["NEXT_MONTH"] = "ÏÂÒ»Ô (°´×¡³ö²Ëµ¥)";
+Calendar._TT["NEXT_YEAR"] = "ÏÂÒ»Äê (°´×¡³ö²Ëµ¥)";
+Calendar._TT["SEL_DATE"] = "Ñ¡ÔñÈÕÆÚ";
+Calendar._TT["DRAG_TO_MOVE"] = "Í϶¯";
+Calendar._TT["PART_TODAY"] = " (½ñÈÕ)";
+
+// the following is to inform that "%s" is to be the first day of week
+// %s will be replaced with the day name.
+Calendar._TT["DAY_FIRST"] = "×î×ó±ßÏÔʾ%s";
+
+// This may be locale-dependent.  It specifies the week-end days, as an array
+// of comma-separated numbers.  The numbers are from 0 to 6: 0 means Sunday, 1
+// means Monday, etc.
+Calendar._TT["WEEKEND"] = "0,6";
+
+Calendar._TT["CLOSE"] = "¹Ø±Õ";
+Calendar._TT["TODAY"] = "½ñÈÕ";
+Calendar._TT["TIME_PART"] = "(Shift-)µã»÷Êó±ê»òÍ϶¯¸Ä±äÖµ";
+
+// date formats
+Calendar._TT["DEF_DATE_FORMAT"] = "%Y-%m-%d";
+Calendar._TT["TT_DATE_FORMAT"] = "%A, %b %eÈÕ";
+
+Calendar._TT["WK"] = "ÖÜ";
+Calendar._TT["TIME"] = "ʱ¼ä:";
diff --git a/js/jscalendar/lang/cn_utf8.js b/js/jscalendar/lang/cn_utf8.js
new file mode 100644
index 0000000..a0ef7c6
--- /dev/null
+++ b/js/jscalendar/lang/cn_utf8.js
@@ -0,0 +1,123 @@
+// ** I18N

+

+// Calendar EN language

+// Author: Mihai Bazon, <mishoo@infoiasi.ro>

+// Encoding: any

+// Translator : Niko <nikoused@gmail.com>

+// Distributed under the same terms as the calendar itself.

+

+// For translators: please use UTF-8 if possible.  We strongly believe that

+// Unicode is the answer to a real internationalized world.  Also please

+// include your contact information in the header, as can be seen above.

+

+// full day names

+Calendar._DN = new Array

+("\u5468\u65e5",//\u5468\u65e5

+ "\u5468\u4e00",//\u5468\u4e00

+ "\u5468\u4e8c",//\u5468\u4e8c

+ "\u5468\u4e09",//\u5468\u4e09

+ "\u5468\u56db",//\u5468\u56db

+ "\u5468\u4e94",//\u5468\u4e94

+ "\u5468\u516d",//\u5468\u516d

+ "\u5468\u65e5");//\u5468\u65e5

+

+// Please note that the following array of short day names (and the same goes

+// for short month names, _SMN) isn't absolutely necessary.  We give it here

+// for exemplification on how one can customize the short day names, but if

+// they are simply the first N letters of the full name you can simply say:

+//

+//   Calendar._SDN_len = N; // short day name length

+//   Calendar._SMN_len = N; // short month name length

+//

+// If N = 3 then this is not needed either since we assume a value of 3 if not

+// present, to be compatible with translation files that were written before

+// this feature.

+

+// short day names

+Calendar._SDN = new Array

+("\u5468\u65e5",

+ "\u5468\u4e00",

+ "\u5468\u4e8c",

+ "\u5468\u4e09",

+ "\u5468\u56db",

+ "\u5468\u4e94",

+ "\u5468\u516d",

+ "\u5468\u65e5");

+

+// full month names

+Calendar._MN = new Array

+("\u4e00\u6708",

+ "\u4e8c\u6708",

+ "\u4e09\u6708",

+ "\u56db\u6708",

+ "\u4e94\u6708",

+ "\u516d\u6708",

+ "\u4e03\u6708",

+ "\u516b\u6708",

+ "\u4e5d\u6708",

+ "\u5341\u6708",

+ "\u5341\u4e00\u6708",

+ "\u5341\u4e8c\u6708");

+

+// short month names

+Calendar._SMN = new Array

+("\u4e00\u6708",

+ "\u4e8c\u6708",

+ "\u4e09\u6708",

+ "\u56db\u6708",

+ "\u4e94\u6708",

+ "\u516d\u6708",

+ "\u4e03\u6708",

+ "\u516b\u6708",

+ "\u4e5d\u6708",

+ "\u5341\u6708",

+ "\u5341\u4e00\u6708",

+ "\u5341\u4e8c\u6708");

+

+// tooltips

+Calendar._TT = {};

+Calendar._TT["INFO"] = "\u5173\u4e8e";

+

+Calendar._TT["ABOUT"] =

+"   DHTML \u65e5\u8d77/\u65f6\u95f4\u9009\u62e9\u63a7\u4ef6\n" +

+"(c) dynarch.com 2002-2005 / Author: Mihai Bazon\n" + // don't translate this this ;-)

+"For latest version visit: \u6700\u65b0\u7248\u672c\u8bf7\u767b\u9646http://www.dynarch.com/projects/calendar/\u5bdf\u770b\n" +

+"\u9075\u5faaGNU LGPL.  \u7ec6\u8282\u53c2\u9605 http://gnu.org/licenses/lgpl.html" +

+"\n\n" +

+"\u65e5\u671f\u9009\u62e9:\n" +

+"- \u70b9\u51fb\xab(\xbb)\u6309\u94ae\u9009\u62e9\u4e0a(\u4e0b)\u4e00\u5e74\u5ea6.\n" +

+"- \u70b9\u51fb" + String.fromCharCode(0x2039) + "(" + String.fromCharCode(0x203a) + ")\u6309\u94ae\u9009\u62e9\u4e0a(\u4e0b)\u4e2a\u6708\u4efd.\n" +

+"- \u957f\u65f6\u95f4\u6309\u7740\u6309\u94ae\u5c06\u51fa\u73b0\u66f4\u591a\u9009\u62e9\u9879.";

+Calendar._TT["ABOUT_TIME"] = "\n\n" +

+"\u65f6\u95f4\u9009\u62e9:\n" +

+"-\u5728\u65f6\u95f4\u90e8\u5206(\u5206\u6216\u8005\u79d2)\u4e0a\u5355\u51fb\u9f20\u6807\u5de6\u952e\u6765\u589e\u52a0\u5f53\u524d\u65f6\u95f4\u90e8\u5206(\u5206\u6216\u8005\u79d2)\n" +

+"-\u5728\u65f6\u95f4\u90e8\u5206(\u5206\u6216\u8005\u79d2)\u4e0a\u6309\u4f4fShift\u952e\u540e\u5355\u51fb\u9f20\u6807\u5de6\u952e\u6765\u51cf\u5c11\u5f53\u524d\u65f6\u95f4\u90e8\u5206(\u5206\u6216\u8005\u79d2).";

+

+Calendar._TT["PREV_YEAR"] = "\u4e0a\u4e00\u5e74";

+Calendar._TT["PREV_MONTH"] = "\u4e0a\u4e2a\u6708";

+Calendar._TT["GO_TODAY"] = "\u5230\u4eca\u5929";

+Calendar._TT["NEXT_MONTH"] = "\u4e0b\u4e2a\u6708";

+Calendar._TT["NEXT_YEAR"] = "\u4e0b\u4e00\u5e74";

+Calendar._TT["SEL_DATE"] = "\u9009\u62e9\u65e5\u671f";

+Calendar._TT["DRAG_TO_MOVE"] = "\u62d6\u52a8";

+Calendar._TT["PART_TODAY"] = " (\u4eca\u5929)";

+

+// the following is to inform that "%s" is to be the first day of week

+// %s will be replaced with the day name.

+Calendar._TT["DAY_FIRST"] = "%s\u4e3a\u8fd9\u5468\u7684\u7b2c\u4e00\u5929";

+

+// This may be locale-dependent.  It specifies the week-end days, as an array

+// of comma-separated numbers.  The numbers are from 0 to 6: 0 means Sunday, 1

+// means Monday, etc.

+Calendar._TT["WEEKEND"] = "0,6";

+

+Calendar._TT["CLOSE"] = "\u5173\u95ed";

+Calendar._TT["TODAY"] = "\u4eca\u5929";

+Calendar._TT["TIME_PART"] = "(\u6309\u7740Shift\u952e)\u5355\u51fb\u6216\u62d6\u52a8\u6539\u53d8\u503c";

+

+// date formats

+Calendar._TT["DEF_DATE_FORMAT"] = "%Y-%m-%d";

+Calendar._TT["TT_DATE_FORMAT"] = "%a, %b %e\u65e5";

+

+Calendar._TT["WK"] = "\u5468";

+Calendar._TT["TIME"] = "\u65f6\u95f4:";

diff --git a/js/jscalendar/menuarrow.gif b/js/jscalendar/menuarrow.gif
new file mode 100644
index 0000000..ed2dee0
--- /dev/null
+++ b/js/jscalendar/menuarrow.gif
diff --git a/js/jscalendar/menuarrow2.gif b/js/jscalendar/menuarrow2.gif
new file mode 100644
index 0000000..40c0aad
--- /dev/null
+++ b/js/jscalendar/menuarrow2.gif
diff --git a/js/jscalendar/multiple-dates.html b/js/jscalendar/multiple-dates.html
new file mode 100644
index 0000000..caf1920
--- /dev/null
+++ b/js/jscalendar/multiple-dates.html
@@ -0,0 +1,82 @@
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+  <title>Sample for the multiple dates feature</title>
+  <!-- calendar stylesheet -->
+  <link rel="stylesheet" type="text/css" media="all" href="calendar-win2k-cold-1.css" title="win2k-cold-1" />
+
+  <!-- main calendar program -->
+  <script type="text/javascript" src="calendar.js"></script>
+
+  <!-- language for the calendar -->
+  <script type="text/javascript" src="lang/calendar-en.js"></script>
+
+  <!-- the following script defines the Calendar.setup helper function, which makes
+       adding a calendar a matter of 1 or 2 lines of code. -->
+  <script type="text/javascript" src="calendar-setup.js"></script>
+</head>
+
+<body>
+  <h1>Sample for the multiple dates feature</h1>
+
+  <p>
+    Starting version 0.9.7,
+    the calendar is able to handle multiple dates selection, in either
+    flat or popup form.  For this to happen one needs to pass the
+    "<tt>multiple:&nbsp;true</tt>" parameter to
+    <tt>Calendar.setup</tt> and to install an <tt>onUpdate</tt>
+    handler that watches for modifications.
+  </p>
+
+  <a id="trigger" href="#">[open calendar...]</a>
+
+  <div id="output"></div>
+
+  <script type="text/javascript">//<![CDATA[
+    // the default multiple dates selected, first time the calendar is instantiated
+    var MA = [];
+
+    function closed(cal) {
+
+      // here we'll write the output; this is only for example.  You
+      // will normally fill an input field or something with the dates.
+      var el = document.getElementById("output");
+
+      // reset initial content.
+      el.innerHTML = "";
+
+      // Reset the "MA", in case one triggers the calendar again.
+      // CAREFUL!  You don't want to do "MA = [];".  We need to modify
+      // the value of the current array, instead of creating a new one.
+      // Calendar.setup is called only once! :-)  So be careful.
+      MA.length = 0;
+
+      // walk the calendar's multiple dates selection hash
+      for (var i in cal.multiple) {
+        var d = cal.multiple[i];
+        // sometimes the date is not actually selected, that's why we need to check.
+        if (d) {
+          // OK, selected.  Fill an input field.  Or something.  Just for example,
+          // we will display all selected dates in the element having the id "output".
+          el.innerHTML += d.print("%A, %Y %B %d") + "<br />";
+
+          // and push it in the "MA", in case one triggers the calendar again.
+          MA[MA.length] = d;
+        }
+      }
+      cal.hide();
+      return true;
+    };
+
+    Calendar.setup({
+      align      : "BR",
+      showOthers : true,
+      multiple   : MA, // pass the initial or computed array of multiple dates to be initially selected
+      onClose    : closed,
+      button     : "trigger"
+    });
+  //]]></script>
+
+<hr />
+<address><a href="http://dynarch.com/mishoo/">mishoo</a></address>
+<!-- hhmts start --> Last modified: Thu Mar  3 20:17:42 EET 2005 <!-- hhmts end -->
+</body> </html>
diff --git a/js/jscalendar/release-notes.html b/js/jscalendar/release-notes.html
new file mode 100644
index 0000000..9addddb
--- /dev/null
+++ b/js/jscalendar/release-notes.html
@@ -0,0 +1,435 @@
+<!DOCTYPE HTML PUBLIC "-//IETF//DTD HTML 3.2//EN">
+<html>
+  <head>
+    <title>jscalendar release notes</title>
+
+    <style type="text/css">
+      h1 { border-bottom: 1px solid #000; }
+      h2 { border-bottom: 1px solid #444; }
+      ul li { margin-top: 0.5em; margin-bottom: 0.5em; }
+    </style>
+  </head>
+
+  <body>
+    <div style="float: right; border: 1px solid #000; background: #fff; padding: 10px; ">
+      <a href="http://www.dynarch.com/projects/calendar/">The Coolest DHTML Calendar</a><br />
+      © <a href="http://www.dynarch.com/">Dynarch.com</a> 2002 and later.
+    </div>
+    <h1>jscalendar release notes</h1>
+
+    <p>This release compiled at Monday,  7 Mar 2005 (19:06).</p>
+
+    <h2>1.0</h2>
+
+    <ul>
+
+      <li>
+        Added support for multiple dates selection.  In this mode the
+        calendar will allow the user to select more than one date, and
+        will maintain an array of selected dates that can be
+        investigated from your custom handlers.  Sample in <a
+        href="multiple-dates.html">multiple-dates.html</a>.
+      </li>
+
+      <li>
+        Support for “day info�.  Using this feature you can display
+        custom information for certain dates.  Sample in <a
+        href="dayinfo.html">dayinfo.html</a>.  Note that if the text
+        is really big the calendar layout might appear somehow broken;
+        this is something that should be easy to fix in the CSS file.
+      </li>
+
+      <li>
+        Clicking on “Today� will now close the calendar if the current
+        date is already selected.
+      </li>
+
+      <li>
+        The “first day of week� setting can now be defined in the
+        language file--after all, it is locale-specific.  The new
+        parameter is “Calendar._FD�.  Language files should be
+        updated, but the calendar will not complain nor fail to
+        function if the parameter is not present.
+      </li>
+
+      <li>
+        Some fixes to make the thing work in Safari.  It now seems to
+        be properly supported, please let me know if you encounter any
+        problems.
+      </li>
+
+      <li>
+        New skin: Aqua theme, appropriate for MacOSX fan sites :-)
+        This theme is located in “skins/aqua/theme.css� (in the
+        future, all themes will go to this directory).
+      </li>
+
+      <li>
+        <b>Bug fixes.</b>
+        <ul>
+          <li>
+            Keyboard operation now functions normally when the
+            calendar is displaying days from adjacent months; it might
+            even work correctly for months containing disabled dates
+            :).  This fix was originally developed under contract for
+            <a
+            href="http://www.zapatec.com/website/main/products/prod1/">The
+            Zapatec Calendar</a>.  Zapatec kindly allowed us to
+            include the bugfixes back in the open source calendar.
+          </li>
+          <li>
+            Fixed the time selection bug: the previous version would
+            reset the time to current time when a new date was
+            clicked.
+          </li>
+          <li>
+            Parsing hours like "12:XX pm" would wrongfully replace
+            "pm" with "am"--fixed.
+          </li>
+          <li>
+            Fixed critical bugs in parseDate function that would
+            initialize the calendar with 'NaN' values in all cells if
+            the string to be parsed is not a valid date.
+          </li>
+          <li>
+            The golbal variable that we are using was renamed to
+            “_dynarch_popupCalendar� to minimize the risk of name
+            clashes.  It's still difficult to get rid of it.
+          </li>
+          <li>
+            Added z-index property to drop-down menus style.
+          </li>
+          <li>
+            The calendar will update an input field even in flat mode,
+            if an input field was passed.  Also, the “showOthers�
+            parameter will be effective in both popup and flat mode.
+          </li>
+          <li>
+            Others, probably.
+          </li>
+        </ul>
+      </li>
+
+      <li>
+        Documentation &amp; sample files updated.
+      </li>
+
+    </ul>
+
+    <h2>0.9.6</h2>
+
+    <ul>
+
+      <li>
+        "Smart" (TM :-) positioning algorithm.  The new algorithm will
+        try to keep the calendar in the browser view, which is helpful
+        in situations when the input field is near the bottom or the
+        right edge.  This code is only tested with IE and Mozilla, but
+        it should work with other browsers too.  Many thanks to <a
+        href="http://www.ex3.com">Sunny Chowdhury</a> for sponsoring
+        this feature!
+      </li>
+
+      <li>
+        Support for IE5/Win is back.  I also want to thank Janusz
+        Piwowarski for keeping his eye on the CVS ;-) He reviewed my
+        IE5-related changes and sent me a much cleaner patch.
+      </li>
+
+      <li>
+        The calendar will now allow any day of week to be "the first
+        day of week".  This was requested long time ago, by someone
+        whose name I forgot (sorry).  The reason was that in certain
+        countries weeks start on Saturday.  So I thought that instead
+        of having a "mondayFirst" and a "saturdayFirst" parameter,
+        :-), it's better to have a "firstDayOfWeek" parameter; now
+        it's present and its meaning is: "0 for Sunday", "1 for
+        Monday", "2 for Tuesday", etc.  The equivalent parameter for
+        Calendar.setup is "firstDay".  The end user can also change
+        it very easy: click on the day name in the calendar display.
+      </li>
+
+      <li>
+        The above feature triggered one <b>important change</b>: the
+        notion of "weekend" is now defined in the language file.
+        Added parameters:
+
+        <pre>
+          Calendar._TT["WEEKEND"] = "0,6";
+          Calendar._TT["DAY_FIRST"] = "Display %s first";</pre>
+
+        "WEEKEND" specifies a string with comma-separated numbers from
+        0 to 7; they define what days are marked as "weekend".  5 and
+        6 mean, of course, "Sunday" and "Saturday".  Day first is the
+        tooltip displayed when a day name is hovered; "%s" will get
+        replaced with the day name.  Updated languages are "en" and
+        "ro", which I maintain.  Please note that languages wich are
+        not updated <b>will not work</b>.  If yours is one of them,
+        please consider fixing it and sending me the fix so that I can
+        include it in the distro.
+      </li>
+
+      <li>
+        The calendar can now display days from the months adjacent to
+        the currently displayed one.  This is optional, of course, and
+        the parameter name is "showsOtherMonths" (or "showOthers" in
+        Calendar.setup).  All theme files were updated.
+      </li>
+
+      <li>
+        Displays "Time:" near the time selector, only if defined in
+        the language file.
+      </li>
+
+      <li>
+        Some bugs fixed in the date parsing code (which has also been
+        rewritten a little bit cleaner).
+      </li>
+
+      <li>
+        Calendar.setup will now configure the calendar to trigger the
+        input fields' "onchange" event, if specified, when a date is
+        selected.
+      </li>
+
+      <li>
+        New parameter in Calendar.setup: "cache" (<b>defaults to
+        false</b>).  If set to true then the popup calendar object
+        will be "cached", meaning, it will be created only once, no
+        matter how many input fields are there in the page.  Sometimes
+        this is not desirable, which is why I've added this
+        parameter.  Please note that it defaults to "false" (thus the
+        default behavior has changed).
+      </li>
+
+      <li>
+        Added a simple PHP wrapper.  It provides code which loads all
+        the required scripts and theme file, and one function which
+        creates and configures an input field for date input.  It
+        takes care of creating and assigning unique ID-s for the
+        calendar fields and it also creates the "Calendar.setup" code.
+        Functions to create more specialized fields can be added very
+        easily.  This feature was requested by the FreeMED.org project
+        (thanks for donating!).
+      </li>
+
+    </ul>
+
+    <p>Wow, there were quite some changes :-D  Enjoy it!</p>
+
+    <h2>0.9.5</h2>
+
+    <p>
+      This release's primary goal is to fix a wrong license statement which
+      can be found in some files from 0.9.4.  For instance in README or
+      calendar.js, the statement was that the code is distributed under the
+      GNU GPL; that's because I had plans to change the license, then
+      changed my mind but unfortunately I committed files so.  I am sorry
+      for this inconvenience, please use the latest (0.9.5) release which is
+      fully covered by LGPL.
+    </p>
+
+    <p>Other changes:</p>
+
+    <ul>
+
+      <li>
+        <b>Fixed</b> an annoying bug that prevented the calendar to display
+	correctly when it was configured for an input field inside a
+	<b>scrolling area</b>.  <b>Many thanks</b> to Ian Barrack (<a
+	href="http://www.simban.com">Simban.com</a>) who pointed it up and
+	donated quite some money for the Calendar project!
+      </li>
+
+      <li>
+        All examples use UTF-8 now; the translations may not be all
+        up-to-date, but I <strong>strongly</strong> suggest everyone to use
+        UTF-8; other encodings are a plain mess.  So far I know for sure
+        that Romanian translation will work with UTF-8 and <em>not
+        anymore</em> with ISO-8859-2.  Other translations are probably
+        usable under UTF-8, but if your preferred language isn't... ;-)
+        please make it and send it to me for inclusion.
+      </li>
+
+      <li>
+        Fixed small bug in the documentation (one footnote didn't appear
+        where it should have).
+      </li>
+
+      <li>
+        Updated translations: DE, ES, HU, IT, RO.  Thanks to everyone who
+        sent translations!
+      </li>
+
+    </ul>
+
+    <h2>0.9.4</h2>
+
+    <h3>New stuff</h3>
+
+    <ul>
+
+      <li>Supports time selection.  Yes. ;-) This work has been largely
+        sponsored by <strong>Himanshukumar Shah</strong> (thank you!).  See
+        the docs and example files for details on how to setup.</li>
+
+      <li>Easy to link 2 or more fields by using the new
+        <code>onUpdate</code> parameter of <code>Calendar.setup</code>.  This
+        is useful, say, to automatically set a value in a second field based
+        on the value selected in the first field.  See the documentation and
+        first sample in <a href="simple-1.html">simple-1.html</a>.</li>
+
+      <li>Other <code>Calendar.setup</code> low-level parameters, for those
+        wanting to have the complete control: <code>onSelect</code> and
+        <code>onClose</code>.  The handlers are called when something is
+        selected in the calendar or when the calendar is closed.</li>
+
+      <li>The translation files can optionally include the short day names
+        and the short month names.  That's because in some languages, like
+        German, the short form is not the first 3 letters of the entire name
+        but only the first 2.  Also in other languages short names can't be
+        as easily derived from the full name by just calling substr, so this
+        patch solves the problem.</li>
+
+      <li>Implemented a nice way to make some dates "special" (look
+        different).  Specifically, the <code>setDisabledHandler</code> method
+        was replaced with the more general <code>setDateStatusHandler</code>
+        method (the old one is still available for backwards compatibility but
+        <em>will</em> be removed).  More details about this in the
+        documentation.  Also see <a href="simple-3.html">simple-3.html</a>
+        for a live sample.</li>
+
+      <li>Date parsing and formatting engine is now rewritten and supports a
+        subset of <code>strftime</code> format specifiers from ANSI C.  This
+        makes it possible to use dates like "YYYYMMDD" (the corresponding
+        format for this would be "%Y%m%d").  Details in the documentation.
+        <b>Please note that the new engine is not compatibile with older
+          calendar releases!</b></li>
+
+      <li>Along with the new date parser I workarounded an unpleasant crash
+        that occurred in IE when certain accented characters appeared in the
+        texts.  I think German was one of the language with such problems, and
+        the workaround was to use the letter without an accent.  Well, now you
+        can translate to whatever you want.</li>
+
+      <li>"Fixes" (I mean, "horrible workarounds") for Konqueror (and
+        hopefully Safari).  Unfortunately, this otherwise excellent browser
+        still has some bugs that keep the calendar from working
+        <em>exactly</em> as it should..  But they're going to be fixed,
+        right? ;-)</li>
+
+      <li>CSS themes got pretty much modified too so if you wrote your theme
+        you need to update it.  Aside for the time selector support, the CSS
+        themes contain a simple hack that makes the navigation buttons show
+        a little arrow in the lower-right corner which indicates that if one
+        holds the mouse a menu will appear.</li>
+
+    </ul>
+
+    <h3>Translation files</h3>
+
+    <p>The translation files need to be updated in order for the calendar to
+      work properly.  Currently the only updated files are calendar-en.js
+      (main file) and calendar-ro.js (well, yes, I am a Romanian ;-).</p>
+
+    <p>Specifically, they need the following:</p>
+
+    <ul>
+
+      <li>Correct date format, according with the new format specifiers
+        introduced in 0.9.4.  Details about the available format specifiers
+        in the documentation</li>
+
+      <li>Short day or month names, <em>if required</em>.  If they can be
+        derived by taking the first N letters of the full name then a simple
+        Calendar._SDN_len = N or Calendar._SMN_len = N will suffice.  If N
+        is 3 then nothing needs to be done as we take it for granted if no
+        other option is offered ;-)</li>
+
+      <li>We have some new texts that shows short usage information as well
+        as copyright information.</li>
+
+    </ul>
+
+    <p>If your favorite language is not there yet, or it is but not updated
+      according to the main calendar-en.js file, then please consider
+      translating calendar-en.js and send the translation back to me so that
+      I include it in the official distribution.</p>
+
+    <h3>Bug status</h3>
+
+    <p>Check <a
+        href="http://sourceforge.net/tracker/?atid=544285&group_id=75569&func=browse">SourceForge</a>,
+      I didn't keep track.  However, there were a lot of bugfixes.</p>
+
+    <h2>0.9.3</h2>    
+
+    <h3>New stuff</h3>
+
+    <ul>
+
+      <li>Opera&nbsp;7 compatibility &mdash; keyboard navigation is
+        still not available; text selection can't be disabled, leading to an
+        ugly effect when walking through the month/year menus.</li>
+
+      <li>Ability to align the calendar relative to the input field (or any
+        other element).  Vertical: top, center, bottom.  Horizontal: left,
+        center, right.  This is established as a new parameter for
+        <tt>showAtElement</tt>.</li>
+
+      <li>Added <tt>dateClicked</tt> property (boolean).  This can be
+        inspected in the "onSelect" handler to determine if a date was
+        really clicked or the user only changed month/year using the menus.
+        You <em>need</em> to check this for "single-click" calendars and
+        only close/hide the calendar if it's <tt>true</tt>.</li>
+
+      <li>Full documentation in <a href="doc/html/reference.html">HTML</a>
+        and <a href="doc/reference.pdf">PDF</a> format is now available in the
+        distribution archive.</li>
+
+      <li>New language definition files: HU, HR, PT, ZH.  Thanks those who
+        submitted!</li>
+
+    </ul>
+
+    <h3>Bug status</h3>
+
+    <p>This covers only those bugs that have been reported <a
+        href="http://sourceforge.net/projects/jscalendar" target="_blank"
+        title="Project page at SourceForge">at SourceForge</a>.</p>
+
+    <ol>
+
+      <li><a href="http://sourceforge.net/tracker/index.php?func=detail&aid=703238&group_id=75569&atid=544285" target="_blank"
+            title="Go to bug description at sourceforge"><tt>#703,238</tt></a> &mdash; fixed</li>
+      <li><a href="http://sourceforge.net/tracker/index.php?func=detail&aid=703814&group_id=75569&atid=544285" target="_blank"
+            title="Go to bug description at sourceforge"><tt>#703,814</tt></a> &mdash; fixed</li>
+      <li><a href="http://sourceforge.net/tracker/index.php?func=detail&aid=716777&group_id=75569&atid=544285" target="_blank"
+            title="Go to bug description at sourceforge"><tt>#716,777</tt></a> &mdash; closed (was fixed already in 0.9.2-1)</li>
+      <li><a href="http://sourceforge.net/tracker/index.php?func=detail&aid=723335&group_id=75569&atid=544285" target="_blank"
+            title="Go to bug description at sourceforge"><tt>#723,335</tt></a> &mdash; fixed</li>
+      <li><a href="http://sourceforge.net/tracker/index.php?func=detail&aid=715122&group_id=75569&atid=544285" target="_blank"
+            title="Go to bug description at sourceforge"><tt>#715,122</tt></a> &mdash; feature request; implemented.</li>
+      <li><a href="http://sourceforge.net/tracker/index.php?func=detail&aid=721206&group_id=75569&atid=544285" target="_blank"
+            title="Go to bug description at sourceforge"><tt>#721,206</tt></a> &mdash; fixed (added "refresh()" function)</li>
+      <li><a href="http://sourceforge.net/tracker/index.php?func=detail&aid=721833&group_id=75569&atid=544285" target="_blank"
+            title="Go to bug description at sourceforge"><tt>#721,833</tt></a> &mdash; fixed (bug concerning the "yy" format
+        parsing)</li>
+      <li><a href="http://sourceforge.net/tracker/index.php?func=detail&aid=721833&group_id=75569&atid=544285" target="_blank"
+            title="Go to bug description at sourceforge"><tt>#721,833</tt></a> &mdash; won't fix (we won't set the time to
+        midnight; time might actually be useful when we implement support
+        for time selection).
+
+    </ol>
+
+    <hr />
+    <address><a href="http://dynarch.com/mishoo/">Mihai Bazon</a></address>
+<!-- Created: Tue Jul  8 17:29:37 EEST 2003 -->
+<!-- hhmts start -->
+Last modified on Wed Oct 29 02:37:07 2003
+<!-- hhmts end -->
+<!-- doc-lang: English -->
+  </body>
+</html>
+
+
diff --git a/js/jscalendar/simple-1.html b/js/jscalendar/simple-1.html
new file mode 100644
index 0000000..c2a944a
--- /dev/null
+++ b/js/jscalendar/simple-1.html
@@ -0,0 +1,244 @@
+<html style="background-color: buttonface; color: buttontext;">
+
+<head>
+<meta http-equiv="content-type" content="text/xml; charset=utf-8" />
+
+<title>Simple calendar setups [popup calendar]</title>
+
+  <!-- calendar stylesheet -->
+  <link rel="stylesheet" type="text/css" media="all" href="calendar-win2k-cold-1.css" title="win2k-cold-1" />
+
+  <!-- main calendar program -->
+  <script type="text/javascript" src="calendar.js"></script>
+
+  <!-- language for the calendar -->
+  <script type="text/javascript" src="lang/calendar-en.js"></script>
+
+  <!-- the following script defines the Calendar.setup helper function, which makes
+       adding a calendar a matter of 1 or 2 lines of code. -->
+  <script type="text/javascript" src="calendar-setup.js"></script>
+
+</head>
+
+<body>
+
+<h2>DHTML Calendar &mdash; for the impatient</h2>
+
+      <blockquote>
+        <p>
+          This page lists some common setups for the popup calendar.  In
+          order to see how to do any of them please see the source of this
+          page.  For each example it's structured like this: there's the
+          &lt;form&gt; that contains the input field, and following there is
+          the JavaScript snippet that setups that form.  An example of
+          <em>flat</em> calendar is available in <a
+            href="simple-2.html">another page</a>.
+        </p>
+        <p>
+          The code in this page uses a helper function defined in
+          "calendar-setup.js".  With it you can setup the calendar in
+          minutes.  If you're not <em>that</em> impatient, ;-) <a
+          href="doc/html/reference.html">complete documenation</a> is
+          available.
+        </p>
+      </blockquote>
+
+
+
+<hr />
+
+<p><b>Basic setup: one input per calendar.</b> Clicking in the input field
+activates the calendar.  The date format is "%m/%d/%Y %I:%M %p".  The
+calendar defaults to "single-click mode".</p>
+
+<p>The example below has been updated to show you how to create "linked"
+fields.  Basically, when some field is filled with a date, the other
+is updated so that the difference between them remains one week.  The
+property useful here is "onUpdate".</p>
+
+<form action="#" method="get">
+<input type="text" name="date" id="f_date_a" />
+<input type="text" name="date" id="f_calcdate" />
+</form>
+
+<script type="text/javascript">
+    function catcalc(cal) {
+        var date = cal.date;
+        var time = date.getTime()
+        // use the _other_ field
+        var field = document.getElementById("f_calcdate");
+        if (field == cal.params.inputField) {
+            field = document.getElementById("f_date_a");
+            time -= Date.WEEK; // substract one week
+        } else {
+            time += Date.WEEK; // add one week
+        }
+        var date2 = new Date(time);
+        field.value = date2.print("%Y-%m-%d %H:%M");
+    }
+    Calendar.setup({
+        inputField     :    "f_date_a",   // id of the input field
+        ifFormat       :    "%Y-%m-%d %H:%M",       // format of the input field
+        showsTime      :    true,
+        timeFormat     :    "24",
+        onUpdate       :    catcalc
+    });
+    Calendar.setup({
+        inputField     :    "f_calcdate",
+        ifFormat       :    "%Y-%m-%d %H:%M",
+        showsTime      :    true,
+        timeFormat     :    "24",
+        onUpdate       :    catcalc
+    });
+</script>
+
+
+
+<hr />
+
+<p><b>Input field with a trigger button.</b> Clicking the button activates
+the calendar.  Note that this one needs double-click (singleClick parameter
+is explicitely set to false).  Also demonstrates the "step" parameter
+introduced in 0.9.6 (show all years in drop-down boxes, instead of every
+other year as default).</p>
+
+<form action="#" method="get">
+<input type="text" name="date" id="f_date_b" /><button type="reset" id="f_trigger_b">...</button>
+</form>
+
+<script type="text/javascript">
+    Calendar.setup({
+        inputField     :    "f_date_b",      // id of the input field
+        ifFormat       :    "%m/%d/%Y %I:%M %p",       // format of the input field
+        showsTime      :    true,            // will display a time selector
+        button         :    "f_trigger_b",   // trigger for the calendar (button ID)
+        singleClick    :    false,           // double-click mode
+        step           :    1                // show all years in drop-down boxes (instead of every other year as default)
+    });
+</script>
+
+
+
+<hr />
+
+<p><b>Input field with a trigger image.</b> Note that the Calendar.setup
+function doesn't care if the trigger is a button, image, or anything else.
+Also in this example we setup a different alignment, just to show how it's
+done.  The input field is read-only (that is set from HTML).</p>
+
+<form action="#" method="get">
+<table cellspacing="0" cellpadding="0" style="border-collapse: collapse"><tr>
+ <td><input type="text" name="date" id="f_date_c" readonly="1" /></td>
+ <td><img src="img.gif" id="f_trigger_c" style="cursor: pointer; border: 1px solid red;" title="Date selector"
+      onmouseover="this.style.background='red';" onmouseout="this.style.background=''" /></td>
+</table>
+</form>
+
+<script type="text/javascript">
+    Calendar.setup({
+        inputField     :    "f_date_c",     // id of the input field
+        ifFormat       :    "%B %e, %Y",      // format of the input field
+        button         :    "f_trigger_c",  // trigger for the calendar (button ID)
+        align          :    "Tl",           // alignment (defaults to "Bl")
+        singleClick    :    true
+    });
+</script>
+
+
+
+<hr />
+
+<p><b>Hidden field, display area.</b> The calendar now puts the date into 2
+elements: one is an input field of type "hidden"&mdash;so that the user
+can't directly see or modify it&mdash; and one is a &lt;span&gt; element in
+which the date is displayed.  Note that if the trigger is not specified the
+calendar will use the displayArea (or inputField as in the first example).
+The display area can have it's own format.  This is useful if, for instance,
+we need to store one format in the database (thus pass it in the input
+field) but we wanna show a friendlier format to the end-user.</p>
+
+<form action="#" method="get" style="visibility: hidden">
+<input type="hidden" name="date" id="f_date_d" />
+</form>
+
+<p>Your birthday:
+   <span style="background-color: #ff8; cursor: default;"
+         onmouseover="this.style.backgroundColor='#ff0';"
+         onmouseout="this.style.backgroundColor='#ff8';"
+         id="show_d"
+   >Click to open date selector</span>.</p>
+
+<script type="text/javascript">
+    Calendar.setup({
+        inputField     :    "f_date_d",     // id of the input field
+        ifFormat       :    "%Y/%d/%m",     // format of the input field (even if hidden, this format will be honored)
+        displayArea    :    "show_d",       // ID of the span where the date is to be shown
+        daFormat       :    "%A, %B %d, %Y",// format of the displayed date
+        align          :    "Tl",           // alignment (defaults to "Bl")
+        singleClick    :    true
+    });
+</script>
+
+
+
+<hr />
+
+<p><b>Hidden field, display area, trigger image.</b> Very similar to the
+previous example.  The difference is that we also have a trigger image.</p>
+
+<form action="#" method="get" style="visibility: hidden">
+<input type="hidden" name="date" id="f_date_e" />
+</form>
+
+<p>Your birthday: <span id="show_e">-- not entered --</span> <img
+src="img.gif" id="f_trigger_e" style="cursor: pointer; border: 1px solid
+red;" title="Date selector" onmouseover="this.style.background='red';"
+onmouseout="this.style.background=''" />.</p>
+
+<script type="text/javascript">
+    Calendar.setup({
+        inputField     :    "f_date_e",     // id of the input field
+        ifFormat       :    "%Y/%d/%m",     // format of the input field (even if hidden, this format will be honored)
+        displayArea    :    "show_e",       // ID of the span where the date is to be shown
+        daFormat       :    "%A, %B %d, %Y",// format of the displayed date
+        button         :    "f_trigger_e",  // trigger button (well, IMG in our case)
+        align          :    "Tl",           // alignment (defaults to "Bl")
+        singleClick    :    true
+    });
+</script>
+
+
+
+<hr />
+
+<p><b>Hidden field, display area.</b> Very much like the previous examples,
+but we now disable some dates (all weekends, that is, Saturdays and
+Sundays).</p>
+
+<form action="#" method="get" style="visibility: hidden">
+<input type="hidden" name="date" id="f_date_f" />
+</form>
+
+<p>Your birthday:
+   <span style="background-color: #ff8; cursor: default;"
+         onmouseover="this.style.backgroundColor='#ff0';"
+         onmouseout="this.style.backgroundColor='#ff8';"
+         id="show_f"
+   >Click to open date selector</span>.</p>
+
+<script type="text/javascript">
+    Calendar.setup({
+        inputField     :    "f_date_f",     // id of the input field
+        ifFormat       :    "%Y/%d/%m",     // format of the input field (even if hidden, this format will be honored)
+        displayArea    :    "show_f",       // ID of the span where the date is to be shown
+        daFormat       :    "%A, %B %d, %Y",// format of the displayed date
+        align          :    "Tl",           // alignment (defaults to "Bl")
+        dateStatusFunc :    function (date) { // disable weekend days (Saturdays == 6 and Subdays == 0)
+                              return (date.getDay() == 6 || date.getDay() == 0) ? true : false;
+                            }
+    });
+</script>
+
+
+</body>
+</html>
diff --git a/js/jscalendar/simple-2.html b/js/jscalendar/simple-2.html
new file mode 100644
index 0000000..b55bae8
--- /dev/null
+++ b/js/jscalendar/simple-2.html
@@ -0,0 +1,108 @@
+<html style="background-color: buttonface; color: buttontext;">
+
+<head>
+<meta http-equiv="content-type" content="text/xml; charset=utf-8" />
+
+<title>Simple calendar setup [flat calendar]</title>
+
+  <!-- calendar stylesheet -->
+  <link rel="stylesheet" type="text/css" media="all" href="calendar-win2k-cold-1.css" title="win2k-cold-1" />
+
+  <!-- main calendar program -->
+  <script type="text/javascript" src="calendar.js"></script>
+
+  <!-- language for the calendar -->
+  <script type="text/javascript" src="lang/calendar-en.js"></script>
+
+  <!-- the following script defines the Calendar.setup helper function, which makes
+       adding a calendar a matter of 1 or 2 lines of code. -->
+  <script type="text/javascript" src="calendar-setup.js"></script>
+
+</head>
+
+<body>
+
+<h2>DHTML Calendar &mdash; for the impatient</h2>
+
+      <blockquote>
+        <p>
+          This page demonstrates how to setup a flat calendar.  Examples of
+          <em>popup</em> calendars are available in <a
+          href="simple-1.html">another page</a>.
+        </p>
+        <p>
+          The code in this page uses a helper function defined in
+          "calendar-setup.js".  With it you can setup the calendar in
+          minutes.  If you're not <em>that</em> impatient, ;-) <a
+          href="doc/html/reference.html">complete documenation</a> is
+          available.
+        </p>
+      </blockquote>
+
+
+
+<hr />
+
+<div style="float: right; margin-left: 1em; margin-bottom: 1em;"
+id="calendar-container"></div>
+
+<script type="text/javascript">
+  function dateChanged(calendar) {
+    // Beware that this function is called even if the end-user only
+    // changed the month/year.  In order to determine if a date was
+    // clicked you can use the dateClicked property of the calendar:
+    if (calendar.dateClicked) {
+      // OK, a date was clicked, redirect to /yyyy/mm/dd/index.php
+      var y = calendar.date.getFullYear();
+      var m = calendar.date.getMonth();     // integer, 0..11
+      var d = calendar.date.getDate();      // integer, 1..31
+      // redirect...
+      window.location = "/" + y + "/" + m + "/" + d + "/index.php";
+    }
+  };
+
+  Calendar.setup(
+    {
+      flat         : "calendar-container", // ID of the parent element
+      flatCallback : dateChanged           // our callback function
+    }
+  );
+</script>
+
+<p>The positioning of the DIV that contains the calendar is entirely your
+job.  For instance, the "calendar-container" DIV from this page has the
+following style: "float: right; margin-left: 1em; margin-bottom: 1em".</p>
+
+<p>Following there is the code that has been used to create this calendar.
+You can find the full description of the <tt>Calendar.setup()</tt> function
+in the <a href="doc/html/reference.html">calendar documenation</a>.</p>
+
+<pre
+>&lt;div style="float: right; margin-left: 1em; margin-bottom: 1em;"
+id="calendar-container"&gt;&lt;/div&gt;
+
+&lt;script type="text/javascript"&gt;
+  function dateChanged(calendar) {
+    // Beware that this function is called even if the end-user only
+    // changed the month/year.  In order to determine if a date was
+    // clicked you can use the dateClicked property of the calendar:
+    if (calendar.dateClicked) {
+      // OK, a date was clicked, redirect to /yyyy/mm/dd/index.php
+      var y = calendar.date.getFullYear();
+      var m = calendar.date.getMonth();     // integer, 0..11
+      var d = calendar.date.getDate();      // integer, 1..31
+      // redirect...
+      window.location = "/" + y + "/" + m + "/" + d + "/index.php";
+    }
+  };
+
+  Calendar.setup(
+    {
+      flat         : "calendar-container", // ID of the parent element
+      flatCallback : dateChanged           // our callback function
+    }
+  );
+&lt;/script&gt;</pre>
+
+</body>
+</html>
diff --git a/js/jscalendar/simple-3.html b/js/jscalendar/simple-3.html
new file mode 100644
index 0000000..c096e87
--- /dev/null
+++ b/js/jscalendar/simple-3.html
@@ -0,0 +1,130 @@
+<html style="background-color: buttonface; color: buttontext;">
+
+<head>
+<meta http-equiv="content-type" content="text/xml; charset=utf-8" />
+
+<title>Simple calendar setup [flat calendar]</title>
+
+  <!-- calendar stylesheet -->
+  <link rel="stylesheet" type="text/css" media="all" href="calendar-win2k-cold-1.css" title="win2k-cold-1" />
+
+  <!-- main calendar program -->
+  <script type="text/javascript" src="calendar.js"></script>
+
+  <!-- language for the calendar -->
+  <script type="text/javascript" src="lang/calendar-en.js"></script>
+
+  <!-- the following script defines the Calendar.setup helper function, which makes
+       adding a calendar a matter of 1 or 2 lines of code. -->
+  <script type="text/javascript" src="calendar-setup.js"></script>
+
+    <style type="text/css">
+      .special { background-color: #000; color: #fff; }
+    </style>
+
+</head>
+
+<body>
+
+<h2>DHTML Calendar &mdash; for the impatient</h2>
+
+      <blockquote>
+        <p>
+          This page demonstrates how to setup a flat calendar.  Examples of
+          <em>popup</em> calendars are available in <a
+          href="simple-1.html">another page</a>.
+        </p>
+        <p>
+          The code in this page uses a helper function defined in
+          "calendar-setup.js".  With it you can setup the calendar in
+          minutes.  If you're not <em>that</em> impatient, ;-) <a
+          href="doc/html/reference.html">complete documenation</a> is
+          available.
+        </p>
+      </blockquote>
+
+
+
+<hr />
+
+<div style="float: right; margin-left: 1em; margin-bottom: 1em;"
+id="calendar-container"></div>
+
+<script type="text/javascript">
+  var SPECIAL_DAYS = {
+    0 : [ 13, 24 ],		// special days in January
+    2 : [ 1, 6, 8, 12, 18 ],	// special days in March
+    8 : [ 21, 11 ]		// special days in September
+  };
+
+  function dateIsSpecial(year, month, day) {
+    var m = SPECIAL_DAYS[month];
+    if (!m) return false;
+    for (var i in m) if (m[i] == day) return true;
+    return false;
+  };
+
+  function dateChanged(calendar) {
+    // Beware that this function is called even if the end-user only
+    // changed the month/year.  In order to determine if a date was
+    // clicked you can use the dateClicked property of the calendar:
+    if (calendar.dateClicked) {
+      // OK, a date was clicked, redirect to /yyyy/mm/dd/index.php
+      var y = calendar.date.getFullYear();
+      var m = calendar.date.getMonth();     // integer, 0..11
+      var d = calendar.date.getDate();      // integer, 1..31
+      // redirect...
+      window.location = "/" + y + "/" + m + "/" + d + "/index.php";
+    }
+  };
+
+  Calendar.setup(
+    {
+      flat         : "calendar-container", // ID of the parent element
+      flatCallback : dateChanged,          // our callback function
+      dateStatusFunc : function(date, y, m, d) {
+                         if (dateIsSpecial(y, m, d)) return "special";
+                         else return false; // other dates are enabled
+                         // return true if you want to disable other dates
+                       }
+    }
+  );
+</script>
+
+<p>The positioning of the DIV that contains the calendar is entirely your
+job.  For instance, the "calendar-container" DIV from this page has the
+following style: "float: right; margin-left: 1em; margin-bottom: 1em".</p>
+
+<p>Following there is the code that has been used to create this calendar.
+You can find the full description of the <tt>Calendar.setup()</tt> function
+in the <a href="doc/html/reference.html">calendar documenation</a>.</p>
+
+<pre
+>&lt;div style="float: right; margin-left: 1em; margin-bottom: 1em;"
+id="calendar-container"&gt;&lt;/div&gt;
+
+&lt;script type="text/javascript"&gt;
+  function dateChanged(calendar) {
+    // Beware that this function is called even if the end-user only
+    // changed the month/year.  In order to determine if a date was
+    // clicked you can use the dateClicked property of the calendar:
+    if (calendar.dateClicked) {
+      // OK, a date was clicked, redirect to /yyyy/mm/dd/index.php
+      var y = calendar.date.getFullYear();
+      var m = calendar.date.getMonth();     // integer, 0..11
+      var d = calendar.date.getDate();      // integer, 1..31
+      // redirect...
+      window.location = "/" + y + "/" + m + "/" + d + "/index.php";
+    }
+  };
+
+  Calendar.setup(
+    {
+      flat         : "calendar-container", // ID of the parent element
+      flatCallback : dateChanged           // our callback function
+    }
+  );
+&lt;/script&gt;</pre>
+
+</body>
+</html>
diff --git a/js/jscalendar/skins/aqua/active-bg.gif b/js/jscalendar/skins/aqua/active-bg.gif
new file mode 100644
index 0000000..d608c54
--- /dev/null
+++ b/js/jscalendar/skins/aqua/active-bg.gif
diff --git a/js/jscalendar/skins/aqua/dark-bg.gif b/js/jscalendar/skins/aqua/dark-bg.gif
new file mode 100644
index 0000000..1dea48a
--- /dev/null
+++ b/js/jscalendar/skins/aqua/dark-bg.gif
diff --git a/js/jscalendar/skins/aqua/hover-bg.gif b/js/jscalendar/skins/aqua/hover-bg.gif
new file mode 100644
index 0000000..fbf94fc
--- /dev/null
+++ b/js/jscalendar/skins/aqua/hover-bg.gif
diff --git a/js/jscalendar/skins/aqua/menuarrow.gif b/js/jscalendar/skins/aqua/menuarrow.gif
new file mode 100644
index 0000000..40c0aad
--- /dev/null
+++ b/js/jscalendar/skins/aqua/menuarrow.gif
diff --git a/js/jscalendar/skins/aqua/normal-bg.gif b/js/jscalendar/skins/aqua/normal-bg.gif
new file mode 100644
index 0000000..bdb5068
--- /dev/null
+++ b/js/jscalendar/skins/aqua/normal-bg.gif
diff --git a/js/jscalendar/skins/aqua/rowhover-bg.gif b/js/jscalendar/skins/aqua/rowhover-bg.gif
new file mode 100644
index 0000000..7715342
--- /dev/null
+++ b/js/jscalendar/skins/aqua/rowhover-bg.gif
diff --git a/js/jscalendar/skins/aqua/status-bg.gif b/js/jscalendar/skins/aqua/status-bg.gif
new file mode 100644
index 0000000..857108c
--- /dev/null
+++ b/js/jscalendar/skins/aqua/status-bg.gif
diff --git a/js/jscalendar/skins/aqua/theme.css b/js/jscalendar/skins/aqua/theme.css
new file mode 100644
index 0000000..18dd6cf
--- /dev/null
+++ b/js/jscalendar/skins/aqua/theme.css
@@ -0,0 +1,236 @@
+/* Distributed as part of The Coolest DHTML Calendar
+   Author: Mihai Bazon, www.bazon.net/mishoo
+   Copyright Dynarch.com 2005, www.dynarch.com
+*/
+
+/* The main calendar widget.  DIV containing a table. */
+
+div.calendar { position: relative; }
+
+.calendar, .calendar table {
+  border: 1px solid #bdb2bf;
+  font-size: 11px;
+  color: #000;
+  cursor: default;
+  background: url("normal-bg.gif");
+  font-family: "trebuchet ms",verdana,tahoma,sans-serif;
+}
+
+.calendar {
+  border-color: #797979;
+}
+
+/* Header part -- contains navigation buttons and day names. */
+
+.calendar .button { /* "<<", "<", ">", ">>" buttons have this class */
+  text-align: center;    /* They are the navigation buttons */
+  padding: 2px;          /* Make the buttons seem like they're pressing */
+  background: url("title-bg.gif") repeat-x 0 100%; color: #000;
+  font-weight: bold;
+}
+
+.calendar .nav {
+  font-family: verdana,tahoma,sans-serif;
+}
+
+.calendar .nav div {
+  background: transparent url("menuarrow.gif") no-repeat 100% 100%;
+}
+
+.calendar thead tr { background: url("title-bg.gif") repeat-x 0 100%; color: #000; }
+
+.calendar thead .title { /* This holds the current "month, year" */
+  font-weight: bold;      /* Pressing it will take you to the current date */
+  text-align: center;
+  padding: 2px;
+  background: url("title-bg.gif") repeat-x 0 100%; color: #000;
+}
+
+.calendar thead .headrow { /* Row <TR> containing navigation buttons */
+}
+
+.calendar thead .name { /* Cells <TD> containing the day names */
+  border-bottom: 1px solid #797979;
+  padding: 2px;
+  text-align: center;
+  color: #000;
+}
+
+.calendar thead .weekend { /* How a weekend day name shows in header */
+  color: #c44;
+}
+
+.calendar thead .hilite { /* How do the buttons in header appear when hover */
+  background: url("hover-bg.gif");
+  border-bottom: 1px solid #797979;
+  padding: 2px 2px 1px 2px;
+}
+
+.calendar thead .active { /* Active (pressed) buttons in header */
+  background: url("active-bg.gif"); color: #fff;
+  padding: 3px 1px 0px 3px;
+  border-bottom: 1px solid #797979;
+}
+
+.calendar thead .daynames { /* Row <TR> containing the day names */
+  background: url("dark-bg.gif");
+}
+
+/* The body part -- contains all the days in month. */
+
+.calendar tbody .day { /* Cells <TD> containing month days dates */
+  font-family: verdana,tahoma,sans-serif;
+  width: 2em;
+  color: #000;
+  text-align: right;
+  padding: 2px 4px 2px 2px;
+}
+.calendar tbody .day.othermonth {
+  font-size: 80%;
+  color: #999;
+}
+.calendar tbody .day.othermonth.oweekend {
+  color: #f99;
+}
+
+.calendar table .wn {
+  padding: 2px 3px 2px 2px;
+  border-right: 1px solid #797979;
+  background: url("dark-bg.gif");
+}
+
+.calendar tbody .rowhilite td,
+.calendar tbody .rowhilite td.wn {
+  background: url("rowhover-bg.gif");
+}
+
+.calendar tbody td.today { font-weight: bold; /* background: url("today-bg.gif") no-repeat 70% 50%; */ }
+
+.calendar tbody td.hilite { /* Hovered cells <TD> */
+  background: url("hover-bg.gif");
+  padding: 1px 3px 1px 1px;
+  border: 1px solid #bbb;
+}
+
+.calendar tbody td.active { /* Active (pressed) cells <TD> */
+  padding: 2px 2px 0px 2px;
+}
+
+.calendar tbody td.weekend { /* Cells showing weekend days */
+  color: #c44;
+}
+
+.calendar tbody td.selected { /* Cell showing selected date */
+  font-weight: bold;
+  border: 1px solid #797979;
+  padding: 1px 3px 1px 1px;
+  background: url("active-bg.gif"); color: #fff;
+}
+
+.calendar tbody .disabled { color: #999; }
+
+.calendar tbody .emptycell { /* Empty cells (the best is to hide them) */
+  visibility: hidden;
+}
+
+.calendar tbody .emptyrow { /* Empty row (some months need less than 6 rows) */
+  display: none;
+}
+
+/* The footer part -- status bar and "Close" button */
+
+.calendar tfoot .footrow { /* The <TR> in footer (only one right now) */
+  text-align: center;
+  background: #565;
+  color: #fff;
+}
+
+.calendar tfoot .ttip { /* Tooltip (status bar) cell <TD> */
+  padding: 2px;
+  background: url("status-bg.gif") repeat-x 0 0; color: #000;
+}
+
+.calendar tfoot .hilite { /* Hover style for buttons in footer */
+  background: #afa;
+  border: 1px solid #084;
+  color: #000;
+  padding: 1px;
+}
+
+.calendar tfoot .active { /* Active (pressed) style for buttons in footer */
+  background: #7c7;
+  padding: 2px 0px 0px 2px;
+}
+
+/* Combo boxes (menus that display months/years for direct selection) */
+
+.calendar .combo {
+  position: absolute;
+  display: none;
+  top: 0px;
+  left: 0px;
+  width: 4em;
+  cursor: default;
+  border-width: 0 1px 1px 1px;
+  border-style: solid;
+  border-color: #797979;
+  background: url("normal-bg.gif"); color: #000;
+  z-index: 100;
+  font-size: 90%;
+}
+
+.calendar .combo .label,
+.calendar .combo .label-IEfix {
+  text-align: center;
+  padding: 1px;
+}
+
+.calendar .combo .label-IEfix {
+  width: 4em;
+}
+
+.calendar .combo .hilite {
+  background: url("hover-bg.gif"); color: #000;
+}
+
+.calendar .combo .active {
+  background: url("active-bg.gif"); color: #fff;
+  font-weight: bold;
+}
+
+.calendar td.time {
+  border-top: 1px solid #797979;
+  padding: 1px 0px;
+  text-align: center;
+  background: url("dark-bg.gif");
+}
+
+.calendar td.time .hour,
+.calendar td.time .minute,
+.calendar td.time .ampm {
+  padding: 0px 5px 0px 6px;
+  font-weight: bold;
+  background: url("normal-bg.gif"); color: #000;
+}
+
+.calendar td.time .hour,
+.calendar td.time .minute {
+  font-family: monospace;
+}
+
+.calendar td.time .ampm {
+  text-align: center;
+}
+
+.calendar td.time .colon {
+  padding: 0px 2px 0px 3px;
+  font-weight: bold;
+}
+
+.calendar td.time span.hilite {
+  background: url("hover-bg.gif"); color: #000;
+}
+
+.calendar td.time span.active {
+  background: url("active-bg.gif"); color: #fff;
+}
diff --git a/js/jscalendar/skins/aqua/title-bg.gif b/js/jscalendar/skins/aqua/title-bg.gif
new file mode 100644
index 0000000..6a541b3
--- /dev/null
+++ b/js/jscalendar/skins/aqua/title-bg.gif
diff --git a/js/jscalendar/skins/aqua/today-bg.gif b/js/jscalendar/skins/aqua/today-bg.gif
new file mode 100644
index 0000000..7161538
--- /dev/null
+++ b/js/jscalendar/skins/aqua/today-bg.gif
diff --git a/js/jscalendar/test-position.html b/js/jscalendar/test-position.html
new file mode 100644
index 0000000..5544871
--- /dev/null
+++ b/js/jscalendar/test-position.html
@@ -0,0 +1,40 @@
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+  <head>
+    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
+    <title>JS Calendar (positioning test)</title>
+    <script type="text/javascript" src="calendar.js"></script>
+    <script type="text/javascript" src="calendar-setup.js"></script>
+    <script type="text/javascript" src="lang/calendar-en.js"></script>
+    <style type="text/css"> @import url("calendar-win2k-cold-1.css"); </style>
+  </head>
+
+  <body style="height: 100%; margin: 0px; padding: 0px;">
+    <table style="height: 100%; width: 100%;" cellspacing="0" cellpadding="0">
+      <tr style="height: 100%;">
+        <td style="vertical-align: top; text-align: left;">
+          <input type="text" id="cal-field-1" />
+          <button type="submit" id="cal-button-1">...</button>
+          <script type="text/javascript">
+            Calendar.setup({
+              inputField    : "cal-field-1",
+              button        : "cal-button-1",
+              align         : "Tr"
+            });
+          </script>
+        </td>
+        <td style="vertical-align: bottom; text-align: right;">
+          <input type="text" id="cal-field-2" />
+          <button type="submit" id="cal-button-2">...</button>
+          <script type="text/javascript">
+            Calendar.setup({
+              inputField    : "cal-field-2",
+              button        : "cal-button-2"
+            });
+          </script>
+        </td>
+      </tr>
+    </table>
+  </body>
+
+</html>
diff --git a/js/jscalendar/test.php b/js/jscalendar/test.php
new file mode 100644
index 0000000..c9c2e28
--- /dev/null
+++ b/js/jscalendar/test.php
@@ -0,0 +1,116 @@
+<?php
+
+$lang = $_GET['lang'];
+if (!$lang) {
+    $lang = $_REQUEST['lang'];
+}
+if (!$lang) {
+    $lang = 'en';
+}
+setcookie('lang', $lang);
+
+?>
+<!DOCTYPE HTML PUBLIC "-//IETF//DTD HTML//EN">
+<html>
+<head>
+<title>
+Test for calendar.php
+</title>
+
+<?php
+
+// put here the correct path to "calendar.php"; don't move the file
+// "calendar.php" -- I think it's best if you leave it inside the
+// "/jscalendar/" directory.  Just put here the correct path to it, such as
+// "../jscalendar/calendar.php" or something.
+require_once ('calendar.php');
+
+// parameters to constructor:
+//     1. the absolute URL path to the calendar files
+//     2. the languate used for the calendar (see the lang/ dir)
+//     3. the theme file used for the clanedar, without the ".css" extension
+//     4. boolean that specifies if the "_stripped" files are to be loaded
+//        The stripped files are smaller as they have no whitespace and comments
+$calendar = new DHTML_Calendar('/jscalendar/', $lang, 'calendar-win2k-2', false);
+
+// call this in the <head> section; it will "echo" code that loads the calendar
+// scripts and theme file.
+$calendar->load_files();
+
+?>
+
+</head>
+
+<body>
+
+<?php if ($_REQUEST['submitted']) { ?>
+
+<h1>Form submitted</h1>
+
+<?php foreach ($_REQUEST as $key => $val) {
+    echo htmlspecialchars($key) . ' = ' . htmlspecialchars($val) . '<br />';
+} ?>
+
+<?php } else { ?>
+
+<h1>Calendar.php test</h1>
+
+     <form action="test.php" method="get">
+     Select language: <select name="lang" onchange="this.form.submit()">
+     <?php
+$cwd = getcwd();
+chdir('lang');
+foreach (glob('*.js') as $filename) {
+    $l = preg_replace('/(^calendar-|.js$)/', '', $filename);
+    $selected = '';
+    if ($l == $lang)
+        $selected = 'selected="selected" ';
+    $display = $l;
+    if ($l == 'en')
+        $display = 'EN';
+    echo '<option ' . $selected . 'value="' . $l . '">' . $display . '</option>';
+}
+     ?>
+     </select>
+     <blockquote style="font-size: 90%">
+       <b>NOTE</b>: as of this release, 0.9.6, only "EN" and "RO", which I
+       maintain, function correctly.  Other language files do not work
+       because they need to be updated.  If you update some language file,
+       please consider sending it back to me so that I can include it in the
+       calendar distribution.
+     </blockquote>
+     </form>
+
+     <form action="test.php" method="get">
+     <input type="hidden" name="submitted" value="1" />
+
+     <table>
+     <tr>
+     <td>
+       Date 1:
+     </td>
+     <td>
+       <?php $calendar->make_input_field(
+           // calendar options go here; see the documentation and/or calendar-setup.js
+           array('firstDay'       => 1, // show Monday first
+                 'showsTime'      => true,
+                 'showOthers'     => true,
+                 'ifFormat'       => '%Y-%m-%d %I:%M %P',
+                 'timeFormat'     => '12'),
+           // field attributes go here
+           array('style'       => 'width: 15em; color: #840; background-color: #ff8; border: 1px solid #000; text-align: center',
+                 'name'        => 'date1',
+                 'value'       => strftime('%Y-%m-%d %I:%M %P', strtotime('now')))); ?>
+     </td>
+     </tr>
+     </table>
+
+     <hr />
+     <button>Submit</button>
+
+     </form>
+
+<?php } ?>
+
+</body>
+</html>
diff --git a/js/site.js b/js/site.js
new file mode 100644
index 0000000..4f3de71
--- /dev/null
+++ b/js/site.js
@@ -0,0 +1,541 @@
+function validateSearchBox() {
+
+	var mySearchString = getElement("searchString");
+
+	// reset the bgcolor to white just in case this
+	// is the second time they have got here without
+	// having refreshed the page
+	mySearchString.style.backgroundColor = "#ffffff";
+
+	if ( empty(mySearchString.value) ) {
+		mySearchString.style.backgroundColor = "#efb5b5";
+		mySearchString.focus();
+		alert("Please enter at least one search word.");
+		return false;
+	} else {
+		return true;
+	}
+
+}
+
+	//------------------------------------------------------------------//
+
+function validateLoginFields() {
+
+	var status = true;
+	var myUsername = getElement("username");
+	var myPassword = getElement("password");
+
+	// reset the bgcolor to white just in case this
+	// is the second time they have got here without
+	// having refreshed the page
+	myUsername.style.backgroundColor = "#ffffff";
+	myPassword.style.backgroundColor = "#ffffff";
+
+	if ( empty(myPassword.value) ) {
+		myPassword.style.backgroundColor = "#efb5b5";
+		myPassword.focus();
+		status = false;
+	}
+
+	if ( empty(myUsername.value) ) {
+		myUsername.style.backgroundColor = "#efb5b5";
+		myUsername.focus();
+		status = false;
+	}
+
+	if ( status == false ) {
+		alert("You must enter both a username and password.");
+	}
+
+	return status;
+
+}
+
+	//------------------------------------------------------------------//
+
+function validateEditUser(formId) {
+
+	var myForm = getElement(formId);
+
+	if ( empty(myForm.username.value) ) {
+		alert("You must specify a login name.");
+		myForm.username.focus();
+		return false;
+	} else {
+		if ( myForm.username.value.length < 5 ) {
+			alert("Your login name must be at least 5 characters long.");
+			myForm.username.focus();
+			return false;
+		}
+	}
+
+	if ( ! empty(myForm.password.value) ) {
+		if ( myForm.password.value.length < 5 ) {
+			alert("Your password must be at least 5 characters long.");
+			myForm.password.focus();
+			return false;
+		}
+	}
+
+	if ( myForm.password.value != myForm.password2.value ) {
+		alert("Your passwords do not match.");
+		myForm.password2.focus();
+		return false;
+	}
+
+	if ( empty(myForm.age.value) ) {
+		alert("You must specify an age (even if it's not real).");
+		myForm.age.focus();
+		return false;
+	} else {
+		if ( isNaN(myForm.age.value) ) {
+			alert("Your age must be a number.");
+			myForm.age.focus();
+			return false;
+		}
+	}
+
+}
+
+	//------------------------------------------------------------------//
+
+function validateRegisterUser(formId) {
+
+	var myForm = getElement(formId);
+
+	if ( empty(myForm.username.value) ) {
+		alert("You must specify a login name.");
+		myForm.username.focus();
+		return false;
+	} else {
+		if ( myForm.username.value.length < 5 ) {
+			alert("Your login name must be at least 5 characters long.");
+			myForm.username.focus();
+			return false;
+		}
+	}
+
+	if ( empty(myForm.password.value) ) {
+		alert("You must specify a password.");
+		myForm.password.focus();
+		return false;
+	} else {
+		if ( myForm.password.value.length < 5 ) {
+			alert("Your password must be at least 5 characters long.");
+			myForm.password.focus();
+			return false;
+		}
+	}
+
+	if ( myForm.password.value != myForm.password2.value ) {
+		alert("Your passwords do not match.");
+		myForm.password2.focus();
+		return false;
+	}
+
+	if ( empty(myForm.age.value) ) {
+		alert("You must specify an age (even if it's not real).");
+		myForm.age.focus();
+		return false;
+	} else {
+		if ( isNaN(myForm.age.value) ) {
+			alert("Your age must be a number.");
+			myForm.age.focus();
+			return false;
+		}
+	}
+
+	if ( myForm.terms.checked != true ) {
+		alert("You must accept the Terms & Conditions of this site in order to register.");
+		return false;
+	}
+
+	// make sure that the specified username doesn't already exist
+	xajax_usernameExists(myForm.username.value); 
+
+}
+
+	//------------------------------------------------------------------//
+
+function changeQuantitySource(formid, newSource) {
+
+	// quantitySource will be either 0 or 1.  0 should be
+	// a predefined quantity and 1 should be a userdefined
+	// quantity
+	getElement(formid).quantitySource[newSource].checked = true;
+
+	return true;
+
+}
+
+	//------------------------------------------------------------------//
+
+function toggleShowRenameField(selectid,divid) {
+
+	var myDiv = getElement(divid);
+	var mySelectBox = getElement(selectid);
+
+	if ( mySelectBox.value == "Rename" ) {
+		myDiv.style.display = "";
+	} else {
+		myDiv.style.display = "none";
+	}
+
+	return true;
+
+}
+
+	//------------------------------------------------------------------//
+
+function validateCreateDiary(fieldId) {
+
+	if ( empty(getElement("fieldId").value) ) {
+		alert("You must specify a name for the diary.");
+		getElement("fieldId").focus();
+		return false;
+	} else {
+		return true;
+	}
+
+}
+
+	//------------------------------------------------------------------//
+
+function validateEditFood(formId) {
+
+	var myForm = getElement(formId);
+
+	if ( formId == "formEditFood" ) {
+		var	myOldName = myForm.foodDesc.value
+	} else if ( formId == "formQuickEditFood" ) {
+		var myOldName = myForm.food.options[myForm.food.selectedIndex].text;
+	}
+
+	if ( myForm.action.value == "Delete" ) {
+		var msg = "Are you sure you want to permanently delete this saved food?\n\n" + myOldName;
+		if ( window.confirm(msg) ) {
+			return true;
+		} else {
+			return false;
+		}
+	} else if ( myForm.action.value == "Rename") {
+		if ( empty(myForm.newFoodName.value) ) {
+			var msg = "You must specify a new name when renaming a saved food.";
+			alert(msg);
+			return false;
+		}
+	} else if ( myForm.action.value == "Modify") {
+		// make sure that the description isn't empty
+		if ( empty(myForm.foodDesc.value) ) {
+			var msg = "You must specify a description.";
+			alert(msg);
+			myForm.foodDesc.focus();
+			return false;
+		}
+
+		// if they are editing a food, then they have the ability to
+		// modify the quantity, so make sure that the quantity exists
+		// and that it's a number
+		if ( formId == "formEditFood" ) {
+			if ( ! empty(myForm.quantity.value) ) {
+				if ( isNaN(myForm.quantity.value) ) {
+					var msg = "The amount must be a number.";
+					alert(msg);
+					myForm.quantity.focus();
+					return false;
+				}
+			} else {
+				var msg = "You must specify an amount.";
+				alert(msg);
+				myForm.quantity.focus();
+				return false;
+			}
+		}
+		return true;
+	} else if ( myForm.action.value == "Edit" ) {
+		return true;
+	} else {
+		// there was no recognized action so don't submit the form
+		var msg = "The action you specified wasn't recognized.";
+		alert(msg);
+		return false;
+	}
+
+}
+
+	//------------------------------------------------------------------//
+
+function validateEditMeal(formId) {
+
+	var myForm = getElement(formId);
+
+	if ( formId == "formEditMeal" ) {
+		var	myOldName = myForm.mealDesc.value
+	} else if ( formId == "formQuickEditMeal" ) {
+		var myOldName = myForm.meal.options[myForm.meal.selectedIndex].text;
+	}
+
+	if ( myForm.action.value == "Delete" ) {
+		var msg = "WARNING: If you choose to remove this meal it will also be " +
+			"removed from any diary to which you may have added it.  Are you sure you want to " +
+			"permanently delete this saved meal?\n\n" + myOldName;
+		if ( window.confirm(msg) ) {
+			return true;
+		} else {
+			return false;
+		}
+	} else if ( myForm.action.value == "Rename") {
+		if ( empty(myForm.newMealName.value) ) {
+			var msg = "You must specify a new name when renaming a saved meal.";
+			alert(msg);
+			return false;
+		}
+	} else if ( myForm.action.value == "Modify") {
+		// make sure that the description isn't empty
+		if ( empty(myForm.mealDesc.value) ) {
+			var msg = "You must specify a description for the meal.";
+			alert(msg);
+			myForm.mealDesc.focus();
+			return false;
+		}
+
+		// if they are editing a meal, then they have the ability to
+		// modify the quantities, so make sure that the quantities exist
+		// and that they are number
+		if ( formId == "formEditMeal" ) {
+			var itemIds = myForm.mealItemIds.value.split(",");
+			for ( idx = 0; idx < itemIds.length; idx++ ) {
+				var itemDesc = getElement("mealItemDesc-" + itemIds[idx]).value;
+				if ( empty(itemDesc) ) {
+					var msg = "You must specify a description for each meal item.";
+					alert(msg);
+					getElement("mealItemDesc-" + itemIds[idx]).focus();
+					return false;
+				}
+				if ( empty(getElement("mealItemQuantity-" + itemIds[idx]).value) ) {
+					var msg = "You must specify an amount for meal item '" + itemDesc + "'.";
+					alert(msg);
+					getElement("mealItemQuantity-" + itemIds[idx]).focus();
+					return false;
+				} else {
+					if ( isNaN(getElement("mealItemQuantity-" + itemIds[idx]).value) ) {
+						var msg = "The amount for meal item '" + itemDesc + "' must be a number.";
+						alert(msg);
+						getElement("mealItemQuantity-" + itemIds[idx]).focus();
+						return false;
+					}
+				}
+			}
+		}
+		return true;
+	} else if ( myForm.action.value == "Edit" ) {
+		return true;
+	} else {
+		// there was no recognized action so don't submit the form
+		var msg = "The action you specified wasn't recognized.";
+		alert(msg);
+		return false;
+	}
+
+}
+
+	//------------------------------------------------------------------//
+
+function validateEditDiary(formId) {
+
+	var myForm = getElement(formId);
+	var myOldName = myForm.diary.options[myForm.diary.selectedIndex].text;
+
+	if ( myForm.action.value == "Delete" ) {
+		var msg = "Are you sure you want to permanently delete this diary and all of it's content?\nThere is no way to recover the data once it is deleted.\n\n" + myOldName;
+		if ( window.confirm(msg) ) {
+			return true;
+		} else {
+			return false;
+		}
+	} else if ( myForm.action.value == "Rename") {
+		if ( empty(myForm.newDiaryName.value) ) {
+			var msg = "You must specify a new name when renaming a diary.";
+			alert(msg);
+			myForm.newDiaryName.focus();
+			return false;
+		}
+	} else {
+		// there was no recognized action so don't submit the form
+		var msg = "The action you specified wasn't recognized.";
+		alert(msg);
+		return false;
+	}
+
+	return true;
+
+}
+
+	//------------------------------------------------------------------//
+
+function verifyRemoveCurrentMealItem(mealItem) {
+
+	var itemDesc = getElement("currentMealItemDesc-" + mealItem).text;
+	var msg = "Are you sure you want to remove this item from the current meal?\n\n" + itemDesc;
+
+	if ( window.confirm(msg) ) {
+		xajax_removeCurrentMealItem(mealItem);
+		return true;
+	} else {
+		return false;
+	}
+
+}
+
+
+	//------------------------------------------------------------------//
+
+function verifyClearCurrentMeal() {
+
+	var msg = "Are you sure you want to clear/reset the entire current meal?\n";
+
+	if ( window.confirm(msg) ) {
+		xajax_clearCurrentMeal();
+		return true;
+	} else {
+		return false;
+	}
+
+}
+
+	//------------------------------------------------------------------//
+
+function validateAddFood(formId,foodDesc) {
+
+	var myForm = getElement(formId);
+	var myFoodDesc = getElement(foodDesc);
+
+	if ( empty(myFoodDesc.value) ) {
+		var msg = "You must give the food a description.";
+		myForm.description.focus();
+		alert(msg);
+		return false;
+	}
+
+	if ( myForm.action.value == "addFoodToDiary" ) {
+		if ( empty(myForm.diaryTimestamp.value) ) {
+			var msg = "You must specify a timestamp.";
+			alert(msg);
+			return false;
+		}
+	}
+
+	return true;
+
+}
+
+	//------------------------------------------------------------------//
+
+function validateAddMeal(formId,mealDesc) {
+
+	var myForm = getElement(formId);
+	var myMealDesc = getElement(mealDesc);
+
+	if ( empty(myMealDesc.value) ) {
+		var msg = "You must give the meal a description.";
+		myForm.description.focus();
+		alert(msg);
+		return false;
+	}
+
+	if ( myForm.action.value == "addMealToDiary" ) {
+		if ( empty(myForm.diaryTimestamp.value) ) {
+			var msg = "You must specify a timestamp.";
+			alert(msg);
+			return false;
+		}
+	}
+
+	return true;
+
+}
+
+	//------------------------------------------------------------------//
+
+function verifyRemoveMealItem(mealItem) {
+
+	var itemDesc = getElement("mealItemDesc-" + mealItem).value;
+	var msg = "Are you sure you want to permanently delete this item from the meal?\n\n" + itemDesc;
+
+	if ( window.confirm(msg) ) {
+		xajax_removeMealItem(mealItem);
+	} else {
+		return false;
+	}
+
+}
+	//------------------------------------------------------------------//
+
+function verifyRemoveDiaryItem(diaryItem) {
+
+	var itemDesc = getElement("itemDesc-" + diaryItem).innerHTML;
+	var msg = "Are you sure that you want to permanently delete this diary item?\n\n" + itemDesc;
+
+	if ( window.confirm(msg) ) {
+		xajax_removeDiaryItem(diaryItem);
+	} else {
+		return false;
+	}
+
+}
+
+	//------------------------------------------------------------------//
+
+function loadFoodToEdit(food) {
+
+	xajax_loadFoodToEdit(food);
+
+	return true;
+
+}
+
+	//------------------------------------------------------------------//
+
+function loadMealToEdit(meal) {
+
+	xajax_loadMealToEdit(meal);
+
+	return true;
+
+}
+
+	//------------------------------------------------------------------//
+
+function validateAddDiaryNote(formId) {
+
+	var myForm = getElement(formId);
+	
+	if ( empty(myForm.note.value) ) {
+		var msg = "You cannot add an empty note.";
+		myForm.note.focus();
+		alert(msg);
+		return false;
+	}
+
+	return true;
+
+}
+
+	//------------------------------------------------------------------//
+
+function highlightSysMsgBox() {
+
+	getElement("systemMsgs").style.color = "#ffffff";
+	getElement("systemMsgs").innerHTML = "System messages will appear here.";
+
+}
+
+	//------------------------------------------------------------------//
+
+function unhighlightSysMsgBox() {
+
+	getElement("systemMsgs").style.color = "#000000";
+	getElement("systemMsgs").innerHTML = "";
+
+}
diff --git a/js/standard.js b/js/standard.js
new file mode 100644
index 0000000..52dc3f5
--- /dev/null
+++ b/js/standard.js
@@ -0,0 +1,75 @@
+function empty(field) {
+
+	field = trim(field);
+	if ( field ) {
+		return false;
+	} else {
+		return true;
+	}
+
+}
+
+function trim(string) {
+	string = string.replace(/^\s+/, '');
+	string = string.replace(/\s+$/, '');
+	return string;
+}
+
+function getElement(elemid) {
+
+		/* the former for Firefox and crew, the latter for IE */
+        return (document.getElementById) ? document.getElementById(elemid) : document.all[elemid];
+
+}
+
+function submitForm(formid) {
+
+	var myForm = getElement(formid);
+
+	myForm.submit();
+
+	return true;
+
+}
+
+function checkAll(fieldname) {
+
+	var myCheckBoxes = document.getElementsByName(fieldname);
+
+	for ( idx = 0; idx < myCheckBoxes.length; idx++ ) {
+		if ( myCheckBoxes[idx].checked == false ) {
+			myCheckBoxes[idx].checked = true;
+		}
+	}
+}
+
+function uncheckAll(fieldname) {
+
+	var myCheckBoxes = document.getElementsByName(fieldname);
+
+	for ( idx = 0; idx < myCheckBoxes.length; idx++ ) {
+		if ( myCheckBoxes[idx].checked == true ) {
+			myCheckBoxes[idx].checked = false;
+		}
+	}
+}
+
+function switchToStylesheet(title) {
+
+	var idx, linkElement;
+
+	for ( idx = 0; (linkElement = document.getElementsByTagName("link")[idx]); idx++ ) {
+		if ( (linkElement.getAttribute("rel").indexOf("style") != -1) && (linkElement.getAttribute("title")) ) {
+			linkElement.disabled = true;
+			if ( linkElement.getAttribute("title") == title ) {
+				linkElement.disabled = false;
+			}
+		}
+	}
+
+}
+
+// this is only here because XHTML 1.0 strict has deprected the target attribute
+function openInNewWindow(url) {
+	window.open(url, "_blank", "resizable=yes ,scrollbars=yes,toolbar=no,menubar=yes,width=640,height=480");
+}
diff --git a/js/tooltip.js b/js/tooltip.js
new file mode 100644
index 0000000..7cfda19
--- /dev/null
+++ b/js/tooltip.js
@@ -0,0 +1,104 @@
+/*Javascript for Bubble Tooltips by Alessandro Fulciniti
+http://pro.html.it - http://web-graphics.com */
+
+function enableTooltips(id) {
+	var links,i,h;
+	if ( ! document.getElementById || ! document.getElementsByTagName ) {
+		return;
+	}
+	AddCss();
+	h = document.createElement("span");
+	h.id = "btc";
+	h.setAttribute("id","btc");
+	h.style.position="absolute";
+	document.getElementsByTagName("body")[0].appendChild(h);
+	if ( id == null ) {
+		links = document.getElementsByTagName("span");
+	} else {
+		links =	document.getElementById(id).getElementsByTagName("span");
+	}
+	for ( i=0; i < links.length; i++ ) {
+		Prepare(links[i]);
+	}
+}
+
+function Prepare(el) {
+	var tooltip,t,b,s,l;
+	t = el.getAttribute("title");
+	if ( t == null || t.length == 0 ) {
+		t = "link:";
+	}
+	el.removeAttribute("title");
+	tooltip = CreateEl("span","tooltip");
+	s = CreateEl("span","top");
+	s.appendChild(document.createTextNode(t));
+	tooltip.appendChild(s);
+	b = CreateEl("b","bottom");
+	l = el.getAttribute("href");
+	if ( l.length > 28 ) {
+		l = l.substr(0,25) + "...";
+	}
+	b.appendChild(document.createTextNode(l));
+	tooltip.appendChild(b);
+	setOpacity(tooltip);
+	el.tooltip = tooltip;
+	el.onmouseover = showTooltip;
+	el.onmouseout = hideTooltip;
+	el.onmousemove = Locate;
+}
+
+function showTooltip(e) {
+	document.getElementById("btc").appendChild(this.tooltip);
+	Locate(e);
+}
+
+function hideTooltip(e) {
+	var d = document.getElementById("btc");
+	if ( d.childNodes.length > 0 ) {
+		d.removeChild(d.firstChild);
+	}
+}
+
+function setOpacity(el) {
+	el.style.filter = "alpha(opacity:95)";
+	el.style.KHTMLOpacity = "0.95";
+	el.style.MozOpacity = "0.95";
+	el.style.opacity = "0.95";
+}
+
+function CreateEl(t,c) {
+	var x = document.createElement(t);
+	x.className = c;
+	x.style.display = "block";
+	return(x);
+}
+
+function AddCss() {
+	var l = CreateEl("link");
+	l.setAttribute("type","text/css");
+	l.setAttribute("rel","stylesheet");
+	l.setAttribute("href","bt.css");
+	l.setAttribute("media","screen");
+	document.getElementsByTagName("head")[0].appendChild(l);
+}
+
+function Locate(e) {
+	var posx = 0, posy = 0;
+	if ( e == null ) {
+		e = window.event;
+	}
+	if( e.pageX || e.pageY ) {
+		posx = e.pageX;
+		posy = e.pageY;
+    } else if ( e.clientX || e.clientY ) {
+		if ( document.documentElement.scrollTop ) {
+			posx = e.clientX+document.documentElement.scrollLeft;
+			posy = e.clientY+document.documentElement.scrollTop;
+		} else {
+			posx = e.clientX+document.body.scrollLeft;
+			posy = e.clientY+document.body.scrollTop;
+		}
+	}
+	document.getElementById("btc").style.top = (posy + 10) + "px";
+	document.getElementById("btc").style.left = (posx - 20) + "px";
+}
diff --git a/js/xajax_js/xajax.js b/js/xajax_js/xajax.js
new file mode 100644
index 0000000..0dca8f5
--- /dev/null
+++ b/js/xajax_js/xajax.js
@@ -0,0 +1,172 @@
+/* xajax Javascript library :: version 0.2.4 */
+Array.prototype.containsValue=function(valueToCheck){for(var i=0;i<this.length;i++){if(this[i]==valueToCheck)return true;}
+return false;}
+function Xajax(){this.DebugMessage=function(text){if(text.length > 1000)text=text.substr(0,1000)+"...\n[long response]\n...";try{if(this.debugWindow==undefined||this.debugWindow.closed==true){this.debugWindow=window.open('about:blank','xajax-debug','width=800,height=600,scrollbars=1,resizable,status');this.debugWindow.document.write('<html><head><title>Xajax debug output</title></head><body><h2>Xajax debug output</h2><div id="debugTag"></div></body></html>');}
+text=text.replace(/&/g,"&amp;")
+text=text.replace(/</g,"&lt;")
+text=text.replace(/>/g,"&gt;")
+debugTag=this.debugWindow.document.getElementById('debugTag');debugTag.innerHTML=('<b>'+(new Date()).toString()+'</b>: '+text+'<hr/>')+debugTag.innerHTML;}catch(e){alert("Xajax Debug:\n "+text);}
+};this.workId='xajaxWork'+new Date().getTime();this.depth=0;this.responseErrorsForAlert=["400","401","402","403","404","500","501","502","503"];this.getRequestObject=function(){if(xajaxDebug)this.DebugMessage("Initializing Request Object..");var req=null;if(typeof XMLHttpRequest!="undefined")
+req=new XMLHttpRequest();if(!req&&typeof ActiveXObject!="undefined"){try{req=new ActiveXObject("Msxml2.XMLHTTP");}
+catch(e){try{req=new ActiveXObject("Microsoft.XMLHTTP");}
+catch(e2){try{req=new ActiveXObject("Msxml2.XMLHTTP.4.0");}
+catch(e3){req=null;}
+}
+}
+}
+if(!req&&window.createRequest)
+req=window.createRequest();if(!req)this.DebugMessage("Request Object Instantiation failed.");return req;}
+this.$=function(sId){if(!sId){return null;}
+var returnObj=document.getElementById(sId);if(!returnObj&&document.all){returnObj=document.all[sId];}
+if(xajaxDebug&&!returnObj&&sId!=this.workId){this.DebugMessage("Element with the id \""+sId+"\" not found.");}
+return returnObj;}
+this.include=function(sFileName){var objHead=document.getElementsByTagName('head');var objScript=document.createElement('script');objScript.type='text/javascript';objScript.src=sFileName;objHead[0].appendChild(objScript);}
+this.stripOnPrefix=function(sEventName){sEventName=sEventName.toLowerCase();if(sEventName.indexOf('on')==0){sEventName=sEventName.replace(/on/,'');}
+return sEventName;}
+this.addOnPrefix=function(sEventName){sEventName=sEventName.toLowerCase();if(sEventName.indexOf('on')!=0){sEventName='on'+sEventName;}
+return sEventName;}
+this.addHandler=function(sElementId,sEvent,sFunctionName){if(window.addEventListener){sEvent=this.stripOnPrefix(sEvent);eval("this.$('"+sElementId+"').addEventListener('"+sEvent+"',"+sFunctionName+",false);");}
+else{sAltEvent=this.addOnPrefix(sEvent);eval("this.$('"+sElementId+"').attachEvent('"+sAltEvent+"',"+sFunctionName+",false);");}
+}
+this.removeHandler=function(sElementId,sEvent,sFunctionName){if(window.addEventListener){sEvent=this.stripOnPrefix(sEvent);eval("this.$('"+sElementId+"').removeEventListener('"+sEvent+"',"+sFunctionName+",false);");}
+else{sAltEvent=this.addOnPrefix(sEvent);eval("this.$('"+sElementId+"').detachEvent('"+sAltEvent+"',"+sFunctionName+",false);");}
+}
+this.create=function(sParentId,sTag,sId){var objParent=this.$(sParentId);objElement=document.createElement(sTag);objElement.setAttribute('id',sId);if(objParent)
+objParent.appendChild(objElement);}
+this.insert=function(sBeforeId,sTag,sId){var objSibling=this.$(sBeforeId);objElement=document.createElement(sTag);objElement.setAttribute('id',sId);objSibling.parentNode.insertBefore(objElement,objSibling);}
+this.insertAfter=function(sAfterId,sTag,sId){var objSibling=this.$(sAfterId);objElement=document.createElement(sTag);objElement.setAttribute('id',sId);objSibling.parentNode.insertBefore(objElement,objSibling.nextSibling);}
+this.getInput=function(sType,sName,sId){var Obj;if(!window.addEventListener){Obj=document.createElement('<input type="'+sType+'" id="'+sId+'" name="'+sName+'">');}
+else{Obj=document.createElement('input');Obj.setAttribute('type',sType);Obj.setAttribute('name',sName);Obj.setAttribute('id',sId);}
+return Obj;}
+this.createInput=function(sParentId,sType,sName,sId){var objParent=this.$(sParentId);var objElement=this.getInput(sType,sName,sId);if(objParent&&objElement)
+objParent.appendChild(objElement);}
+this.insertInput=function(sBeforeId,sType,sName,sId){var objSibling=this.$(sBeforeId);var objElement=this.getInput(sType,sName,sId);if(objElement&&objSibling&&objSibling.parentNode)
+objSibling.parentNode.insertBefore(objElement,objSibling);}
+this.insertInputAfter=function(sAfterId,sType,sName,sId){var objSibling=this.$(sAfterId);var objElement=this.getInput(sType,sName,sId);if(objElement&&objSibling&&objSibling.parentNode){objSibling.parentNode.insertBefore(objElement,objSibling.nextSibling);}
+}
+this.remove=function(sId){objElement=this.$(sId);if(objElement&&objElement.parentNode&&objElement.parentNode.removeChild){objElement.parentNode.removeChild(objElement);}
+}
+this.replace=function(sId,sAttribute,sSearch,sReplace){var bFunction=false;if(sAttribute=="innerHTML")
+sSearch=this.getBrowserHTML(sSearch);eval("var txt=this.$('"+sId+"')."+sAttribute);if(typeof txt=="function"){txt=txt.toString();bFunction=true;}
+if(txt.indexOf(sSearch)>-1){var newTxt='';while(txt.indexOf(sSearch)>-1){x=txt.indexOf(sSearch)+sSearch.length+1;newTxt+=txt.substr(0,x).replace(sSearch,sReplace);txt=txt.substr(x,txt.length-x);}
+newTxt+=txt;if(bFunction){eval('this.$("'+sId+'").'+sAttribute+'=newTxt;');}
+else if(this.willChange(sId,sAttribute,newTxt)){eval('this.$("'+sId+'").'+sAttribute+'=newTxt;');}
+}
+}
+this.getFormValues=function(frm){var objForm;var submitDisabledElements=false;if(arguments.length > 1&&arguments[1]==true)
+submitDisabledElements=true;var prefix="";if(arguments.length > 2)
+prefix=arguments[2];if(typeof(frm)=="string")
+objForm=this.$(frm);else
+objForm=frm;var sXml="<xjxquery><q>";if(objForm&&objForm.tagName=='FORM'){var formElements=objForm.elements;for(var i=0;i < formElements.length;i++){if(!formElements[i].name)
+continue;if(formElements[i].name.substring(0,prefix.length)!=prefix)
+continue;if(formElements[i].type&&(formElements[i].type=='radio'||formElements[i].type=='checkbox')&&formElements[i].checked==false)
+continue;if(formElements[i].disabled&&formElements[i].disabled==true&&submitDisabledElements==false)
+continue;var name=formElements[i].name;if(name){if(sXml!='<xjxquery><q>')
+sXml+='&';if(formElements[i].type=='select-multiple'){for(var j=0;j < formElements[i].length;j++){if(formElements[i].options[j].selected==true)
+sXml+=name+"="+encodeURIComponent(formElements[i].options[j].value)+"&";}
+}
+else{sXml+=name+"="+encodeURIComponent(formElements[i].value);}
+}
+}
+}
+sXml+="</q></xjxquery>";return sXml;}
+this.objectToXML=function(obj){var sXml="<xjxobj>";for(i in obj){try{if(i=='constructor')
+continue;if(obj[i]&&typeof(obj[i])=='function')
+continue;var key=i;var value=obj[i];if(value&&typeof(value)=="object"&&this.depth <=50){this.depth++;value=this.objectToXML(value);this.depth--;}
+sXml+="<e><k>"+key+"</k><v>"+value+"</v></e>";}
+catch(e){if(xajaxDebug)this.DebugMessage(e.name+": "+e.message);}
+}
+sXml+="</xjxobj>";return sXml;}
+this._nodeToObject=function(node){if(node.nodeName=='#cdata-section'){var data="";for(var j=0;j<node.parentNode.childNodes.length;j++){data+=node.parentNode.childNodes[j].data;}
+return data;}
+else if(node.nodeName=='xjxobj'){var data=new Array();for(var j=0;j<node.childNodes.length;j++){var child=node.childNodes[j];var key;var value;if(child.nodeName=='e'){for(var k=0;k<child.childNodes.length;k++){if(child.childNodes[k].nodeName=='k'){key=child.childNodes[k].firstChild.data;}
+else if(child.childNodes[k].nodeName=='v'){value=this._nodeToObject(child.childNodes[k].firstChild);}
+}
+if(key!=null&&value!=null){data[key]=value;key=value=null;}
+}
+}
+return data;}
+}
+this.loadingFunction=function(){};this.doneLoadingFunction=function(){};var loadingTimeout;this.call=function(sFunction,aArgs,sRequestType){var i,r,postData;if(document.body&&xajaxWaitCursor)
+document.body.style.cursor='wait';if(xajaxStatusMessages==true)window.status='Sending Request...';clearTimeout(loadingTimeout);loadingTimeout=setTimeout("xajax.loadingFunction();",400);if(xajaxDebug)this.DebugMessage("Starting xajax...");if(sRequestType==null){var xajaxRequestType=xajaxDefinedPost;}
+else{var xajaxRequestType=sRequestType;}
+var uri=xajaxRequestUri;var value;switch(xajaxRequestType){case xajaxDefinedGet:{var uriGet=uri.indexOf("?")==-1?"?xajax="+encodeURIComponent(sFunction):"&xajax="+encodeURIComponent(sFunction);if(aArgs){for(i=0;i<aArgs.length;i++){value=aArgs[i];if(typeof(value)=="object")
+value=this.objectToXML(value);uriGet+="&xajaxargs[]="+encodeURIComponent(value);}
+}
+uriGet+="&xajaxr="+new Date().getTime();uri+=uriGet;postData=null;}break;case xajaxDefinedPost:{postData="xajax="+encodeURIComponent(sFunction);postData+="&xajaxr="+new Date().getTime();if(aArgs){for(i=0;i <aArgs.length;i++){value=aArgs[i];if(typeof(value)=="object")
+value=this.objectToXML(value);postData=postData+"&xajaxargs[]="+encodeURIComponent(value);}
+}
+}break;default:
+alert("Illegal request type: "+xajaxRequestType);return false;break;}
+r=this.getRequestObject();if(!r)return false;r.open(xajaxRequestType==xajaxDefinedGet?"GET":"POST",uri,true);if(xajaxRequestType==xajaxDefinedPost){try{r.setRequestHeader("Method","POST "+uri+" HTTP/1.1");r.setRequestHeader("Content-Type","application/x-www-form-urlencoded");}
+catch(e){alert("Your browser does not appear to  support asynchronous requests using POST.");return false;}
+}
+r.onreadystatechange=function(){if(r.readyState!=4)
+return;if(r.status==200){if(xajaxDebug)xajax.DebugMessage("Received:\n"+r.responseText);if(r.responseXML&&r.responseXML.documentElement)
+xajax.processResponse(r.responseXML);else{var errorString="Error: the XML response that was returned from the server is invalid.";errorString+="\nReceived:\n"+r.responseText;trimmedResponseText=r.responseText.replace(/^\s+/g,"");trimmedResponseText=trimmedResponseText.replace(/\s+$/g,"");if(trimmedResponseText!=r.responseText)
+errorString+="\nYou have whitespace in your response.";alert(errorString);document.body.style.cursor='default';if(xajaxStatusMessages==true)window.status='Invalid XML response error';}
+}
+else{if(xajax.responseErrorsForAlert.containsValue(r.status)){var errorString="Error: the server returned the following HTTP status: "+r.status;errorString+="\nReceived:\n"+r.responseText;alert(errorString);}
+document.body.style.cursor='default';if(xajaxStatusMessages==true)window.status='Invalid XML response error';}
+delete r;r=null;}
+if(xajaxDebug)this.DebugMessage("Calling "+sFunction+" uri="+uri+" (post:"+postData+")");r.send(postData);if(xajaxStatusMessages==true)window.status='Waiting for data...';delete r;return true;}
+this.getBrowserHTML=function(html){tmpXajax=this.$(this.workId);if(!tmpXajax){tmpXajax=document.createElement("div");tmpXajax.setAttribute('id',this.workId);tmpXajax.style.display="none";tmpXajax.style.visibility="hidden";document.body.appendChild(tmpXajax);}
+tmpXajax.innerHTML=html;var browserHTML=tmpXajax.innerHTML;tmpXajax.innerHTML='';return browserHTML;}
+this.willChange=function(element,attribute,newData){if(!document.body){return true;}
+if(attribute=="innerHTML"){newData=this.getBrowserHTML(newData);}
+elementObject=this.$(element);if(elementObject){var oldData;eval("oldData=this.$('"+element+"')."+attribute);if(newData!==oldData)
+return true;}
+return false;}
+this.viewSource=function(){return "<html>"+document.getElementsByTagName("HTML")[0].innerHTML+"</html>";}
+this.processResponse=function(xml){clearTimeout(loadingTimeout);this.doneLoadingFunction();if(xajaxStatusMessages==true)window.status='Processing...';var tmpXajax=null;xml=xml.documentElement;if(xml==null)
+return;var skipCommands=0;for(var i=0;i<xml.childNodes.length;i++){if(skipCommands > 0){skipCommands--;continue;}
+if(xml.childNodes[i].nodeName=="cmd"){var cmd;var id;var property;var data;var search;var type;var before;var objElement=null;for(var j=0;j<xml.childNodes[i].attributes.length;j++){if(xml.childNodes[i].attributes[j].name=="n"){cmd=xml.childNodes[i].attributes[j].value;}
+else if(xml.childNodes[i].attributes[j].name=="t"){id=xml.childNodes[i].attributes[j].value;}
+else if(xml.childNodes[i].attributes[j].name=="p"){property=xml.childNodes[i].attributes[j].value;}
+else if(xml.childNodes[i].attributes[j].name=="c"){type=xml.childNodes[i].attributes[j].value;}
+}
+if(xml.childNodes[i].childNodes.length > 1&&xml.childNodes[i].firstChild.nodeName=="#cdata-section"){data="";for(var j=0;j<xml.childNodes[i].childNodes.length;j++){data+=xml.childNodes[i].childNodes[j].data;}
+}
+else if(xml.childNodes[i].firstChild&&xml.childNodes[i].firstChild.nodeName=='xjxobj'){data=this._nodeToObject(xml.childNodes[i].firstChild);objElement="XJX_SKIP";}
+else if(xml.childNodes[i].childNodes.length > 1){for(var j=0;j<xml.childNodes[i].childNodes.length;j++){if(xml.childNodes[i].childNodes[j].childNodes.length > 1&&xml.childNodes[i].childNodes[j].firstChild.nodeName=="#cdata-section"){var internalData="";for(var k=0;k<xml.childNodes[i].childNodes[j].childNodes.length;k++){internalData+=xml.childNodes[i].childNodes[j].childNodes[k].nodeValue;}
+}else{var internalData=xml.childNodes[i].childNodes[j].firstChild.nodeValue;}
+if(xml.childNodes[i].childNodes[j].nodeName=="s"){search=internalData;}
+if(xml.childNodes[i].childNodes[j].nodeName=="r"){data=internalData;}
+}
+}
+else if(xml.childNodes[i].firstChild)
+data=xml.childNodes[i].firstChild.nodeValue;else
+data="";if(objElement!="XJX_SKIP")objElement=this.$(id);var cmdFullname;try{if(cmd=="cc"){cmdFullname="addConfirmCommands";var confirmResult=confirm(data);if(!confirmResult){skipCommands=id;}
+}
+if(cmd=="al"){cmdFullname="addAlert";alert(data);}
+else if(cmd=="js"){cmdFullname="addScript/addRedirect";eval(data);}
+else if(cmd=="jc"){cmdFullname="addScriptCall";var scr=id+'(';if(data[0]!=null){scr+='data[0]';for(var l=1;l<data.length;l++){scr+=',data['+l+']';}
+}
+scr+=');';eval(scr);}
+else if(cmd=="in"){cmdFullname="addIncludeScript";this.include(data);}
+else if(cmd=="as"){cmdFullname="addAssign/addClear";if(this.willChange(id,property,data)){eval("objElement."+property+"=data;");}
+}
+else if(cmd=="ap"){cmdFullname="addAppend";eval("objElement."+property+"+=data;");}
+else if(cmd=="pp"){cmdFullname="addPrepend";eval("objElement."+property+"=data+objElement."+property);}
+else if(cmd=="rp"){cmdFullname="addReplace";this.replace(id,property,search,data)
+}
+else if(cmd=="rm"){cmdFullname="addRemove";this.remove(id);}
+else if(cmd=="ce"){cmdFullname="addCreate";this.create(id,data,property);}
+else if(cmd=="ie"){cmdFullname="addInsert";this.insert(id,data,property);}
+else if(cmd=="ia"){cmdFullname="addInsertAfter";this.insertAfter(id,data,property);}
+else if(cmd=="ci"){cmdFullname="addCreateInput";this.createInput(id,type,data,property);}
+else if(cmd=="ii"){cmdFullname="addInsertInput";this.insertInput(id,type,data,property);}
+else if(cmd=="iia"){cmdFullname="addInsertInputAfter";this.insertInputAfter(id,type,data,property);}
+else if(cmd=="ev"){cmdFullname="addEvent";property=this.addOnPrefix(property);eval("this.$('"+id+"')."+property+"= function(){"+data+";}");}
+else if(cmd=="ah"){cmdFullname="addHandler";this.addHandler(id,property,data);}
+else if(cmd=="rh"){cmdFullname="addRemoveHandler";this.removeHandler(id,property,data);}
+}
+catch(e){if(xajaxDebug)
+alert("While trying to '"+cmdFullname+"' (command number "+i+"), the following error occured:\n"
++e.name+": "+e.message+"\n"
++(id&&!objElement?"Object with id='"+id+"' wasn't found.\n":""));}
+delete objElement;delete cmd;delete cmdFullname;delete id;delete property;delete search;delete data;delete type;delete before;delete internalData;delete j;delete k;}
+}
+delete xml;delete i;document.body.style.cursor='default';if(xajaxStatusMessages==true)window.status='Done';}
+}
+var xajax=new Xajax();xajaxLoaded=true;
\ No newline at end of file
diff --git a/js/xajax_js/xajax_uncompressed.js b/js/xajax_js/xajax_uncompressed.js
new file mode 100644
index 0000000..df51ccd
--- /dev/null
+++ b/js/xajax_js/xajax_uncompressed.js
@@ -0,0 +1,795 @@
+/* xajax Javascript library :: version 0.2.4 */
+
+Array.prototype.containsValue = function(valueToCheck)
+{
+	for (var i=0;i<this.length;i++) {
+		if (this[i] == valueToCheck) return true;
+	}
+	return false;
+}
+
+function Xajax()
+{
+	this.DebugMessage = function(text)
+	{
+		if (text.length > 1000) text = text.substr(0,1000)+"...\n[long response]\n...";
+		try {
+			if (this.debugWindow == undefined || this.debugWindow.closed == true) {
+				this.debugWindow = window.open('about:blank', 'xajax-debug', 'width=800,height=600,scrollbars=1,resizable,status');
+				this.debugWindow.document.write('<html><head><title>Xajax debug output</title></head><body><h2>Xajax debug output</h2><div id="debugTag"></div></body></html>');
+			}
+			text = text.replace(/&/g, "&amp;")
+			text = text.replace(/</g, "&lt;")
+			text = text.replace(/>/g, "&gt;")
+			debugTag = this.debugWindow.document.getElementById('debugTag');
+			debugTag.innerHTML = ('<b>'+(new Date()).toString()+'</b>: ' + text + '<hr/>') + debugTag.innerHTML;
+		} catch (e) {
+			alert("Xajax Debug:\n " + text);
+		}
+	};
+	
+	this.workId = 'xajaxWork'+ new Date().getTime();
+	this.depth = 0;
+	this.responseErrorsForAlert = ["400","401","402","403","404","500","501","502","503"];
+	
+	//Get the XMLHttpRequest Object
+	this.getRequestObject = function()
+	{
+		if (xajaxDebug) this.DebugMessage("Initializing Request Object..");
+		var req = null;
+		if (typeof XMLHttpRequest != "undefined")
+			req = new XMLHttpRequest();
+		if (!req && typeof ActiveXObject != "undefined")
+		{
+			try
+			{
+				req=new ActiveXObject("Msxml2.XMLHTTP");
+			}
+			catch (e)
+			{
+				try
+				{
+					req=new ActiveXObject("Microsoft.XMLHTTP");
+				}
+				catch (e2)
+				{
+					try {
+						req=new ActiveXObject("Msxml2.XMLHTTP.4.0");
+					}
+					catch (e3)
+					{
+						req=null;
+					}
+				}
+			}
+		}
+		if(!req && window.createRequest)
+			req = window.createRequest();
+		
+		if (!req) this.DebugMessage("Request Object Instantiation failed.");
+			
+		return req;
+	}
+
+	// xajax.$() is shorthand for document.getElementById()
+	this.$ = function(sId)
+	{
+		if (!sId) {
+			return null;
+		}
+		var returnObj = document.getElementById(sId);
+		if (!returnObj && document.all) {
+			returnObj = document.all[sId];
+		}
+		if (xajaxDebug && !returnObj && sId != this.workId) {
+			this.DebugMessage("Element with the id \"" + sId + "\" not found.");
+		}
+		return returnObj;
+	}
+	
+	// xajax.include(sFileName) dynamically includes an external javascript file
+	this.include = function(sFileName)
+	{
+		var objHead = document.getElementsByTagName('head');
+		var objScript = document.createElement('script');
+		objScript.type = 'text/javascript';
+		objScript.src = sFileName;
+		objHead[0].appendChild(objScript);
+	}
+	
+	this.stripOnPrefix = function(sEventName)
+	{
+		sEventName = sEventName.toLowerCase();
+		if (sEventName.indexOf('on') == 0)
+		{
+			sEventName = sEventName.replace(/on/,'');
+		}
+		
+		return sEventName;
+	}
+	
+	this.addOnPrefix = function(sEventName)
+	{
+		sEventName = sEventName.toLowerCase();
+		if (sEventName.indexOf('on') != 0)
+		{
+			sEventName = 'on' + sEventName;
+		}
+		
+		return sEventName;
+	}
+	
+	// xajax.addHandler adds an event handler to an element
+	this.addHandler = function(sElementId, sEvent, sFunctionName)
+	{
+		if (window.addEventListener)
+		{
+			sEvent = this.stripOnPrefix(sEvent);
+			eval("this.$('"+sElementId+"').addEventListener('"+sEvent+"',"+sFunctionName+",false);");
+		}
+		else
+		{
+			sAltEvent = this.addOnPrefix(sEvent);
+			eval("this.$('"+sElementId+"').attachEvent('"+sAltEvent+"',"+sFunctionName+",false);");
+		}
+	}
+	
+	// xajax.removeHandler removes an event handler from an element
+	this.removeHandler = function(sElementId, sEvent, sFunctionName)
+	{
+		if (window.addEventListener)
+		{
+			sEvent = this.stripOnPrefix(sEvent);
+			eval("this.$('"+sElementId+"').removeEventListener('"+sEvent+"',"+sFunctionName+",false);");
+		}
+		else
+		{
+			sAltEvent = this.addOnPrefix(sEvent);
+			eval("this.$('"+sElementId+"').detachEvent('"+sAltEvent+"',"+sFunctionName+",false);");
+		}
+	}
+	
+	// xajax.create creates a new child node under a parent
+	this.create = function(sParentId, sTag, sId)
+	{
+		var objParent = this.$(sParentId);
+		objElement = document.createElement(sTag);
+		objElement.setAttribute('id',sId);
+		if (objParent)
+			objParent.appendChild(objElement);
+	}
+	
+	// xajax.insert inserts a new node before another node
+	this.insert = function(sBeforeId, sTag, sId)
+	{
+		var objSibling = this.$(sBeforeId);
+		objElement = document.createElement(sTag);
+		objElement.setAttribute('id',sId);
+		objSibling.parentNode.insertBefore(objElement, objSibling);
+	}
+
+	// xajax.insertAfter inserts a new node after another node
+	this.insertAfter = function(sAfterId, sTag, sId)
+	{
+		var objSibling = this.$(sAfterId);
+		objElement = document.createElement(sTag);
+		objElement.setAttribute('id',sId);
+		objSibling.parentNode.insertBefore(objElement, objSibling.nextSibling);
+	}
+	
+	this.getInput = function(sType, sName, sId)
+	{
+		var Obj;
+		if (!window.addEventListener)
+		{
+			Obj = document.createElement('<input type="'+sType+'" id="'+sId+'" name="'+sName+'">');
+		}
+		else
+		{
+			Obj = document.createElement('input');
+			Obj.setAttribute('type',sType);
+			Obj.setAttribute('name',sName);
+			Obj.setAttribute('id',sId);
+		}
+		return Obj;
+	}
+	
+	// xajax.createInput creates a new input node under a parent
+	this.createInput = function(sParentId, sType, sName, sId)
+	{
+		var objParent = this.$(sParentId);
+		var objElement = this.getInput(sType, sName, sId);
+		if (objParent && objElement)
+			objParent.appendChild(objElement);
+	}
+	
+	// xajax.insertInput creates a new input node before another node
+	this.insertInput = function(sBeforeId, sType, sName, sId)
+	{
+		var objSibling = this.$(sBeforeId);
+		var objElement = this.getInput(sType, sName, sId);
+		if (objElement && objSibling && objSibling.parentNode)
+			objSibling.parentNode.insertBefore(objElement, objSibling);
+	}
+
+	// xajax.insertInputAfter creates a new input node after another node
+	this.insertInputAfter = function(sAfterId, sType, sName, sId)
+	{
+		var objSibling = this.$(sAfterId);
+		var objElement = this.getInput(sType, sName, sId);
+		if (objElement && objSibling && objSibling.parentNode) {
+			objSibling.parentNode.insertBefore(objElement, objSibling.nextSibling);
+		}
+	}
+		
+	// xajax.remove deletes an element
+	this.remove = function(sId)
+	{
+		objElement = this.$(sId);
+		if (objElement && objElement.parentNode && objElement.parentNode.removeChild)
+		{
+			objElement.parentNode.removeChild(objElement);
+		}
+	}
+	
+	//xajax.replace searches for text in an attribute of an element and replaces it
+	//with a different text
+	this.replace = function(sId,sAttribute,sSearch,sReplace)
+	{
+		var bFunction = false;
+		
+		if (sAttribute == "innerHTML")
+			sSearch = this.getBrowserHTML(sSearch);
+		
+		eval("var txt=this.$('"+sId+"')."+sAttribute);
+		if (typeof txt == "function")
+        {
+            txt = txt.toString();
+            bFunction = true;
+        }
+		if (txt.indexOf(sSearch)>-1)
+		{
+			var newTxt = '';
+			while (txt.indexOf(sSearch) > -1)
+			{
+				x = txt.indexOf(sSearch)+sSearch.length+1;
+				newTxt += txt.substr(0,x).replace(sSearch,sReplace);
+				txt = txt.substr(x,txt.length-x);
+			}
+			newTxt += txt;
+			if (bFunction)
+			{
+				eval('this.$("'+sId+'").'+sAttribute+'=newTxt;');
+			}
+			else if (this.willChange(sId,sAttribute,newTxt))
+			{
+				eval('this.$("'+sId+'").'+sAttribute+'=newTxt;');
+			}
+		}
+	}
+	
+	// xajax.getFormValues() builds a query string XML message from the elements of a form object
+	// * The first argument is the id of the form
+	// * The second argument (optional) can be set to true if you want to submit disabled elements
+	// * The third argument (optional) allows you to specify a string prefix that a form element
+	//   name must contain if you want that element to be submitted
+	this.getFormValues = function(frm)
+	{
+		var objForm;
+		var submitDisabledElements = false;
+		if (arguments.length > 1 && arguments[1] == true)
+			submitDisabledElements = true;
+		var prefix="";
+		if(arguments.length > 2)
+			prefix = arguments[2];
+		
+		if (typeof(frm) == "string")
+			objForm = this.$(frm);
+		else
+			objForm = frm;
+		var sXml = "<xjxquery><q>";
+		if (objForm && objForm.tagName == 'FORM')
+		{
+			var formElements = objForm.elements;
+			for( var i=0; i < formElements.length; i++)
+			{
+				if (!formElements[i].name)
+					continue;
+				if (formElements[i].name.substring(0, prefix.length) != prefix)
+					continue;
+				if (formElements[i].type && (formElements[i].type == 'radio' || formElements[i].type == 'checkbox') && formElements[i].checked == false)
+					continue;
+				if (formElements[i].disabled && formElements[i].disabled == true && submitDisabledElements == false)
+					continue;
+				var name = formElements[i].name;
+				if (name)
+				{
+					if (sXml != '<xjxquery><q>')
+						sXml += '&';
+					if(formElements[i].type=='select-multiple')
+					{
+						for (var j = 0; j < formElements[i].length; j++)
+						{
+							if (formElements[i].options[j].selected == true)
+								sXml += name+"="+encodeURIComponent(formElements[i].options[j].value)+"&";
+						}
+					}
+					else
+					{
+						sXml += name+"="+encodeURIComponent(formElements[i].value);
+					}
+				} 
+			}
+		}
+		
+		sXml +="</q></xjxquery>";
+		
+		return sXml;
+	}
+	
+	// Generates an XML message that xajax can understand from a javascript object
+	this.objectToXML = function(obj)
+	{
+		var sXml = "<xjxobj>";
+		for (i in obj)
+		{
+			try
+			{
+				if (i == 'constructor')
+					continue;
+				if (obj[i] && typeof(obj[i]) == 'function')
+					continue;
+					
+				var key = i;
+				var value = obj[i];
+				if (value && typeof(value)=="object" && this.depth <= 50)
+				{
+					this.depth++;
+					value = this.objectToXML(value);
+					this.depth--;
+				}
+				
+				sXml += "<e><k>"+key+"</k><v>"+value+"</v></e>";
+				
+			}
+			catch(e)
+			{
+				if (xajaxDebug) this.DebugMessage(e.name+": "+e.message);
+			}
+		}
+		sXml += "</xjxobj>";
+	
+		return sXml;
+	}
+
+	// unserializes data structure from xajaxResponse::_buildObjXml()
+	this._nodeToObject = function(node) {
+		// parentNode here is weird, have to tune
+		if (node.nodeName == '#cdata-section') {
+			var data = "";
+			for (var j=0; j<node.parentNode.childNodes.length; j++) {
+				data += node.parentNode.childNodes[j].data;
+			}
+			return data;
+		}
+		else if (node.nodeName == 'xjxobj') {
+			var data = new Array();
+			for (var j=0; j<node.childNodes.length; j++) {
+				var child = node.childNodes[j];
+				var key;
+				var value;
+				if (child.nodeName == 'e') {
+					for (var k=0; k<child.childNodes.length; k++) {
+						if (child.childNodes[k].nodeName == 'k') {
+							key = child.childNodes[k].firstChild.data;
+						}
+						else if (child.childNodes[k].nodeName == 'v') {
+							value = this._nodeToObject(child.childNodes[k].firstChild);
+						}
+					}
+					if (key != null && value != null) {
+						data[key] = value;
+						key = value = null;
+					}
+				}
+			}
+			return data;
+		}		
+	}
+
+	this.loadingFunction = function(){};
+	this.doneLoadingFunction = function(){};
+	var loadingTimeout;
+
+	// Sends a XMLHttpRequest to call the specified PHP function on the server
+	// * sRequestType is optional -- defaults to POST
+	this.call = function(sFunction, aArgs, sRequestType)
+	{
+		var i,r,postData;
+		if (document.body && xajaxWaitCursor)
+			document.body.style.cursor = 'wait';
+		if (xajaxStatusMessages == true) window.status = 'Sending Request...';
+		clearTimeout(loadingTimeout);
+		loadingTimeout = setTimeout("xajax.loadingFunction();",400);
+		if (xajaxDebug) this.DebugMessage("Starting xajax...");
+		if (sRequestType == null) {
+		   var xajaxRequestType = xajaxDefinedPost;
+		}
+		else {
+			var xajaxRequestType = sRequestType;
+		}
+		var uri = xajaxRequestUri;
+		var value;
+		switch(xajaxRequestType)
+		{
+			case xajaxDefinedGet:{
+				var uriGet = uri.indexOf("?")==-1?"?xajax="+encodeURIComponent(sFunction):"&xajax="+encodeURIComponent(sFunction);
+				if (aArgs) {
+					for (i = 0; i<aArgs.length; i++)
+					{
+						value = aArgs[i];
+						if (typeof(value)=="object")
+							value = this.objectToXML(value);
+						uriGet += "&xajaxargs[]="+encodeURIComponent(value);
+					}
+				}
+				uriGet += "&xajaxr=" + new Date().getTime();
+				uri += uriGet;
+				postData = null;
+				} break;
+			case xajaxDefinedPost:{
+				postData = "xajax="+encodeURIComponent(sFunction);
+				postData += "&xajaxr="+new Date().getTime();
+				if (aArgs) {
+					for (i = 0; i <aArgs.length; i++)
+					{
+						value = aArgs[i];
+						if (typeof(value)=="object")
+							value = this.objectToXML(value);
+						postData = postData+"&xajaxargs[]="+encodeURIComponent(value);
+					}
+				}
+				} break;
+			default:
+				alert("Illegal request type: " + xajaxRequestType); return false; break;
+		}
+		r = this.getRequestObject();
+		if (!r) return false;
+		r.open(xajaxRequestType==xajaxDefinedGet?"GET":"POST", uri, true);
+		if (xajaxRequestType == xajaxDefinedPost)
+		{
+			try
+			{
+				r.setRequestHeader("Method", "POST " + uri + " HTTP/1.1");
+				r.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
+			}
+			catch(e)
+			{
+				alert("Your browser does not appear to  support asynchronous requests using POST.");
+				return false;
+			}
+		}
+		r.onreadystatechange = function()
+		{
+			if (r.readyState != 4)
+				return;
+			
+			if (r.status==200)
+			{
+				if (xajaxDebug) xajax.DebugMessage("Received:\n" + r.responseText);
+				if (r.responseXML && r.responseXML.documentElement)
+					xajax.processResponse(r.responseXML);
+				else {
+					var errorString = "Error: the XML response that was returned from the server is invalid.";
+					errorString += "\nReceived:\n" + r.responseText;
+					trimmedResponseText = r.responseText.replace( /^\s+/g, "" );// strip leading space

+					trimmedResponseText = trimmedResponseText.replace( /\s+$/g, "" );// strip trailing
+					if (trimmedResponseText != r.responseText)
+						errorString += "\nYou have whitespace in your response.";
+					alert(errorString);
+					document.body.style.cursor = 'default';
+					if (xajaxStatusMessages == true) window.status = 'Invalid XML response error';				
+				}
+			}
+			else {
+				if (xajax.responseErrorsForAlert.containsValue(r.status)) {
+					var errorString = "Error: the server returned the following HTTP status: " + r.status;
+					errorString += "\nReceived:\n" + r.responseText;
+					alert(errorString);
+				}
+				document.body.style.cursor = 'default';
+				if (xajaxStatusMessages == true) window.status = 'Invalid XML response error';								
+			}
+			
+			delete r;
+			r = null;
+		}
+		if (xajaxDebug) this.DebugMessage("Calling "+sFunction +" uri="+uri+" (post:"+ postData +")");
+		r.send(postData);
+		if (xajaxStatusMessages == true) window.status = 'Waiting for data...';
+		delete r;
+		return true;
+	}
+	
+	//Gets the text as it would be if it were being retrieved from
+	//the innerHTML property in the current browser
+	this.getBrowserHTML = function(html)
+	{
+		tmpXajax = this.$(this.workId);
+		if (!tmpXajax)
+		{
+			tmpXajax = document.createElement("div");
+			tmpXajax.setAttribute('id',this.workId);
+			tmpXajax.style.display = "none";
+			tmpXajax.style.visibility = "hidden";
+			document.body.appendChild(tmpXajax);
+		}
+		tmpXajax.innerHTML = html;
+		var browserHTML = tmpXajax.innerHTML;
+		tmpXajax.innerHTML = '';	
+		
+		return browserHTML;
+	}
+	
+	// Tests if the new Data is the same as the extant data
+	this.willChange = function(element, attribute, newData)
+	{
+		if (!document.body)
+		{
+			return true;
+		}
+		if (attribute == "innerHTML")
+		{
+			newData = this.getBrowserHTML(newData);
+		}
+		elementObject = this.$(element);
+		if (elementObject) {
+			var oldData;		
+			eval("oldData=this.$('"+element+"')."+attribute);
+			if (newData !== oldData)
+				return true;
+		}
+
+		return false;
+	}
+	
+	//Returns the source code of the page after it's been modified by xajax
+	this.viewSource = function()
+	{
+		return "<html>"+document.getElementsByTagName("HTML")[0].innerHTML+"</html>";
+	}
+	
+	//Process XML xajaxResponses returned from the request
+	this.processResponse = function(xml)
+	{
+		clearTimeout(loadingTimeout);
+		this.doneLoadingFunction();
+		if (xajaxStatusMessages == true) window.status = 'Processing...';
+		var tmpXajax = null;
+		xml = xml.documentElement;
+		if (xml == null)
+			return;
+		
+		var skipCommands = 0;
+		for (var i=0; i<xml.childNodes.length; i++)
+		{
+			if (skipCommands > 0) {
+				skipCommands--;
+				continue;
+			}
+			if (xml.childNodes[i].nodeName == "cmd")
+			{
+				var cmd;
+				var id;
+				var property;
+				var data;
+				var search;
+				var type;
+				var before;
+				var objElement = null;
+
+				for (var j=0; j<xml.childNodes[i].attributes.length; j++)
+				{
+					if (xml.childNodes[i].attributes[j].name == "n")
+					{
+						cmd = xml.childNodes[i].attributes[j].value;
+					}
+					else if (xml.childNodes[i].attributes[j].name == "t")
+					{
+						id = xml.childNodes[i].attributes[j].value;
+					}
+					else if (xml.childNodes[i].attributes[j].name == "p")
+					{
+						property = xml.childNodes[i].attributes[j].value;
+					}
+					else if (xml.childNodes[i].attributes[j].name == "c")
+					{
+						type = xml.childNodes[i].attributes[j].value;
+					}
+				}
+				if (xml.childNodes[i].childNodes.length > 1 && xml.childNodes[i].firstChild.nodeName == "#cdata-section")
+				{
+					data = "";
+					for (var j=0; j<xml.childNodes[i].childNodes.length; j++)
+					{
+						data += xml.childNodes[i].childNodes[j].data;
+					}
+				}
+				else if (xml.childNodes[i].firstChild && xml.childNodes[i].firstChild.nodeName == 'xjxobj') {
+					data = this._nodeToObject(xml.childNodes[i].firstChild);
+					objElement = "XJX_SKIP";
+				}
+				else if (xml.childNodes[i].childNodes.length > 1)
+				{
+					for (var j=0; j<xml.childNodes[i].childNodes.length; j++)
+					{
+						if (xml.childNodes[i].childNodes[j].childNodes.length > 1 && xml.childNodes[i].childNodes[j].firstChild.nodeName == "#cdata-section")
+						{
+							var internalData = "";
+							for (var k=0; k<xml.childNodes[i].childNodes[j].childNodes.length;k++)
+							{
+								internalData+=xml.childNodes[i].childNodes[j].childNodes[k].nodeValue;
+							}
+						} else {
+							var internalData = xml.childNodes[i].childNodes[j].firstChild.nodeValue;
+						}
+					
+						if (xml.childNodes[i].childNodes[j].nodeName == "s")
+						{
+							search = internalData;
+						}
+						if (xml.childNodes[i].childNodes[j].nodeName == "r")
+						{
+							data = internalData;
+						}
+					}
+				}
+				else if (xml.childNodes[i].firstChild)
+					data = xml.childNodes[i].firstChild.nodeValue;
+				else
+					data = "";
+				
+				if (objElement != "XJX_SKIP") objElement = this.$(id);
+				var cmdFullname;
+				try
+				{
+					if (cmd=="cc") {
+						cmdFullname = "addConfirmCommands";
+						var confirmResult = confirm(data);
+						if (!confirmResult) {
+							skipCommands = id;
+						}
+					}
+					if (cmd=="al")
+					{
+						cmdFullname = "addAlert";
+						alert(data);
+					}
+					else if (cmd=="js")
+					{
+						cmdFullname = "addScript/addRedirect";
+						eval(data);
+					}
+					else if (cmd=="jc")
+					{
+						cmdFullname = "addScriptCall";
+						var scr = id + '(';
+						if (data[0] != null) {
+							scr += 'data[0]';
+							for (var l=1; l<data.length; l++) {
+								scr += ',data['+l+']';
+							}
+						}
+						scr += ');';
+						eval(scr);
+					}
+					else if (cmd=="in")
+					{
+						cmdFullname = "addIncludeScript";
+						this.include(data);
+					}
+					else if (cmd=="as")
+					{
+						cmdFullname = "addAssign/addClear";
+						if (this.willChange(id,property,data))
+						{
+							eval("objElement."+property+"=data;");
+						}
+					}
+					else if (cmd=="ap")
+					{
+						cmdFullname = "addAppend";
+						eval("objElement."+property+"+=data;");
+					}
+					else if (cmd=="pp")
+					{
+						cmdFullname = "addPrepend";
+						eval("objElement."+property+"=data+objElement."+property);
+					}
+					else if (cmd=="rp")
+					{
+						cmdFullname = "addReplace";
+						this.replace(id,property,search,data)
+					}
+					else if (cmd=="rm")
+					{
+						cmdFullname = "addRemove";
+						this.remove(id);
+					}
+					else if (cmd=="ce")
+					{
+						cmdFullname = "addCreate";
+						this.create(id,data,property);
+					}
+					else if (cmd=="ie")
+					{
+						cmdFullname = "addInsert";
+						this.insert(id,data,property);
+					}
+					else if (cmd=="ia")
+					{
+						cmdFullname = "addInsertAfter";
+						this.insertAfter(id,data,property);
+					}
+					else if (cmd=="ci")
+					{
+						cmdFullname = "addCreateInput";
+						this.createInput(id,type,data,property);
+					}
+					else if (cmd=="ii")
+					{
+						cmdFullname = "addInsertInput";
+						this.insertInput(id,type,data,property);
+					}
+					else if (cmd=="iia")
+					{
+						cmdFullname = "addInsertInputAfter";
+						this.insertInputAfter(id,type,data,property);
+					}
+					else if (cmd=="ev")
+					{
+						cmdFullname = "addEvent";
+						property = this.addOnPrefix(property);
+						eval("this.$('"+id+"')."+property+"= function(){"+data+";}");
+					}
+					else if (cmd=="ah")
+					{
+						cmdFullname = "addHandler";
+						this.addHandler(id, property, data);
+					}
+					else if (cmd=="rh")
+					{
+						cmdFullname = "addRemoveHandler";
+						this.removeHandler(id, property, data);
+					}
+				}
+				catch(e)
+				{
+					if (xajaxDebug)
+						alert("While trying to '"+cmdFullname+"' (command number "+i+"), the following error occured:\n"
+							+ e.name+": "+e.message+"\n"
+							+ (id&&!objElement?"Object with id='"+id+"' wasn't found.\n":""));
+				}
+				delete objElement;
+				delete cmd;
+				delete cmdFullname;
+				delete id;
+				delete property;
+				delete search;
+				delete data;
+				delete type;
+				delete before;
+				delete internalData;
+				delete j;
+				delete k;
+			}	
+		}
+		delete xml;
+		delete i;
+		document.body.style.cursor = 'default';
+		if (xajaxStatusMessages == true) window.status = 'Done';
+	}
+}
+
+var xajax = new Xajax();
+xajaxLoaded = true;
diff --git a/lib/config.class.php b/lib/config.class.php
new file mode 100644
index 0000000..7a2782d
--- /dev/null
+++ b/lib/config.class.php
@@ -0,0 +1,35 @@
+<?php

+

+# define a class for general site configuration

+class siteConfig {

+

+	# predefined variables

+	# to change the database type see lib/database.class.php

+	public $_dbHost;		# db host

+	public $_dbName;		# name of the database

+	public $_dbUser;		# database user

+	public $_dbPass;		# database password

+

+	public $_rootDir;		# root of the site from the perspective of the filesystem

+	public $_rootURL;		# root URL of the site

+	public $_adodbDir;	# where the ADOBD libraries live - adodb.sourceforge.net

+	var $_imgDir;			# images directory

+	var $_cssDir;			# css files directory

+	var $_jsDir;			# javascript files directory

+

+	# class constructor

+	function __construct() {

+

+		# nothing to do at the moment

+

+	}

+

+	##------------------------------------------------------------------##

+	

+	# add functions here

+	

+	##------------------------------------------------------------------##

+

+}

+

+?>

diff --git a/lib/database.class.php b/lib/database.class.php
new file mode 100644
index 0000000..f72bdab
--- /dev/null
+++ b/lib/database.class.php
@@ -0,0 +1,239 @@
+<?php
+		
+# include the ADODB library for abstracting the underlying database
+require(ADODBDIR . "/adodb.inc.php");
+
+# define a class for connecting to, extracting and modifying data from a database
+
+class Database {
+
+	# predefine various variables
+	protected $_dbType			= "mysql";
+	public $_rows;			# holder for multiple records
+	public $_row;			# holder for a single record
+	public $_result;
+	public $_rowCount;
+	public $_fieldCount;
+	public $_affectedRows;
+	public $_insertId;
+	public $_error;
+	public $_dbConn;
+
+	# class constructor
+	function Database() {
+
+		# connect to the database
+		$this->Connect(
+			DBHOST,
+			DBUSER,
+			DBPASS,
+			DBNAME
+		);
+
+	}
+
+	##------------------------------------------------------------------##
+
+	# connect to the database
+	function Connect($dbHost, $dbUser, $dbPass, $dbName) {
+		$this->_dbConn = &ADONewConnection($this->_dbType);
+		if	(
+				$this->_dbConn->Connect
+					(
+						$dbHost,
+						$dbUser,
+						$dbPass,
+						$dbName
+					)
+			)
+		{
+			return true;
+		} else {
+			# grab error if the connection fails
+			$this->_error = $this->_dbConn->ErrorMsg();
+			if ( DBDEBUG == "true" ) {
+				$this->PrintError();
+			}
+			return false;
+		}
+
+	}
+	
+	##------------------------------------------------------------------##
+
+	# close the connection to the database
+	function Close() {
+
+		if ( isset($this->_dbConn) ) {
+			if ( $this->_dbConn->Close() ) {
+				return true;
+			} else {
+				# grab error if the connection fails
+				$this->_error = $this->_dbConn->ErrorMsg();
+				if ( DBDEBUG == "true" ) {
+					$this->PrintError();
+				}
+				return false;
+			}
+		}
+
+	}
+
+	##------------------------------------------------------------------##
+
+	# handles select queries where multiple rows are expected
+	function Select($sql) {
+
+		$this->_result = $this->_dbConn->Execute($sql);
+
+		if ( $this->_result ) {
+			$this->_rowCount = $this->_result->RecordCount();
+			$this->_fieldCount = $this->_result->FieldCount();
+			$this->_rows = $this->_result->GetRows();
+			return true;
+		} else {
+			$this->_error = $this->_dbConn->ErrorMsg();
+			if ( DBDEBUG == "true" ) {
+				$this->PrintError($sql);
+			}
+			return false;
+		}
+
+	}
+
+	##------------------------------------------------------------------##
+
+	# handles select queries where only one record is expected
+	function SelectOne($sql) {
+
+		$this->_result = $this->_dbConn->Execute($sql);
+
+		if ( $this->_result ) {
+			$this->_fieldCount = $this->_result->FieldCount();
+			$this->_rowCount = $this->_result->RecordCount();
+			$this->_row = $this->_result->FetchRow();
+			return true;
+		} else {
+			$this->_error = $this->_dbConn->ErrorMsg();
+			if ( DBDEBUG == "true" ) {
+				$this->PrintError($sql);
+			}
+			return false;
+		}
+
+	}
+
+	##------------------------------------------------------------------##
+
+	# handles select queries that need to return a restricted record set
+	function SelectLimit($sql, $rows, $offset) {
+
+		$this->_result = $this->_dbConn->SelectLimit($sql, $rows, $offset);
+
+		if ( $this->_result ) {
+			$this->_rowCount = $this->_result->RecordCount();
+			$this->_fieldCount = $this->_result->FieldCount();
+			$this->_rows = $this->_result->GetRows();
+			return true;
+		} else {
+			$this->_error = $this->_dbConn->ErrorMsg();
+			if ( DBDEBUG == "true" ) {
+				$this->PrintError($sql);
+			}
+			return false;
+		}
+
+	}
+
+	##------------------------------------------------------------------##
+
+	# handles queries that will alter data
+	function Modify($sql) {
+		
+		$this->_result = $this->_dbConn->Execute($sql);
+
+		if ( $this->_result ) {
+			$this->_affectedRows = $this->_dbConn->Affected_Rows();
+			return true;
+		} else {
+			$this->_error = $this->_dbConn->ErrorMsg();
+			if ( DBDEBUG == "true" ) {
+				$this->PrintError($sql);
+			}
+			return false;
+		}
+	
+	}
+
+	##------------------------------------------------------------------##
+
+	# get auto_incremented ID of last insert statement
+	function InsertId() {
+
+		$this->_result = $this->_dbConn->Insert_ID();
+
+		if ( $this->_result ) {
+			$this->_insertId = $this->_result;
+			return $this->_insertId;
+		} else {
+			$this->_error = $this->_dbConn->ErrorMsg();
+			if ( DBDEBUG == "true" ) {
+				$this->PrintError();
+			}
+			return false;
+		}
+
+	}
+
+	##------------------------------------------------------------------##
+
+	# clean up and escape strings to be inserted into database
+	function EscapeString($string) {
+
+		$string = trim($string);
+
+		if ( ! is_numeric($string) ) {
+			$string = $this->_dbConn->qstr( $string, get_magic_quotes_gpc() );
+		}
+
+		# the ADODB function above seems to add single quotes around the
+		# submitted string.  i like to add those myself at the time of
+		# the query, so strip them off here
+		$string = trim($string, "'");
+
+		return $string;
+
+	}
+
+	##------------------------------------------------------------------##
+
+	# print an error to the screen and then exit the script
+	function PrintError($sql = "") {
+
+		$thisScript = basename($_SERVER['PHP_SELF']);
+		echo <<<HTML
+<html>
+<head>
+	<title>Database Error</title>
+</head>
+<body>
+	<div>
+		<p>There was a database error.</p>
+		<p><strong>Script</strong>: $thisScript</p>
+		<p><strong>SQL</strong>: $sql</p>
+		<p><strong>Error</strong>: <span style='color: red;'>$this->_error</span></p>
+	</div>
+</body>
+</html>
+
+HTML;
+
+		exit;
+
+		return true;
+
+	}
+
+	##------------------------------------------------------------------##
+
+}
diff --git a/lib/site.lib.php b/lib/site.lib.php
new file mode 100644
index 0000000..d581cdb
--- /dev/null
+++ b/lib/site.lib.php
@@ -0,0 +1,657 @@
+<?php
+
+# determine if the user exists in the database and if so then
+# set a few session variables indicating such
+function validateUser($user, $pass) {
+
+	global $db;
+	
+	# make sure that these variables are empty and even unset
+	if ( isset($_SESSION['auth']) ) {
+		unset($_SESSION['auth']);
+	}
+
+	# encrypt password with a simple md5 hash
+	$md5Password = md5($pass);
+
+	$sql = "
+		SELECT * FROM users
+		WHERE username = '$user'
+			AND password = '$md5Password'
+	";
+	$db->SelectOne($sql);
+	if ( $db->_rowCount == 1 ) {
+		# if one record was returned then a user matching the credentials they
+		# supplied was found in the database.  give them access.
+		$_SESSION['auth']['status'] = "access_granted";
+		$_SESSION['auth']['ipaddress'] = $_SERVER['REMOTE_ADDR'];
+		
+		# dump all the users info into a session var, but unset the
+		# value of the password field
+		$_SESSION['user'] = $db->_row;
+		unset($_SESSION['user']['password']);
+
+		# determine the users age and put it in the session so that we don't have
+		# to calculate it over and over again as they view things. 31536000 is the 
+		# number of seconds in a year.
+		$_SESSION['user']['age'] = floor((time() - $db->_row['birthday'])/31536000);
+		return true;
+	} else {
+		# not a valid user (not found in db)
+		$_SESSION['systemMsg'] = "<span class='msgError'>Login incorrect.</span>";
+		return false;
+	}
+
+}
+
+	##------------------------------------------------------------------##
+
+# a simple function to check if a user is logged in which also verifies
+# that the request came from the same IP address as the original login
+function isLoggedIn() {
+
+	if (
+		isset($_SESSION['auth']) &&
+		($_SESSION['auth']['status'] == "access_granted") &&
+		($_SESSION['auth']['ipaddress'] == $_SERVER['REMOTE_ADDR'])
+	) {
+		return true;
+	} else {
+		return false;
+	}
+
+}
+
+	##------------------------------------------------------------------##
+
+# this function will check to see if a user is logged in, and if not will
+# redirect the user to the index page with an error.  we could use the
+# isLoggedIn() function above directly, but that would require some if/thens
+# on the top of each script that required a login and then a rediction too.
+# this function just bundles all that into a neat package
+function loginRequired() {
+
+	global $config;
+
+	if ( isLoggedIn() ) {
+		return true;
+	} else {
+		header("Location: {$config->_rootUri}/");
+		exit;
+		return false;
+	}
+
+}
+
+	##------------------------------------------------------------------##
+
+# get a food category's name based on that categories id in the database
+function getFoodCategoryName($category) {
+
+	global $db;
+
+	$sql = "
+		SELECT fdgrp_desc
+		FROM foodCats
+		WHERE fdgrp_cd = '$category'
+	";
+	$db->SelectOne($sql);
+	if ( $db->_rowCount == 1 ) {
+		return $db->_row['fdgrp_desc'];
+	} else {
+		return false;
+	}
+
+}
+
+	##------------------------------------------------------------------##
+
+# get a nutrients description based on that nutrients nutr_no in the database
+function getNutrientName($nutrient) {
+
+	global $db;
+
+	$sql = "
+		SELECT nutrdesc
+		FROM nutrientDefs
+		WHERE nutr_no = '$nutrient'
+	";
+	$db->SelectOne($sql);
+	if ( $db->_rowCount == 1 ) {
+		return $db->_row['nutrdesc'];
+	} else {
+		return false;
+	}
+
+}
+
+	##------------------------------------------------------------------##
+
+# get any favorite foods based on user id
+function getFavoriteFoods($user) {
+
+	global $db;
+
+	# if the user hasn't marked any foods as favorites to
+	# show in the left sidebar dropdown, then just grab the
+	# first 15, else grab just their favorites
+	$sql = "
+		SELECT count(*) AS favCount
+		FROM userFoods
+		WHERE favorite = '1'
+	";
+	$db->SelectOne($sql);
+
+	if ( $db->_row['favCount'] == "0" ) {
+		$sql = "
+			SELECT * FROM userFoods
+			WHERE user = '$user'
+			ORDER BY description
+			LIMIT 15
+		";
+	} else {
+		$sql = "
+			SELECT * FROM userFoods
+			WHERE user = '$user'
+				AND favorite = '1'
+			ORDER BY description
+		";
+	}
+
+	$db->Select($sql);
+	if ( $db->_rowCount > 0 ) { 
+		return $db->_rows;
+	} else {
+		return false;
+	}
+
+}
+
+	##------------------------------------------------------------------##
+
+# get any favorite meals based on user id
+function getFavoriteMeals($user) {
+
+	global $db;
+
+	# if the user hasn't marked any meals as favorites to
+	# show in the left sidebar dropdown, then just grab the
+	# first 15, else grab just their favorites
+	$sql = "
+		SELECT count(*) AS favCount
+		FROM userMeals
+		WHERE favorite = '1'
+	";
+	$db->SelectOne($sql);
+
+	if ( $db->_row['favCount'] == "0" ) {
+		$sql = "
+			SELECT * FROM userMeals
+			WHERE user = '$user'
+			ORDER BY description
+			LIMIT 15
+		";
+	} else {
+		$sql = "
+			SELECT * FROM userMeals
+			WHERE user = '$user'
+			ORDER BY description
+		";
+	}
+
+	$db->Select($sql);
+	if ( $db->_rowCount > 0 ) { 
+		return $db->_rows;
+	} else {
+		return false;
+	}
+
+}
+
+	##------------------------------------------------------------------##
+
+# get all meals based on user id
+function getUserMeals($user) {
+
+	global $db;
+
+	$sql = "
+		SELECT * FROM userMeals
+		WHERE user = '$user'
+		ORDER BY description
+	";
+
+	$db->Select($sql);
+	if ( $db->_rowCount > 0 ) { 
+		return $db->_rows;
+	} else {
+		return false;
+	}
+
+}
+
+	##------------------------------------------------------------------##
+
+# get all diaries based on user id
+function getUserDiaries($user) {
+
+	global $db;
+
+	$sql = "
+		SELECT * FROM userDiaries
+		WHERE user = '$user'
+		ORDER BY description
+	";
+
+	$db->Select($sql);
+	if ( $db->_rowCount > 0 ) { 
+		return $db->_rows;
+	} else {
+		return false;
+	}
+
+}
+
+	##------------------------------------------------------------------##
+
+# removes an item from the current meal in $_SESSION['currentMeal']
+function removeCurrentMealItem($mealItem) {
+
+    $objResponse = new xajaxResponse();
+
+	# remove the selected meal item from the session
+	if ( array_key_exists($mealItem, $_SESSION['currentMeal']) ) {
+		unset($_SESSION['currentMeal'][$mealItem]);
+    	$objResponse->addRemove("currentMealItem-$mealItem");
+		$objResponse->addAssign("systemMsgs", "innerHTML", "<span class='msgOkay'>The meal item was successfully removed.</span>");
+		# if the session is empty then let the user know and remove
+		# anything like links to "View meal", "Clear meal", etc.
+		if ( count($_SESSION['currentMeal']) == 0 ) {
+    		$objResponse->addAssign("divCurrentMeal", "innerHTML", "No items in meal.");
+		}
+	} else {
+		$objResponse->addAssign("systemMsgs", "innerHTML", "<span class='msgError'>The specified meal item doesn't exist.</span>");
+	}
+
+	return $objResponse;
+
+}
+
+	##------------------------------------------------------------------##
+
+# removes all meal items from the current meal ($_SESSION['currentMeal'])
+function clearCurrentMeal() {
+
+    $objResponse = new xajaxResponse();
+
+	# unset the current meal session variable
+	if ( isset($_SESSION['currentMeal']) ) {
+		unset($_SESSION['currentMeal']);
+	}
+
+	# if it's still set here, then something went terribly wrong, otherwise
+	# clear the div and let the user know.
+	if ( isset($_SESSION['currentMeal']) ) {
+		$objResponse->addAssign("systemMsgs", "innerHTML", "<span class='msgError'>There was an error. The current meal was not cleared.</span>");
+	} else {
+    	$objResponse->addAssign("divCurrentMeal", "innerHTML", "No items in meal.");
+		$objResponse->addAssign("systemMsgs", "innerHTML", "<span class='msgOkay'>The current meal was successfully cleared.</span>");
+	}
+
+	return $objResponse;
+
+}
+
+	##------------------------------------------------------------------##
+
+# create form for editing a meal
+function loadMealToEdit($meal) {
+
+	global $config, $db;
+
+	$objResponse = new xajaxResponse();
+
+	$mealToEdit = "";
+
+	$sql = sprintf ("
+		SELECT userMeals.*, userMeals.id AS mealId, userMeals.description as mealDesc,
+			userMealItems.*, userMealItems.id as itemId, userMealItems.description as itemDesc
+		FROM userMeals LEFT JOIN userMealItems
+			ON userMeals.id = userMealItems.meal
+		WHERE userMeals.id = '%s' AND user = '%s'
+		",
+		$meal,
+		$_SESSION['user']['id']
+	);
+	$db->Select($sql);
+
+	if ( $db->_rowCount == 0 ) {
+		$mealToEdit = "<span class='msgError'>The selected saved meal doesn't exist.</span><br />\n&lt;= Select a meal to edit.";
+		$objResponse->addAssign("editMeal","innerHTML", $mealToEdit);
+		return $objResponse;
+	} else {
+		$mealItems = $db->_rows;
+		$mealDesc = htmlspecialchars($mealItems[0]['mealDesc'], ENT_QUOTES);
+		$mealToEdit .= <<<HTML
+			<div>
+				<strong>Meal name</strong>: <input type='text' name='mealDesc' value='$mealDesc' size='25' />
+			</div>
+			<div id='editMealItems' style='margin-bottom: 1ex; overflow: hidden;'>
+
+HTML;
+		# here we grab and add all the possible predefined quantites
+		# so that the user can change the quantity from, for example,
+		# '1 large banana (7")' to '2 medium banana (5")' or something
+		# to that effect
+		foreach ( $mealItems as $key => $mealItem ) {
+			$sql = sprintf ("
+				SELECT seq AS weight, msre_desc
+				FROM weights
+				WHERE ndb_no = '%s'
+				",
+				$mealItem['food']
+			);
+			$db->Select($sql);
+			$itemQuantities = $db->_rows;
+			$mealItems[$key]['quantities'] = $itemQuantities;
+
+			# we will use this array later, in the Modify action below
+			# to identify which meal items we need to update.
+			$itemIds[] = $mealItem['itemId'];
+
+			$mealItemDesc = htmlspecialchars($mealItem['itemDesc'], ENT_QUOTES);
+			$mealToEdit .= <<<HTML
+			<div id='mealItem-{$mealItem['id']}'>
+				<div>
+					<a href='{$_SERVER['REQUEST_URI']}' onclick='verifyRemoveMealItem("{$mealItem['id']}"); return false;'><img src='{$config->_imgUri}/remove.png' alt='Del' title='Remove: $mealItemDesc' /></a>
+					=&gt; <strong>Meal item</strong>: <input type='text' name='mealItemDesc-{$mealItem['id']}' id='mealItemDesc-{$mealItem['id']}' value='$mealItemDesc' size='25' />
+				</div>
+				<div style='margin-top: 1ex; margin-left: 3ex;'>
+					<div style='margin-left: 2ex; margin-bottom: 1ex;'>
+						=&gt; <strong>Amount</strong>: <input type='text' name='mealItemQuantity-{$mealItem['id']}' id='mealItemQuantity-{$mealItem['id']}' value='{$mealItem['quantity']}' size='2' />
+						<select name='mealItemWeight-{$mealItem['id']}'>
+
+HTML;
+
+			foreach ( $itemQuantities as $itemQuantity ) {
+				if ( $itemQuantity['weight'] == $mealItem['weight'] ) {
+					$mealToEdit .= "							<option value='{$itemQuantity['weight']}' selected='selected'>{$itemQuantity['msre_desc']}</option>\n";
+				} else {
+					$mealToEdit .= "							<option value='{$itemQuantity['weight']}'>{$itemQuantity['msre_desc']}</option>\n";
+				}
+			}
+
+			$mealToEdit .= <<<HTML
+						</select>
+					</div>
+				</div>
+			</div>
+
+HTML;
+		}
+
+		if ( $mealItem['favorite'] == "1" ) {
+			$mealToEdit .= "					<div><strong>Favorite</strong>: <input type='checkbox' name='favorite' id='favorite' checked='checked' /></div>\n";
+		} else {
+			$mealToEdit .= "					<div><strong>Favorite</strong>: <input type='checkbox' name='favorite' id='favorite' /></div>\n";
+		}
+
+		# separate itemIds with a comma
+		$mealItemIds = implode(",",$itemIds);
+		$mealToEdit .= <<<HTML
+		</div>
+		<div style='margin-top: 2ex;'>
+			<input type='hidden' name='meal' value='$meal' />
+			<input type='hidden' name='mealItemIds' value='$mealItemIds' />
+			<input type='hidden' name='action' value='' />
+			<input type='submit' name='doModifyMeal' value='Modify' onclick='document.formEditMeal.action.value = "Modify";' />
+			<input type='submit' name='doDeleteMeal' value='Delete' onclick='document.formEditMeal.action.value = "Delete";' />
+		</div>
+
+HTML;
+	}
+
+    $objResponse->addAssign("editMeal","innerHTML", $mealToEdit);
+
+	return $objResponse;
+
+}
+
+	##------------------------------------------------------------------##
+
+# create form for editing a food
+function loadFoodToEdit($food) {
+
+	global $config, $db;
+
+    $objResponse = new xajaxResponse();
+	$foodToEdit = "";
+
+	$sql = sprintf ("
+		SELECT * FROM userFoods
+		WHERE id = '%s' AND user = '%s'
+		",
+		$food,
+		$_SESSION['user']['id']
+	);
+	$db->SelectOne($sql);
+
+	if ( $db->_rowCount == 0 ) {
+		$foodToEdit = "<span class='msgError'>The selected saved food doesn't exist.</span><br />\n&lt;= Select a food to edit.";
+    	$objResponse->addAssign("editFood","innerHTML", $foodToEdit);
+		return $objResponse;
+	} else {
+		$foodItem = $db->_row;
+		# here we grab and add all the possible predefined quantites
+		# so that the user can change the quantity from, for example,
+		# '1 large banana (7")' to '2 medium banana (5")' or something
+		# to that effect
+		$sql = sprintf ("
+			SELECT seq AS weight, msre_desc
+			FROM weights
+			WHERE ndb_no = '%s'
+			",
+			$foodItem['food']
+		);
+		$db->Select($sql);
+		$itemQuantities = $db->_rows;
+		$foodItem['quantities'] = $itemQuantities;
+
+		$foodDesc = htmlspecialchars($foodItem['description'], ENT_QUOTES);
+		$foodToEdit .= <<<HTML
+					<form action='edit_food.php' method='post' name='formEditFood' id='formEditFood' onsubmit='return validateEditFood("formEditFood");'>
+						<div><strong>Food name</strong>: <input type='text' name='foodDesc' id='foodDesc' value='$foodDesc' size='25' /></div>
+						<div style='margin-left: 3ex; margin-bottom: 1ex;'>
+							=&gt; <strong>Amount</strong>: <input type='text' name='quantity' value='{$foodItem['quantity']}' size='2' />
+							<select name='weight'>
+
+HTML;
+
+		foreach ( $itemQuantities as $itemQuantity ) {
+			if ( $itemQuantity['weight'] == $foodItem['weight'] ) {
+				$foodToEdit .= "								<option value='{$itemQuantity['weight']}' selected='selected'>{$itemQuantity['msre_desc']}</option>\n";
+			} else {
+				$foodToEdit .= "								<option value='{$itemQuantity['weight']}'>{$itemQuantity['msre_desc']}</option>\n";
+			}
+		}
+
+		$foodToEdit .= <<<HTML
+							</select>
+						</div>
+HTML;
+		if ( $foodItem['favorite'] == "1" ) {
+			$foodToEdit .= "					<div><strong>Favorite</strong>: <input type='checkbox' name='favorite' id='favorite' checked='checked' /></div>\n";
+		} else {
+			$foodToEdit .= "					<div><strong>Favorite</strong>: <input type='checkbox' name='favorite' id='favorite' /></div>\n";
+		}
+		$foodToEdit .= <<<HTML
+						<div style='margin-top: 2ex;'>
+							<input type='hidden' name='food' value='$food' />
+							<input type='hidden' name='action' value='' />
+							<input type='submit' name='doModifyFood' value='Modify' onclick='document.formEditFood.action.value = "Modify";' />
+							<input type='submit' name='doDeleteFood' value='Delete' onclick='document.formEditFood.action.value = "Delete";' />
+						</div>
+					</form>
+
+HTML;
+	}
+
+    $objResponse->addAssign("editFood","innerHTML", $foodToEdit);
+
+	return $objResponse;
+
+}
+
+	##------------------------------------------------------------------##
+
+# removes an item from a saved meal
+function removeMealItem($mealItem) {
+
+	global $db;
+
+	$objResponse = new xajaxResponse();
+
+	$sql = sprintf ("
+		DELETE userMealItems.*
+		FROM userMealItems INNER JOIN userMeals
+			ON userMealItems.meal = userMeals.id
+		INNER JOIN users
+			ON userMeals.user = users.id
+		WHERE users.id = '%s' AND userMealItems.id = '%s'
+		",
+		$_SESSION['user']['id'],
+		$mealItem
+	);
+	$db->Modify($sql);
+
+	if ( $db->_affectedRows == "1" ) {
+		$objResponse->addRemove("mealItem-$mealItem");
+		$objResponse->addAssign("systemMsgs", "innerHTML", "<span class='msgOkay'>The meal item was successfully removed.</span>");
+		return $objResponse;
+	} else {
+		$objResponse->addAssign("systemMsgs", "innerHTML", "<span class='msgError'>There was an error.  The meal item was not meal.</span>");
+		return $objResponse;
+	}
+
+}
+	##------------------------------------------------------------------##
+
+# removes an item from a diary
+function removeDiaryItem($diaryItem) {
+
+	global $db;
+
+	$objResponse = new xajaxResponse();
+
+	$sql = sprintf ("
+		DELETE userDiaryItems.*
+		FROM userDiaryItems INNER JOIN userDiaries
+			ON userDiaryItems.diary = userDiaries.id
+		WHERE userDiaries.user = '%s'
+			AND userDiaryItems.id = '%s'
+		",
+		$_SESSION['user']['id'],
+		$diaryItem
+	);
+	$db->Modify($sql);
+
+	if ( $db->_affectedRows == "1" ) {
+		$objResponse->addRemove("itemRow-$diaryItem");
+		$objResponse->addAssign("systemMsgs", "innerHTML", "<span class='msgOkay'>The diary item was successfully deleted.</span>");
+		return $objResponse;
+	} else {
+		$objResponse->addAssign("systemMsgs", "innerHTML", "<span class='msgError'>There was an error.  The diary item was not deleted.</span>");
+		return $objResponse;
+	}
+
+}
+
+	##------------------------------------------------------------------##
+
+# checks to see if a username already exists in the db during the registration process
+function usernameExists($username) {
+
+	global $db;
+
+	$objResponse = new xajaxResponse();
+
+	$sql = sprintf ("
+		SELECT username FROM users
+		WHERE username = '%s'
+		",
+		trim($username)
+	);
+	$db->Select($sql);
+	if ( $db->_rowCount > 0 ) {
+		$alert = "The login name you selected is already in use.  Please select another.";
+		$objResponse->addAlert($alert);
+		$objResponse->addScript("xajax.$('formRegisterUser').username.focus();");
+		$objResponse->addScript("return false;");
+	} else {
+		$objResponse->addScript("xajax.$('formRegisterUser').submit();");
+	}
+
+	return $objResponse;
+
+}
+
+	##------------------------------------------------------------------##
+
+# increment the "popularity" counter for the supplied ndb_no.
+# table will be: foodDesc, userFoods, or userMeals ... we use it to determine
+# which counter to increment.  the name corresponds to the relevant table
+# so we can just plug it into the query directly
+
+function incrementPopularityCounter($id, $table) {
+
+	global $db;
+
+	# we keep track of which items a user has selected during a given
+	# session and we only allow a popularity counter to be incremented
+	# for a given item once per session.  this isn't fool-proof, but it
+	# should help to stem someone repeatedly clicking on the same item
+	# in order to raise it's popularity artificially .. at least it will
+	# be more of a hassle for someone to do it.
+	if ( ! empty($_SESSION['popularity']) && in_array("$id{$table}", $_SESSION['popularity']) ) {
+		# this user has already selected this item during this session
+		# so don't increment the popularity counter
+		return false;
+	}
+
+	switch ( $table ) {
+		case "foodDescs":
+			$idField = "ndb_no";
+			break;
+		case "userFoods":
+			$idField = "id";
+			break;
+		case "userMeals":
+			$idField = "id";
+			break;
+		default:
+			# the table isn't valid
+			return false;
+	}
+
+	$sql = sprintf ("
+		UPDATE %s
+			SET popularity = (popularity + 1)
+		WHERE %s = '%s'
+		",
+		$table,
+		$idField,
+		$id
+	);
+	$db->Modify($sql);
+
+	# add this food to the list so that this user can't trigger another
+	# popularity increment for this food during this session.
+	$_SESSION['popularity'][] = "$id{$table}"; 
+
+	return true;
+
+}
+
+	##------------------------------------------------------------------##
+
+?>
diff --git a/lib/standard.lib.php b/lib/standard.lib.php
new file mode 100644
index 0000000..503052e
--- /dev/null
+++ b/lib/standard.lib.php
@@ -0,0 +1,112 @@
+<?php
+
+# this function will simply initialize a variable to
+# an empty string unless it already has a value, in
+# which case it will simply return the existing value
+function initVar($var) {
+	
+	$var = empty($var) ? "" : $var;
+	return $var;
+
+}
+
+# this function will initialize a variable to an empty
+# string unless it already has a value, in which case
+# it will simply return the existing value ... the only
+# diff. between this function and initVar() is that this
+# fuction encodes HTML special characters and then echos
+# the variable ... useful for initializing and printing
+# a variable all in one step
+function printVar($var) {
+	
+	$var = empty($var) ? "" : htmlspecialchars($var,ENT_QUOTES);
+	echo $var;
+	return true;
+
+}
+
+# create pagination, including a page navigation bar.  the
+# output should be fairly generic, enclosed in a div with 
+# a css class of 'paginationNav', and more or less suitable
+# to be dropped into just about any page.
+function getPagination($page = 1, $pageOffset, $uri , $paginationSql) {
+
+	global $config, $db;
+
+	# start with a blank page navigation menu
+	$pageNav = "";
+
+	# change special chars, particularly the & to the HTML entity
+	# so that browsers don't confuse it with an HTML entity.
+	$uri = htmlspecialchars($uri);
+
+	# determine total number of records and pages
+	$db->SelectOne($paginationSql);
+	$totalRecords = $db->_row['rowCount'];
+	$totalPages = ceil($totalRecords / $config->_recordsPerPage);
+
+	# if the total records are less than what we show per page, then
+	# just skip everything else below
+	if ( $totalRecords <= $config->_recordsPerPage ) {
+		$fromRecord = ($pageOffset + 1);
+		$pageNav .= <<<HTML
+	<br />
+	<span style='font-size: xx-small;'>Displaying: $fromRecord to $totalRecords of $totalRecords results.</span>
+HTML;
+
+		return $pageNav;
+	}
+
+	# either append the proper page with & or ? depending
+	# on whether the submitted URI already has a query
+	# string or not
+	if ( preg_match("/\?.+/", $uri) ) {
+		$uri = "$uri&amp;";
+	} else {
+		$uri = "$uri?";
+	}
+
+	# create the navigation menu
+	if ( $page > 1 ) { 
+		$pagePrev = ($page - 1);
+		# if the previous page isn't also the first page, show a link for first page.
+		if ( $pagePrev != 1 ) {
+			$pageNav .= "	<a href='{$uri}page=1' title='First Page'>[First] </a>\n";
+		}
+		$pageNav .= "	<a href='{$uri}page=$pagePrev' title='Page $pagePrev'>Prev</a>\n";
+	}
+
+	for ( $idx = 1; $idx <= $totalPages; $idx++ ) {
+		if ( $idx == $page ) {
+			$pageNav .= "	<strong>$idx</strong> \n";
+		} else {
+			$pageNav .= "	<a href='{$uri}page=$idx' title='Page $idx'>$idx</a> \n"; 
+		}
+	}
+
+	if ( ($totalRecords - ($config->_recordsPerPage * $page)) > 0 ) {
+		$pageNext = ($page + 1);
+		$pageNav .= "	<a href='{$uri}page=$pageNext' title='Page $pageNext'>Next</a>\n";
+		# if the previous page isn't also the first page, show a link for first page.
+		if ( $pageNext != $totalPages ) {
+			$pageNav .= "<a href='{$uri}page=$totalPages' title='Last page'> [Last]</a> \n";  
+		}
+	}
+
+	$fromRecord = ($pageOffset + 1);
+	if ( $page == $totalPages ) {
+		$toRecord = $totalRecords;
+	} else {
+		$toRecord = ($pageOffset + $config->_recordsPerPage);
+	}
+
+	$pageNav .= <<<HTML
+	<br />
+	<span style='font-size: xx-small;'>Displaying: $fromRecord to $toRecord of $totalRecords results.</span>
+HTML;
+
+	return $pageNav;
+
+}
+
+?>
diff --git a/lib/xajax_0.2.4/LICENSE.txt b/lib/xajax_0.2.4/LICENSE.txt
new file mode 100755
index 0000000..54905a6
--- /dev/null
+++ b/lib/xajax_0.2.4/LICENSE.txt
@@ -0,0 +1,504 @@
+		  GNU LESSER GENERAL PUBLIC LICENSE

+		       Version 2.1, February 1999

+

+ Copyright (C) 1991, 1999 Free Software Foundation, Inc.

+     51 Franklin St, Fifth Floor, Boston, MA  02110-1301  USA

+ Everyone is permitted to copy and distribute verbatim copies

+ of this license document, but changing it is not allowed.

+

+[This is the first released version of the Lesser GPL.  It also counts

+ as the successor of the GNU Library Public License, version 2, hence

+ the version number 2.1.]

+

+			    Preamble

+

+  The licenses for most software are designed to take away your

+freedom to share and change it.  By contrast, the GNU General Public

+Licenses are intended to guarantee your freedom to share and change

+free software--to make sure the software is free for all its users.

+

+  This license, the Lesser General Public License, applies to some

+specially designated software packages--typically libraries--of the

+Free Software Foundation and other authors who decide to use it.  You

+can use it too, but we suggest you first think carefully about whether

+this license or the ordinary General Public License is the better

+strategy to use in any particular case, based on the explanations below.

+

+  When we speak of free software, we are referring to freedom of use,

+not price.  Our General Public Licenses are designed to make sure that

+you have the freedom to distribute copies of free software (and charge

+for this service if you wish); that you receive source code or can get

+it if you want it; that you can change the software and use pieces of

+it in new free programs; and that you are informed that you can do

+these things.

+

+  To protect your rights, we need to make restrictions that forbid

+distributors to deny you these rights or to ask you to surrender these

+rights.  These restrictions translate to certain responsibilities for

+you if you distribute copies of the library or if you modify it.

+

+  For example, if you distribute copies of the library, whether gratis

+or for a fee, you must give the recipients all the rights that we gave

+you.  You must make sure that they, too, receive or can get the source

+code.  If you link other code with the library, you must provide

+complete object files to the recipients, so that they can relink them

+with the library after making changes to the library and recompiling

+it.  And you must show them these terms so they know their rights.

+

+  We protect your rights with a two-step method: (1) we copyright the

+library, and (2) we offer you this license, which gives you legal

+permission to copy, distribute and/or modify the library.

+

+  To protect each distributor, we want to make it very clear that

+there is no warranty for the free library.  Also, if the library is

+modified by someone else and passed on, the recipients should know

+that what they have is not the original version, so that the original

+author's reputation will not be affected by problems that might be

+introduced by others.

+

+  Finally, software patents pose a constant threat to the existence of

+any free program.  We wish to make sure that a company cannot

+effectively restrict the users of a free program by obtaining a

+restrictive license from a patent holder.  Therefore, we insist that

+any patent license obtained for a version of the library must be

+consistent with the full freedom of use specified in this license.

+

+  Most GNU software, including some libraries, is covered by the

+ordinary GNU General Public License.  This license, the GNU Lesser

+General Public License, applies to certain designated libraries, and

+is quite different from the ordinary General Public License.  We use

+this license for certain libraries in order to permit linking those

+libraries into non-free programs.

+

+  When a program is linked with a library, whether statically or using

+a shared library, the combination of the two is legally speaking a

+combined work, a derivative of the original library.  The ordinary

+General Public License therefore permits such linking only if the

+entire combination fits its criteria of freedom.  The Lesser General

+Public License permits more lax criteria for linking other code with

+the library.

+

+  We call this license the "Lesser" General Public License because it

+does Less to protect the user's freedom than the ordinary General

+Public License.  It also provides other free software developers Less

+of an advantage over competing non-free programs.  These disadvantages

+are the reason we use the ordinary General Public License for many

+libraries.  However, the Lesser license provides advantages in certain

+special circumstances.

+

+  For example, on rare occasions, there may be a special need to

+encourage the widest possible use of a certain library, so that it becomes

+a de-facto standard.  To achieve this, non-free programs must be

+allowed to use the library.  A more frequent case is that a free

+library does the same job as widely used non-free libraries.  In this

+case, there is little to gain by limiting the free library to free

+software only, so we use the Lesser General Public License.

+

+  In other cases, permission to use a particular library in non-free

+programs enables a greater number of people to use a large body of

+free software.  For example, permission to use the GNU C Library in

+non-free programs enables many more people to use the whole GNU

+operating system, as well as its variant, the GNU/Linux operating

+system.

+

+  Although the Lesser General Public License is Less protective of the

+users' freedom, it does ensure that the user of a program that is

+linked with the Library has the freedom and the wherewithal to run

+that program using a modified version of the Library.

+

+  The precise terms and conditions for copying, distribution and

+modification follow.  Pay close attention to the difference between a

+"work based on the library" and a "work that uses the library".  The

+former contains code derived from the library, whereas the latter must

+be combined with the library in order to run.

+

+		  GNU LESSER GENERAL PUBLIC LICENSE

+   TERMS AND CONDITIONS FOR COPYING, DISTRIBUTION AND MODIFICATION

+

+  0. This License Agreement applies to any software library or other

+program which contains a notice placed by the copyright holder or

+other authorized party saying it may be distributed under the terms of

+this Lesser General Public License (also called "this License").

+Each licensee is addressed as "you".

+

+  A "library" means a collection of software functions and/or data

+prepared so as to be conveniently linked with application programs

+(which use some of those functions and data) to form executables.

+

+  The "Library", below, refers to any such software library or work

+which has been distributed under these terms.  A "work based on the

+Library" means either the Library or any derivative work under

+copyright law: that is to say, a work containing the Library or a

+portion of it, either verbatim or with modifications and/or translated

+straightforwardly into another language.  (Hereinafter, translation is

+included without limitation in the term "modification".)

+

+  "Source code" for a work means the preferred form of the work for

+making modifications to it.  For a library, complete source code means

+all the source code for all modules it contains, plus any associated

+interface definition files, plus the scripts used to control compilation

+and installation of the library.

+

+  Activities other than copying, distribution and modification are not

+covered by this License; they are outside its scope.  The act of

+running a program using the Library is not restricted, and output from

+such a program is covered only if its contents constitute a work based

+on the Library (independent of the use of the Library in a tool for

+writing it).  Whether that is true depends on what the Library does

+and what the program that uses the Library does.

+  

+  1. You may copy and distribute verbatim copies of the Library's

+complete source code as you receive it, in any medium, provided that

+you conspicuously and appropriately publish on each copy an

+appropriate copyright notice and disclaimer of warranty; keep intact

+all the notices that refer to this License and to the absence of any

+warranty; and distribute a copy of this License along with the

+Library.

+

+  You may charge a fee for the physical act of transferring a copy,

+and you may at your option offer warranty protection in exchange for a

+fee.

+

+  2. You may modify your copy or copies of the Library or any portion

+of it, thus forming a work based on the Library, and copy and

+distribute such modifications or work under the terms of Section 1

+above, provided that you also meet all of these conditions:

+

+    a) The modified work must itself be a software library.

+

+    b) You must cause the files modified to carry prominent notices

+    stating that you changed the files and the date of any change.

+

+    c) You must cause the whole of the work to be licensed at no

+    charge to all third parties under the terms of this License.

+

+    d) If a facility in the modified Library refers to a function or a

+    table of data to be supplied by an application program that uses

+    the facility, other than as an argument passed when the facility

+    is invoked, then you must make a good faith effort to ensure that,

+    in the event an application does not supply such function or

+    table, the facility still operates, and performs whatever part of

+    its purpose remains meaningful.

+

+    (For example, a function in a library to compute square roots has

+    a purpose that is entirely well-defined independent of the

+    application.  Therefore, Subsection 2d requires that any

+    application-supplied function or table used by this function must

+    be optional: if the application does not supply it, the square

+    root function must still compute square roots.)

+

+These requirements apply to the modified work as a whole.  If

+identifiable sections of that work are not derived from the Library,

+and can be reasonably considered independent and separate works in

+themselves, then this License, and its terms, do not apply to those

+sections when you distribute them as separate works.  But when you

+distribute the same sections as part of a whole which is a work based

+on the Library, the distribution of the whole must be on the terms of

+this License, whose permissions for other licensees extend to the

+entire whole, and thus to each and every part regardless of who wrote

+it.

+

+Thus, it is not the intent of this section to claim rights or contest

+your rights to work written entirely by you; rather, the intent is to

+exercise the right to control the distribution of derivative or

+collective works based on the Library.

+

+In addition, mere aggregation of another work not based on the Library

+with the Library (or with a work based on the Library) on a volume of

+a storage or distribution medium does not bring the other work under

+the scope of this License.

+

+  3. You may opt to apply the terms of the ordinary GNU General Public

+License instead of this License to a given copy of the Library.  To do

+this, you must alter all the notices that refer to this License, so

+that they refer to the ordinary GNU General Public License, version 2,

+instead of to this License.  (If a newer version than version 2 of the

+ordinary GNU General Public License has appeared, then you can specify

+that version instead if you wish.)  Do not make any other change in

+these notices.

+

+  Once this change is made in a given copy, it is irreversible for

+that copy, so the ordinary GNU General Public License applies to all

+subsequent copies and derivative works made from that copy.

+

+  This option is useful when you wish to copy part of the code of

+the Library into a program that is not a library.

+

+  4. You may copy and distribute the Library (or a portion or

+derivative of it, under Section 2) in object code or executable form

+under the terms of Sections 1 and 2 above provided that you accompany

+it with the complete corresponding machine-readable source code, which

+must be distributed under the terms of Sections 1 and 2 above on a

+medium customarily used for software interchange.

+

+  If distribution of object code is made by offering access to copy

+from a designated place, then offering equivalent access to copy the

+source code from the same place satisfies the requirement to

+distribute the source code, even though third parties are not

+compelled to copy the source along with the object code.

+

+  5. A program that contains no derivative of any portion of the

+Library, but is designed to work with the Library by being compiled or

+linked with it, is called a "work that uses the Library".  Such a

+work, in isolation, is not a derivative work of the Library, and

+therefore falls outside the scope of this License.

+

+  However, linking a "work that uses the Library" with the Library

+creates an executable that is a derivative of the Library (because it

+contains portions of the Library), rather than a "work that uses the

+library".  The executable is therefore covered by this License.

+Section 6 states terms for distribution of such executables.

+

+  When a "work that uses the Library" uses material from a header file

+that is part of the Library, the object code for the work may be a

+derivative work of the Library even though the source code is not.

+Whether this is true is especially significant if the work can be

+linked without the Library, or if the work is itself a library.  The

+threshold for this to be true is not precisely defined by law.

+

+  If such an object file uses only numerical parameters, data

+structure layouts and accessors, and small macros and small inline

+functions (ten lines or less in length), then the use of the object

+file is unrestricted, regardless of whether it is legally a derivative

+work.  (Executables containing this object code plus portions of the

+Library will still fall under Section 6.)

+

+  Otherwise, if the work is a derivative of the Library, you may

+distribute the object code for the work under the terms of Section 6.

+Any executables containing that work also fall under Section 6,

+whether or not they are linked directly with the Library itself.

+

+  6. As an exception to the Sections above, you may also combine or

+link a "work that uses the Library" with the Library to produce a

+work containing portions of the Library, and distribute that work

+under terms of your choice, provided that the terms permit

+modification of the work for the customer's own use and reverse

+engineering for debugging such modifications.

+

+  You must give prominent notice with each copy of the work that the

+Library is used in it and that the Library and its use are covered by

+this License.  You must supply a copy of this License.  If the work

+during execution displays copyright notices, you must include the

+copyright notice for the Library among them, as well as a reference

+directing the user to the copy of this License.  Also, you must do one

+of these things:

+

+    a) Accompany the work with the complete corresponding

+    machine-readable source code for the Library including whatever

+    changes were used in the work (which must be distributed under

+    Sections 1 and 2 above); and, if the work is an executable linked

+    with the Library, with the complete machine-readable "work that

+    uses the Library", as object code and/or source code, so that the

+    user can modify the Library and then relink to produce a modified

+    executable containing the modified Library.  (It is understood

+    that the user who changes the contents of definitions files in the

+    Library will not necessarily be able to recompile the application

+    to use the modified definitions.)

+

+    b) Use a suitable shared library mechanism for linking with the

+    Library.  A suitable mechanism is one that (1) uses at run time a

+    copy of the library already present on the user's computer system,

+    rather than copying library functions into the executable, and (2)

+    will operate properly with a modified version of the library, if

+    the user installs one, as long as the modified version is

+    interface-compatible with the version that the work was made with.

+

+    c) Accompany the work with a written offer, valid for at

+    least three years, to give the same user the materials

+    specified in Subsection 6a, above, for a charge no more

+    than the cost of performing this distribution.

+

+    d) If distribution of the work is made by offering access to copy

+    from a designated place, offer equivalent access to copy the above

+    specified materials from the same place.

+

+    e) Verify that the user has already received a copy of these

+    materials or that you have already sent this user a copy.

+

+  For an executable, the required form of the "work that uses the

+Library" must include any data and utility programs needed for

+reproducing the executable from it.  However, as a special exception,

+the materials to be distributed need not include anything that is

+normally distributed (in either source or binary form) with the major

+components (compiler, kernel, and so on) of the operating system on

+which the executable runs, unless that component itself accompanies

+the executable.

+

+  It may happen that this requirement contradicts the license

+restrictions of other proprietary libraries that do not normally

+accompany the operating system.  Such a contradiction means you cannot

+use both them and the Library together in an executable that you

+distribute.

+

+  7. You may place library facilities that are a work based on the

+Library side-by-side in a single library together with other library

+facilities not covered by this License, and distribute such a combined

+library, provided that the separate distribution of the work based on

+the Library and of the other library facilities is otherwise

+permitted, and provided that you do these two things:

+

+    a) Accompany the combined library with a copy of the same work

+    based on the Library, uncombined with any other library

+    facilities.  This must be distributed under the terms of the

+    Sections above.

+

+    b) Give prominent notice with the combined library of the fact

+    that part of it is a work based on the Library, and explaining

+    where to find the accompanying uncombined form of the same work.

+

+  8. You may not copy, modify, sublicense, link with, or distribute

+the Library except as expressly provided under this License.  Any

+attempt otherwise to copy, modify, sublicense, link with, or

+distribute the Library is void, and will automatically terminate your

+rights under this License.  However, parties who have received copies,

+or rights, from you under this License will not have their licenses

+terminated so long as such parties remain in full compliance.

+

+  9. You are not required to accept this License, since you have not

+signed it.  However, nothing else grants you permission to modify or

+distribute the Library or its derivative works.  These actions are

+prohibited by law if you do not accept this License.  Therefore, by

+modifying or distributing the Library (or any work based on the

+Library), you indicate your acceptance of this License to do so, and

+all its terms and conditions for copying, distributing or modifying

+the Library or works based on it.

+

+  10. Each time you redistribute the Library (or any work based on the

+Library), the recipient automatically receives a license from the

+original licensor to copy, distribute, link with or modify the Library

+subject to these terms and conditions.  You may not impose any further

+restrictions on the recipients' exercise of the rights granted herein.

+You are not responsible for enforcing compliance by third parties with

+this License.

+

+  11. If, as a consequence of a court judgment or allegation of patent

+infringement or for any other reason (not limited to patent issues),

+conditions are imposed on you (whether by court order, agreement or

+otherwise) that contradict the conditions of this License, they do not

+excuse you from the conditions of this License.  If you cannot

+distribute so as to satisfy simultaneously your obligations under this

+License and any other pertinent obligations, then as a consequence you

+may not distribute the Library at all.  For example, if a patent

+license would not permit royalty-free redistribution of the Library by

+all those who receive copies directly or indirectly through you, then

+the only way you could satisfy both it and this License would be to

+refrain entirely from distribution of the Library.

+

+If any portion of this section is held invalid or unenforceable under any

+particular circumstance, the balance of the section is intended to apply,

+and the section as a whole is intended to apply in other circumstances.

+

+It is not the purpose of this section to induce you to infringe any

+patents or other property right claims or to contest validity of any

+such claims; this section has the sole purpose of protecting the

+integrity of the free software distribution system which is

+implemented by public license practices.  Many people have made

+generous contributions to the wide range of software distributed

+through that system in reliance on consistent application of that

+system; it is up to the author/donor to decide if he or she is willing

+to distribute software through any other system and a licensee cannot

+impose that choice.

+

+This section is intended to make thoroughly clear what is believed to

+be a consequence of the rest of this License.

+

+  12. If the distribution and/or use of the Library is restricted in

+certain countries either by patents or by copyrighted interfaces, the

+original copyright holder who places the Library under this License may add

+an explicit geographical distribution limitation excluding those countries,

+so that distribution is permitted only in or among countries not thus

+excluded.  In such case, this License incorporates the limitation as if

+written in the body of this License.

+

+  13. The Free Software Foundation may publish revised and/or new

+versions of the Lesser General Public License from time to time.

+Such new versions will be similar in spirit to the present version,

+but may differ in detail to address new problems or concerns.

+

+Each version is given a distinguishing version number.  If the Library

+specifies a version number of this License which applies to it and

+"any later version", you have the option of following the terms and

+conditions either of that version or of any later version published by

+the Free Software Foundation.  If the Library does not specify a

+license version number, you may choose any version ever published by

+the Free Software Foundation.

+

+  14. If you wish to incorporate parts of the Library into other free

+programs whose distribution conditions are incompatible with these,

+write to the author to ask for permission.  For software which is

+copyrighted by the Free Software Foundation, write to the Free

+Software Foundation; we sometimes make exceptions for this.  Our

+decision will be guided by the two goals of preserving the free status

+of all derivatives of our free software and of promoting the sharing

+and reuse of software generally.

+

+			    NO WARRANTY

+

+  15. BECAUSE THE LIBRARY IS LICENSED FREE OF CHARGE, THERE IS NO

+WARRANTY FOR THE LIBRARY, TO THE EXTENT PERMITTED BY APPLICABLE LAW.

+EXCEPT WHEN OTHERWISE STATED IN WRITING THE COPYRIGHT HOLDERS AND/OR

+OTHER PARTIES PROVIDE THE LIBRARY "AS IS" WITHOUT WARRANTY OF ANY

+KIND, EITHER EXPRESSED OR IMPLIED, INCLUDING, BUT NOT LIMITED TO, THE

+IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR

+PURPOSE.  THE ENTIRE RISK AS TO THE QUALITY AND PERFORMANCE OF THE

+LIBRARY IS WITH YOU.  SHOULD THE LIBRARY PROVE DEFECTIVE, YOU ASSUME

+THE COST OF ALL NECESSARY SERVICING, REPAIR OR CORRECTION.

+

+  16. IN NO EVENT UNLESS REQUIRED BY APPLICABLE LAW OR AGREED TO IN

+WRITING WILL ANY COPYRIGHT HOLDER, OR ANY OTHER PARTY WHO MAY MODIFY

+AND/OR REDISTRIBUTE THE LIBRARY AS PERMITTED ABOVE, BE LIABLE TO YOU

+FOR DAMAGES, INCLUDING ANY GENERAL, SPECIAL, INCIDENTAL OR

+CONSEQUENTIAL DAMAGES ARISING OUT OF THE USE OR INABILITY TO USE THE

+LIBRARY (INCLUDING BUT NOT LIMITED TO LOSS OF DATA OR DATA BEING

+RENDERED INACCURATE OR LOSSES SUSTAINED BY YOU OR THIRD PARTIES OR A

+FAILURE OF THE LIBRARY TO OPERATE WITH ANY OTHER SOFTWARE), EVEN IF

+SUCH HOLDER OR OTHER PARTY HAS BEEN ADVISED OF THE POSSIBILITY OF SUCH

+DAMAGES.

+

+		     END OF TERMS AND CONDITIONS

+

+           How to Apply These Terms to Your New Libraries

+

+  If you develop a new library, and you want it to be of the greatest

+possible use to the public, we recommend making it free software that

+everyone can redistribute and change.  You can do so by permitting

+redistribution under these terms (or, alternatively, under the terms of the

+ordinary General Public License).

+

+  To apply these terms, attach the following notices to the library.  It is

+safest to attach them to the start of each source file to most effectively

+convey the exclusion of warranty; and each file should have at least the

+"copyright" line and a pointer to where the full notice is found.

+

+    <one line to give the library's name and a brief idea of what it does.>

+    Copyright (C) <year>  <name of author>

+

+    This library is free software; you can redistribute it and/or

+    modify it under the terms of the GNU Lesser General Public

+    License as published by the Free Software Foundation; either

+    version 2.1 of the License, or (at your option) any later version.

+

+    This library is distributed in the hope that it will be useful,

+    but WITHOUT ANY WARRANTY; without even the implied warranty of

+    MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the GNU

+    Lesser General Public License for more details.

+

+    You should have received a copy of the GNU Lesser General Public

+    License along with this library; if not, write to the Free Software

+    Foundation, Inc., 51 Franklin St, Fifth Floor, Boston, MA  02110-1301  USA

+

+Also add information on how to contact you by electronic and paper mail.

+

+You should also get your employer (if you work as a programmer) or your

+school, if any, to sign a "copyright disclaimer" for the library, if

+necessary.  Here is a sample; alter the names:

+

+  Yoyodyne, Inc., hereby disclaims all copyright interest in the

+  library `Frob' (a library for tweaking knobs) written by James Random Hacker.

+

+  <signature of Ty Coon>, 1 April 1990

+  Ty Coon, President of Vice

+

+That's all there is to it!

+

+

diff --git a/lib/xajax_0.2.4/README.txt b/lib/xajax_0.2.4/README.txt
new file mode 100644
index 0000000..c14ad80
--- /dev/null
+++ b/lib/xajax_0.2.4/README.txt
@@ -0,0 +1,106 @@
+====================================================================

+ xajax PHP Class Library

+ The easiest way to develop asynchronous Ajax applications with PHP

+

+ Version 0.2.4 (stable release)

+ README Text File

+

+ ------------------------------------------------------

+ | Release Notes:                                     |

+ | http://wiki.xajaxproject.org/0.2.4_Release_Notes   |

+ |                                                    |

+ | Lead Developers:                                   |

+ | Jared White (jared@intuitivefuture.com)            |

+ | J. Max Wilson (jmaxwilson@users.sourceforge.net)   |

+ | Eion Robb (eion@bigfoot.com)                       |

+ ------------------------------------------------------

+====================================================================

+

+ :: To find out what's changed since the 0.2.3 release of xajax, ::

+ :: view the Release Notes in the link above.                    ::

+

+1. Introduction

+

+xajax is a PHP library that you can include in your PHP scripts

+to provide an easy way for Web pages to call PHP functions or

+object methods using Ajax (Asynchronous Javascript And XML). Simply

+register one or more functions/methods with the xajax object that

+return a proper XML response using the supplied response class, add

+a statement in your HTML header to print the Javascript include,

+and run a request processor prior to outputting any HTML. Then add

+some simple Javascript function calls to your HTML, and xajax takes

+care of the rest!

+

+xajax includes a Javascript object to facilitate the communication

+between the browser and the server, and it can also be used as a

+Javascript library directly to simplify certain DOM and event

+manipulations. However, you can definitely choose to use a

+dedicated Javascript "engine" of your liking and integrate it with

+xajax's client/server communication features in a number of ways.

+More tightly-coupled integration will be forthcoming in a future

+version of xajax.

+

+2. For More Information

+

+The official xajax Web site is located at:

+http://www.xajaxproject.org

+

+Visit the xajax Forums at:

+http://community.xajaxproject.org

+to keep track of the latest news and participate in the community

+discussion.

+

+There is also a wiki with documentation, tips & tricks, and other

+information located at:

+http://wiki.xajaxproject.org

+

+3. Installation

+

+To run xajax, you need:

+* Apache Web Server or IIS for Windows XP/2003 Server

+   (other servers may or may not work and are not supported at this

+   time)

+* PHP 4.3.x or PHP 5.x

+* Minimum supported browsers: Internet Explorer 5.5, Firefox 1.0 (or

+   equivalent Gecko-based browser), Safari 1.3, Opera 8.5 (older

+   versions only work with GET requests)

+

+To install xajax:

+Unpack the contents of this archive and copy them to your main Web

+site folder. Or if you wish, you can put all of the files in a

+dedicated "xajax" folder on your Web server (make sure that you

+know what that URL is relative your site pages so you can provide

+xajax with the correct installed folder URL). Note that the

+
+"thewall" folder in the "examples" folder needs to be writable by
+

+the Web server for that example to function.

+

+Within the main xajax folder there are two folders: "examples"

+and "tests". You should be able to view these PHP pages from your

+Web browser and see xajax working in action. If you can view the

+pages but the AJAX calls are not working, there may be something

+wrong with your server setup or perhaps your browser is not

+supported or configured correctly. If worst comes to worst, post

+a message in our forums and someone may be able to help you.

+

+4. Documentation

+

+Detailed documentation for the xajax PHP classes is available on

+our wiki (URL listed above in section 2), and more is on the way

+(particularly in regards to the Javascript component of xajax).

+Another good way of learning xajax is to look at the code for the

+examples and tests. If you need any help, pop in the forums and

+ask for assistance (and the more specific your questions are,

+the better the answers will be).

+

+5. Contributing to xajax

+

+xajax is released under the LGPL open source license. If you wish

+to contribute to the project or suggest new features, introduce

+yourself on the forums or you can e-mail the lead developers at

+the addresses listed at the top of this README.

+

+6. Good luck and enjoy!

+

+====================================================================

diff --git a/lib/xajax_0.2.4/examples/helloworld.php b/lib/xajax_0.2.4/examples/helloworld.php
new file mode 100644
index 0000000..5b422ba
--- /dev/null
+++ b/lib/xajax_0.2.4/examples/helloworld.php
@@ -0,0 +1,65 @@
+<?php
+// helloworld.php demonstrates a very basic xajax implementation
+// using xajax version 0.1 beta4
+// http://xajax.sourceforge.net
+
+require ('../xajax.inc.php');
+
+function helloWorld($isCaps)
+{
+	if ($isCaps)
+		$text = "HELLO WORLD!";
+	else
+		$text = "Hello World!";
+		
+	$objResponse = new xajaxResponse();
+	$objResponse->addAssign("div1","innerHTML",$text);
+	
+	return $objResponse;
+}
+
+function setColor($sColor)
+{
+	$objResponse = new xajaxResponse();
+	$objResponse->addAssign("div1","style.color", $sColor);
+	
+	return $objResponse;
+}
+
+// Instantiate the xajax object.  No parameters defaults requestURI to this page, method to POST, and debug to off
+$xajax = new xajax(); 
+
+//$xajax->debugOn(); // Uncomment this line to turn debugging on
+
+// Specify the PHP functions to wrap. The JavaScript wrappers will be named xajax_functionname
+$xajax->registerFunction("helloWorld");
+$xajax->registerFunction("setColor");
+
+// Process any requests.  Because our requestURI is the same as our html page,
+// this must be called before any headers or HTML output have been sent
+$xajax->processRequests();
+?>
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html>
+<head>
+	<title>xajax example</title>
+	<?php $xajax->printJavascript('../'); // output the xajax javascript. This must be called between the head tags ?>
+</head>
+<body style="text-align:center;">
+	<div id="div1" name="div1">&#160;</div>
+	<br/>
+	
+	<button onclick="xajax_helloWorld(0)" >Click Me</button>
+	<button onclick="xajax_helloWorld(1)" >CLICK ME</button>
+	<select id="colorselect" name="colorselect" onchange="xajax_setColor(document.getElementById('colorselect').value);">
+		<option value="black" selected="selected">Black</option>
+		<option value="red">Red</option>
+		<option value="green">Green</option>
+		<option value="blue">Blue</option>
+	</select>
+	<script type="text/javascript">
+	xajax_helloWorld(0); // call the helloWorld function to populate the div on load
+	xajax_setColor(document.getElementById('colorselect').value); // call the setColor function on load
+	</script>
+</body>
+</html>
\ No newline at end of file
diff --git a/lib/xajax_0.2.4/examples/multiply/multiply.common.php b/lib/xajax_0.2.4/examples/multiply/multiply.common.php
new file mode 100644
index 0000000..59b6209
--- /dev/null
+++ b/lib/xajax_0.2.4/examples/multiply/multiply.common.php
@@ -0,0 +1,11 @@
+<?php
+// multiply.php, multiply.common.php, multiply.server.php
+// demonstrate a very basic xajax implementation
+// using xajax version 0.2
+// http://xajaxproject.org
+
+require_once ("../../xajax.inc.php");
+
+$xajax = new xajax("multiply.server.php");
+$xajax->registerFunction("multiply");
+?>
\ No newline at end of file
diff --git a/lib/xajax_0.2.4/examples/multiply/multiply.php b/lib/xajax_0.2.4/examples/multiply/multiply.php
new file mode 100644
index 0000000..f38b979
--- /dev/null
+++ b/lib/xajax_0.2.4/examples/multiply/multiply.php
@@ -0,0 +1,22 @@
+<?php
+// multiply.php, multiply.common.php, multiply.server.php
+// demonstrate a very basic xajax implementation
+// using xajax version 0.2
+// http://xajaxproject.org
+
+require("multiply.common.php");
+
+?>
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html> 
+	<head>
+		<title>xajax Multiplier</title> 
+		<?php $xajax->printJavascript('../../'); ?> 
+	</head> 
+	<body> 
+		<input type="text" name="x" id="x" value="2" size="3" /> * 
+		<input type="text" name="y" id="y" value="3" size="3" /> = 
+		<input type="text" name="z" id="z" value="" size="3" /> 
+		<input type="button" value="Calculate" onclick="xajax_multiply(document.getElementById('x').value,document.getElementById('y').value);return false;" />
+	</body> 
+</html>
\ No newline at end of file
diff --git a/lib/xajax_0.2.4/examples/multiply/multiply.server.php b/lib/xajax_0.2.4/examples/multiply/multiply.server.php
new file mode 100644
index 0000000..0934cce
--- /dev/null
+++ b/lib/xajax_0.2.4/examples/multiply/multiply.server.php
@@ -0,0 +1,16 @@
+<?php
+// multiply.php, multiply.common.php, multiply.server.php
+// demonstrate a very basic xajax implementation
+// using xajax version 0.2
+// http://xajaxproject.org
+
+function multiply($x, $y)
+{
+	$objResponse = new xajaxResponse();
+	$objResponse->addAssign("z", "value", $x*$y);
+	return $objResponse;
+}
+
+require("multiply.common.php");
+$xajax->processRequests();
+?>
\ No newline at end of file
diff --git a/lib/xajax_0.2.4/examples/signup/signup.common.php b/lib/xajax_0.2.4/examples/signup/signup.common.php
new file mode 100644
index 0000000..b6cc340
--- /dev/null
+++ b/lib/xajax_0.2.4/examples/signup/signup.common.php
@@ -0,0 +1,13 @@
+<?php
+// signup.php, signup.common.php, signup.server.php
+// demonstrate a a simple implementation of a multipage signup form
+// using xajax version 0.2
+// http://xajaxproject.org
+
+require_once ("../../xajax.inc.php");
+
+session_start();
+
+$xajax = new xajax("signup.server.php");
+$xajax->registerFunction("processForm");
+?>
\ No newline at end of file
diff --git a/lib/xajax_0.2.4/examples/signup/signup.php b/lib/xajax_0.2.4/examples/signup/signup.php
new file mode 100644
index 0000000..3c9674e
--- /dev/null
+++ b/lib/xajax_0.2.4/examples/signup/signup.php
@@ -0,0 +1,60 @@
+<?php
+// signup.php, signup.common.php, signup.server.php
+// demonstrate a a simple implementation of a multipage signup form
+// using xajax version 0.2
+// http://xajaxproject.org
+
+require_once('signup.common.php');
+?>
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html>
+	<head>
+		<?php $xajax->printJavascript('../../'); ?>
+		<style type="text/css">
+		#formWrapper{
+			color: rgb(255,255,255);
+			background-color: rgb(149,67,97);
+			width: 200px;
+		}
+		#title{
+			text-align: center;
+			background-color: rgb(0,0,0);
+		}
+		#formDiv{
+			padding: 25px;
+		}
+		.submitDiv{
+			margin-top: 10px;
+			text-align: center;
+		}
+		</style>
+		<script type="text/javascript">
+		function submitSignup()
+		{
+			xajax.$('submitButton').disabled=true;
+			xajax.$('submitButton').value="please wait...";
+			xajax_processForm(xajax.getFormValues("signupForm"));
+			return false;
+		}
+		</script>
+	</head>
+	<body>
+		<div id="formWrapper">
+		
+			<div id="title">Create a New Account</div>
+			
+			<div id="formDiv">
+				<form id="signupForm" action="javascript:void(null);" onsubmit="submitSignup();">
+					<div>Username:</div><div><input type="text" name="username" /></div>
+					<div>Password:</div><div><input type="password" name="newPass1" /></div>
+					<div>Confirm Password:</div><div><input type="password" name="newPass2" /></div>
+					<div class="submitDiv"><input id="submitButton" type="submit" value="continue ->"/></div>
+				</form>
+			</div>
+			
+		</div>
+		
+		<div id="outputDiv">
+		</div>
+	</body>
+</html>
\ No newline at end of file
diff --git a/lib/xajax_0.2.4/examples/signup/signup.server.php b/lib/xajax_0.2.4/examples/signup/signup.server.php
new file mode 100644
index 0000000..4eda094
--- /dev/null
+++ b/lib/xajax_0.2.4/examples/signup/signup.server.php
@@ -0,0 +1,111 @@
+<?php
+// signup.php, signup.common.php, signup.server.php
+// demonstrate a a simple implementation of a multipage signup form
+// using xajax version 0.2
+// http://xajaxproject.org
+
+require_once ("signup.common.php");
+
+function processForm($aFormValues)
+{
+	if (array_key_exists("username",$aFormValues))
+	{
+		return processAccountData($aFormValues);
+	}
+	else if (array_key_exists("firstName",$aFormValues))
+	{
+		return processPersonalData($aFormValues);
+	}
+}
+
+function processAccountData($aFormValues)
+{
+	$objResponse = new xajaxResponse();
+	
+	$bError = false;
+	
+	if (trim($aFormValues['username']) == "")
+	{
+		$objResponse->addAlert("Please enter a username.");
+		$bError = true;
+	}
+	if (trim($aFormValues['newPass1']) == "")
+	{
+		$objResponse->addAlert("You may not have a blank password.");
+		$bError = true;
+	}
+	if ($aFormValues['newPass1'] != $aFormValues['newPass2'])
+	{
+		$objResponse->addAlert("Passwords do not match.  Try again.");
+		$bError = true;
+	}
+
+	if (!$bError)
+	{
+		$_SESSION = array();
+		$_SESSION['newaccount']['username'] = trim($aFormValues['username']);
+		$_SESSION['newaccount']['password'] = trim($aFormValues['newPass1']);
+		
+		$sForm = "<form id=\"signupForm\" action=\"javascript:void(null);\" onsubmit=\"submitSignup();\">";
+		$sForm .="<div>First Name:</div><div><input type=\"text\" name=\"firstName\" /></div>";
+		$sForm .="<div>Last Name:</div><div><input type=\"text\" name=\"lastName\" /></div>";
+		$sForm .="<div>Email:</div><div><input type=\"text\" name=\"email\" /></div>";
+		$sForm .="<div class=\"submitDiv\"><input id=\"submitButton\" type=\"submit\" value=\"done\"/></div>";
+		$sForm .="</form>";
+		$objResponse->addAssign("formDiv","innerHTML",$sForm);
+		$objResponse->addAssign("formWrapper","style.backgroundColor", "rgb(67,149,97)");
+		$objResponse->addAssign("outputDiv","innerHTML","\$_SESSION:<pre>".var_export($_SESSION,true)."</pre>");
+	}
+	else
+	{
+		$objResponse->addAssign("submitButton","value","continue ->");
+		$objResponse->addAssign("submitButton","disabled",false);
+	}
+	
+	return $objResponse;
+}
+
+function processPersonalData($aFormValues)
+{
+	$objResponse = new xajaxResponse();
+	
+	$bError = false;
+	if (trim($aFormValues['firstName']) == "")
+	{
+		$objResponse->addAlert("Please enter your first name.");
+		$bError = true;
+	}
+	if (trim($aFormValues['lastName']) == "")
+	{
+		$objResponse->addAlert("Please enter your last name.");
+		$bError = true;
+	}
+	if (!eregi("^[a-zA-Z0-9]+[_a-zA-Z0-9-]*(\.[_a-z0-9-]+)*@[a-z??????0-9]+(-[a-z??????0-9]+)*(\.[a-z??????0-9-]+)*(\.[a-z]{2,4})$", $aFormValues['email']))
+	{
+		$objResponse->addAlert("Please enter a valid email address.");
+		$bError = true;
+	}
+
+	if (!$bError)
+	{
+		$_SESSION['newaccount']['firstname'] = $aFormValues['firstName'];
+		$_SESSION['newaccount']['lastname'] = $aFormValues['lastName'];
+		$_SESSION['newaccount']['email'] = $aFormValues['email'];
+		
+		$objResponse->addAssign("formDiv","style.textAlign","center");
+		$sForm = "Account created.<br />Thank you.";
+		$objResponse->addAssign("formDiv","innerHTML",$sForm);
+		$objResponse->addAssign("formWrapper","style.backgroundColor", "rgb(67,97,149)");
+		$objResponse->addAssign("outputDiv","innerHTML","\$_SESSION:<pre>".var_export($_SESSION,true)."</pre>");
+	}
+	else
+	{
+		$objResponse->addAssign("submitButton","value","done");
+		$objResponse->addAssign("submitButton","disabled",false);
+	}
+	
+	return $objResponse;
+}
+
+$xajax->processRequests();
+?>
\ No newline at end of file
diff --git a/lib/xajax_0.2.4/examples/thewall/brick.jpg b/lib/xajax_0.2.4/examples/thewall/brick.jpg
new file mode 100644
index 0000000..6cb2509
--- /dev/null
+++ b/lib/xajax_0.2.4/examples/thewall/brick.jpg
diff --git a/lib/xajax_0.2.4/examples/thewall/thewall.common.php b/lib/xajax_0.2.4/examples/thewall/thewall.common.php
new file mode 100644
index 0000000..0704206
--- /dev/null
+++ b/lib/xajax_0.2.4/examples/thewall/thewall.common.php
@@ -0,0 +1,12 @@
+<?php
+// thewall.php, thewall.common.php, thewall.server.php
+// demonstrate a demonstrates a xajax implementation of a graffiti wall
+// using xajax version 0.2
+// http://xajaxproject.org
+
+require_once ("../../xajax.inc.php");
+
+$xajax = new xajax("thewall.server.php");
+$xajax->registerFunction("scribble");
+$xajax->registerFunction("updateWall");
+?>
\ No newline at end of file
diff --git a/lib/xajax_0.2.4/examples/thewall/thewall.php b/lib/xajax_0.2.4/examples/thewall/thewall.php
new file mode 100644
index 0000000..3516013
--- /dev/null
+++ b/lib/xajax_0.2.4/examples/thewall/thewall.php
@@ -0,0 +1,70 @@
+<?php
+// thewall.php, thewall.common.php, thewall.server.php
+// demonstrate a demonstrates a xajax implementation of a graffiti wall
+// using xajax version 0.2
+// http://xajaxproject.org
+
+require_once("thewall.common.php");
+
+?>
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html>
+	<head>
+		<title>The Graffiti Wall</title>
+		<?php $xajax->printJavascript('../../'); ?>
+		<script>
+		function update()
+		{
+			xajax_updateWall();
+			setTimeout("update()", 30000);
+		}
+		</script>
+		<style type="text/css">
+		div.label{
+			clear: both;
+			float:left;
+			width:60px;
+			text-align:right;
+			font-size: small;
+		}
+		#handle{
+			font-size: x-small;
+			width: 100px;
+		}
+		#words{
+			font-size: x-small;
+			width: 400px;
+		}
+		#post{
+			font-size: small;
+			margin-left: 390px;
+		}
+		#theWall{
+			background-image: url('brick.jpg');
+			height: 300px;
+			padding: 50px;
+			border: 3px outset black;
+			overflow: auto;
+		}
+		.notice{
+			font-size: small;
+		}
+		</style>
+	</head>
+	<body>
+		<form id="scribbleForm" onsubmit="return false;">
+			<div class="label">Handle:</div><input id="handle" name="handle" type="text" /><div></div>
+			<div class="label">Graffiti:</div><input id="words" name="words"type="text" maxlength="75"/><div></div>
+			<input id="post" type="submit" value="scribble" onclick="xajax_scribble(xajax.getFormValues('scribbleForm'));" />
+		</form>
+		<div class="notice">To see xajax's UTF-8 support, try posting words in other languages.  You can copy and paste from <a href="http://www.unicode.org/iuc/iuc10/x-utf8.html" target="_new">here</a></div>
+		<div id="theWall">
+		</div>
+		<div style="text-align:center;">
+		powered by <a href="http://www.xajaxproject.org">xajax</a>
+		</div>
+		<script>
+			update();
+		</script>
+	</body>
+</html>
\ No newline at end of file
diff --git a/lib/xajax_0.2.4/examples/thewall/thewall.server.php b/lib/xajax_0.2.4/examples/thewall/thewall.server.php
new file mode 100644
index 0000000..0a4a912
--- /dev/null
+++ b/lib/xajax_0.2.4/examples/thewall/thewall.server.php
@@ -0,0 +1,144 @@
+<?php
+// thewall.php, thewall.common.php, thewall.server.php
+// demonstrate a demonstrates a xajax implementation of a graffiti wall
+// using xajax version 0.2
+// http://xajaxproject.org
+
+if (!defined ('MAX_SCRIBBLES'))
+{
+	define ('MAX_SCRIBBLES', 5);
+}
+
+if (!defined ('DATA_FILE'))
+{
+	define ('DATA_FILE', "thewall.dta");
+}
+
+class graffiti
+{
+	var $html;
+	var $isValid = false;
+	
+	function graffiti($sHandle, $sWords)
+	{
+		if (trim($sHandle) == "" || trim($sWords) == "")
+		{
+			return;
+		}
+		$this->html  = "\n<div style=\"font-weight: bold;text-align:".$this->getRandomAlignment();
+		$this->html .= ";color:".$this->getRandomColor().";\">";
+		$this->html .= "<span style=\"font-size:".$this->getRandomFontSize()."%;\">";
+		$this->html .= strip_tags(stripslashes($sWords));
+		$this->html .= "</span><br/><span style=\"font-size: small;\">";
+		$this->html .= " ~ ".strip_tags(stripslashes($sHandle))." ".date("m/d/Y H:i:s")."</span></div>";
+		
+		$this->isValid = true;
+	}
+	
+	function getRandomFontSize()
+	{
+		srand((double)microtime()*1000003);
+		return rand(100,300);
+	}
+	
+	function getRandomColor()
+	{
+		$sColor = "rgb(";
+		srand((double)microtime()*1000003);
+		$sColor .= rand(0,255).",";
+		srand((double)microtime()*1000003);
+		$sColor .= rand(0,255).",";
+		$sColor .= rand(0,255).")";
+		
+		return $sColor;
+	}
+	
+	function getRandomAlignment()
+	{
+		$sAlign = "";
+		srand((double)microtime()*1000003);
+		$textAlign = rand(0,2);
+		switch($textAlign)
+		{
+			case 0: $sAlign = "left"; break;
+			case 1: $sAlign = "right"; break;
+			case 2: $sAlign = "center"; break;
+			
+		}
+		return $sAlign;
+	}
+	
+	function save()
+	{
+		if ($this->isValid)
+		{
+			$rFile = @fopen(DATA_FILE,"a+");
+			if (!$rFile) {
+				return "ERROR: the graffiti data file could not be written to the " . dirname(realpath(DATA_FILE)) . " folder.";
+			}
+			fwrite($rFile, $this->html);
+			fclose($rFile);
+			return null;
+		}
+		else
+		{
+			return "Please supply both a handle and some graffiti to scribble on the wall.";
+		}
+	}
+}
+
+function scribble($aFormValues)
+{
+	$sHandle = $aFormValues['handle'];
+	$sWords = $aFormValues['words'];
+	$objResponse = new xajaxResponse();
+	
+	$objGraffiti = new graffiti($sHandle,$sWords);
+	$sErrMsg = $objGraffiti->save();
+	if (!$sErrMsg)
+	{
+		$objResponse->addScript("xajax_updateWall();");
+		$objResponse->addClear("words","value");
+	}
+	else
+		$objResponse->addAlert($sErrMsg);
+	
+	return $objResponse;
+}
+
+function updateWall()
+{
+	$objResponse = new xajaxResponse();
+	
+	if (file_exists(DATA_FILE)) {
+		$aFile = @file(DATA_FILE);
+		if (!$aFile) {
+			$objResponse->addAlert("ERROR: the graffiti data file could not be written to the " . dirname(realpath(DATA_FILE)) . " folder.");
+			return $objResponse;
+		}
+		
+		$sHtmlSave = implode("\n",array_slice($aFile, -MAX_SCRIBBLES));
+		$sHtmlSave=str_replace("\n\n","\n",$sHtmlSave);
+	}
+	else {
+		$sHtmlSave = "";
+		$aFile = array();
+	}
+	$rFile = @fopen(DATA_FILE,"w+");
+	if (!$rFile) {
+		$objResponse->addAlert("ERROR: the graffiti data file could not be written to the " . dirname(realpath(DATA_FILE)) . " folder.");
+		return $objResponse;
+	}
+	fwrite($rFile, $sHtmlSave);
+	fclose($rFile);
+	
+	$sHtml = implode("\n",array_reverse(array_slice($aFile, -MAX_SCRIBBLES)));
+	
+	$objResponse->addAssign("theWall","innerHTML",$sHtml);
+
+	return $objResponse;
+}
+
+require("thewall.common.php");
+$xajax->processRequests();
+?>
\ No newline at end of file
diff --git a/lib/xajax_0.2.4/examples/xul/xulApplication.php b/lib/xajax_0.2.4/examples/xul/xulApplication.php
new file mode 100644
index 0000000..3026089
--- /dev/null
+++ b/lib/xajax_0.2.4/examples/xul/xulApplication.php
@@ -0,0 +1,36 @@
+<?php
+// xulApplication.php demonstrates a XUL application with xajax
+// XUL will only work in Mozilla based browsers like Firefox
+// using xajax version 0.2
+// http://xajaxproject.org
+
+require_once("../../xajax.inc.php");
+
+function test() {
+        $objResponse = new xajaxResponse();
+        $objResponse->addAlert("hallo");
+        $objResponse->addAssign('testButton','label','Success!');
+        return $objResponse->getXML();
+}
+
+$xajax = new xajax();
+$xajax->registerFunction("test");
+$xajax->processRequests();
+
+header("Content-Type: application/vnd.mozilla.xul+xml");
+?>
+<?xml version="1.0" encoding="utf-8"?>
+<?xml-stylesheet href="chrome://global/skin/" type="text/css"?>
+<window id="example-window" title="Exemple 2.2.1"
+        xmlns:html="http://www.w3.org/1999/xhtml"
+        xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul">
+    <script type="application/x-javascript">
+		var xajaxRequestUri="xulServer.php";
+		var xajaxDebug=false;
+		var xajaxStatusMessages=false;
+		var xajaxDefinedGet=0;
+		var xajaxDefinedPost=1;
+	</script>
+	<script type="application/x-javascript" src="../../xajax_js/xajax.js"></script>
+    <button id="testButton" oncommand="xajax.call('test',[]);" label="Test" />
+</window>
\ No newline at end of file
diff --git a/lib/xajax_0.2.4/examples/xul/xulClient.xul b/lib/xajax_0.2.4/examples/xul/xulClient.xul
new file mode 100644
index 0000000..5f9eff9
--- /dev/null
+++ b/lib/xajax_0.2.4/examples/xul/xulClient.xul
@@ -0,0 +1,15 @@
+<?xml version="1.0" encoding="utf-8"?>
+<?xml-stylesheet href="chrome://global/skin/" type="text/css"?>
+<window id="example-window" title="Exemple 2.2.1"
+        xmlns:html="http://www.w3.org/1999/xhtml"
+        xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul">
+    <script type="application/x-javascript">
+		var xajaxRequestUri="xulServer.php";
+		var xajaxDebug=false;
+		var xajaxStatusMessages=false;
+		var xajaxDefinedGet=0;
+		var xajaxDefinedPost=1;
+	</script>
+	<script type="application/x-javascript" src="../../xajax_js/xajax.js"></script>
+    <button id="testButton" oncommand="xajax.call('test',[]);" label="Test" />
+</window>
diff --git a/lib/xajax_0.2.4/examples/xul/xulServer.php b/lib/xajax_0.2.4/examples/xul/xulServer.php
new file mode 100644
index 0000000..7ea7a7e
--- /dev/null
+++ b/lib/xajax_0.2.4/examples/xul/xulServer.php
@@ -0,0 +1,19 @@
+<?php
+// xulServer.php demonstrates a XUL application with xajax
+// XUL will only work in Mozilla based browsers like Firefox
+// using xajax version 0.2
+// http://xajaxproject.org
+
+require_once("../../xajax.inc.php");
+
+function test() {
+        $objResponse = new xajaxResponse();
+        $objResponse->addAlert("hallo");
+        $objResponse->addAssign('testButton','label','Success!');
+        return $objResponse->getXML();
+}
+
+$xajax = new xajax();
+$xajax->registerFunction("test");
+$xajax->processRequests();
+?>
\ No newline at end of file
diff --git a/lib/xajax_0.2.4/tests/HTTPStatusTest.php b/lib/xajax_0.2.4/tests/HTTPStatusTest.php
new file mode 100644
index 0000000..59aee14
--- /dev/null
+++ b/lib/xajax_0.2.4/tests/HTTPStatusTest.php
@@ -0,0 +1,41 @@
+<?php
+require_once("../xajax.inc.php");
+
+function returnStatus($number)
+{
+	if ($number == 500) {
+		header("HTTP/1.1 500 Internal Server Error");
+		echo "Testing a server error...";
+	}
+	if ($number == 404) {
+		header("HTTP/1.1 404 Not Found");
+		echo "Testing an unknown URL...";
+	}
+	exit;
+}
+$xajax = new xajax();
+//$xajax->debugOn();
+$xajax->registerFunction("returnStatus");
+$xajax->processRequests();
+?>
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
+        "http://www.w3.org/TR/2000/REC-xhtml1-20000126/DTD/xhtml1-transitional.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+<title>HTTP Status Test | xajax Tests</title>
+<?php $xajax->printJavascript("../") ?>
+</head>
+<body>
+
+<h2><a href="index.php">xajax Tests</a></h2>
+<h1>HTTP Status Test</h1>
+
+<form id="testForm1" onsubmit="return false;">
+<p><input type="submit" value="Return a 500 Internal Server Error" onclick="xajax_returnStatus(500); return false;" /></p>
+<p><input type="submit" value="Return a 404 Not Found Error" onclick="xajax_returnStatus(404); return false;" /></p>
+</form>
+
+<div id="submittedDiv"></div>
+
+</body>
+</html>
\ No newline at end of file
diff --git a/lib/xajax_0.2.4/tests/catchAllFunctionTest.php b/lib/xajax_0.2.4/tests/catchAllFunctionTest.php
new file mode 100644
index 0000000..8d103f2
--- /dev/null
+++ b/lib/xajax_0.2.4/tests/catchAllFunctionTest.php
@@ -0,0 +1,50 @@
+<?php
+require_once("../xajax.inc.php");
+
+function test2ndFunction($formData, $objResponse)
+{
+	$objResponse->addAlert("formData: " . print_r($formData, true));
+	$objResponse->addAssign("submittedDiv", "innerHTML", nl2br(print_r($formData, true)));
+	return $objResponse->getXML();
+}
+
+function myCatchAllFunction($funcName, $args)
+{
+	$objResponse = new xajaxResponse();
+	$objResponse->addAlert("This is from the catch all function");
+//	return $objResponse;
+	return test2ndFunction($args[0], $objResponse);
+}
+
+function testForm($formData)
+{
+	$objResponse = new xajaxResponse();
+	$objResponse->addAlert("This is from the regular function");
+	return test2ndFunction($formData, $objResponse);
+}
+$xajax = new xajax();
+$xajax->registerCatchAllFunction("myCatchAllFunction");
+//$xajax->registerFunction("testForm");
+$xajax->processRequests();
+?>
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
+        "http://www.w3.org/TR/2000/REC-xhtml1-20000126/DTD/xhtml1-transitional.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+<title>Catch-all Function Test | xajax Tests</title>
+<?php $xajax->printJavascript("../") ?>
+</head>
+<body>
+
+<h2><a href="index.php">xajax Tests</a></h2>
+<h1>Catch-all Function Test</h1>
+
+<form id="testForm1" onsubmit="return false;">
+<p><input type="text" id="textBox1" name="textBox1" value="This is some text" /></p>
+<p><input type="submit" value="Submit Normal" onclick="xajax.call('testForm', [xajax.getFormValues('testForm1')]); return false;" /></p>
+</form>
+
+<div id="submittedDiv"></div>
+
+</body>
+</html>
\ No newline at end of file
diff --git a/lib/xajax_0.2.4/tests/changeEventTest.php b/lib/xajax_0.2.4/tests/changeEventTest.php
new file mode 100644
index 0000000..8fb8269
--- /dev/null
+++ b/lib/xajax_0.2.4/tests/changeEventTest.php
@@ -0,0 +1,38 @@
+<?php
+require_once("../xajax.inc.php");
+
+function addEvent($sId,$sCode)
+{
+	$objResponse = new xajaxResponse();
+	$objResponse->addEvent($sId, "onclick", $sCode);
+	return $objResponse->getXML();
+}
+
+$xajax = new xajax();
+//$xajax->debugOn();
+$xajax->registerFunction("addEvent");
+$xajax->processRequests();
+?>
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
+        "http://www.w3.org/TR/2000/REC-xhtml1-20000126/DTD/xhtml1-transitional.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+<title>Change Event Test | xajax Tests</title>
+<?php $xajax->printJavascript("../") ?>
+</head>
+<body>
+
+<h2><a href="index.php">xajax Tests</a></h2>
+<h1>Change Event Test </h1>
+
+<div id="myDiv"" style="padding: 3px; display: table; border: 1px outset black; font-size: large; margin-bottom: 10px;">Click Me</div>
+
+<form id="testForm1" onsubmit="return false;">
+<div><input type="submit" value="Set onclick to something" onclick="xajax_addEvent('myDiv','alert(\'Something\');'); return false;" /></div>
+<div><input type="submit" value="Set onclick to something else" onclick="xajax_addEvent('myDiv','alert(\'Something Else\');'); return false;" /></div>
+</form>
+
+<div id="submittedDiv"></div>
+
+</body>
+</html>
\ No newline at end of file
diff --git a/lib/xajax_0.2.4/tests/charEncodingTest.php b/lib/xajax_0.2.4/tests/charEncodingTest.php
new file mode 100644
index 0000000..e2a4c8c
--- /dev/null
+++ b/lib/xajax_0.2.4/tests/charEncodingTest.php
@@ -0,0 +1,130 @@
+<?php
+require_once("../xajax.inc.php");
+
+function setOptions($formData)
+{
+	$_SESSION['useEncoding'] = $formData['useEncoding'];
+	$_SESSION['htmlEntities'] = (boolean)$formData['htmlEntities'];
+	$_SESSION['decodeUTF8'] = (boolean)$formData['decodeUTF8'];
+	$objResponse = new xajaxResponse();
+	$objResponse->addAlert("Your options have been saved.");
+	return $objResponse;
+}
+
+function testForm($strText, $formData, $arrArray)
+{
+	global $useEncoding, $htmlEntities;
+	$objResponse = new xajaxResponse($useEncoding, $htmlEntities);
+	$data = "Text:\n" . $strText;
+	$data .= "\n\nFormData:\n" . print_r($formData, true);
+	$data .= "\n\nArray:\n" .print_r($arrArray, true); 
+	$objResponse->addAlert($data);
+	$objResponse->addAssign("submittedDiv", "innerHTML", "<pre>".$data."</pre>");
+	return $objResponse->getXML();
+}
+
+$useEncoding = "UTF-8";
+$htmlEntities = false;
+$decodeUTF8 = false;
+
+session_start();
+session_name("xajaxCharEncodingTest");
+
+if (@$_GET['refresh'] == "yes") {
+	session_destroy();
+	header("location: charEncodingTest.php");
+	exit();
+}
+
+if (isset($_SESSION['useEncoding'])) {
+	$useEncoding = $_SESSION['useEncoding'];	
+}
+if (isset($_SESSION['htmlEntities'])) {
+	$htmlEntities = $_SESSION['htmlEntities'];	
+}
+if (isset($_SESSION['decodeUTF8'])) {
+	$decodeUTF8 = $_SESSION['decodeUTF8'];	
+}
+
+$xajax = new xajax();
+$xajax->setCharEncoding($useEncoding);
+if ($htmlEntities) {
+	$xajax->outputEntitiesOn();	
+}
+if ($decodeUTF8) {
+	$xajax->decodeUTF8InputOn();
+}
+//$xajax->debugOn();
+$xajax->registerFunction("setOptions");
+$xajax->registerFunction("testForm");
+$xajax->processRequests();
+?>
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
+        "http://www.w3.org/TR/2000/REC-xhtml1-20000126/DTD/xhtml1-transitional.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+<title>Character Encoding Test | xajax Tests</title>
+<?php $xajax->printJavascript("../") ?>
+<script type="text/javascript">
+function getTestArray()
+{
+	var text = xajax.$('textField1').value;
+	var testArray = new Array();
+	testArray[0] = text;
+	testArray[1] = text;
+	testArray[2] = new Array();
+	testArray[2][0] = text;
+	testArray[2][1] = text; 
+	testArray[3] = new Array();
+	testArray[3][0] = text;
+	testArray[3][1] = text;
+	testArray[3][2] = new Array();
+	testArray[3][2][0] = text;
+	testArray[3][2][1] = text;
+	
+	return testArray;
+}
+
+function callXajax()
+{
+	var txt = xajax.$('textField1').value;
+	var frm = xajax.getFormValues('testForm1');
+	var arr = getTestArray();
+	xajax_testForm(txt,frm,arr);
+}
+</script>
+</head>
+<body>
+
+<h2><a href="index.php">xajax Tests</a></h2>
+<h1>Character Encoding Test</h1>
+
+<h2>Options Form</h2>
+
+<p><strong>NOTE:</strong> if you change these options, make sure you click the Save Options button or the options won't be used.</p>
+
+<form id="optionsForm" onsubmit="return false;">
+<p>Encoding: <input type="text" value="<?php echo $useEncoding ?>" name="useEncoding" /><br />
+Output HTML Entities? <input type="radio" name="htmlEntities" value="1" <?php if ($htmlEntities) echo ' checked="checked"' ?>/> Yes
+ <input type="radio" name="htmlEntities" value="0" <?php if (!$htmlEntities) echo ' checked="checked"' ?>/> No<br />
+Decode UTF-8 Input? <input type="radio" name="decodeUTF8" value="1" <?php if ($decodeUTF8) echo ' checked="checked"' ?>/> Yes
+ <input type="radio" name="decodeUTF8" value="0" <?php if (!$decodeUTF8) echo ' checked="checked"' ?>/> No<br />
+<p><input type="submit" value="Save Options" onclick="xajax_setOptions(xajax.getFormValues('optionsForm')); return false;" /></p>
+</form>
+
+<p><a href="charEncodingTest.php?refresh=yes">Clear and Refresh</a></p>
+
+<h2>Text Test Form</h2>
+
+<p><a href="http://www.i18nguy.com/unicode-example.html" target="_blank">Here are some Unicode examples</a> you can paste into the text box below. You can see <a href="http://www.unicode.org/iuc/iuc10/languages.html" target="_blank">more examples and a list of standard encoding schemes here</a>.</p>
+
+<form id="testForm1" onsubmit="return false;">
+<p><input type="text" value="Enter test text here" id="textField1" name="textField1" size="60" /></p>
+<p><input type="submit" value="Submit Text" onclick="callXajax(); return false;" /></p>
+</form>
+
+<div id="submittedDiv"></div>
+<div id="debugDiv"></div>
+
+</body>
+</html>
\ No newline at end of file
diff --git a/lib/xajax_0.2.4/tests/confirmTest.php b/lib/xajax_0.2.4/tests/confirmTest.php
new file mode 100644
index 0000000..c61637f
--- /dev/null
+++ b/lib/xajax_0.2.4/tests/confirmTest.php
@@ -0,0 +1,37 @@
+<?php
+require_once("../xajax.inc.php");
+
+function confirmTest()
+{
+	$objResponse = new xajaxResponse();
+	$objResponse->addAlert("Here is an alert.");
+	$objResponse->addConfirmCommands(2, "Are you sure you want to show two (2) more alerts?");
+	$objResponse->addAlert("This will only happen if the user presses OK.");
+	$objResponse->addAlert("This also will only happen if the user presses OK.");
+	$objResponse->addAlert("This will always happen.");
+	return $objResponse->getXML();
+}
+
+$xajax = new xajax();
+//$xajax->debugOn();
+$xajax->registerFunction("confirmTest");
+$xajax->processRequests();
+?>
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
+        "http://www.w3.org/TR/2000/REC-xhtml1-20000126/DTD/xhtml1-transitional.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+<title>Confirm Commands Test | xajax Tests</title>
+<?php $xajax->printJavascript("../") ?>
+</head>
+<body>
+
+<h2><a href="index.php">xajax Tests</a></h2>
+<h1>Confirm Commands Test</h1>
+
+<form id="testForm1" onsubmit="return false;">
+<p><input type="submit" value="Perform Test" onclick="xajax_confirmTest(); return false;" /></p>
+</form>
+
+</body>
+</html>
\ No newline at end of file
diff --git a/lib/xajax_0.2.4/tests/createFormInputTest.php b/lib/xajax_0.2.4/tests/createFormInputTest.php
new file mode 100644
index 0000000..0284260
--- /dev/null
+++ b/lib/xajax_0.2.4/tests/createFormInputTest.php
@@ -0,0 +1,129 @@
+<?php
+require_once("../xajax.inc.php");
+
+// tests the select form
+function testForm($formData)
+{
+	$objResponse = new xajaxResponse();
+	$objResponse->addAlert("formData: " . print_r($formData, true));
+	$objResponse->addAssign("submittedDiv", "innerHTML", nl2br(print_r($formData, true)));
+	return $objResponse->getXML();
+}
+
+// adds an option to the select 
+function addInput($aInputData)
+{
+	$sId = $aInputData['inputId'];
+	$sName = $aInputData['inputName'];
+	$sType = $aInputData['inputType'];
+	$sValue = $aInputData['inputValue'];
+	
+	$objResponse = new xajaxResponse();
+	$objResponse->addAlert("inputData: " . print_r($aInputData, true));
+	$objResponse->addCreateInput("testForm1", $sType, $sName, $sId);
+	$objResponse->addAssign($sId, "value", $sValue);
+	return $objResponse->getXML();
+}
+
+// adds an option to the select 
+function insertInput($aInputData)
+{
+	$sId = $aInputData['inputId'];
+	$sName = $aInputData['inputName'];
+	$sType = $aInputData['inputType'];
+	$sValue = $aInputData['inputValue'];
+	$sBefore = $aInputData['inputBefore'];
+	
+	$objResponse = new xajaxResponse();
+	$objResponse->addAlert("inputData: " . print_r($aInputData, true));
+	$objResponse->addInsertInput($sBefore, $sType, $sName, $sId);
+	$objResponse->addAssign($sId, "value", $sValue);
+	return $objResponse->getXML();
+}
+
+// adds an option to the select 
+function insertInputAfter($aInputData)
+{
+	$sId = $aInputData['inputId'];
+	$sName = $aInputData['inputName'];
+	$sType = $aInputData['inputType'];
+	$sValue = $aInputData['inputValue'];
+	$sAfter = $aInputData['inputAfter'];
+	
+	$objResponse = new xajaxResponse();
+	$objResponse->addAlert("inputData: " . print_r($aInputData, true));
+	$objResponse->addInsertInputAfter($sAfter, $sType, $sName, $sId);
+	$objResponse->addAssign($sId, "value", $sValue);
+	return $objResponse->getXML();
+}
+
+function removeInput($aInputData)
+{
+	$sId = $aInputData['inputId'];
+	
+	$objResponse = new xajaxResponse();
+	
+	$objResponse->addRemove($sId);
+
+	return $objResponse->getXML();
+}
+
+$xajax = new xajax();
+//$xajax->debugOn();
+$xajax->registerFunction("testForm");
+$xajax->registerFunction("addInput");
+$xajax->registerFunction("insertInput");
+$xajax->registerFunction("insertInputAfter");
+$xajax->registerFunction("removeInput");
+
+$xajax->processRequests();
+?>
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
+        "http://www.w3.org/TR/2000/REC-xhtml1-20000126/DTD/xhtml1-transitional.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+	<head>
+		<title>Create Form Input Test| xajax Tests</title>
+		<?php $xajax->printJavascript("../", "xajax_js/xajax_uncompressed.js") ?>
+	</head>
+	<body>
+		<h2><a href="index.php">xajax Tests</a></h2>
+		<h1>Create Form Input Test</h1>
+		
+		<div>
+			<form id="testForm1" onsubmit="return false;">
+				<div><input type="submit" value="submit" onclick="xajax_testForm(xajax.getFormValues('testForm1')); return false;" /></div>
+			</form>
+		</div>
+
+		<div style="margin-top: 20px;">
+			<form id="testForm2" onsubmit="return false;">
+				<div>type:</div>
+				<select id="inputType" name="inputType">
+					<option value="text" selected="selected">text</option>
+					<option value="password">password</option>
+					<option value="hidden">hidden</option>
+					<option value="radio">radio</option>
+					<option value="checkbox">checkbox</option>
+				</select>
+				<div>Id:</div>
+				<input type="text" id="inputId" name="inputId" value="input1" />
+				<div>Name:</div>
+				<input type="text" id="inputName" name="inputName" value="input1" />
+				<div>Value:</div>
+				<input type="text" id="inputValue" name="inputValue" value="1" />
+				
+				<div>
+				<input type="submit" value="Add" onclick="xajax_addInput(xajax.getFormValues('testForm2')); return false;" />
+				<input type="submit" value="Remove" onclick="xajax_removeInput(xajax.getFormValues('testForm2')); return false;" />
+				<br />
+				<input type="submit" value="Insert Before:" onclick="xajax_insertInput(xajax.getFormValues('testForm2')); return false;" /><input type="text" id="inputBefore" name="inputBefore" value="" />
+				<br />
+				<input type="submit" value="Insert After:" onclick="xajax_insertInputAfter(xajax.getFormValues('testForm2')); return false;" /><input type="text" id="inputAfter" name="inputAfter" value="" />				
+				</div>
+			</form>
+		</div>
+
+		<div id="submittedDiv" style="margin: 3px;"></div>
+		
+	</body>
+</html>
\ No newline at end of file
diff --git a/lib/xajax_0.2.4/tests/customResponseClassTest.php b/lib/xajax_0.2.4/tests/customResponseClassTest.php
new file mode 100644
index 0000000..09036ea
--- /dev/null
+++ b/lib/xajax_0.2.4/tests/customResponseClassTest.php
@@ -0,0 +1,87 @@
+<?php
+require_once("../xajax.inc.php");
+
+// Custom Response Class extends xajaxResponse
+class customXajaxResponse extends xajaxResponse
+{  
+    function addCreateOption($sSelectId, $sOptionId, $sOptionText, $sOptionValue)  
+    {  
+        $this->addScript("addOption('".$sSelectId."','".$sOptionId."','".$sOptionText."','".$sOptionValue."');");
+    }
+}
+
+// tests the select form
+function testForm($formData)
+{
+	$objResponse = new customXajaxResponse();
+	$objResponse->addAlert("formData: " . print_r($formData, true));
+	$objResponse->addAssign("submittedDiv", "innerHTML", nl2br(print_r($formData, true)));
+	return $objResponse->getXML();
+}
+
+// adds an option to the select 
+function addOption($selectId, $optionData)
+{
+	$objResponse = new customXajaxResponse();
+	$objResponse->addCreateOption($selectId, $optionData['optionId'], $optionData['optionText'], $optionData['optionValue']);
+	$objResponse->addAssign("submittedDiv", "innerHTML", nl2br(print_r($optionData, true)));
+	return $objResponse->getXML();
+}
+
+$xajax = new xajax();
+//$xajax->debugOn();
+$xajax->registerFunction("testForm");
+$xajax->registerFunction("addOption");
+
+
+$xajax->processRequests();
+?>
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
+        "http://www.w3.org/TR/2000/REC-xhtml1-20000126/DTD/xhtml1-transitional.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+	<head>
+		<title>Custom Response Class Test| xajax Tests</title>
+		<script type="text/javascript">
+		//javascript function to add an option to a select box
+		function addOption(selectId,optionId,txt,val)
+		{
+		    var objOption = new Option(txt,val);
+		    objOption.id = optionId;
+		    document.getElementById(selectId).options.add(objOption);
+		}
+		</script>
+
+		<?php $xajax->printJavascript("../") ?>
+	</head>
+	<body>
+		<h2><a href="index.php">xajax Tests</a></h2>
+		<h1>Custom Response Class Test</h1>
+
+		<div>
+			<form id="testForm1" onsubmit="return false;">
+				<div>Select</div>
+				<select id="selectBox" name="selectBox">
+				</select>
+				<div><input type="submit" value="submit" onclick="xajax_testForm(xajax.getFormValues('testForm1')); return false;" /></div>
+			</form>
+		</div>
+
+		<div style="margin-top: 20px;">
+			<form id="testForm2" onsubmit="return false;">
+				<fieldset style="display:inline; background-color: rgb(230,230,230);">
+					<legend>New Option</legend>
+					<div>Id:</div>
+					<input type="text" id="optionId" name="optionId" value="option1" />
+					<div>Text:</div>
+					<input type="text" id="optionText" name="optionText" value="One" />
+					<div>Value:</div>
+					<input type="text" id="optionValue" name="optionValue" value="1" />
+					<div><input type="submit" value="Add" onclick="xajax_addOption('selectBox',xajax.getFormValues('testForm2')); return false;" />					</div>
+				</fieldset>
+			</form>
+		</div>
+
+		<div id="submittedDiv" style="margin: 3px;"></div>
+		
+	</body>
+</html>
\ No newline at end of file
diff --git a/lib/xajax_0.2.4/tests/disabledFormElementsTest.php b/lib/xajax_0.2.4/tests/disabledFormElementsTest.php
new file mode 100644
index 0000000..9c4ba7e
--- /dev/null
+++ b/lib/xajax_0.2.4/tests/disabledFormElementsTest.php
@@ -0,0 +1,39 @@
+<?php
+require_once("../xajax.inc.php");
+
+function testForm($formData)
+{
+	$objResponse = new xajaxResponse();
+	$objResponse->addAlert("formData: " . print_r($formData, true));
+	$objResponse->addAssign("submittedDiv", "innerHTML", nl2br(print_r($formData, true)));
+	return $objResponse->getXML();
+}
+
+$xajax = new xajax();
+//$xajax->debugOn();
+$xajax->registerFunction("testForm");
+$xajax->processRequests();
+?>
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
+        "http://www.w3.org/TR/2000/REC-xhtml1-20000126/DTD/xhtml1-transitional.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+<title>Disabled Form Elements Test | xajax Tests</title>
+<?php $xajax->printJavascript("../") ?>
+</head>
+<body>
+
+<h2><a href="index.php">xajax Tests</a></h2>
+<h1>Disabled Form Elements Test</h1>
+
+<form id="testForm1" onsubmit="return false;">
+<p><input type="text" id="textBox1" name="textBox1" value="This is enabled" /></p>
+<p><input type="text" id="textBox2" name="textBox2" disabled="true" value="This is disabled" /></p>
+<p><input type="submit" value="Submit Normal" onclick="xajax_testForm(xajax.getFormValues('testForm1')); return false;" /></p>
+<p><input type="submit" value="Submit Everything" onclick="xajax_testForm(xajax.getFormValues('testForm1', true)); return false;" /></p>
+</form>
+
+<div id="submittedDiv"></div>
+
+</body>
+</html>
\ No newline at end of file
diff --git a/lib/xajax_0.2.4/tests/errorHandlingTest.php b/lib/xajax_0.2.4/tests/errorHandlingTest.php
new file mode 100644
index 0000000..ec8b002
--- /dev/null
+++ b/lib/xajax_0.2.4/tests/errorHandlingTest.php
@@ -0,0 +1,40 @@
+<?php
+require_once("../xajax.inc.php");
+
+$xajax = new xajax();
+//$xajax->debugOn();
+$xajax->errorHandlerOn();
+$xajax->setLogFile("xajax_error_log.log");
+
+function myErrorRiddenFunction()
+{
+	$value = $silly['nuts'];
+	$objResponse = new xajaxResponse();
+	$objResponse->addAlert("Bad array value: $value");
+	include("file_doesnt_exist.php");
+	return $objResponse->getXML();
+}
+
+$xajax->registerFunction("myErrorRiddenFunction");
+$xajax->processRequests();
+?>
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
+        "http://www.w3.org/TR/2000/REC-xhtml1-20000126/DTD/xhtml1-transitional.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+<title>Error Handling Test | xajax Tests</title>
+<?php $xajax->printJavascript("../") ?>
+</head>
+<body>
+
+<h2><a href="index.php">xajax Tests</a></h2>
+<h1>Error Handling Test</h1>
+
+<form id="testForm1" onsubmit="return false;">
+<p><input type="submit" value="Call Error Ridden Function" onclick="xajax_myErrorRiddenFunction(); return false;" /></p>
+</form>
+
+<div id="submittedDiv"></div>
+
+</body>
+</html>
\ No newline at end of file
diff --git a/lib/xajax_0.2.4/tests/eventHandlerTest.php b/lib/xajax_0.2.4/tests/eventHandlerTest.php
new file mode 100644
index 0000000..89a25ed
--- /dev/null
+++ b/lib/xajax_0.2.4/tests/eventHandlerTest.php
@@ -0,0 +1,64 @@
+<?php
+require_once("../xajax.inc.php");
+
+function addHandler($sId,$sHandler)
+{
+	$objResponse = new xajaxResponse();
+	$objResponse->addHandler($sId, "click", $sHandler);
+	return $objResponse->getXML();
+}
+
+function removeHandler($sId,$sHandler)
+{
+	$objResponse = new xajaxResponse();
+	$objResponse->addRemoveHandler($sId, "click", $sHandler);
+	return $objResponse->getXML();
+}
+
+$xajax = new xajax();
+//$xajax->debugOn();
+$xajax->registerFunction("addHandler");
+$xajax->registerFunction("removeHandler");
+$xajax->processRequests();
+?>
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
+        "http://www.w3.org/TR/2000/REC-xhtml1-20000126/DTD/xhtml1-transitional.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+<title>Event Handler Test | xajax Tests</title>
+<?php $xajax->printJavascript("../") ?>
+<script type="text/javascript">
+function clickHandler1()
+{
+	alert('Click Handler 1');
+}
+function clickHandler2()
+{
+	alert('Click Handler 2');
+}
+</script>
+</head>
+<body>
+
+<h2><a href="index.php">xajax Tests</a></h2>
+<h1>Event Handler Test</h1>
+
+
+<div id="myDiv" style="padding: 3px; display: table; border: 1px outset black; font-size: large; margin-bottom: 10px;">Click Me</div>
+
+<form id="testForm1" onsubmit="return false;">
+<div>
+<input type="submit" value="Add Handler1 to Div" onclick="xajax_addHandler('myDiv','clickHandler1'); return false;" />
+<input type="submit" value="Remove Handler1 from Div" onclick="xajax_removeHandler('myDiv','clickHandler1'); return false;" />
+</div>
+<div>
+<input type="submit" value="Add Handler2 to Div" onclick="xajax_addHandler('myDiv','clickHandler2'); return false;" />
+<input type="submit" value="Remove Handler2 from Div" onclick="xajax_removeHandler('myDiv','clickHandler2'); return false;" />
+</div>
+
+</form>
+
+<div id="submittedDiv"></div>
+
+</body>
+</html>
\ No newline at end of file
diff --git a/lib/xajax_0.2.4/tests/formSubmissionTest.php b/lib/xajax_0.2.4/tests/formSubmissionTest.php
new file mode 100644
index 0000000..c91216c
--- /dev/null
+++ b/lib/xajax_0.2.4/tests/formSubmissionTest.php
@@ -0,0 +1,107 @@
+<?php
+require_once("../xajax.inc.php");
+
+function testForm($formData)
+{
+	$objResponse = new xajaxResponse();
+	$objResponse->addAlert("formData: " . print_r($formData, true));
+	$objResponse->addAssign("submittedDiv", "innerHTML", nl2br(print_r($formData, true)));
+	return $objResponse->getXML();
+}
+
+$xajax = new xajax();
+//$xajax->debugOn();
+$xajax->registerFunction("testForm");
+$xajax->processRequests();
+?>
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
+        "http://www.w3.org/TR/2000/REC-xhtml1-20000126/DTD/xhtml1-transitional.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+<title>Form Submission Test| xajax Tests</title>
+<style type="text/css">
+fieldset > div
+{
+	border: 1px solid gray;
+	padding: 5px;
+	background-color: white;
+}
+</style>
+<?php $xajax->printJavascript("../") ?>
+</head>
+<body>
+<h2><a href="index.php">xajax Tests</a></h2>
+<h1>Form Submission Test</h1>
+
+<div>
+<form id="testForm1" onsubmit="return false;">
+<fieldset style="display:inline; background-color: rgb(230,230,230);">
+<legend>Test Form</legend>
+<div style="margin: 3px;">
+<div>Text Input</div>
+<input type="text" id="textInput" name="textInput" value="text" />
+</div>
+
+<div style="margin: 3px;">
+<div>Password Input</div>
+<input type="password" id="textInput" name="passwordInput" value="2br!2b" />
+</div>
+
+<div style="margin: 3px;">
+<div>Textarea</div>
+<textarea id="textarea" name="textarea">text text</textarea>
+</div>
+
+<div style="margin: 3px;">
+<div>
+<input type="checkbox" id="checkboxInput1" name="checkboxInput[]" value="true" checked="checked" />
+<label for="checkboxInput1">Checkbox Input 1</label>
+</div>
+<div>
+<input type="checkbox" id="checkboxInput2" name="checkboxInput[]" value="true" checked="checked" />
+<label for="checkboxInput2">Checkbox Input 2</label>
+</div>
+</div>
+
+<div style="margin: 3px;">
+<div>Radio Input</div>
+<div>
+<input type="radio" id="radioInput1" name="radioInput" value="1" checked="checked" />
+<label for="radioInput1">One</label>
+</div>
+<div>
+<input type="radio" id="radioInput2" name="radioInput" value="2" />
+<label for="radioInput2">Two</label>
+</div>
+</div>
+
+<div style="margin: 3px;">
+<div>Select</div>
+<select id="select" name="select">
+<option value="1">One</option>
+<option value="2">Two</option>
+<option value="3">Three</option>
+<option value="4">Four</option>
+</select>
+</div>
+
+<div style="margin: 3px;">
+<div>Multiple Select</div>
+<select id="multipleSelect" name="multipleSelect[]" multiple="multiple" size=4>
+<option value="1" selected="selected">One</option>
+<option value="2">Two</option>
+<option value="3">Three</option>
+<option value="4">Four</option>
+</select>
+</div>
+<span style="margin: 3px;">
+<input type="submit" value="submit through xajax" onclick="xajax_testForm(xajax.getFormValues('testForm1')); return false;" />
+</span>
+</fieldset>
+</form>
+</div>
+
+<div id="submittedDiv" style=" margin: 3px;"></div>
+
+</body>
+</html>
\ No newline at end of file
diff --git a/lib/xajax_0.2.4/tests/includeExternalScriptTest.php b/lib/xajax_0.2.4/tests/includeExternalScriptTest.php
new file mode 100644
index 0000000..12addb6
--- /dev/null
+++ b/lib/xajax_0.2.4/tests/includeExternalScriptTest.php
@@ -0,0 +1,46 @@
+<?php
+require_once("../xajax.inc.php");
+
+function includeScript($sFilename)
+{
+	$objResponse = new xajaxResponse();
+	$objResponse->addIncludeScript($sFilename);
+	return $objResponse->getXML();
+}
+
+$xajax = new xajax();
+//$xajax->debugOn();
+$xajax->registerFunction("includeScript");
+$xajax->processRequests();
+?>
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
+        "http://www.w3.org/TR/2000/REC-xhtml1-20000126/DTD/xhtml1-transitional.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+<title>Include External Javascript Test | xajax Tests</title>
+<?php $xajax->printJavascript("../") ?>
+<script type="text/javascript">
+function externalFunction()
+{
+	try
+	{
+		myFunction();
+	}
+	catch(e)
+	{
+		alert(e);
+	}
+}
+</script>
+</head>
+<body>
+
+<h2><a href="index.php">xajax Tests</a></h2>
+<h1>Include External Javascript Test</h1>
+
+<div id="myDiv"" style="padding: 3px; display: table; border: 1px outset black; font-size: large; margin-bottom: 10px;" onclick="externalFunction()">Click Me</div>
+
+<form id="testForm1" onsubmit="return false;">
+<input type="submit" value="Include myFunction.js" onclick="xajax_includeScript('myExternalFunction.js'); return false;" />
+</body>
+</html>
\ No newline at end of file
diff --git a/lib/xajax_0.2.4/tests/index.php b/lib/xajax_0.2.4/tests/index.php
new file mode 100644
index 0000000..5503e3f
--- /dev/null
+++ b/lib/xajax_0.2.4/tests/index.php
@@ -0,0 +1,42 @@
+<?php
+/*
+ * Created on Oct 31, 2005
+ *
+ * To change the template for this generated file go to
+ * Window - Preferences - PHPeclipse - PHP - Code Templates
+ */
+?>
+<html>
+<head>
+<title>xajax Tests</title>
+</head>
+<body>
+
+<h1>xajax Tests</h1>
+
+<ul>
+<li><a href="xajaxResponseTest.php">xajaxResponse Test</a> (<b>generates a new xajax.js file if missing</b>)<br />&nbsp;</li>
+
+<li><a href="catchAllFunctionTest.php">Catch-all Function Test</a></li>
+<li><a href="changeEventTest.php">Change Event Test</a></li>
+<li><a href="charEncodingTest.php">Character Encoding Test</a></li>
+<li><a href="confirmTest.php">Confirm Commands Test</a></li>
+<li><a href="createFormInputTest.php">Create Form Input Test</a></li>
+<li><a href="customResponseClassTest.php">Custom Response Class Test</a></li>
+<li><a href="disabledFormElementsTest.php">Disabled Form Elements Test</a></li>
+<li><a href="eventHandlerTest.php">Event Handler Test</a></li>
+<li><a href="errorHandlingTest.php">Error Handling Test</a></li>
+<li><a href="formSubmissionTest.php">Form Submission Test</a></li>
+<li><a href="HTTPStatusTest.php">HTTP Status Test</a></li>
+<li><a href="includeExternalScriptTest.php">Include External Script Test</a></li>
+<li><a href="largeResponseTest.php">Large Response Test</a></li>
+<li><a href="phpWhitespaceTest.php">PHP Whitespace Test</a></li>
+<li><a href="preFunctionTest.php">Pre-function Test</a></li>
+<li><a href="redirectTest.php">Redirect Test</a></li>
+<li><a href="registerExternalFunctionTest.php">registerExternalFunction Test</a></li>
+<li><a href="searchReplaceTest.php">Search and Replace Test</a></li>
+<li><a href="scriptCallTest.php">addScriptCall Test</a></li>
+</ul>
+
+</body>
+</html>
\ No newline at end of file
diff --git a/lib/xajax_0.2.4/tests/largeResponseTest.php b/lib/xajax_0.2.4/tests/largeResponseTest.php
new file mode 100644
index 0000000..233dd32
--- /dev/null
+++ b/lib/xajax_0.2.4/tests/largeResponseTest.php
@@ -0,0 +1,39 @@
+<?php
+require_once("../xajax.inc.php");
+
+function largeResponse()
+{
+	$objResponse = new xajaxResponse();
+	$myResponse = "";
+	for ($i=0;$i<8000;$i++) {
+		$myResponse .= "<p>Here is paragraph $i for your reading pleasure.</p>\n";
+	}
+	$objResponse->addAssign("submittedDiv", "innerHTML", $myResponse);
+	return $objResponse;
+}
+
+$xajax = new xajax();
+//$xajax->debugOn();
+$xajax->registerFunction("largeResponse");
+$xajax->processRequests();
+?>
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
+        "http://www.w3.org/TR/2000/REC-xhtml1-20000126/DTD/xhtml1-transitional.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+<title>Large Response Test | xajax Tests</title>
+<?php $xajax->printJavascript("../") ?>
+</head>
+<body>
+
+<h2><a href="index.php">xajax Tests</a></h2>
+<h1>Large Response Test</h1>
+
+<form id="testForm1" onsubmit="return false;">
+<p><input type="submit" value="Get Large Response" onclick="xajax_largeResponse(); return false;" /></p>
+</form>
+
+<div id="submittedDiv"></div>
+
+</body>
+</html>
\ No newline at end of file
diff --git a/lib/xajax_0.2.4/tests/myExternalFunction.js b/lib/xajax_0.2.4/tests/myExternalFunction.js
new file mode 100644
index 0000000..b35b810
--- /dev/null
+++ b/lib/xajax_0.2.4/tests/myExternalFunction.js
@@ -0,0 +1,4 @@
+function myFunction()
+{
+	alert('Congratulations!\n  You have successfully included the\n myExternalFunction.js without reloading the page.');
+}
\ No newline at end of file
diff --git a/lib/xajax_0.2.4/tests/myExternalFunction.php b/lib/xajax_0.2.4/tests/myExternalFunction.php
new file mode 100644
index 0000000..6d465e2
--- /dev/null
+++ b/lib/xajax_0.2.4/tests/myExternalFunction.php
@@ -0,0 +1,20 @@
+<?php
+function myExternalFunction()
+{
+	$objResponse = new xajaxResponse();
+	$objResponse->addAlert('External function successfully included and executed');
+	return $objResponse;
+}
+
+class myExternalClass
+{
+	function myMethod()	// static (can't hardwire that in because of PHP 4)
+	{
+		$objResponse = new xajaxResponse();
+		$objResponse->addAlert('External class successfully included and method executed');
+		return $objResponse;
+	}
+}
+?>
+<p> This is some content that should be ignored by an asynchronous request
+ through xajax, but will show up if the file is otherwise included into the script. </p>
\ No newline at end of file
diff --git a/lib/xajax_0.2.4/tests/phpWhitespaceTest.php b/lib/xajax_0.2.4/tests/phpWhitespaceTest.php
new file mode 100644
index 0000000..75bb9c5
--- /dev/null
+++ b/lib/xajax_0.2.4/tests/phpWhitespaceTest.php
@@ -0,0 +1,39 @@
+
+
+
+<?php
+require_once("../xajax.inc.php");
+
+function showOutput()
+{
+	$objResponse = new xajaxResponse();
+	$objResponse->addAlert("Hello");
+	return $objResponse;
+}
+$xajax = new xajax();
+//$xajax->debugOn();
+$xajax->registerFunction("showOutput");
+$xajax->processRequests();
+?>
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
+        "http://www.w3.org/TR/2000/REC-xhtml1-20000126/DTD/xhtml1-transitional.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+<title>PHP Whitespace Test | xajax Tests</title>
+<?php $xajax->printJavascript("../") ?>
+</head>
+<body>
+
+<h2><a href="index.php">xajax Tests</a></h2>
+<h1>PHP Whitespace Test</h1>
+
+<p><em>This tests what happens when there's whitespace before the &lt;?php token in the PHP file (thus possibly causing the XML response to be invalid).</p>
+
+<form id="testForm1" onsubmit="return false;">
+<p><input type="submit" value="Test Whitespace" onclick="xajax_showOutput(); return false;" /></p>
+</form>
+
+<div id="submittedDiv"></div>
+
+</body>
+</html>
\ No newline at end of file
diff --git a/lib/xajax_0.2.4/tests/preFunctionTest.php b/lib/xajax_0.2.4/tests/preFunctionTest.php
new file mode 100644
index 0000000..e72d903
--- /dev/null
+++ b/lib/xajax_0.2.4/tests/preFunctionTest.php
@@ -0,0 +1,74 @@
+<?php
+require_once("../xajax.inc.php");
+
+function testRegularFunction($formData)
+{
+	$objResponse = new xajaxResponse();
+	$objResponse->addAlert("formData: " . print_r($formData, true));
+	$objResponse->addAssign("submittedDiv", "innerHTML", nl2br(print_r($formData, true)));
+	return $objResponse->getXML();
+}
+
+function myPreFunction($funcName, $args)
+{
+	$objResponse = new xajaxResponse();
+	if ($args[1] == 0) {
+		$objResponse->addAlert("This is from the pre-function, which will now call " . $funcName);
+		return $objResponse;
+	}
+	$objResponse->addAlert("This is from the pre-function, which will now end the request.");
+	return array(false, $objResponse);
+}
+
+class myPreObject
+{
+	var $message = "This is from the pre-function object method";
+	
+	function preMethod($funcName, $args)
+	{
+		$objResponse = new xajaxResponse();
+		if ($args[1] == 0) {
+			$objResponse->addAlert($this->message . ", which will now call " . $funcName);
+			return $objResponse;
+		}
+		$objResponse->addAlert($this->message . ", which will now end the request.");
+		return array(false, $objResponse);		
+	}
+}
+
+$xajax = new xajax();
+//$xajax->debugOn();
+if (@$_GET['useObjects'] == "true") {
+	$preObj = new myPreObject();
+	$xajax->registerPreFunction(array("myPreFunction", &$preObj, "preMethod"));
+}
+else {
+	$xajax->registerPreFunction("myPreFunction");
+}
+$xajax->registerFunction("testRegularFunction");
+$xajax->processRequests();
+?>
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
+        "http://www.w3.org/TR/2000/REC-xhtml1-20000126/DTD/xhtml1-transitional.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+<title>Pre-function Test | xajax Tests</title>
+<?php $xajax->printJavascript("../") ?>
+</head>
+<body>
+
+<h2><a href="index.php">xajax Tests</a></h2>
+<h1>Pre-function Test</h1>
+
+<form id="testForm1" onsubmit="return false;">
+<p><input type="text" id="textBox1" name="textBox1" value="This is some text" /></p>
+<p><input type="submit" value="Normal request" onclick="xajax_testRegularFunction(xajax.getFormValues('testForm1'), 0); return false;" /></p>
+<p><input type="submit" value="Pre-function should end request" onclick="xajax_testRegularFunction(xajax.getFormValues('testForm1'), 1); return false;" /></p>
+</form>
+
+<p><a href="preFunctionTest.php?useObjects=true">Reload using object</a></p>
+
+<div id="submittedDiv"></div>
+
+</body>
+</html>
\ No newline at end of file
diff --git a/lib/xajax_0.2.4/tests/redirectTest.php b/lib/xajax_0.2.4/tests/redirectTest.php
new file mode 100644
index 0000000..1851e95
--- /dev/null
+++ b/lib/xajax_0.2.4/tests/redirectTest.php
@@ -0,0 +1,34 @@
+<?php
+require_once("../xajax.inc.php");
+
+function redirect()
+{
+	$objResponse = new xajaxResponse();
+	$objResponse->addRedirect("http://www.xajaxproject.org");
+	return $objResponse;
+}
+$xajax = new xajax();
+//$xajax->debugOn();
+$xajax->registerFunction("redirect");
+$xajax->processRequests();
+?>
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
+        "http://www.w3.org/TR/2000/REC-xhtml1-20000126/DTD/xhtml1-transitional.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+<title>Redirect Test | xajax Tests</title>
+<?php $xajax->printJavascript("../") ?>
+</head>
+<body>
+
+<h2><a href="index.php">xajax Tests</a></h2>
+<h1>Redirect Test</h1>
+
+<form id="testForm1" onsubmit="return false;">
+<p><input type="submit" value="Test xajax redirect" onclick="xajax_redirect(); return false;" /></p>
+</form>
+
+<div id="submittedDiv"></div>
+
+</body>
+</html>
\ No newline at end of file
diff --git a/lib/xajax_0.2.4/tests/registerExternalFunctionTest.php b/lib/xajax_0.2.4/tests/registerExternalFunctionTest.php
new file mode 100644
index 0000000..1eaf74e
--- /dev/null
+++ b/lib/xajax_0.2.4/tests/registerExternalFunctionTest.php
@@ -0,0 +1,30 @@
+<?php
+require_once("../xajax.inc.php");
+
+$xajax = new xajax();
+//$xajax->debugOn();
+$xajax->registerExternalFunction("myExternalFunction","tests/myExternalFunction.php");
+$xajax->registerExternalFunction(array("myFunction", "myExternalClass","myMethod"),"tests/myExternalFunction.php");
+$xajax->processRequests();
+?>
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
+        "http://www.w3.org/TR/2000/REC-xhtml1-20000126/DTD/xhtml1-transitional.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+<title>registerExternalFunction Test | xajax Tests</title>
+<?php $xajax->printJavascript("../") ?>
+</head>
+<body>
+
+<h2><a href="index.php">xajax Tests</a></h2>
+<h1>registerExternalFunction Test</h1>
+
+<form id="testForm1" onsubmit="return false;">
+<p><input type="submit" value="Call External Function" onclick="xajax_myExternalFunction(); return false;" /></p>
+<p><input type="submit" value="Call External Class Method" onclick="xajax_myFunction(); return false;" /></p>
+</form>
+
+<div id="submittedDiv"></div>
+
+</body>
+</html>
\ No newline at end of file
diff --git a/lib/xajax_0.2.4/tests/scriptCallTest.php b/lib/xajax_0.2.4/tests/scriptCallTest.php
new file mode 100644
index 0000000..ccbd250
--- /dev/null
+++ b/lib/xajax_0.2.4/tests/scriptCallTest.php
@@ -0,0 +1,50 @@
+<?php
+require("../xajax.inc.php");
+
+function callScript()
+{
+	$response = new xajaxResponse();
+	$value2 = "this is a string";
+	$response->addScriptCall("myJSFunction", "arg1", 9432.12, array("myKey" => "some value", "key2" => $value2));
+	return $response;
+}
+
+$xajax = new xajax();
+//$xajax->debugOn();
+$xajax->registerFunction("callScript");
+$xajax->processRequests();
+?>
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
+        "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+	<title>addScriptCall Test | xajax Tests</title>
+	<?php $xajax->printJavascript("../") ?>
+	<script type="text/javascript">
+function myJSFunction(firstArg, numberArg, myArrayArg)
+{
+    var newString = firstArg + " and " + (+numberArg + 100) + "\n";
+    newString += myArrayArg["myKey"] + " | " + myArrayArg.key2;
+    alert(newString);
+    xajax.$('myDiv').innerHTML = newString;
+}
+	</script>
+</head>
+<body>
+
+<h2><a href="index.php">xajax Tests</a></h2>
+<h1>addScriptCall Test</h1>
+
+<p>Howdy. <input type="button" value="Click Me" onclick="xajax_callScript()" /></p>
+
+<p>Result:</p>
+
+<pre id="myDiv">[blank]</pre>
+
+<p>Expecting:</p>
+
+<pre>arg1 and 9532.12
+some value | this is a string</pre>
+
+</body>
+</html>
diff --git a/lib/xajax_0.2.4/tests/searchReplaceTest.php b/lib/xajax_0.2.4/tests/searchReplaceTest.php
new file mode 100644
index 0000000..386f9ec
--- /dev/null
+++ b/lib/xajax_0.2.4/tests/searchReplaceTest.php
@@ -0,0 +1,53 @@
+<?php
+require_once("../xajax.inc.php");
+
+function replace($aForm)
+{
+	$objResponse = new xajaxResponse();
+	$objResponse->addReplace('content', "innerHTML", $aForm['search'], $aForm['replace']);
+	return $objResponse->getXML();
+}
+
+$xajax = new xajax();
+//$xajax->debugOn();
+$xajax->registerFunction("replace");
+$xajax->processRequests();
+?>
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
+        "http://www.w3.org/TR/2000/REC-xhtml1-20000126/DTD/xhtml1-transitional.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+<title>Search and Replace Test | xajax Tests</title>
+<?php $xajax->printJavascript("../") ?>
+</head>
+<body>
+
+<h2><a href="index.php">xajax Tests</a></h2>
+<h1>Search and Replace Test</h1>
+
+<div id="content"" style="border: 1px solid gray">
+Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Morbi fermentum. 
+Phasellus non nibh. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. 
+Nulla id ligula sit amet purus tristique dictum. Fusce at arcu. Maecenas ipsum leo, tincidunt eu, vehicula id, 
+elementum feugiat, enim. Nam fringilla mi ac ligula. Quisque tempus, 
+lacus ut molestie dignissim, massa ipsum sodales arcu, eget rhoncus sapien diam at velit. 
+Morbi fermentum, dui vel tempus vestibulum, diam metus nonummy ligula, ac ultrices lacus est ac sapien. 
+Pellentesque luctus dictum massa. Cras ullamcorper ullamcorper massa. Etiam erat odio, gravida eget, ornare vitae, 
+dapibus nec, nunc. Phasellus ligula arcu, rutrum at, pellentesque et, varius feugiat, velit. 
+Etiam erat magna, eleifend vel, vulputate eget, dignissim non, lectus. Nam at metus. Aenean mollis ligula viverra ipsum.
+</div>
+
+<form id="testForm1" onsubmit="return false;">
+<div>
+Search:<input id="search" name="search" value="" />
+</div>
+<div>
+Replace:<input id="replace" name="replace" value="" />
+</div>
+<div><input type="submit" value="Search & Replace" onclick="xajax_replace(xajax.getFormValues('testForm1')); return false;" /></div>
+</form>
+
+<div id="submittedDiv"></div>
+
+</body>
+</html>
\ No newline at end of file
diff --git a/lib/xajax_0.2.4/tests/xajaxResponseTest.php b/lib/xajax_0.2.4/tests/xajaxResponseTest.php
new file mode 100644
index 0000000..7952000
--- /dev/null
+++ b/lib/xajax_0.2.4/tests/xajaxResponseTest.php
@@ -0,0 +1,44 @@
+<?php
+require_once("../xajax.inc.php");
+
+function showOutput()
+{
+	$testResponse = new xajaxResponse();
+	$testResponse->addAlert("Hello");
+//	$testResponseOutput = htmlspecialchars($testResponse->getXML());
+	
+	$testResponse2 = new xajaxResponse();
+	$testResponse2->loadXML($testResponse->getXML());
+	$testResponse2->addReplace("this", "is", "a", "replacement");
+	$testResponseOutput = htmlspecialchars($testResponse2->getXML());	
+	
+	$objResponse = new xajaxResponse();
+	$objResponse->addAssign("submittedDiv", "innerHTML", $testResponseOutput);
+	return $objResponse;
+}
+$xajax = new xajax();
+//$xajax->debugOn();
+$xajax->registerFunction("showOutput");
+$xajax->processRequests();
+$xajax->autoCompressJavascript("../xajax_js/xajax.js");
+?>
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
+        "http://www.w3.org/TR/2000/REC-xhtml1-20000126/DTD/xhtml1-transitional.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+<title>xajaxResponse Test | xajax Tests</title>
+<?php $xajax->printJavascript("../") ?>
+</head>
+<body>
+
+<h2><a href="index.php">xajax Tests</a></h2>
+<h1>xajaxResponse Test</h1>
+
+<form id="testForm1" onsubmit="return false;">
+<p><input type="submit" value="Show Response XML" onclick="xajax_showOutput(); return false;" /></p>
+</form>
+
+<div id="submittedDiv"></div>
+
+</body>
+</html>
\ No newline at end of file
diff --git a/lib/xajax_0.2.4/xajax.inc.php b/lib/xajax_0.2.4/xajax.inc.php
new file mode 100644
index 0000000..602a049
--- /dev/null
+++ b/lib/xajax_0.2.4/xajax.inc.php
@@ -0,0 +1,1239 @@
+<?php
+/**
+ * xajax.inc.php :: Main xajax class and setup file
+ *
+ * xajax version 0.2.4
+ * copyright (c) 2005 by Jared White & J. Max Wilson
+ * http://www.xajaxproject.org
+ *
+ * xajax is an open source PHP class library for easily creating powerful
+ * PHP-driven, web-based Ajax Applications. Using xajax, you can asynchronously
+ * call PHP functions and update the content of your your webpage without
+ * reloading the page.
+ *
+ * xajax is released under the terms of the LGPL license
+ * http://www.gnu.org/copyleft/lesser.html#SEC3
+ *
+ * This library is free software; you can redistribute it and/or
+ * modify it under the terms of the GNU Lesser General Public
+ * License as published by the Free Software Foundation; either
+ * version 2.1 of the License, or (at your option) any later version.
+ *
+ * This library is distributed in the hope that it will be useful,
+ * but WITHOUT ANY WARRANTY; without even the implied warranty of
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the GNU
+ * Lesser General Public License for more details.
+ * 
+ * You should have received a copy of the GNU Lesser General Public
+ * License along with this library; if not, write to the Free Software
+ * Foundation, Inc., 51 Franklin St, Fifth Floor, Boston, MA  02110-1301  USA
+ * 
+ * @package xajax
+ * @version $Id$
+ * @copyright Copyright (c) 2005-2006  by Jared White & J. Max Wilson
+ * @license http://www.gnu.org/copyleft/lesser.html#SEC3 LGPL License
+ */
+
+/*
+   ----------------------------------------------------------------------------
+   | Online documentation for this class is available on the xajax wiki at:   |
+   | http://wiki.xajaxproject.org/Documentation:xajax.inc.php                 |
+   ----------------------------------------------------------------------------
+*/
+
+/**
+ * Define XAJAX_DEFAULT_CHAR_ENCODING that is used by both
+ * the xajax and xajaxResponse classes
+ */
+if (!defined ('XAJAX_DEFAULT_CHAR_ENCODING'))
+{
+	define ('XAJAX_DEFAULT_CHAR_ENCODING', 'utf-8' );
+}
+
+require_once(dirname(__FILE__)."/xajaxResponse.inc.php");
+
+/**
+ * Communication Method Defines
+ */
+if (!defined ('XAJAX_GET'))
+{
+	define ('XAJAX_GET', 0);
+}
+if (!defined ('XAJAX_POST'))
+{
+	define ('XAJAX_POST', 1);
+}
+
+/**
+ * The xajax class generates the xajax javascript for your page including the 
+ * Javascript wrappers for the PHP functions that you want to call from your page.
+ * It also handles processing and executing the command messages in the XML responses
+ * sent back to your page from your PHP functions.
+ * 
+ * @package xajax
+ */ 
+class xajax
+{
+	/**#@+
+	 * @access protected
+	 */
+	/**
+	 * @var array Array of PHP functions that will be callable through javascript wrappers
+	 */
+	var $aFunctions;
+	/**
+	 * @var array Array of object callbacks that will allow Javascript to call PHP methods (key=function name)
+	 */
+	var $aObjects;
+	/**
+	 * @var array Array of RequestTypes to be used with each function (key=function name)
+	 */
+	var $aFunctionRequestTypes;
+	/**
+	 * @var array Array of Include Files for any external functions (key=function name)
+	 */
+	var $aFunctionIncludeFiles;
+	/**
+	 * @var string Name of the PHP function to call if no callable function was found
+	 */
+	var $sCatchAllFunction;
+	/**
+	 * @var string Name of the PHP function to call before any other function
+	 */
+	var $sPreFunction;
+	/**
+	 * @var string The URI for making requests to the xajax object
+	 */
+	var $sRequestURI;
+	/**
+	 * @var string The prefix to prepend to the javascript wraper function name
+	 */
+	var $sWrapperPrefix;
+	/**
+	 * @var boolean Show debug messages (default false)
+	 */
+	var $bDebug;
+	/**
+	 * @var boolean Show messages in the client browser's status bar (default false)
+	 */
+	var $bStatusMessages;	
+	/**
+	 * @var boolean Allow xajax to exit after processing a request (default true)
+	 */
+	var $bExitAllowed;
+	/**
+	 * @var boolean Use wait cursor in browser (default true)
+	 */
+	var $bWaitCursor;
+	/**
+	 * @var boolean Use an special xajax error handler so the errors are sent to the browser properly (default false)
+	 */
+	var $bErrorHandler;
+	/**
+	 * @var string Specify what, if any, file xajax should log errors to (and more information in a future release)
+	 */
+	var $sLogFile;
+	/**
+	 * @var boolean Clean all output buffers before outputting response (default false)
+	 */
+	var $bCleanBuffer;
+	/**
+	 * @var string String containing the character encoding used
+	 */
+	var $sEncoding;
+	/**
+	 * @var boolean Decode input request args from UTF-8 (default false)
+	 */
+	var $bDecodeUTF8Input;
+	/**
+	 * @var boolean Convert special characters to HTML entities (default false)
+	 */
+	var $bOutputEntities;
+	/**
+	 * @var array Array for parsing complex objects
+	 */
+	var $aObjArray;
+	/**
+	 * @var integer Position in $aObjArray
+	 */
+	var $iPos;
+	
+	/**#@-*/
+	
+	/**
+	 * Constructor. You can set some extra xajax options right away or use
+	 * individual methods later to set options.
+	 * 
+	 * @param string  defaults to the current browser URI
+	 * @param string  defaults to "xajax_";
+	 * @param string  defaults to XAJAX_DEFAULT_CHAR_ENCODING defined above
+	 * @param boolean defaults to false
+	 */
+	function xajax($sRequestURI="",$sWrapperPrefix="xajax_",$sEncoding=XAJAX_DEFAULT_CHAR_ENCODING,$bDebug=false)
+	{
+		$this->aFunctions = array();
+		$this->aObjects = array();
+		$this->aFunctionIncludeFiles = array();
+		$this->sRequestURI = $sRequestURI;
+		if ($this->sRequestURI == "")
+			$this->sRequestURI = $this->_detectURI();
+		$this->sWrapperPrefix = $sWrapperPrefix;
+		$this->bDebug = $bDebug;
+		$this->bStatusMessages = false;
+		$this->bWaitCursor = true;
+		$this->bExitAllowed = true;
+		$this->bErrorHandler = false;
+		$this->sLogFile = "";
+		$this->bCleanBuffer = false;
+		$this->setCharEncoding($sEncoding);
+		$this->bDecodeUTF8Input = false;
+		$this->bOutputEntities = false;
+	}
+		
+	/**
+	 * Sets the URI to which requests will be made.
+	 * <i>Usage:</i> <kbd>$xajax->setRequestURI("http://www.xajaxproject.org");</kbd>
+	 * 
+	 * @param string the URI (can be absolute or relative) of the PHP script
+	 *               that will be accessed when an xajax request occurs
+	 */
+	function setRequestURI($sRequestURI)
+	{
+		$this->sRequestURI = $sRequestURI;
+	}
+
+	/**
+	 * Sets the prefix that will be appended to the Javascript wrapper
+	 * functions (default is "xajax_").
+	 * 
+	 * @param string
+	 */ 
+	// 
+	function setWrapperPrefix($sPrefix)
+	{
+		$this->sWrapperPrefix = $sPrefix;
+	}
+	
+	/**
+	 * Enables debug messages for xajax.
+	 * */
+	function debugOn()
+	{
+		$this->bDebug = true;
+	}
+	
+	/**
+	 * Disables debug messages for xajax (default behavior).
+	 */
+	function debugOff()
+	{
+		$this->bDebug = false;
+	}
+		
+	/**
+	 * Enables messages in the browser's status bar for xajax.
+	 */
+	function statusMessagesOn()
+	{
+		$this->bStatusMessages = true;
+	}
+	
+	/**
+	 * Disables messages in the browser's status bar for xajax (default behavior).
+	 */
+	function statusMessagesOff()
+	{
+		$this->bStatusMessages = false;
+	}
+	
+	/**
+	 * Enables the wait cursor to be displayed in the browser (default behavior).
+	 */
+	function waitCursorOn()
+	{
+		$this->bWaitCursor = true;
+	}
+	
+	/**
+	 * Disables the wait cursor to be displayed in the browser.
+	 */
+	function waitCursorOff()
+	{
+		$this->bWaitCursor = false;
+	}	
+	
+	/**
+	 * Enables xajax to exit immediately after processing a request and
+	 * sending the response back to the browser (default behavior).
+	 */
+	function exitAllowedOn()
+	{
+		$this->bExitAllowed = true;
+	}
+	
+	/**
+	 * Disables xajax's default behavior of exiting immediately after
+	 * processing a request and sending the response back to the browser.
+	 */
+	function exitAllowedOff()
+	{
+		$this->bExitAllowed = false;
+	}
+	
+	/**
+	 * Turns on xajax's error handling system so that PHP errors that occur
+	 * during a request are trapped and pushed to the browser in the form of
+	 * a Javascript alert.
+	 */
+	function errorHandlerOn()
+	{
+		$this->bErrorHandler = true;
+	}
+
+	/**
+	 * Turns off xajax's error handling system (default behavior).
+	 */
+	function errorHandlerOff()
+	{
+		$this->bErrorHandler = false;
+	}
+	
+	/**
+	 * Specifies a log file that will be written to by xajax during a request
+	 * (used only by the error handling system at present). If you don't invoke
+	 * this method, or you pass in "", then no log file will be written to.
+	 * <i>Usage:</i> <kbd>$xajax->setLogFile("/xajax_logs/errors.log");</kbd>
+	 */
+	function setLogFile($sFilename)
+	{
+		$this->sLogFile = $sFilename;
+	}
+
+	/**
+	 * Causes xajax to clean out all output buffers before outputting a
+	 * response (default behavior).
+	 */
+	function cleanBufferOn()
+	{
+		$this->bCleanBuffer = true;
+	}
+	/**
+	 * Turns off xajax's output buffer cleaning.
+	 */
+	function cleanBufferOff()
+	{
+		$this->bCleanBuffer = false;
+	}
+	
+	/**
+	 * Sets the character encoding for the HTTP output based on
+	 * <kbd>$sEncoding</kbd>, which is a string containing the character
+	 * encoding to use. You don't need to use this method normally, since the
+	 * character encoding for the response gets set automatically based on the
+	 * <kbd>XAJAX_DEFAULT_CHAR_ENCODING</kbd> constant.
+	 * <i>Usage:</i> <kbd>$xajax->setCharEncoding("utf-8");</kbd>
+	 *
+	 * @param string the encoding type to use (utf-8, iso-8859-1, etc.)
+	 */
+	function setCharEncoding($sEncoding)
+	{
+		$this->sEncoding = $sEncoding;
+	}
+
+	/**
+	 * Causes xajax to decode the input request args from UTF-8 to the current
+	 * encoding if possible. Either the iconv or mb_string extension must be
+	 * present for optimal functionality.
+	 */
+	function decodeUTF8InputOn()
+	{
+		$this->bDecodeUTF8Input = true;
+	}
+
+	/**
+	 * Turns off decoding the input request args from UTF-8 (default behavior).
+	 */
+	function decodeUTF8InputOff()
+	{
+		$this->bDecodeUTF8Input = false;
+	}
+	
+	/**
+	 * Tells the response object to convert special characters to HTML entities
+	 * automatically (only works if the mb_string extension is available).
+	 */
+	function outputEntitiesOn()
+	{
+		$this->bOutputEntities = true;
+	}
+	
+	/**
+	 * Tells the response object to output special characters intact. (default
+	 * behavior).
+	 */
+	function outputEntitiesOff()
+	{
+		$this->bOutputEntities = false;
+	}
+				
+	/**
+	 * Registers a PHP function or method to be callable through xajax in your
+	 * Javascript. If you want to register a function, pass in the name of that
+	 * function. If you want to register a static class method, pass in an
+	 * array like so:
+	 * <kbd>array("myFunctionName", "myClass", "myMethod")</kbd>
+	 * For an object instance method, use an object variable for the second
+	 * array element (and in PHP 4 make sure you put an & before the variable
+	 * to pass the object by reference). Note: the function name is what you
+	 * call via Javascript, so it can be anything as long as it doesn't
+	 * conflict with any other registered function name.
+	 * 
+	 * <i>Usage:</i> <kbd>$xajax->registerFunction("myFunction");</kbd>
+	 * or: <kbd>$xajax->registerFunction(array("myFunctionName", &$myObject, "myMethod"));</kbd>
+	 * 
+	 * @param mixed  contains the function name or an object callback array
+	 * @param mixed  request type (XAJAX_GET/XAJAX_POST) that should be used 
+	 *               for this function.  Defaults to XAJAX_POST.
+	 */
+	function registerFunction($mFunction,$sRequestType=XAJAX_POST)
+	{
+		if (is_array($mFunction)) {
+			$this->aFunctions[$mFunction[0]] = 1;
+			$this->aFunctionRequestTypes[$mFunction[0]] = $sRequestType;
+			$this->aObjects[$mFunction[0]] = array_slice($mFunction, 1);
+		}	
+		else {
+			$this->aFunctions[$mFunction] = 1;
+			$this->aFunctionRequestTypes[$mFunction] = $sRequestType;
+		}
+	}
+	
+	/**
+	 * Registers a PHP function to be callable through xajax which is located
+	 * in some other file.  If the function is requested the external file will
+	 * be included to define the function before the function is called.
+	 * 
+	 * <i>Usage:</i> <kbd>$xajax->registerExternalFunction("myFunction","myFunction.inc.php",XAJAX_POST);</kbd>
+	 * 
+	 * @param string contains the function name or an object callback array
+	 *               ({@link xajax::registerFunction() see registerFunction} for
+	 *               more info on object callback arrays)
+	 * @param string contains the path and filename of the include file
+	 * @param mixed  the RequestType (XAJAX_GET/XAJAX_POST) that should be used 
+	 *		          for this function. Defaults to XAJAX_POST.
+	 */
+	function registerExternalFunction($mFunction,$sIncludeFile,$sRequestType=XAJAX_POST)
+	{
+		$this->registerFunction($mFunction, $sRequestType);
+		
+		if (is_array($mFunction)) {
+			$this->aFunctionIncludeFiles[$mFunction[0]] = $sIncludeFile;
+		}
+		else {
+			$this->aFunctionIncludeFiles[$mFunction] = $sIncludeFile;
+		}
+	}
+	
+	/**
+	 * Registers a PHP function to be called when xajax cannot find the
+	 * function being called via Javascript. Because this is technically
+	 * impossible when using "wrapped" functions, the catch-all feature is
+	 * only useful when you're directly using the xajax.call() Javascript
+	 * method. Use the catch-all feature when you want more dynamic ability to
+	 * intercept unknown calls and handle them in a custom way.
+	 * 
+	 * <i>Usage:</i> <kbd>$xajax->registerCatchAllFunction("myCatchAllFunction");</kbd>
+	 * 
+	 * @param string contains the function name or an object callback array
+	 *               ({@link xajax::registerFunction() see registerFunction} for
+	 *               more info on object callback arrays)
+	 */
+	function registerCatchAllFunction($mFunction)
+	{
+		if (is_array($mFunction)) {
+			$this->sCatchAllFunction = $mFunction[0];
+			$this->aObjects[$mFunction[0]] = array_slice($mFunction, 1);
+		}
+		else {
+			$this->sCatchAllFunction = $mFunction;
+		}
+	}
+	
+	/**
+	 * Registers a PHP function to be called before xajax calls the requested
+	 * function. xajax will automatically add the request function's response
+	 * to the pre-function's response to create a single response. Another
+	 * feature is the ability to return not just a response, but an array with
+	 * the first element being false (a boolean) and the second being the
+	 * response. In this case, the pre-function's response will be returned to
+	 * the browser without xajax calling the requested function.
+	 * 
+	 * <i>Usage:</i> <kbd>$xajax->registerPreFunction("myPreFunction");</kbd>
+	 * 
+	 * @param string contains the function name or an object callback array
+	 *               ({@link xajax::registerFunction() see registerFunction} for
+	 *               more info on object callback arrays)
+	 */
+	function registerPreFunction($mFunction)
+	{
+		if (is_array($mFunction)) {
+			$this->sPreFunction = $mFunction[0];
+			$this->aObjects[$mFunction[0]] = array_slice($mFunction, 1);
+		}
+		else {
+			$this->sPreFunction = $mFunction;
+		}
+	}
+	
+	/**
+	 * Returns true if xajax can process the request, false if otherwise.
+	 * You can use this to determine if xajax needs to process the request or
+	 * not.
+	 * 
+	 * @return boolean
+	 */ 
+	function canProcessRequests()
+	{
+		if ($this->getRequestMode() != -1) return true;
+		return false;
+	}
+	
+	/**
+	 * Returns the current request mode (XAJAX_GET or XAJAX_POST), or -1 if
+	 * there is none.
+	 * 
+	 * @return mixed
+	 */
+	function getRequestMode()
+	{
+		if (!empty($_GET["xajax"]))
+			return XAJAX_GET;
+		
+		if (!empty($_POST["xajax"]))
+			return XAJAX_POST;
+			
+		return -1;
+	}
+	
+	/**
+	 * This is the main communications engine of xajax. The engine handles all
+	 * incoming xajax requests, calls the apporiate PHP functions (or
+	 * class/object methods) and passes the XML responses back to the
+	 * Javascript response handler. If your RequestURI is the same as your Web
+	 * page then this function should be called before any headers or HTML has
+	 * been sent.
+	 */
+	function processRequests()
+	{	
+		
+		$requestMode = -1;
+		$sFunctionName = "";
+		$bFoundFunction = true;
+		$bFunctionIsCatchAll = false;
+		$sFunctionNameForSpecial = "";
+		$aArgs = array();
+		$sPreResponse = "";
+		$bEndRequest = false;
+		$sResponse = "";
+		
+		$requestMode = $this->getRequestMode();
+		if ($requestMode == -1) return;
+	
+		if ($requestMode == XAJAX_POST)
+		{
+			$sFunctionName = $_POST["xajax"];
+			
+			if (!empty($_POST["xajaxargs"])) 
+				$aArgs = $_POST["xajaxargs"];
+		}
+		else
+		{	
+			header ("Expires: Mon, 26 Jul 1997 05:00:00 GMT");
+			header ("Last-Modified: " . gmdate("D, d M Y H:i:s") . " GMT");
+			header ("Cache-Control: no-cache, must-revalidate");
+			header ("Pragma: no-cache");
+			
+			$sFunctionName = $_GET["xajax"];
+			
+			if (!empty($_GET["xajaxargs"])) 
+				$aArgs = $_GET["xajaxargs"];
+		}
+		
+		// Use xajax error handler if necessary
+		if ($this->bErrorHandler) {
+			$GLOBALS['xajaxErrorHandlerText'] = "";
+			set_error_handler("xajaxErrorHandler");
+		}
+		
+		if ($this->sPreFunction) {
+			if (!$this->_isFunctionCallable($this->sPreFunction)) {
+				$bFoundFunction = false;
+				$objResponse = new xajaxResponse();
+				$objResponse->addAlert("Unknown Pre-Function ". $this->sPreFunction);
+				$sResponse = $objResponse->getXML();
+			}
+		}
+		//include any external dependencies associated with this function name
+		if (array_key_exists($sFunctionName,$this->aFunctionIncludeFiles))
+		{
+			ob_start();
+			include_once($this->aFunctionIncludeFiles[$sFunctionName]);
+			ob_end_clean();
+		}
+		
+		if ($bFoundFunction) {
+			$sFunctionNameForSpecial = $sFunctionName;
+			if (!array_key_exists($sFunctionName, $this->aFunctions))
+			{
+				if ($this->sCatchAllFunction) {
+					$sFunctionName = $this->sCatchAllFunction;
+					$bFunctionIsCatchAll = true;
+				}
+				else {
+					$bFoundFunction = false;
+					$objResponse = new xajaxResponse();
+					$objResponse->addAlert("Unknown Function $sFunctionName.");
+					$sResponse = $objResponse->getXML();
+				}
+			}
+			else if ($this->aFunctionRequestTypes[$sFunctionName] != $requestMode)
+			{
+				$bFoundFunction = false;
+				$objResponse = new xajaxResponse();
+				$objResponse->addAlert("Incorrect Request Type.");
+				$sResponse = $objResponse->getXML();
+			}
+		}
+		
+		if ($bFoundFunction)
+		{
+			for ($i = 0; $i < sizeof($aArgs); $i++)
+			{
+				// If magic quotes is on, then we need to strip the slashes from the args
+				if (get_magic_quotes_gpc() == 1 && is_string($aArgs[$i])) {
+				
+					$aArgs[$i] = stripslashes($aArgs[$i]);
+				}
+				if (stristr($aArgs[$i],"<xjxobj>") != false)
+				{
+					$aArgs[$i] = $this->_xmlToArray("xjxobj",$aArgs[$i]);	
+				}
+				else if (stristr($aArgs[$i],"<xjxquery>") != false)
+				{
+					$aArgs[$i] = $this->_xmlToArray("xjxquery",$aArgs[$i]);	
+				}
+				else if ($this->bDecodeUTF8Input)
+				{
+					$aArgs[$i] = $this->_decodeUTF8Data($aArgs[$i]);	
+				}
+			}
+
+			if ($this->sPreFunction) {
+				$mPreResponse = $this->_callFunction($this->sPreFunction, array($sFunctionNameForSpecial, $aArgs));
+				if (is_array($mPreResponse) && $mPreResponse[0] === false) {
+					$bEndRequest = true;
+					$sPreResponse = $mPreResponse[1];
+				}
+				else {
+					$sPreResponse = $mPreResponse;
+				}
+				if (is_a($sPreResponse, "xajaxResponse")) {
+					$sPreResponse = $sPreResponse->getXML();
+				}
+				if ($bEndRequest) $sResponse = $sPreResponse;
+			}
+			
+			if (!$bEndRequest) {
+				if (!$this->_isFunctionCallable($sFunctionName)) {
+					$objResponse = new xajaxResponse();
+					$objResponse->addAlert("The Registered Function $sFunctionName Could Not Be Found.");
+					$sResponse = $objResponse->getXML();
+				}
+				else {
+					if ($bFunctionIsCatchAll) {
+						$aArgs = array($sFunctionNameForSpecial, $aArgs);
+					}
+					$sResponse = $this->_callFunction($sFunctionName, $aArgs);
+				}
+				if (is_a($sResponse, "xajaxResponse")) {
+					$sResponse = $sResponse->getXML();
+				}
+				if (!is_string($sResponse) || strpos($sResponse, "<xjx>") === FALSE) {
+					$objResponse = new xajaxResponse();
+					$objResponse->addAlert("No XML Response Was Returned By Function $sFunctionName.");
+					$sResponse = $objResponse->getXML();
+				}
+				else if ($sPreResponse != "") {
+					$sNewResponse = new xajaxResponse($this->sEncoding, $this->bOutputEntities);
+					$sNewResponse->loadXML($sPreResponse);
+					$sNewResponse->loadXML($sResponse);
+					$sResponse = $sNewResponse->getXML();
+				}
+			}
+		}
+		
+		$sContentHeader = "Content-type: text/xml;";
+		if ($this->sEncoding && strlen(trim($this->sEncoding)) > 0)
+			$sContentHeader .= " charset=".$this->sEncoding;
+		header($sContentHeader);
+		if ($this->bErrorHandler && !empty( $GLOBALS['xajaxErrorHandlerText'] )) {
+			$sErrorResponse = new xajaxResponse();
+			$sErrorResponse->addAlert("** PHP Error Messages: **" . $GLOBALS['xajaxErrorHandlerText']);
+			if ($this->sLogFile) {
+				$fH = @fopen($this->sLogFile, "a");
+				if (!$fH) {
+					$sErrorResponse->addAlert("** Logging Error **\n\nxajax was unable to write to the error log file:\n" . $this->sLogFile);
+				}
+				else {
+					fwrite($fH, "** xajax Error Log - " . strftime("%b %e %Y %I:%M:%S %p") . " **" . $GLOBALS['xajaxErrorHandlerText'] . "\n\n\n");
+					fclose($fH);
+				}
+			}
+
+			$sErrorResponse->loadXML($sResponse);
+			$sResponse = $sErrorResponse->getXML();
+			
+		}
+		if ($this->bCleanBuffer) while (@ob_end_clean());
+		print $sResponse;
+		if ($this->bErrorHandler) restore_error_handler();
+		
+		if ($this->bExitAllowed)
+			exit();
+	}
+
+	/**			
+	 * Prints the xajax Javascript header and wrapper code into your page by
+	 * printing the output of the getJavascript() method. It should only be
+	 * called between the <pre><head> </head></pre> tags in your HTML page.
+	 * Remember, if you only want to obtain the result of this function, use
+	 * {@link xajax::getJavascript()} instead.
+	 * 
+	 * <i>Usage:</i>
+	 * <code>
+	 *  <head>
+	 *		...
+	 *		< ?php $xajax->printJavascript(); ? >
+	 * </code>
+	 * 
+	 * @param string the relative address of the folder where xajax has been
+	 *               installed. For instance, if your PHP file is
+	 *               "http://www.myserver.com/myfolder/mypage.php"
+	 *               and xajax was installed in
+	 *               "http://www.myserver.com/anotherfolder", then $sJsURI
+	 *               should be set to "../anotherfolder". Defaults to assuming
+	 *               xajax is in the same folder as your PHP file.
+	 * @param string the relative folder/file pair of the xajax Javascript
+	 *               engine located within the xajax installation folder.
+	 *               Defaults to xajax_js/xajax.js.
+	 */
+	function printJavascript($sJsURI="", $sJsFile=NULL)
+	{
+		print $this->getJavascript($sJsURI, $sJsFile);
+	}
+	
+	/**
+	 * Returns the xajax Javascript code that should be added to your HTML page
+	 * between the <kbd><head> </head></kbd> tags.
+	 * 
+	 * <i>Usage:</i>
+	 * <code>
+	 *  < ?php $xajaxJSHead = $xajax->getJavascript(); ? >
+	 *	<head>
+	 *		...
+	 *		< ?php echo $xajaxJSHead; ? >
+	 * </code>
+	 * 
+	 * @param string the relative address of the folder where xajax has been
+	 *               installed. For instance, if your PHP file is
+	 *               "http://www.myserver.com/myfolder/mypage.php"
+	 *               and xajax was installed in
+	 *               "http://www.myserver.com/anotherfolder", then $sJsURI
+	 *               should be set to "../anotherfolder". Defaults to assuming
+	 *               xajax is in the same folder as your PHP file.
+	 * @param string the relative folder/file pair of the xajax Javascript
+	 *               engine located within the xajax installation folder.
+	 *               Defaults to xajax_js/xajax.js.
+	 * @return string
+	 */
+	function getJavascript($sJsURI="", $sJsFile=NULL)
+	{	
+		$html = $this->getJavascriptConfig();
+		$html .= $this->getJavascriptInclude($sJsURI, $sJsFile);
+		
+		return $html;
+	}
+	
+	/**
+	 * Returns a string containing inline Javascript that sets up the xajax
+	 * runtime (typically called internally by xajax from get/printJavascript).
+	 * 
+	 * @return string
+	 */
+	function getJavascriptConfig()
+	{
+		$html  = "\t<script type=\"text/javascript\">\n";
+		$html .= "var xajaxRequestUri=\"".$this->sRequestURI."\";\n";
+		$html .= "var xajaxDebug=".($this->bDebug?"true":"false").";\n";
+		$html .= "var xajaxStatusMessages=".($this->bStatusMessages?"true":"false").";\n";
+		$html .= "var xajaxWaitCursor=".($this->bWaitCursor?"true":"false").";\n";
+		$html .= "var xajaxDefinedGet=".XAJAX_GET.";\n";
+		$html .= "var xajaxDefinedPost=".XAJAX_POST.";\n";
+		$html .= "var xajaxLoaded=false;\n";
+
+		foreach($this->aFunctions as $sFunction => $bExists) {
+			$html .= $this->_wrap($sFunction,$this->aFunctionRequestTypes[$sFunction]);
+		}
+
+		$html .= "\t</script>\n";
+		return $html;		
+	}
+	
+	/**
+	 * Returns a string containing a Javascript include of the xajax.js file
+	 * along with a check to see if the file loaded after six seconds
+	 * (typically called internally by xajax from get/printJavascript).
+	 * 
+	 * @param string the relative address of the folder where xajax has been
+	 *               installed. For instance, if your PHP file is
+	 *               "http://www.myserver.com/myfolder/mypage.php"
+	 *               and xajax was installed in
+	 *               "http://www.myserver.com/anotherfolder", then $sJsURI
+	 *               should be set to "../anotherfolder". Defaults to assuming
+	 *               xajax is in the same folder as your PHP file.
+	 * @param string the relative folder/file pair of the xajax Javascript
+	 *               engine located within the xajax installation folder.
+	 *               Defaults to xajax_js/xajax.js.
+	 * @return string
+	 */
+	function getJavascriptInclude($sJsURI="", $sJsFile=NULL)
+	{
+		if ($sJsFile == NULL) $sJsFile = "xajax_js/xajax.js";
+			
+		if ($sJsURI != "" && substr($sJsURI, -1) != "/") $sJsURI .= "/";
+		
+		$html = "\t<script type=\"text/javascript\" src=\"" . $sJsURI . $sJsFile . "\"></script>\n";	
+		$html .= "\t<script type=\"text/javascript\">\n";
+		$html .= "window.setTimeout(function () { if (!xajaxLoaded) { alert('Error: the xajax Javascript file could not be included. Perhaps the URL is incorrect?\\nURL: {$sJsURI}{$sJsFile}'); } }, 6000);\n";
+		$html .= "\t</script>\n";
+		return $html;
+	}
+
+	/**
+	 * This method can be used to create a new xajax.js file out of the
+	 * xajax_uncompressed.js file (which will only happen if xajax.js doesn't
+	 * already exist on the filesystem).
+	 * 
+	 * @param string an optional argument containing the full server file path
+	 *               of xajax.js.
+	 */
+	function autoCompressJavascript($sJsFullFilename=NULL)
+	{	
+		$sJsFile = "xajax_js/xajax.js";
+		
+		if ($sJsFullFilename) {
+			$realJsFile = $sJsFullFilename;
+		}
+		else {
+			$realPath = realpath(dirname(__FILE__));
+			$realJsFile = $realPath . "/". $sJsFile;
+		}
+
+		// Create a compressed file if necessary
+		if (!file_exists($realJsFile)) {
+			$srcFile = str_replace(".js", "_uncompressed.js", $realJsFile);
+			if (!file_exists($srcFile)) {
+				trigger_error("The xajax uncompressed Javascript file could not be found in the <b>" . dirname($realJsFile) . "</b> folder. Error ", E_USER_ERROR);	
+			}
+			require(dirname(__FILE__)."/xajaxCompress.php");
+			$javaScript = implode('', file($srcFile));
+			$compressedScript = xajaxCompressJavascript($javaScript);
+			$fH = @fopen($realJsFile, "w");
+			if (!$fH) {
+				trigger_error("The xajax compressed javascript file could not be written in the <b>" . dirname($realJsFile) . "</b> folder. Error ", E_USER_ERROR);
+			}
+			else {
+				fwrite($fH, $compressedScript);
+				fclose($fH);
+			}
+		}
+	}
+	
+	/**
+	 * Returns the current URL based upon the SERVER vars.
+	 * 
+	 * @access private
+	 * @return string
+	 */
+	function _detectURI() {
+		$aURL = array();
+
+		// Try to get the request URL
+		if (!empty($_SERVER['REQUEST_URI'])) {
+			$aURL = parse_url($_SERVER['REQUEST_URI']);
+		}
+
+		// Fill in the empty values
+		if (empty($aURL['scheme'])) {
+			if (!empty($_SERVER['HTTP_SCHEME'])) {
+				$aURL['scheme'] = $_SERVER['HTTP_SCHEME'];
+			} else {
+				$aURL['scheme'] = (!empty($_SERVER['HTTPS']) && strtolower($_SERVER['HTTPS']) != 'off') ? 'https' : 'http';
+			}
+		}
+
+		if (empty($aURL['host'])) {
+			if (!empty($_SERVER['HTTP_HOST'])) {
+				if (strpos($_SERVER['HTTP_HOST'], ':') > 0) {
+					list($aURL['host'], $aURL['port']) = explode(':', $_SERVER['HTTP_HOST']);
+				} else {
+					$aURL['host'] = $_SERVER['HTTP_HOST'];
+				}
+			} else if (!empty($_SERVER['SERVER_NAME'])) {
+				$aURL['host'] = $_SERVER['SERVER_NAME'];
+			} else {
+				print "xajax Error: xajax failed to automatically identify your Request URI.";
+				print "Please set the Request URI explicitly when you instantiate the xajax object.";
+				exit();
+			}
+		}
+
+		if (empty($aURL['port']) && !empty($_SERVER['SERVER_PORT'])) {
+			$aURL['port'] = $_SERVER['SERVER_PORT'];
+		}
+
+		if (empty($aURL['path'])) {
+			if (!empty($_SERVER['PATH_INFO'])) {
+				$sPath = parse_url($_SERVER['PATH_INFO']);
+			} else {
+				$sPath = parse_url($_SERVER['PHP_SELF']);
+			}
+			$aURL['path'] = $sPath['path'];
+			unset($sPath);
+		}
+
+		if (!empty($aURL['query'])) {
+			$aURL['query'] = '?'.$aURL['query'];
+		}
+
+		// Build the URL: Start with scheme, user and pass
+		$sURL = $aURL['scheme'].'://';
+		if (!empty($aURL['user'])) {
+			$sURL.= $aURL['user'];
+			if (!empty($aURL['pass'])) {
+				$sURL.= ':'.$aURL['pass'];
+			}
+			$sURL.= '@';
+		}
+
+		// Add the host
+		$sURL.= $aURL['host'];
+
+		// Add the port if needed
+		if (!empty($aURL['port']) && (($aURL['scheme'] == 'http' && $aURL['port'] != 80) || ($aURL['scheme'] == 'https' && $aURL['port'] != 443))) {
+			$sURL.= ':'.$aURL['port'];
+		}
+
+		// Add the path and the query string
+		$sURL.= $aURL['path'].@$aURL['query'];
+
+		// Clean up
+		unset($aURL);
+		return $sURL;
+	}
+	
+	/**
+	 * Returns true if the function name is associated with an object callback,
+	 * false if not.
+	 * 
+	 * @param string the name of the function
+	 * @access private
+	 * @return boolean
+	 */
+	function _isObjectCallback($sFunction)
+	{
+		if (array_key_exists($sFunction, $this->aObjects)) return true;
+		return false;
+	}
+	
+	/**
+	 * Returns true if the function or object callback can be called, false if
+	 * not.
+	 * 
+	 * @param string the name of the function
+	 * @access private
+	 * @return boolean
+	 */
+	function _isFunctionCallable($sFunction)
+	{
+		if ($this->_isObjectCallback($sFunction)) {
+			if (is_object($this->aObjects[$sFunction][0])) {
+				return method_exists($this->aObjects[$sFunction][0], $this->aObjects[$sFunction][1]);
+			}
+			else {
+				return is_callable($this->aObjects[$sFunction]);
+			}
+		}
+		else {
+			return function_exists($sFunction);
+		}	
+	}
+	
+	/**
+	 * Calls the function, class method, or object method with the supplied
+	 * arguments.
+	 * 
+	 * @param string the name of the function
+	 * @param array  arguments to pass to the function
+	 * @access private
+	 * @return mixed the output of the called function or method
+	 */
+	function _callFunction($sFunction, $aArgs)
+	{
+		if ($this->_isObjectCallback($sFunction)) {
+			$mReturn = call_user_func_array($this->aObjects[$sFunction], $aArgs);
+		}
+		else {
+			$mReturn = call_user_func_array($sFunction, $aArgs);
+		}
+		return $mReturn;
+	}
+	
+	/**
+	 * Generates the Javascript wrapper for the specified PHP function.
+	 * 
+	 * @param string the name of the function
+	 * @param mixed  the request type
+	 * @access private
+	 * @return string
+	 */
+	function _wrap($sFunction,$sRequestType=XAJAX_POST)
+	{
+		$js = "function ".$this->sWrapperPrefix."$sFunction(){return xajax.call(\"$sFunction\", arguments, ".$sRequestType.");}\n";		
+		return $js;
+	}
+
+	/**
+	 * Takes a string containing xajax xjxobj XML or xjxquery XML and builds an
+	 * array representation of it to pass as an argument to the PHP function
+	 * being called.
+	 * 
+	 * @param string the root tag of the XML
+	 * @param string XML to convert
+	 * @access private
+	 * @return array
+	 */
+	function _xmlToArray($rootTag, $sXml)
+	{
+		$aArray = array();
+		$sXml = str_replace("<$rootTag>","<$rootTag>|~|",$sXml);
+		$sXml = str_replace("</$rootTag>","</$rootTag>|~|",$sXml);
+		$sXml = str_replace("<e>","<e>|~|",$sXml);
+		$sXml = str_replace("</e>","</e>|~|",$sXml);
+		$sXml = str_replace("<k>","<k>|~|",$sXml);
+		$sXml = str_replace("</k>","|~|</k>|~|",$sXml);
+		$sXml = str_replace("<v>","<v>|~|",$sXml);
+		$sXml = str_replace("</v>","|~|</v>|~|",$sXml);
+		$sXml = str_replace("<q>","<q>|~|",$sXml);
+		$sXml = str_replace("</q>","|~|</q>|~|",$sXml);
+		
+		$this->aObjArray = explode("|~|",$sXml);
+		
+		$this->iPos = 0;
+		$aArray = $this->_parseObjXml($rootTag);
+        
+		return $aArray;
+	}
+	
+	/**
+	 * A recursive function that generates an array from the contents of
+	 * $this->aObjArray.
+	 * 
+	 * @param string the root tag of the XML
+	 * @access private
+	 * @return array
+	 */
+	function _parseObjXml($rootTag)
+	{
+		$aArray = array();
+		
+		if ($rootTag == "xjxobj")
+		{
+			while(!stristr($this->aObjArray[$this->iPos],"</xjxobj>"))
+			{
+				$this->iPos++;
+				if(stristr($this->aObjArray[$this->iPos],"<e>"))
+				{
+					$key = "";
+					$value = null;
+						
+					$this->iPos++;
+					while(!stristr($this->aObjArray[$this->iPos],"</e>"))
+					{
+						if(stristr($this->aObjArray[$this->iPos],"<k>"))
+						{
+							$this->iPos++;
+							while(!stristr($this->aObjArray[$this->iPos],"</k>"))
+							{
+								$key .= $this->aObjArray[$this->iPos];
+								$this->iPos++;
+							}
+						}
+						if(stristr($this->aObjArray[$this->iPos],"<v>"))
+						{
+							$this->iPos++;
+							while(!stristr($this->aObjArray[$this->iPos],"</v>"))
+							{
+								if(stristr($this->aObjArray[$this->iPos],"<xjxobj>"))
+								{
+									$value = $this->_parseObjXml("xjxobj");
+									$this->iPos++;
+								}
+								else
+								{
+									$value .= $this->aObjArray[$this->iPos];
+									if ($this->bDecodeUTF8Input)
+									{
+										$value = $this->_decodeUTF8Data($value);
+									}
+								}
+								$this->iPos++;
+							}
+						}
+						$this->iPos++;
+					}
+					
+					$aArray[$key]=$value;
+				}
+			}
+		}
+		
+		if ($rootTag == "xjxquery")
+		{
+			$sQuery = "";
+			$this->iPos++;
+			while(!stristr($this->aObjArray[$this->iPos],"</xjxquery>"))
+			{
+				if (stristr($this->aObjArray[$this->iPos],"<q>") || stristr($this->aObjArray[$this->iPos],"</q>"))
+				{
+					$this->iPos++;
+					continue;
+				}
+				$sQuery	.= $this->aObjArray[$this->iPos];
+				$this->iPos++;
+			}
+			
+			parse_str($sQuery, $aArray);
+			if ($this->bDecodeUTF8Input)
+			{
+				foreach($aArray as $key => $value)
+				{
+					$aArray[$key] = $this->_decodeUTF8Data($value);
+				}
+			}
+			// If magic quotes is on, then we need to strip the slashes from the
+			// array values because of the parse_str pass which adds slashes
+			if (get_magic_quotes_gpc() == 1) {
+				$newArray = array();
+				foreach ($aArray as $sKey => $sValue) {
+					if (is_string($sValue))
+						$newArray[$sKey] = stripslashes($sValue);
+					else
+						$newArray[$sKey] = $sValue;
+				}
+				$aArray = $newArray;
+			}
+		}
+		
+		return $aArray;
+	}
+	
+	/**
+	 * Decodes string data from UTF-8 to the current xajax encoding.
+	 * 
+	 * @param string data to convert
+	 * @access private
+	 * @return string converted data
+	 */
+	function _decodeUTF8Data($sData)
+	{
+		$sValue = $sData;
+		if ($this->bDecodeUTF8Input)
+		{
+			$sFuncToUse = NULL;
+			
+			if (function_exists('iconv'))
+			{
+				$sFuncToUse = "iconv";
+			}
+			else if (function_exists('mb_convert_encoding'))
+			{
+				$sFuncToUse = "mb_convert_encoding";
+			}
+			else if ($this->sEncoding == "ISO-8859-1")
+			{
+				$sFuncToUse = "utf8_decode";
+			}
+			else
+			{
+				trigger_error("The incoming xajax data could not be converted from UTF-8", E_USER_NOTICE);
+			}
+			
+			if ($sFuncToUse)
+			{
+				if (is_string($sValue))
+				{
+					if ($sFuncToUse == "iconv")
+					{
+						$sValue = iconv("UTF-8", $this->sEncoding.'//TRANSLIT', $sValue);
+					}
+					else if ($sFuncToUse == "mb_convert_encoding")
+					{
+						$sValue = mb_convert_encoding($sValue, $this->sEncoding, "UTF-8");
+					}
+					else
+					{
+						$sValue = utf8_decode($sValue);
+					}
+				}
+			}
+		}
+		return $sValue;	
+	}
+		
+}// end class xajax 
+
+/**
+ * This function is registered with PHP's set_error_handler() function if
+ * the xajax error handling system is turned on.
+ */
+function xajaxErrorHandler($errno, $errstr, $errfile, $errline)
+{
+	$errorReporting = error_reporting();
+	if (($errno & $errorReporting) == 0) return;
+	
+	if ($errno == E_NOTICE) {
+		$errTypeStr = "NOTICE";
+	}
+	else if ($errno == E_WARNING) {
+		$errTypeStr = "WARNING";
+	}
+	else if ($errno == E_USER_NOTICE) {
+		$errTypeStr = "USER NOTICE";
+	}
+	else if ($errno == E_USER_WARNING) {
+		$errTypeStr = "USER WARNING";
+	}
+	else if ($errno == E_USER_ERROR) {
+		$errTypeStr = "USER FATAL ERROR";
+	}
+	else if ($errno == E_STRICT) {
+		return;
+	}
+	else {
+		$errTypeStr = "UNKNOWN: $errno";
+	}
+	$GLOBALS['xajaxErrorHandlerText'] .= "\n----\n[$errTypeStr] $errstr\nerror in line $errline of file $errfile";
+}
+
+?>
\ No newline at end of file
diff --git a/lib/xajax_0.2.4/xajaxCompress.php b/lib/xajax_0.2.4/xajaxCompress.php
new file mode 100644
index 0000000..327a92d
--- /dev/null
+++ b/lib/xajax_0.2.4/xajaxCompress.php
@@ -0,0 +1,182 @@
+<?php
+/**
+ * xajaxCompress.php :: function to compress Javascript
+ *
+ * xajax version 0.2.4
+ * copyright (c) 2005 by Jared White & J. Max Wilson
+ * http://www.xajaxproject.org
+ *
+ * xajax is an open source PHP class library for easily creating powerful
+ * PHP-driven, web-based Ajax Applications. Using xajax, you can asynchronously
+ * call PHP functions and update the content of your your webpage without
+ * reloading the page.
+ *
+ * xajax is released under the terms of the LGPL license
+ * http://www.gnu.org/copyleft/lesser.html#SEC3
+ *
+ * This library is free software; you can redistribute it and/or
+ * modify it under the terms of the GNU Lesser General Public
+ * License as published by the Free Software Foundation; either
+ * version 2.1 of the License, or (at your option) any later version.
+ *
+ * This library is distributed in the hope that it will be useful,
+ * but WITHOUT ANY WARRANTY; without even the implied warranty of
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the GNU
+ * Lesser General Public License for more details.
+ * 
+ * You should have received a copy of the GNU Lesser General Public
+ * License along with this library; if not, write to the Free Software
+ * Foundation, Inc., 51 Franklin St, Fifth Floor, Boston, MA  02110-1301  USA
+ * 
+ * @package xajax
+ * @version $Id$
+ * @copyright Copyright (c) 2005-2006  by Jared White & J. Max Wilson
+ * @license http://www.gnu.org/copyleft/lesser.html#SEC3 LGPL License
+ */
+
+/**
+ * Compresses the Javascript code for more efficient delivery.
+ * (used internally)
+ * 
+ * @param string contains the Javascript code to compress
+ */
+function xajaxCompressJavascript($sJS)
+{
+	//remove windows cariage returns
+	$sJS = str_replace("\r","",$sJS);
+	
+	//array to store replaced literal strings
+	$literal_strings = array();
+	
+	//explode the string into lines
+	$lines = explode("\n",$sJS);
+	//loop through all the lines, building a new string at the same time as removing literal strings
+	$clean = "";
+	$inComment = false;
+	$literal = "";
+	$inQuote = false;
+	$escaped = false;
+	$quoteChar = "";
+	
+	for($i=0;$i<count($lines);$i++)
+	{
+		$line = $lines[$i];
+		$inNormalComment = false;
+	
+		//loop through line's characters and take out any literal strings, replace them with ___i___ where i is the index of this string
+		for($j=0;$j<strlen($line);$j++)
+		{
+			$c = substr($line,$j,1);
+			$d = substr($line,$j,2);
+	
+			//look for start of quote
+			if(!$inQuote && !$inComment)
+			{
+				//is this character a quote or a comment
+				if(($c=="\"" || $c=="'") && !$inComment && !$inNormalComment)
+				{
+					$inQuote = true;
+					$inComment = false;
+					$escaped = false;
+					$quoteChar = $c;
+					$literal = $c;
+				}
+				else if($d=="/*" && !$inNormalComment)
+				{
+					$inQuote = false;
+					$inComment = true;
+					$escaped = false;
+					$quoteChar = $d;
+					$literal = $d;	
+					$j++;	
+				}
+				else if($d=="//") //ignore string markers that are found inside comments
+				{
+					$inNormalComment = true;
+					$clean .= $c;
+				}
+				else
+				{
+					$clean .= $c;
+				}
+			}
+			else //allready in a string so find end quote
+			{
+				if($c == $quoteChar && !$escaped && !$inComment)
+				{
+					$inQuote = false;
+					$literal .= $c;
+	
+					//subsitute in a marker for the string
+					$clean .= "___" . count($literal_strings) . "___";
+	
+					//push the string onto our array
+					array_push($literal_strings,$literal);
+	
+				}
+				else if($inComment && $d=="*/")
+				{
+					$inComment = false;
+					$literal .= $d;
+	
+					//subsitute in a marker for the string
+					$clean .= "___" . count($literal_strings) . "___";
+	
+					//push the string onto our array
+					array_push($literal_strings,$literal);
+	
+					$j++;
+				}
+				else if($c == "\\" && !$escaped)
+					$escaped = true;
+				else
+					$escaped = false;
+	
+				$literal .= $c;
+			}
+		}
+		if($inComment) $literal .= "\n";
+		$clean .= "\n";
+	}
+	//explode the clean string into lines again
+	$lines = explode("\n",$clean);
+	
+	//now process each line at a time
+	for($i=0;$i<count($lines);$i++)
+	{
+		$line = $lines[$i];
+	
+		//remove comments
+		$line = preg_replace("/\/\/(.*)/","",$line);
+	
+		//strip leading and trailing whitespace
+		$line = trim($line);
+	
+		//remove all whitespace with a single space
+		$line = preg_replace("/\s+/"," ",$line);
+	
+		//remove any whitespace that occurs after/before an operator
+		$line = preg_replace("/\s*([!\}\{;,&=\|\-\+\*\/\)\(:])\s*/","\\1",$line);
+	
+		$lines[$i] = $line;
+	}
+	
+	//implode the lines
+	$sJS = implode("\n",$lines);
+	
+	//make sure there is a max of 1 \n after each line
+	$sJS = preg_replace("/[\n]+/","\n",$sJS);
+	
+	//strip out line breaks that immediately follow a semi-colon
+	$sJS = preg_replace("/;\n/",";",$sJS);
+	
+	//curly brackets aren't on their own
+	$sJS = preg_replace("/[\n]*\{[\n]*/","{",$sJS);
+	
+	//finally loop through and replace all the literal strings:
+	for($i=0;$i<count($literal_strings);$i++)
+		$sJS = str_replace("___".$i."___",$literal_strings[$i],$sJS);
+	
+	return $sJS;
+}
+?>
\ No newline at end of file
diff --git a/lib/xajax_0.2.4/xajaxResponse.inc.php b/lib/xajax_0.2.4/xajaxResponse.inc.php
new file mode 100644
index 0000000..1c0aeb6
--- /dev/null
+++ b/lib/xajax_0.2.4/xajaxResponse.inc.php
@@ -0,0 +1,580 @@
+<?php
+/**
+ * xajaxResponse.inc.php :: xajax XML response class
+ *
+ * xajax version 0.2.4
+ * copyright (c) 2005 by Jared White & J. Max Wilson
+ * http://www.xajaxproject.org
+ *
+ * xajax is an open source PHP class library for easily creating powerful
+ * PHP-driven, web-based Ajax Applications. Using xajax, you can asynchronously
+ * call PHP functions and update the content of your your webpage without
+ * reloading the page.
+ *
+ * xajax is released under the terms of the LGPL license
+ * http://www.gnu.org/copyleft/lesser.html#SEC3
+ *
+ * This library is free software; you can redistribute it and/or
+ * modify it under the terms of the GNU Lesser General Public
+ * License as published by the Free Software Foundation; either
+ * version 2.1 of the License, or (at your option) any later version.
+ *
+ * This library is distributed in the hope that it will be useful,
+ * but WITHOUT ANY WARRANTY; without even the implied warranty of
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the GNU
+ * Lesser General Public License for more details.
+ * 
+ * You should have received a copy of the GNU Lesser General Public
+ * License along with this library; if not, write to the Free Software
+ * Foundation, Inc., 51 Franklin St, Fifth Floor, Boston, MA  02110-1301  USA
+ * 
+ * @package xajax
+ * @version $Id$
+ * @copyright Copyright (c) 2005-2006  by Jared White & J. Max Wilson
+ * @license http://www.gnu.org/copyleft/lesser.html#SEC3 LGPL License
+ */
+
+/*
+   ----------------------------------------------------------------------------
+   | Online documentation for this class is available on the xajax wiki at:   |
+   | http://wiki.xajaxproject.org/Documentation:xajaxResponse.inc.php         |
+   ----------------------------------------------------------------------------
+*/
+
+/**
+ * The xajaxResponse class is used to create responses to be sent back to your
+ * Web page.  A response contains one or more command messages for updating
+ * your page.
+ * Currently xajax supports 21 kinds of command messages, including some common
+ * ones such as:
+ * <ul>
+ * <li>Assign - sets the specified attribute of an element in your page</li>
+ * <li>Append - appends data to the end of the specified attribute of an
+ * element in your page</li>
+ * <li>Prepend - prepends data to the beginning of the specified attribute of
+ * an element in your page</li>
+ * <li>Replace - searches for and replaces data in the specified attribute of
+ * an element in your page</li>
+ * <li>Script - runs the supplied JavaScript code</li>
+ * <li>Alert - shows an alert box with the supplied message text</li>
+ * </ul>
+ *
+ * <i>Note:</i> elements are identified by their HTML id, so if you don't see
+ * your browser HTML display changing from the request, make sure you're using
+ * the right id names in your response.
+ * 
+ * @package xajax
+ */
+class xajaxResponse
+{
+	/**#@+
+	 * @access protected
+	 */
+	/**
+	 * @var string internal XML storage
+	 */	
+	var $xml;
+	/**
+	 * @var string the encoding type to use
+	 */
+	var $sEncoding;
+	/**
+	 * @var boolean if special characters in the XML should be converted to
+	 *              entities
+	 */
+	var $bOutputEntities;
+
+	/**#@-*/
+	
+	/**
+	 * The constructor's main job is to set the character encoding for the
+	 * response.
+	 * 
+	 * <i>Note:</i> to change the character encoding for all of the
+	 * responses, set the XAJAX_DEFAULT_ENCODING constant before you
+	 * instantiate xajax.
+	 * 
+	 * @param string  contains the character encoding string to use
+	 * @param boolean lets you set if you want special characters in the output
+	 *                converted to HTML entities
+	 * 
+	 */
+	function xajaxResponse($sEncoding=XAJAX_DEFAULT_CHAR_ENCODING, $bOutputEntities=false)
+	{
+		$this->setCharEncoding($sEncoding);
+		$this->bOutputEntities = $bOutputEntities;
+	}
+	
+	/**
+	 * Sets the character encoding for the response based on $sEncoding, which
+	 * is a string containing the character encoding to use. You don't need to
+	 * use this method normally, since the character encoding for the response
+	 * gets set automatically based on the XAJAX_DEFAULT_CHAR_ENCODING
+	 * constant.
+	 * 
+	 * @param string
+	 */
+	function setCharEncoding($sEncoding)
+	{
+		$this->sEncoding = $sEncoding;
+	}
+	
+	/**
+	 * Tells the response object to convert special characters to HTML entities
+	 * automatically (only works if the mb_string extension is available).
+	 */
+	function outputEntitiesOn()
+	{
+		$this->bOutputEntities = true;
+	}
+	
+	/**
+	 * Tells the response object to output special characters intact. (default
+	 * behavior)
+	 */
+	function outputEntitiesOff()
+	{
+		$this->bOutputEntities = false;
+	}
+
+	/**
+	 * Adds a confirm commands command message to the XML response.
+	 * 
+	 * <i>Usage:</i> <kbd>$objResponse->addConfirmCommands(1, "Do you want to preview the new data?");</kbd>
+	 *
+	 * @param integer the number of commands to skip if the user presses
+	 *                Cancel in the browsers's confirm dialog
+	 * @param string  the message to show in the browser's confirm dialog
+	 */
+	function addConfirmCommands($iCmdNumber, $sMessage)
+	{
+		$this->xml .= $this->_cmdXML(array("n"=>"cc","t"=>$iCmdNumber),$sMessage);
+	}
+	
+	/**
+	 * Adds an assign command message to the XML response.
+	 * 
+	 * <i>Usage:</i> <kbd>$objResponse->addAssign("contentDiv", "innerHTML", "Some Text");</kbd>
+	 * 
+	 * @param string contains the id of an HTML element
+	 * @param string the part of the element you wish to modify ("innerHTML",
+	 *               "value", etc.)
+	 * @param string the data you want to set the attribute to
+	 */
+	function addAssign($sTarget,$sAttribute,$sData)
+	{
+		$this->xml .= $this->_cmdXML(array("n"=>"as","t"=>$sTarget,"p"=>$sAttribute),$sData);
+	}
+
+	/**
+	 * Adds an append command message to the XML response.
+	 * 
+	 * <i>Usage:</i> <kbd>$objResponse->addAppend("contentDiv", "innerHTML", "Some New Text");</kbd>
+	 * 
+	 * @param string contains the id of an HTML element
+	 * @param string the part of the element you wish to modify ("innerHTML",
+	 *               "value", etc.)
+	 * @param string the data you want to append to the end of the attribute
+	 */
+	function addAppend($sTarget,$sAttribute,$sData)
+	{	
+		$this->xml .= $this->_cmdXML(array("n"=>"ap","t"=>$sTarget,"p"=>$sAttribute),$sData);
+	}
+
+	/**
+	 * Adds an prepend command message to the XML response.
+	 * 
+	 * <i>Usage:</i> <kbd>$objResponse->addPrepend("contentDiv", "innerHTML", "Some Starting Text");</kbd>
+	 * 
+	 * @param string contains the id of an HTML element
+	 * @param string the part of the element you wish to modify ("innerHTML",
+	 *               "value", etc.)
+	 * @param string the data you want to prepend to the beginning of the
+	 *               attribute
+	 */
+	function addPrepend($sTarget,$sAttribute,$sData)
+	{
+		$this->xml .= $this->_cmdXML(array("n"=>"pp","t"=>$sTarget,"p"=>$sAttribute),$sData);
+	}
+
+	/**
+	 * Adds a replace command message to the XML response.
+	 * 
+	 * <i>Usage:</i> <kbd>$objResponse->addReplace("contentDiv", "innerHTML", "text", "<b>text</b>");</kbd>
+	 * 
+	 * @param string contains the id of an HTML element
+	 * @param string the part of the element you wish to modify ("innerHTML",
+	 *               "value", etc.)
+	 * @param string the string to search for
+	 * @param string the string to replace the search string when found in the
+	 *               attribute
+	 */
+	function addReplace($sTarget,$sAttribute,$sSearch,$sData)
+	{
+		$sDta = "<s><![CDATA[$sSearch]]></s><r><![CDATA[$sData]]></r>";
+		$this->xml .= $this->_cmdXML(array("n"=>"rp","t"=>$sTarget,"p"=>$sAttribute),$sDta);
+	}
+
+	/**
+	 * Adds a clear command message to the XML response.
+	 * 
+	 * <i>Usage:</i> <kbd>$objResponse->addClear("contentDiv", "innerHTML");</kbd>
+	 * 
+	 * @param string contains the id of an HTML element
+	 * @param string the part of the element you wish to clear ("innerHTML",
+	 *               "value", etc.)
+	 */	
+	function addClear($sTarget,$sAttribute)
+	{
+		$this->addAssign($sTarget,$sAttribute,'');
+	}
+	
+	/**
+	 * Adds an alert command message to the XML response.
+	 * 
+	 * <i>Usage:</i> <kbd>$objResponse->addAlert("This is important information");</kbd>
+	 * 
+	 * @param string the text to be displayed in the Javascript alert box
+	 */
+	function addAlert($sMsg)
+	{
+		$this->xml .= $this->_cmdXML(array("n"=>"al"),$sMsg);
+	}
+
+	/**
+	 * Uses the addScript() method to add a Javascript redirect to another URL.
+	 * 
+	 * <i>Usage:</i> <kbd>$objResponse->addRedirect("http://www.xajaxproject.org");</kbd>
+	 * 
+	 * @param string the URL to redirect the client browser to
+	 */	
+	function addRedirect($sURL)
+	{
+		//we need to parse the query part so that the values are rawurlencode()'ed
+		//can't just use parse_url() cos we could be dealing with a relative URL which
+		//  parse_url() can't deal with.
+		$queryStart = strpos($sURL, '?', strrpos($sURL, '/'));
+		if ($queryStart !== FALSE)
+		{
+			$queryStart++;
+			$queryEnd = strpos($sURL, '#', $queryStart);
+			if ($queryEnd === FALSE)
+				$queryEnd = strlen($sURL);
+			$queryPart = substr($sURL, $queryStart, $queryEnd-$queryStart);
+			parse_str($queryPart, $queryParts);
+			$newQueryPart = "";
+			foreach($queryParts as $key => $value)
+			{
+				$newQueryPart .= rawurlencode($key).'='.rawurlencode($value).ini_get('arg_separator.output');
+			}
+			$sURL = str_replace($queryPart, $newQueryPart, $sURL);
+		}
+		$this->addScript('window.location = "'.$sURL.'";');
+	}
+
+	/**
+	 * Adds a Javascript command message to the XML response.
+	 * 
+	 * <i>Usage:</i> <kbd>$objResponse->addScript("var x = prompt('get some text');");</kbd>
+	 * 
+	 * @param string contains Javascript code to be executed
+	 */
+	function addScript($sJS)
+	{
+		$this->xml .= $this->_cmdXML(array("n"=>"js"),$sJS);
+	}
+
+	/**
+	 * Adds a Javascript function call command message to the XML response.
+	 * 
+	 * <i>Usage:</i> <kbd>$objResponse->addScriptCall("myJSFunction", "arg 1", "arg 2", 12345);</kbd>
+	 * 
+	 * @param string $sFunc the name of a Javascript function
+	 * @param mixed $args,... optional arguments to pass to the Javascript function
+	 */
+	function addScriptCall() {
+		$arguments = func_get_args();
+		$sFunc = array_shift($arguments);
+		$sData = $this->_buildObjXml($arguments);
+		$this->xml .= $this->_cmdXML(array("n"=>"jc","t"=>$sFunc),$sData);
+	}
+
+	/**
+	 * Adds a remove element command message to the XML response.
+	 * 
+	 * <i>Usage:</i> <kbd>$objResponse->addRemove("Div2");</kbd>
+	 * 
+	 * @param string contains the id of an HTML element to be removed
+	 */
+	function addRemove($sTarget)
+	{
+		$this->xml .= $this->_cmdXML(array("n"=>"rm","t"=>$sTarget),'');
+	}
+
+	/**
+	 * Adds a create element command message to the XML response.
+	 * 
+	 * <i>Usage:</i> <kbd>$objResponse->addCreate("parentDiv", "h3", "myid");</kbd>
+	 * 
+	 * @param string contains the id of an HTML element to to which the new
+	 *               element will be appended.
+	 * @param string the tag to be added
+	 * @param string the id to be assigned to the new element
+	 * @param string deprecated, use the addCreateInput() method instead
+	 */
+	function addCreate($sParent, $sTag, $sId, $sType="")
+	{
+		if ($sType)
+		{
+			trigger_error("The \$sType parameter of addCreate has been deprecated.  Use the addCreateInput() method instead.", E_USER_WARNING);
+			return;
+		}
+		$this->xml .= $this->_cmdXML(array("n"=>"ce","t"=>$sParent,"p"=>$sId),$sTag);
+	}
+
+	/**
+	 * Adds a insert element command message to the XML response.
+	 * 
+	 * <i>Usage:</i> <kbd>$objResponse->addInsert("childDiv", "h3", "myid");</kbd>
+	 * 
+	 * @param string contains the id of the child before which the new element
+	 *               will be inserted
+	 * @param string the tag to be added
+	 * @param string the id to be assigned to the new element
+	 */
+	function addInsert($sBefore, $sTag, $sId)
+	{
+		$this->xml .= $this->_cmdXML(array("n"=>"ie","t"=>$sBefore,"p"=>$sId),$sTag);
+	}
+
+	/**
+	 * Adds a insert element command message to the XML response.
+	 * 
+	 * <i>Usage:</i> <kbd>$objResponse->addInsertAfter("childDiv", "h3", "myid");</kbd>
+	 * 
+	 * @param string contains the id of the child after which the new element
+	 *               will be inserted
+	 * @param string the tag to be added
+	 * @param string the id to be assigned to the new element
+	 */
+	function addInsertAfter($sAfter, $sTag, $sId)
+	{
+		$this->xml .= $this->_cmdXML(array("n"=>"ia","t"=>$sAfter,"p"=>$sId),$sTag);
+	}
+	
+	/**
+	 * Adds a create input command message to the XML response.
+	 * 
+	 * <i>Usage:</i> <kbd>$objResponse->addCreateInput("form1", "text", "username", "input1");</kbd>
+	 * 
+	 * @param string contains the id of an HTML element to which the new input
+	 *               will be appended
+	 * @param string the type of input to be created (text, radio, checkbox,
+	 *               etc.)
+	 * @param string the name to be assigned to the new input and the variable
+	 *               name when it is submitted
+	 * @param string the id to be assigned to the new input
+	 */
+	function addCreateInput($sParent, $sType, $sName, $sId)
+	{
+		$this->xml .= $this->_cmdXML(array("n"=>"ci","t"=>$sParent,"p"=>$sId,"c"=>$sType),$sName);
+	}
+
+	/**
+	 * Adds an insert input command message to the XML response.
+	 * 
+	 * <i>Usage:</i> <kbd>$objResponse->addInsertInput("input5", "text", "username", "input1");</kbd>
+	 * 
+	 * @param string contains the id of the child before which the new element
+	 *               will be inserted
+	 * @param string the type of input to be created (text, radio, checkbox,
+	 *               etc.)
+	 * @param string the name to be assigned to the new input and the variable
+	 *               name when it is submitted
+	 * @param string the id to be assigned to the new input
+	 */
+	function addInsertInput($sBefore, $sType, $sName, $sId)
+	{
+		$this->xml .= $this->_cmdXML(array("n"=>"ii","t"=>$sBefore,"p"=>$sId,"c"=>$sType),$sName);
+	}
+
+	/**
+	 * Adds an insert input command message to the XML response.
+	 * 
+	 * <i>Usage:</i> <kbd>$objResponse->addInsertInputAfter("input7", "text", "email", "input2");</kbd>
+	 * 
+	 * @param string contains the id of the child after which the new element
+	 *               will be inserted
+	 * @param string the type of input to be created (text, radio, checkbox,
+	 *               etc.)
+	 * @param string the name to be assigned to the new input and the variable
+	 *               name when it is submitted
+	 * @param string the id to be assigned to the new input
+	 */
+	function addInsertInputAfter($sAfter, $sType, $sName, $sId)
+	{
+		$this->xml .= $this->_cmdXML(array("n"=>"iia","t"=>$sAfter,"p"=>$sId,"c"=>$sType),$sName);
+	}
+
+	/**
+	 * Adds an event command message to the XML response.
+	 * 
+	 * <i>Usage:</i> <kbd>$objResponse->addEvent("contentDiv", "onclick", "alert(\'Hello World\');");</kbd>
+	 * 
+	 * @param string contains the id of an HTML element
+	 * @param string the event you wish to set ("onclick", "onmouseover", etc.)
+	 * @param string the Javascript string you want the event to invoke
+	 */
+	function addEvent($sTarget,$sEvent,$sScript)
+	{
+		$this->xml .= $this->_cmdXML(array("n"=>"ev","t"=>$sTarget,"p"=>$sEvent),$sScript);
+	}
+
+	/**
+	 * Adds a handler command message to the XML response.
+	 * 
+	 * <i>Usage:</i> <kbd>$objResponse->addHandler("contentDiv", "onclick", "content_click");</kbd>
+	 * 
+	 * @param string contains the id of an HTML element
+	 * @param string the event you wish to set ("onclick", "onmouseover", etc.)
+	 * @param string the name of a Javascript function that will handle the
+	 *               event. Multiple handlers can be added for the same event
+	 */
+	function addHandler($sTarget,$sEvent,$sHandler)
+	{	
+		$this->xml .= $this->_cmdXML(array("n"=>"ah","t"=>$sTarget,"p"=>$sEvent),$sHandler);
+	}
+
+	/**
+	 * Adds a remove handler command message to the XML response.
+	 * 
+	 * <i>Usage:</i> <kbd>$objResponse->addRemoveHandler("contentDiv", "onclick", "content_click");</kbd>
+	 * 
+	 * @param string contains the id of an HTML element
+	 * @param string the event you wish to remove ("onclick", "onmouseover",
+	 *               etc.)
+	 * @param string the name of a Javascript handler function that you want to
+	 *               remove
+	 */
+	function addRemoveHandler($sTarget,$sEvent,$sHandler)
+	{	
+		$this->xml .= $this->_cmdXML(array("n"=>"rh","t"=>$sTarget,"p"=>$sEvent),$sHandler);
+	}
+
+	/**
+	 * Adds an include script command message to the XML response.
+	 * 
+	 * <i>Usage:</i> <kbd>$objResponse->addIncludeScript("functions.js");</kbd>
+	 * 
+	 * @param string URL of the Javascript file to include
+	 */
+	function addIncludeScript($sFileName)
+	{
+		$this->xml .= $this->_cmdXML(array("n"=>"in"),$sFileName);
+	}
+
+	/**	
+	 * Returns the XML to be returned from your function to the xajax processor
+	 * on your page. Since xajax 0.2, you can also return an xajaxResponse
+	 * object from your function directly, and xajax will automatically request
+	 * the XML using this method call.
+	 * 
+	 * <i>Usage:</i> <kbd>return $objResponse->getXML();</kbd>
+	 * 
+	 * @return string response XML data
+	 */
+	function getXML()
+	{
+		$sXML = "<?xml version=\"1.0\"";
+		if ($this->sEncoding && strlen(trim($this->sEncoding)) > 0)
+			$sXML .= " encoding=\"".$this->sEncoding."\"";
+		$sXML .= " ?"."><xjx>" . $this->xml . "</xjx>";
+		
+		return $sXML;
+	}
+	
+	/**
+	 * Adds the commands of the provided response XML output to this response
+	 * object
+	 * 
+	 * <i>Usage:</i>
+	 * <code>$r1 = $objResponse1->getXML();
+	 * $objResponse2->loadXML($r1);
+	 * return $objResponse2->getXML();</code>
+	 * 
+	 * @param string the response XML (returned from a getXML() method) to add
+	 *               to the end of this response object
+	 */
+	function loadXML($mXML)
+	{
+		if (is_a($mXML, "xajaxResponse")) {
+			$mXML = $mXML->getXML();
+		}
+		$sNewXML = "";
+		$iStartPos = strpos($mXML, "<xjx>") + 5;
+		$sNewXML = substr($mXML, $iStartPos);
+		$iEndPos = strpos($sNewXML, "</xjx>");
+		$sNewXML = substr($sNewXML, 0, $iEndPos);
+		$this->xml .= $sNewXML;
+	}
+
+	/**
+	 * Generates XML from command data
+	 * 
+	 * @access private
+	 * @param array associative array of attributes
+	 * @param string data
+	 * @return string XML command
+	 */
+	function _cmdXML($aAttributes, $sData)
+	{
+		if ($this->bOutputEntities) {
+			if (function_exists('mb_convert_encoding')) {
+				$sData = call_user_func_array('mb_convert_encoding', array(&$sData, 'HTML-ENTITIES', $this->sEncoding));
+			}
+			else {
+				trigger_error("The xajax XML response output could not be converted to HTML entities because the mb_convert_encoding function is not available", E_USER_NOTICE);
+			}
+		}
+		$xml = "<cmd";
+		foreach($aAttributes as $sAttribute => $sValue)
+			$xml .= " $sAttribute=\"$sValue\"";
+		if ($sData !== null && !stristr($sData,'<![CDATA['))
+			$xml .= "><![CDATA[$sData]]></cmd>";
+		else if ($sData !== null)
+			$xml .= ">$sData</cmd>";
+		else
+			$xml .= "></cmd>";
+		
+		return $xml;
+	}
+
+	/**
+	 * Recursively serializes a data structure in XML so it can be sent to
+	 * the client. It could be thought of as the opposite of
+	 * {@link xajax::_parseObjXml()}.
+	 * 
+	 * @access private
+	 * @param mixed data structure to serialize to XML
+	 * @return string serialized XML
+	 */
+	function _buildObjXml($var) {
+		if (gettype($var) == "object") $var = get_object_vars($var);
+		if (!is_array($var)) {
+			return "<![CDATA[$var]]>";
+		}
+		else {
+			$data = "<xjxobj>";
+			foreach ($var as $key => $value) {
+				$data .= "<e>";
+				$data .= "<k>" . htmlspecialchars($key) . "</k>";
+				$data .= "<v>" . $this->_buildObjXml($value) . "</v>";
+				$data .= "</e>";
+			}
+			$data .= "</xjxobj>";
+			return $data;
+		}
+	}
+	
+}// end class xajaxResponse
+?>
diff --git a/list_diaries.php b/list_diaries.php
new file mode 100644
index 0000000..bea701a
--- /dev/null
+++ b/list_diaries.php
@@ -0,0 +1,37 @@
+<?php
+
+# include the main site config where various global variables
+# and libraries are included
+require("config.php");
+
+# the user must be logged in to access this script. if they are
+# not then this function will send them back to the index page
+loginRequired();
+
+# grab all of the users saved meals
+$sql = sprintf ("
+	SELECT userDiaries.*
+	FROM userDiaries INNER JOIN users
+		ON userDiaries.user = users.id
+	WHERE users.id = '%s'
+	ORDER BY userDiaries.description
+	",
+	$_SESSION['user']['id']
+);
+$db->Select($sql);
+if ( $db->_rowCount > 0 ) {
+	$smarty->assign("diaryCount", $db->_rowCount);
+	$smarty->assign("userDiaries", $db->_rows);
+}
+
+# grab the various parts.  these sections are not printed to the screen
+# but rather dumped into smarty variables that will simply be printed
+# in the template, so the order doesn't matter here at the moment
+require("header.php");
+require("sidebar_left.php");
+require("sidebar_right.php");
+require("footer.php");
+
+$smarty->display("list_diaries.tpl");
+
+?>
diff --git a/list_foods.php b/list_foods.php
new file mode 100644
index 0000000..9c8ccad
--- /dev/null
+++ b/list_foods.php
@@ -0,0 +1,37 @@
+<?php
+
+# include the main site config where various global variables
+# and libraries are included
+require("config.php");
+
+# the user must be logged in to access this script. if they are
+# not then this function will send them back to the index page
+loginRequired();
+
+# grab all of the users saved foods
+$sql = sprintf ("
+	SELECT userFoods.*
+	FROM userFoods INNER JOIN users
+		ON userFoods.user = users.id
+	WHERE users.id = '%s'
+	ORDER BY userFoods.description
+	",
+	$_SESSION['user']['id']
+);
+$db->Select($sql);
+if ( $db->_rowCount > 0 ) {
+	$smarty->assign("foodCount", $db->_rowCount);
+	$smarty->assign("userFoods", $db->_rows);
+}
+
+# grab the various parts.  these sections are not printed to the screen
+# but rather dumped into smarty variables that will simply be printed
+# in the template, so the order doesn't matter here at the moment
+require("header.php");
+require("sidebar_left.php");
+require("sidebar_right.php");
+require("footer.php");
+
+$smarty->display("list_foods.tpl");
+
+?>
diff --git a/list_meals.php b/list_meals.php
new file mode 100644
index 0000000..a066e5a
--- /dev/null
+++ b/list_meals.php
@@ -0,0 +1,37 @@
+<?php
+
+# include the main site config where various global variables
+# and libraries are included
+require("config.php");
+
+# the user must be logged in to access this script. if they are
+# not then this function will send them back to the index page
+loginRequired();
+
+# grab all of the users saved meals
+$sql = sprintf ("
+	SELECT userMeals.*
+	FROM userMeals INNER JOIN users
+		ON userMeals.user = users.id
+	WHERE users.id = '%s'
+	ORDER BY userMeals.description
+	",
+	$_SESSION['user']['id']
+);
+$db->Select($sql);
+if ( $db->_rowCount > 0 ) {
+	$smarty->assign("mealCount", $db->_rowCount);
+	$smarty->assign("userMeals", $db->_rows);
+}
+
+# grab the various parts.  these sections are not printed to the screen
+# but rather dumped into smarty variables that will simply be printed
+# in the template, so the order doesn't matter here at the moment
+require("header.php");
+require("sidebar_left.php");
+require("sidebar_right.php");
+require("footer.php");
+
+$smarty->display("list_meals.tpl");
+
+?>
diff --git a/login.php b/login.php
new file mode 100644
index 0000000..ec71cde
--- /dev/null
+++ b/login.php
@@ -0,0 +1,20 @@
+<?php
+
+# include the main site config where various global variables
+# and libraries are included
+require("config.php");
+
+# pretty simple. check their credentials and then send them back
+# to the index page.  if the login succeeded then the proper
+# session variables will be set and the index page will automatically
+# do what is necessary
+
+if ( isset($_POST['doLogin']) ) {
+	validateUser($_POST['username'],$_POST['password']);
+}
+
+# send the user back wherever they were when they logged in
+header("Location: {$config->_previousUri}");
+exit;
+
+?>
diff --git a/logout.php b/logout.php
new file mode 100644
index 0000000..50dcd76
--- /dev/null
+++ b/logout.php
@@ -0,0 +1,15 @@
+<?php
+
+# include the main site config where various global variables
+# and libraries are included
+require("config.php");
+
+# kill session variables and then the session itself
+session_unset();
+session_destroy();
+
+# send the user back to wherever they were
+header("Location: {$config->_previousUri}");
+exit;
+
+?>
diff --git a/manage.php b/manage.php
new file mode 100644
index 0000000..17fc443
--- /dev/null
+++ b/manage.php
@@ -0,0 +1,21 @@
+<?php
+
+# include the main site config where various global variables
+# and libraries are included
+include("config.php");
+
+# the user must be logged in to access this script. if they are
+# not then this function will send them back to the index page
+loginRequired();
+
+# grab the various parts.  these sections are not printed to the screen
+# but rather dumped into smarty variables that will simply be printed
+# in the template, so the order doesn't matter here at the moment
+include("header.php");
+include("sidebar_left.php");
+include("sidebar_right.php");
+include("footer.php");
+
+$smarty->display("manage.tpl");
+
+?>
diff --git a/meta.php b/meta.php
new file mode 100644
index 0000000..1ed3d40
--- /dev/null
+++ b/meta.php
@@ -0,0 +1,99 @@
+<?php
+
+# this script perhaps doesn't have the most apt name, but it made sense
+# to me at the time I first named it.
+# the purpose of this file is to allow adding custom <head>
+# items based on the current script/page.  there is a common set of
+# headers that will be the same for all pages and these are defined
+# in the variable $commonHeaders.  for example, some pages will need
+# some special javascript, but we may not want to add the overhead
+# of loading the javascript into pages that don't require it.  this
+# can be handled here.  we may also be able to add page-specific
+# <title>'s.  at the stage that this script is included we should
+# have access to all the $config variables and the database, as well
+# as any user submitted data: $_POST, $_GET, etc.
+
+# headers common to every page
+$commonHeaders = <<<HEADERS
+	<title>Nutrition Database</title>
+	<meta http-equiv='Content-Type' content='text/html; charset=UTF-8' />
+	<meta name='keywords' content='Nutrition, Database, Food Diary, Food Content' />
+	<meta name='description' content='Food content/nutrition database.' />
+	<link rel='stylesheet' media='all' type='text/css' href='{$config->_cssUri}/site.css' />
+	<link rel='stylesheet' media='all' type='text/css' href='{$config->_cssUri}/2ColumnLayout.css' title='2Column' />
+	<script type='text/javascript' src='{$config->_jsUri}/site.js'></script>
+	<script type='text/javascript' src='{$config->_jsUri}/standard.js'></script>
+
+HEADERS;
+
+# add the generated XAJAX javascript to the headers
+$commonHeaders .= str_replace("&", "&amp;", $xajax->getJavascript($config->_jsUri));
+
+switch ( $config->_thisScript ) {
+
+	case "view_food.php":
+		$myHeaders = <<<HEADERS
+
+	<link href='{$config->_jsUri}/jscalendar/calendar-system.css' type='text/css' rel='stylesheet' />
+	<script type='text/javascript' src='{$config->_jsUri}/jscalendar/calendar.js'></script>
+	<script type='text/javascript' src='{$config->_jsUri}/jscalendar/lang/calendar-en.js'></script>
+	<script type='text/javascript' src='{$config->_jsUri}/jscalendar/calendar-setup.js'></script>
+$commonHeaders
+
+HEADERS;
+		break;
+
+	case "view_meal.php":
+		$myHeaders = <<<HEADERS
+
+	<link href='{$config->_jsUri}/jscalendar/calendar-system.css' type='text/css' rel='stylesheet' />
+	<script type='text/javascript' src='{$config->_jsUri}/jscalendar/calendar.js'></script>
+	<script type='text/javascript' src='{$config->_jsUri}/jscalendar/lang/calendar-en.js'></script>
+	<script type='text/javascript' src='{$config->_jsUri}/jscalendar/calendar-setup.js'></script>
+$commonHeaders
+
+HEADERS;
+		break;
+
+	case "view_diary.php":
+		$myHeaders = <<<HEADERS
+
+	<link href='{$config->_jsUri}/jscalendar/calendar-system.css' type='text/css' rel='stylesheet' />
+	<script type='text/javascript' src='{$config->_jsUri}/jscalendar/calendar.js'></script>
+	<script type='text/javascript' src='{$config->_jsUri}/jscalendar/lang/calendar-en.js'></script>
+	<script type='text/javascript' src='{$config->_jsUri}/jscalendar/calendar-setup.js'></script>
+$commonHeaders
+
+HEADERS;
+		break;
+
+	case "register.php":
+		$myHeaders = <<<HEADERS
+
+	<link href='{$config->_jsUri}/jscalendar/calendar-system.css' type='text/css' rel='stylesheet' />
+	<script type='text/javascript' src='{$config->_jsUri}/jscalendar/calendar.js'></script>
+	<script type='text/javascript' src='{$config->_jsUri}/jscalendar/lang/calendar-en.js'></script>
+	<script type='text/javascript' src='{$config->_jsUri}/jscalendar/calendar-setup.js'></script>
+$commonHeaders
+
+HEADERS;
+		break;
+
+	case "edit_account.php":
+		$myHeaders = <<<HEADERS
+
+	<link href='{$config->_jsUri}/jscalendar/calendar-system.css' type='text/css' rel='stylesheet' />
+	<script type='text/javascript' src='{$config->_jsUri}/jscalendar/calendar.js'></script>
+	<script type='text/javascript' src='{$config->_jsUri}/jscalendar/lang/calendar-en.js'></script>
+	<script type='text/javascript' src='{$config->_jsUri}/jscalendar/calendar-setup.js'></script>
+$commonHeaders
+
+HEADERS;
+		break;
+
+	default:
+		$myHeaders = $commonHeaders;
+
+}
+
+?>
diff --git a/nutrient_chooser.php b/nutrient_chooser.php
new file mode 100644
index 0000000..875801d
--- /dev/null
+++ b/nutrient_chooser.php
@@ -0,0 +1,80 @@
+<?php
+
+# include the main site config where various global variables
+# and libraries are included
+require("config.php");
+
+# the user must be logged in to access this script. if they are
+# not then this function will send them back to the index page
+loginRequired();
+
+# if the user isn't logged in then they can't be here
+if ( ! isLoggedIn() ) {
+	header("Location: {$config->_rootUri}/");
+	exit;
+}
+
+# the user clicked "Save Changes" so we'll remove all of their previous nutrients
+# and add the ones submitted with the form
+if ( isset($_POST['setNutrients']) ) {
+	$status = "true";
+	$sql = sprintf ("
+		DELETE FROM userNutrients
+		WHERE user = '%s'
+		",
+		$_SESSION['user']['id']
+	);
+	$db->Modify($sql);
+	if ( $db->_error ) {
+		$status = "false";
+	} else {
+		if ( ! empty($_POST['nutrient']) ) {
+			foreach ( $_POST['nutrient'] as $nutrient ) {
+				$sql = sprintf ("
+					INSERT INTO userNutrients(user, nutrient)
+					VALUES ('%s','%s')
+					",
+					$_SESSION['user']['id'],
+					$nutrient
+				);
+				$db->Modify($sql);
+				if ( $db->_error ) {
+					$status = "false";
+				}
+			}
+		}
+	}
+	if ( $status == "true" ) {
+		$_SESSION['systemMsg'] = "<span class='msgOkay'>Your nutrient list was updated successfully.</span>";
+	} else {
+		$_SESSION['systemMsg'] = "<span class='msgError'>There were errors saving your nutrient list.</span>";
+	}
+	# redirect the user back to this same page with a GET request
+	header("Location: {$config->_rootUri}/nutrient_chooser.php");
+	exit;
+}
+
+# grab the current nutrient list from the database and assign list to template
+$sql = sprintf ("
+	SELECT nutrientDefs.nutr_no, nutrientDefs.nutrdesc,
+		userNutrients.nutrient AS myNutrient
+	FROM nutrientDefs LEFT JOIN userNutrients
+		ON nutrientDefs.nutr_no = userNutrients.nutrient AND userNutrients.user = '%s'
+	ORDER BY COALESCE(myNutrient, '999999'), nutrientDefs.sr_order
+	",
+	$_SESSION['user']['id']
+);
+$db->Select($sql);
+$smarty->assign("nutrients", $db->_rows);
+
+# grab the various parts.  these sections are not printed to the screen
+# but rather dumped into smarty variables that will simply be printed
+# in the template, so the order doesn't matter here at the moment
+require("header.php");
+require("sidebar_left.php");
+require("sidebar_right.php");
+require("footer.php");
+
+$smarty->display("nutrient_chooser.tpl");
+
+?>
diff --git a/nutrient_search.php b/nutrient_search.php
new file mode 100644
index 0000000..1eb1668
--- /dev/null
+++ b/nutrient_search.php
@@ -0,0 +1,89 @@
+<?php
+
+# include the main site config where various global variables
+# and libraries are included
+require("config.php");
+
+# let's implement the PRG (Post->Redirect-Get) method here so that
+# users can use the back button freely without browser warnings
+if ( isset($_POST['nutrient']) ) {
+	$queryString = "nutrient={$_POST['nutrient']}&count=50";
+	header("Location: {$config->_rootUri}/{$config->_thisScript}?$queryString");
+	exit;
+}
+
+# we should be here with a GET now. make sure that each value is 
+# set, if not then send the user back to the index page.
+if (
+	(! isset($_GET['nutrient'])) ||
+	(! isset($_GET['count']))
+) {
+	$_SESSION['systemMsg'] = "<span class='msgError'>Some required fields were missing in your search.</span>";
+	header("Location: {$config->_rootUri}/");
+	exit;
+}
+
+# assign the vars to the smarty template
+# these will simply be used to remind the user of how they searched
+$smarty->assign("nutrient", $_GET['nutrient']);
+$smarty->assign("count", $_GET['count']);
+
+# execute query
+$sql = sprintf ("
+	SELECT foodDescs.ndb_no, foodDescs.long_desc, foodDescs.comname, %s AS foodDesc,
+		nutrientData.nutr_val, nutrientDefs.nutrdesc, nutrientDefs.units
+	FROM foodDescs LEFT JOIN nutrientData
+		ON foodDescs.ndb_no = nutrientData.ndb_no
+	LEFT JOIN nutrientDefs
+		ON nutrientData.nutr_no = nutrientDefs.nutr_no
+	WHERE nutrientDefs.nutr_no = '%s'
+	ORDER BY nutrientData.nutr_val DESC
+	",
+	$db->_dbConn->Concat("foodDescs.long_desc", "', '", "foodDescs.comname"),
+	$_GET['nutrient']
+);
+
+# select a limited rowset
+$db->SelectLimit($sql, $_GET['count'], "0");
+
+if ( $db->_rowCount > 0 ) {
+	$idx = 0; # an index for each array element in the returned results
+	foreach ( $db->_rows as $row ) {
+
+		# if there was no 'comname' for the food, then just display the
+		# field 'long_desc', else display the concatenated field 'foodDesc'
+		# NOTE: it would be possible and easy to concatenate the 'long_desc'
+		# and 'comname' fields at the time of display, but for future growth
+		# possibilities and because we reference 'foodDesc' many times below
+		# it seems just as well to have a concatenated field in the result set
+		if ( "" == trim($row['comname']) ) {
+			$row['foodDesc'] = $row['long_desc'];
+		}
+			
+		$searchResults[$idx]['food'] = $row['ndb_no'];
+		$searchResults[$idx]['units'] = $row['units'];
+		$searchResults[$idx]['nutr_val'] = $row['nutr_val'];
+		$searchResults[$idx]['foodDesc'] = $row['foodDesc'];
+
+		$idx++;
+	}
+
+	if ( isset($searchResults) ) {
+		$smarty->assign("searchResults", $searchResults);
+	}
+}
+
+# get the submitted nutrients descriptions for the template
+$smarty->assign("nutrientName", getNutrientName($_GET['nutrient']));
+
+# grab the various parts.  these sections are not printed to the screen
+# but rather dumped into smarty variables that will simply be printed
+# in the template, so the order doesn't matter here at the moment
+require("header.php");
+require("sidebar_left.php");
+require("sidebar_right.php");
+require("footer.php");
+
+$smarty->display("nutrient_search.tpl");
+
+?>
diff --git a/register.php b/register.php
new file mode 100644
index 0000000..e8cb2bf
--- /dev/null
+++ b/register.php
@@ -0,0 +1,137 @@
+<?php
+
+# include the main site config where various global variables
+# and libraries are included
+include("config.php");
+
+# if the user got here by pressing the "Register" button, then
+# let's process the request.
+if ( isset($_POST['action']) && ($_POST['action'] == "registerUser") ) {
+
+	# validate the form .. this is already done through javascript, but we
+	# better make sure
+
+	# make sure they entered a username
+	if ( isset($_POST['username']) && ("" == trim($_POST['username'])) ) {
+		$_SESSION['systemMsg'] = "<span class='msgError'>You must specify a login name.</span>";
+		header("Location: {$config->_previousUri}");
+		exit;
+	} else {
+		$username = trim($_POST['username']);
+		if ( strlen($username) < 5 ) {
+			$_SESSION['systemMsg'] = "<span class='msgError'>The login name must contain at least 5 characters.</span>";
+			header("Location: {$config->_previousUri}");
+			exit;
+		}
+	}
+	# make sure there is a password and that the confirm password matches
+	if ( isset($_POST['password']) && ("" == trim($_POST['password'])) ) {
+		$_SESSION['systemMsg'] = "<span class='msgError'>You must specify a password.</span>";
+		header("Location: {$config->_previousUri}");
+		exit;
+	} else {
+		$password = trim($_POST['password']);
+		if ( strlen($password) < 5 ) {
+			$_SESSION['systemMsg'] = "<span class='msgError'>The password must contain at least 5 characters.</span>";
+			header("Location: {$config->_previousUri}");
+			exit;
+		}
+		if ( ! isset($_POST['password2']) || (trim($_POST['password']) != trim($_POST['password2'])) ) {
+			$_SESSION['systemMsg'] = "<span class='msgError'>Your passwords do not match.</span>";
+			header("Location: {$config->_previousUri}");
+			exit;
+		}
+	}
+
+	# make sure the user entered a birthday, and if so, covert it to a UNIX timestamp
+	if ( isset($_POST['birthday']) && ("" == trim($_POST['birthday'])) ) {
+		$_SESSION['systemMsg'] = "<span class='msgError'>You must specify a birthday (even if it's not real).</span>";
+		header("Location: {$config->_previousUri}");
+		exit;
+	} else {
+		$birthday = strtotime($_POST['birthday']);
+		if ( ! $birthday ) {
+			$_SESSION['systemMsg'] = "<span class='msgError'>Your birthday doesn't appear to be an actual date.</span>";
+			header("Location: {$config->_previousUri}");
+			exit;
+		}
+	}
+
+	# make sure they accepted the Terms & Conditions
+	if ( ! isset($_POST['terms']) ) {
+		$_SESSION['systemMsg'] = "<span class='msgError'>You must accept the Terms &amp; Conditions of this site in order to register.</span>";
+		header("Location: {$config->_previousUri}");
+		exit;
+	}
+	# make sure the user doesn't already exist in the database
+	$sql = sprintf ("
+		SELECT * FROM users
+		WHERE username = '%s'
+		",
+		trim($_POST['username'])
+	);
+	$db->Select($sql);
+	if ( $db->_rowCount > 0 ) {
+		$_SESSION['systemMsg'] = "<span class='msgError'>The login name you selected is already in use.  Please select another.</span>";
+		header("Location: {$config->_previousUri}");
+		exit;
+	}
+
+	# validation must have passed so let's add the new user.
+	# the local variables were assigned during validation
+	$sql = sprintf ("
+		INSERT INTO users(username,password,birthday,gender)
+		VALUES ('%s', '%s', '%s', '%s')
+		",
+		$username,
+		md5($password),
+		$birthday,
+		$_POST['gender']
+	);
+	$db->Modify($sql);
+	if ( $db->_affectedRows == 1 ) {
+		# give the new user authorization
+		$_SESSION['auth']['status'] = "access_granted";
+		$_SESSION['auth']['ipaddress'] = $_SERVER['REMOTE_ADDR'];
+		# dump the users info into the session
+		$_SESSION['user']['id'] = $db->InsertId();
+		$_SESSION['user']['username'] = $username;
+		$_SESSION['user']['birthday'] = $birthday;
+		$_SESSION['user']['gender'] = $_POST['gender'];
+
+		# now let's add the default nutrients as the users default set of nutrients
+		$sql = sprintf("
+			INSERT INTO userNutrients(user, nutrient)
+			SELECT '%s', nutr_no FROM nutrientDefs
+			WHERE is_default = '1'
+			",
+			$_SESSION['user']['id']
+		);
+		$db->Modify($sql);
+		if ( ! $db->_error ) {
+			$_SESSION['systemMsg'] = "<span class='msgOkay'>Congratulations.  Registration succeeded.</span>";
+		} else {
+			$_SESSION['systemMsg'] = "<span class='msgError'>Registration succeeded, but with errors.</span>";
+		}
+
+		# send the user to the main page
+		header("Location: {$config->_rootUri}");
+		exit;
+	} else {
+		$_SESSION['systemMsg'] = "<span class='msgError'>There was an error. Registration failed.</span>";
+		header("Location: {$config->_previousUri}");
+		exit;
+	}
+
+}
+
+# grab the various parts.  these sections are not printed to the screen
+# but rather dumped into smarty variables that will simply be printed
+# in the template, so the order doesn't matter here at the moment
+include("header.php");
+include("sidebar_left.php");
+include("sidebar_right.php");
+include("footer.php");
+
+$smarty->display("register.tpl");
+
diff --git a/resources.php b/resources.php
new file mode 100644
index 0000000..8cb2540
--- /dev/null
+++ b/resources.php
@@ -0,0 +1,16 @@
+<?php 
+
+# include the main site config where various global variables
+# and libraries are included
+include("config.php");
+
+# grab the various parts
+include("header.php");
+include("sidebar_left.php");
+include("sidebar_right.php");
+include("footer.php");
+
+# display the page
+$smarty->display("resources.tpl");
+
+?>
diff --git a/sidebar_left.php b/sidebar_left.php
new file mode 100644
index 0000000..f1396ed
--- /dev/null
+++ b/sidebar_left.php
@@ -0,0 +1,11 @@
+<?php
+
+# put the current meal items in an array if it exists
+if ( isset($_SESSION['currentMeal']) ) {
+	$smarty->assign("currentMealItems", $_SESSION['currentMeal']);
+}
+
+# grab the page 
+$smarty->assign("sidebar_left", $smarty->fetch("sidebar_left.tpl"));
+
+?>
diff --git a/sidebar_right.php b/sidebar_right.php
new file mode 100644
index 0000000..07290db
--- /dev/null
+++ b/sidebar_right.php
@@ -0,0 +1,6 @@
+<?php
+
+# grab the header
+$smarty->assign("sidebar_right", $smarty->fetch("sidebar_right.tpl"));
+
+?>
diff --git a/smarty/templates/footer.tpl b/smarty/templates/footer.tpl
new file mode 100644
index 0000000..6dd202a
--- /dev/null
+++ b/smarty/templates/footer.tpl
@@ -0,0 +1,11 @@
+
+<div id='footer'>
+	<div id='footerLinks'>
+  		Data provided by USDA, Agricultural Research Service (<a href='http://www.ars.usda.gov/ba/bhnrc/ndl'>Nutrient Data
+		Laboratory</a>)
+	</div>
+</div>
+
+</body>
+
+</html>
diff --git a/smarty/templates/header.tpl b/smarty/templates/header.tpl
new file mode 100644
index 0000000..298b8a5
--- /dev/null
+++ b/smarty/templates/header.tpl
@@ -0,0 +1,43 @@
+<!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">
+
+<head>{$myHeaders}</head>
+
+<body>
+
+<div id='header'>
+	<div id='headerLeft'>
+		Nutrition Information Database
+	</div>
+
+{if isset($isLoggedIn)}
+	<div id='headerMiddle'></div>
+	<div id='headerRight'>
+		Hi {$displayUserName|capitalize}.<br />
+		[<a href='?logout'>Logout</a>]
+
+	</div>
+{else}
+	<form action='login.php' method='post' name='loginForm' onsubmit='return validateNotEmpty("username,password");'>
+		<div id='headerMiddle'>
+			Login <input type='text' name='username' id='username' size='15' maxlength='25' /><br />
+			Password <input type='password' name='password' id='password' size='15' maxlength='25' />
+		</div>
+		<div id='headerRight'>
+			<input type='submit' name='doLogin' value='Login' style='margin-bottom: 1ex;' /><br />
+			<a href='register.php'>Register</a>.
+		</div>
+	</form>
+{/if}
+
+	<div id='headerLinkBar'>
+		<div id='headerLinks'>
+			<a href='{$config->_rootUrl}/' title='Home Page'>Home</a> &nbsp; | &nbsp;
+			<a href='help.php'>Help</a>
+		</div>
+		<div id='systemMsgs'>{$systemMsg}</div>
+	</div>
+</div>
+
+
diff --git a/smarty/templates/index.tpl b/smarty/templates/index.tpl
new file mode 100644
index 0000000..00dcca4
--- /dev/null
+++ b/smarty/templates/index.tpl
@@ -0,0 +1,42 @@
+{$header}
+<div id='columnContainer'>
+
+	<div id='middleColumn'>
+		<div id='middleData'>
+			<form action='food_match.php' method='post' name='foodmatch'>
+				Select the type of search:<br />
+				<input checked='checked' type='radio' name='stype' value='and' /> All Words<br />
+				<input type='radio' name='stype' value='or' /> Any Words<br />
+				<input type='radio' name='stype' value='=' /> Exact Phrase<br /><br />
+				Select the type of word search:<br />
+				<input checked='checked' type='radio' name='wtype' value='part' /> Partial Word<br />
+				<input type='radio' name='wtype' value='full' /> Full Word<br /><br />
+				Select a category:<br />
+				<select name='fdgp_cd'>
+					<option selected='selected' value='all'>All categories</option>
+{foreach from=$fdGroups item=fdGroup} 
+					<option value='{$fdGroup.fdgp_cd}'>{$fdGroup.fdgp_desc}</option>
+{/foreach}
+				</select><br /><br />
+				Search for:
+				<input type='text' name='whatFood' />
+				<input type='submit' value='Search!' />
+			</form>
+			<a href='help.php#search'>What do all these search options mean?</a>
+		</div>
+	</div>
+
+	<div id='leftColumn'>
+		<div id='leftData'>
+			{$sidebar_left}
+		</div>
+	</div>
+
+	<div id='rightColumn'>
+		<div id='rightData'>
+			{$sidebar_right}
+		</div>
+	</div>
+
+</div>
+{$footer}
diff --git a/smarty/templates/sidebar_left.tpl b/smarty/templates/sidebar_left.tpl
new file mode 100644
index 0000000..5619333
--- /dev/null
+++ b/smarty/templates/sidebar_left.tpl
@@ -0,0 +1,65 @@
+		Current meal items:<br />
+{if isset($currentMealItems)}
+			<form action='view_meal.php' method='post'>
+	{foreach from=$currentMealItems key=key item=currentMealItem}
+				<span class='indent'> =&gt; {$currentMealItem} (<a href='edit_new_meal.php?rm_item={$key}' title='Remove meal item'>Del</a>)</span>
+				<br />
+				<input type='hidden' name='source' value='new' />
+				<input type='submit' name='view_new_meal' value='View Meal' />
+				<a href='edit_new_meal.php?clear_meal=yes' title='Remove all meal items'>Clear Meal</a>
+			</form>
+	{/foreach}
+{else}
+			(No items in current meal.)
+{/if}
+
+		<br /><br />
+{if isset($isLoggedIn)}
+		Saved items:<br />
+	{if isset($myFoods)}
+		<form action='food_data.php' method='post' id='frmMyFoods'>
+			<select name='my_food' style='width: 70%;' onchange='return submitForm("frmMyFoods");'>
+				<option value=''> -- Select -- </option>
+		{foreach from=$myFoods item=myFood}
+				<option value='{$myFood.id_my_foods}'>{$myFood.my_desc}</option>
+		{/foreach}
+	    	</select>
+			Foods
+			<input type='hidden' name='source' value='food' />
+		</form>
+	{else}
+		No saved foods.
+	{/if}
+
+	{if isset($myMeals)}
+		<form action='view_meal.php' method='post' id='frmMyMeals'>
+			<select name='meal_id' style='width: 70%;' onchange='return submitForm("frmMyMeals");'>
+				<option value=''> -- Select -- </option>
+		{foreach from=$myMeals item=myMeal}
+				<option value='{$myMeal.id_my_meals}'>{$myMeal.meal_desc}</option>
+		{/foreach}
+	    	</select>
+			Meals
+			<input type='hidden' name='source' value='saved' />
+		</form>
+	{else}
+		No saved meals.
+	{/if}
+  
+	{if isset($myDiaries)}
+		<form action='view_diary.php' method='post' id='frmMyDiaries'>
+			<select name='id_my_diaries' style='width: 70%;' onchange='return submitForm("frmMyDiaries");'>
+				<option value=''> -- Select -- </option>
+		{foreach from=$myDiaries item=myDiary}
+				<option value='{$myDiary.id_my_diaries}'>{$myDiary.diary_desc}</option>
+		{/foreach}
+	    	</select>
+			Meals
+		</form>
+		Diaries
+	{else}
+		No saved diaries.
+	{/if}
+		<p><a href='my_stuff.php'>Manage my account</a>.</p>
+{/if}
+  
diff --git a/smarty/templates/sidebar_right.tpl b/smarty/templates/sidebar_right.tpl
new file mode 100644
index 0000000..b0db84a
--- /dev/null
+++ b/smarty/templates/sidebar_right.tpl
@@ -0,0 +1 @@
+Google Adsense
diff --git a/templates/about.tpl b/templates/about.tpl
new file mode 100644
index 0000000..9b9cd30
--- /dev/null
+++ b/templates/about.tpl
@@ -0,0 +1,95 @@
+{$header}
+<div id='columnContainer'>
+
+	<div id='middleColumn'>
+		<div id='middleData' style='text-align: justify;'>
+
+			<h2 style='text-align: center;'>ABOUT</h2>
+
+			<div class='standardMargins'>
+				I began work on this database sometime around mid 2002.  It started out of a strong
+				interest in nutrition and a desire to explore <a href='http://php.net'> PHP</a>,
+				which at the time was new to me.  The initial idea came from an old friend of mine
+				who had started a similar project but using
+				<a href='http://www.perl.org/about.html'>Perl</a>.
+			</div>
+
+			<div class='standardMargins'>
+				The present incarnation of this site bears little resemblance to the original.
+				In 2003 I left for Belize to serve with the Peace Corps as an Information Technology
+				volunteer, and after the Peace Corps I stayed in Central America for about another
+				two years.  So, the project pretty much went dormant for the better part of four
+				years.  However, when I returned to the States in February of 2007, I immediately
+				picked the project back up.  I practically rewrote the entire thing from the ground
+				up, with the only real resemblance to the old one being the core logic.
+			</div>
+
+			<div class='standardMargins'>
+				When I wrote the original version of the utility I wasn't then aware of many other
+				free web-based systems that were doing something similar.  Now I see that there are
+				a number of <a href='{$config->_rootUri}/resources.php#nutritionsites'>other sites</a> that have a very
+				complete set of tools.  However, in my opinion, virtually all of them have a major
+				flaw: they try to be everything to everyone, and thereby end up being overly
+				complicated and convoluted.  An old axiom comes to mind: "You can please some of the
+				people all the time, and all of the people some of the time, but you can't please
+				all the people all the time."
+			</div>
+
+			<div class='standardMargins'>
+				Consider a program like Microsoft Word, a very powerful word processor.  I'd be
+				willing to bet that about 90% of the users of Word use than 10% of it's features, so
+				in effect I suspect that the majority of the program is just bulk and useless cruft
+				for the majority of consumers.
+			</div>
+
+			<div class='standardMargins'>
+				Personally, I subscribe to the notion that less is more.  I am a long-time free
+				software user, and especially the operating systems known as
+				<a href='http://en.wikipedia.org/wiki/Linux'>GNU/Linux</a> and
+				<a href='http://freebsd.org'>FreeBSD</a>.
+				These systems are based on an older operating system called
+				<a href='http://en.wikipedia.org/wiki/Unix'>Unix</a>.  Generally speaking, in the
+				Unix world, one of the design principles has been to write a lot of small programs
+				that do a particular job very well and then to chain those elegant tools together to
+				accomplish complex tasks.  The other methodology is to write a small number of
+				programs that do a large number of things, but only do each task marginally well.
+			</div>
+
+			<div class='standardMargins'>
+				What does this have to do with a nutrition database, you ask?  Well, the goal of
+				this system is to do a few things very well.  Namely, to give you concise and
+				trustworthy data about certains food.  There are already lots of other tools
+				available to do other nutrition related things, and I don't see a need to reinvent
+				the wheel here.  Those other tools are only a few keystrokes and clicks away.  As an
+				example, at present I have no intention adding a BMI calculator.  There are already
+				countless <a href='http://www.google.com/search?q=bmi+calculator'>other sites</a>
+				with fine BMI calculators, and to add yet another here would simply clutter up the
+				interface and add no real value.  This is what Favorites and Bookmarks are for in
+				your browser.
+			</div>
+
+			<div class='standardMargins'>
+				What this means from a user perspective is that the intention is that interface
+				should never get in your way.  You should never have to hunt around for what you
+				need.  You shouldn't have to sift through mounds of extraneous and unwanted data
+				and tools to find what you want.
+			</div>
+
+		</div>
+	</div>
+
+	<div id='leftColumn'>
+		<div id='leftData'>
+			{$sidebar_left}
+		</div>
+	</div>
+
+	<div id='rightColumn'>
+		<div id='rightData'>
+			{$sidebar_right}
+		</div>
+	</div>
+
+</div>
+{$footer} 
+
diff --git a/templates/edit_account.tpl b/templates/edit_account.tpl
new file mode 100644
index 0000000..48305c8
--- /dev/null
+++ b/templates/edit_account.tpl
@@ -0,0 +1,87 @@
+{$header}
+<div id='columnContainer'>
+
+	<div id='middleColumn'>
+		<div id='middleData' style='margin-left: 5ex; margin-right: 5ex;'>
+
+			<h3 style='text-align: center;'>Edit Profile</h3>
+			<div class='standardMargins' style='text-align: justify;'>
+				Use this form to edit your account profile.  If you don't wish to change your
+				password, then simply leave the password boxes empty.
+<!--
+				Use this form to edit your account profile, or delete the account entirely.
+				<strong>NOTE</strong>: if you choose to delete the account, then be aware that
+				any and all data (foods, meals, diaries, etc.) associated with the account will
+				also be permanently and irrevocably deleted.  This isn't a problem, but something
+				that you should be aware of.  For this reason, you will be prompted twice as to
+				whether you really want to delete the account.  If you don't wish to change your
+				password, then simply leave the password boxes empty.
+-->
+			</div>
+			<div>
+				<form action='{$smarty.server.PHP_SELF}' method='post' id='formEditUser' onsubmit='validateEditUser("formEditUser"); return false;'>
+					<div class='standardMargins'>
+						<input type='text' name='username' size='25' value='{$smarty.session.user.username}' /> <strong>Login name</strong>
+						(min. 5 chars.)
+					</div>
+					<div class='standardMargins'>
+						<input type='password' name='password' size='25' /> <strong>New password</strong>
+						(min. 5 chars.)
+					</div>
+					<div class='standardMargins'>
+						<input type='password' name='password2' size='25' /> <strong>Confirm password</strong>
+						(min. 5 chars.)
+					</div>
+					<div class='standardMargins'>
+						<input type='text' name='birthday' id='birthday' value='{$birthday}' readonly='readonly' /> <strong>Birthday</strong>
+						<script type="text/javascript">
+							Calendar.setup(
+								{literal}{{/literal}
+									inputField	: "birthday", // ID of the input field
+									ifFormat	: "%Y-%m-%d", // the date format
+									button		: "birthday", // ID of the button
+									weekNumbers	: false,
+									showsTime	: true,
+									firstDay	: 0
+								{literal}}{/literal}
+							);
+						</script>
+					</div>
+					<div class='standardMargins'>
+						<select name='gender'>
+{foreach from=$genders item=gender}
+	{if $gender == $smarty.session.user.gender}
+							<option value='{$gender}' selected='selected'>{$gender}</option>
+	{else}
+							<option value='{$gender}'>{$gender}</option>
+	{/if}
+{/foreach}
+						</select> <strong>Gender</strong>
+					</div>
+					<div class='standardMargins'>
+						<input type='hidden' name='action' value='' />
+						<input type='submit' name='doEdit' value='Modify' onclick='getElement("formEditUser").action.value = "editUser";' />
+<!--
+						<input type='submit' name='doDelete' value='Delete' onclick='return verifyDeleteUser();' />
+-->
+					</div>
+				</form>
+			</div>
+	
+		</div>
+	</div>
+
+	<div id='leftColumn'>
+		<div id='leftData'>
+			{$sidebar_left}
+		</div>
+	</div>
+
+	<div id='rightColumn'>
+		<div id='rightData'>
+			{$sidebar_right}
+		</div>
+	</div>
+
+</div>
+{$footer}
diff --git a/templates/edit_food.tpl b/templates/edit_food.tpl
new file mode 100644
index 0000000..9c9c379
--- /dev/null
+++ b/templates/edit_food.tpl
@@ -0,0 +1,40 @@
+{$header}
+<div id='columnContainer'>
+
+	<div id='middleColumn'>
+		<div id='middleData'>
+			<h3 style='text-align: center;'>Edit Foods</h3>
+			<div style='float: left; padding-right: 2ex; width: 20%;'>
+				<div><span style='text-decoration: underline;'><strong>Saved foods</strong></span></div>
+{if $savedFoods}
+	{foreach from=$savedFoods item=savedFood}
+				<div name='savedFoods' id='savedFood-{$savedFood.id}'><a href='{$smarty.server.REQUEST_URI}' title='{$savedFood.description}' onclick='loadFoodToEdit("{$savedFood.id}"); return false;'>{$savedFood.description|truncate:25:" ..."}</a></div>
+	{/foreach}
+{else}
+				No saved foods.
+{/if}
+			</div>
+			<div id='editFood' style='float: left; padding-left: 2ex; border-left: 1px solid black; width: 75%;'>
+{if $editFood}
+				<script type='text/javascript'>xajax_loadFoodToEdit("{$editFood}");</script>
+{else}
+				&lt;= Select a food to edit.
+{/if}
+			</div>
+		</div>
+	</div>
+
+	<div id='leftColumn'>
+		<div id='leftData'>
+			{$sidebar_left}
+		</div>
+	</div>
+
+	<div id='rightColumn'>
+		<div id='rightData'>
+			{$sidebar_right}
+		</div>
+	</div>
+
+</div>
+{$footer}
diff --git a/templates/edit_meal.tpl b/templates/edit_meal.tpl
new file mode 100644
index 0000000..b0362fb
--- /dev/null
+++ b/templates/edit_meal.tpl
@@ -0,0 +1,46 @@
+{$header}
+<div id='columnContainer'>
+
+	<div id='middleColumn'>
+		<div id='middleData'>
+			<h3 style='text-align: center;'>Edit Meals</h3>
+			<div style='float: left; padding-right: 2ex; width: 25%;'>
+				<div>
+					<span style='text-decoration: underline;'><strong>Saved meals</strong></span>
+				</div>
+{if $savedMeals}
+	{foreach from=$savedMeals item=savedMeal}
+				<div name='savedMeals' id='savedMeal-{$savedMeal.id}'><a href='{$smarty.server.REQUEST_URI}' title='{$savedMeal.description}' onclick='loadMealToEdit({$savedMeal.id}); return false;'>{$savedMeal.description|truncate:25:" ..."}</a></div>
+	{/foreach}
+{else}
+				No saved meals.
+{/if}
+			</div>
+			<div style='float: left; overflow: auto; margin-bottom: 1em;'>
+				<form action='edit_meal.php' method='post' name='formEditMeal' id='formEditMeal' style='onsubmit='return validateEditMeal("formEditMeal");'>
+					<div id='editMeal' style='float: left; padding-left: 2ex; border-left: 1px solid black;'>
+{if $editMeal}
+						<script type='text/javascript'>xajax_loadMealToEdit("{$editMeal}");</script>
+{else}
+						&lt;= Select a meal to edit.
+{/if}
+					</div>
+				</form>
+			</div>
+		</div>
+	</div>
+
+	<div id='leftColumn'>
+		<div id='leftData'>
+			{$sidebar_left}
+		</div>
+	</div>
+
+	<div id='rightColumn'>
+		<div id='rightData'>
+			{$sidebar_right}
+		</div>
+	</div>
+
+</div>
+{$footer}
diff --git a/templates/faq.tpl b/templates/faq.tpl
new file mode 100644
index 0000000..011e192
--- /dev/null
+++ b/templates/faq.tpl
@@ -0,0 +1,203 @@
+{$header}
+<div id='columnContainer'>
+
+	<div id='middleColumn'>
+		<div id='middleData'>
+
+			<h2 style='text-align: center;'>FAQ</h2>
+
+			<ul class='helpIndex' style='margin-left: 1em; padding-left: 1em;'>
+				<li><a href='#whatisthis'>What is this thing?</a></li>
+				<li><a href='#datasource'>Where does the data come from?</a></li>
+				<li><a href='#searching'>What do all those search options mean?</a></li>
+				<li><a href='#noresults'>Why don't my searches return any results?</a></li>
+				<li><a href='#whyregister'>Why should I register?</a></li>
+				<li><a href='#timestamp'>What is a diary "timestamp?"</a></li>
+				<li><a href='#favorites'>What are "favorites" and how do they work?</a></li>
+				<li><a href='#nofavorites'>
+					I haven't marked anything as a favorite but things are still showing up in my favorites lists.  Why?</a>
+				</li>
+				<li><a href='#favoritediary'>Where can I mark a diary as a favorite?</a></li>
+			</ul>
+
+			<a name='whatisthis' id='whatisthis' style='position: absolute;'></a>
+			<div class='helpItem'>
+				<strong>What is this thing</strong>?<br />
+				This is a searchable database of food nutrient content.  Beyond being able to do simple
+				searches for foods, you are able to collect various individual foods into a "meal" and
+				then view a complete nutrition profile for that "meal."  Once registered with the site,
+				you will also have the ability to save food searches as well as meals so that you can
+				easily and quickly reference them again later.  There is also the functionality of a food
+				diary.  You may create as many diaries as you like and then add food searches or saved foods
+				and meals to the diary.  This is a simple way to record what you are eating on a daily
+				basis.
+			</div>
+			
+			<a name='datasource' id='datasource' style='position: absolute;'></a>
+			<div class='helpItem'>
+				<strong>Where does the data come from</strong>?<br />
+				The USDA has done extensive testing of an impressive array of foods and food products to
+				determine their respective macronutrient (protein, carbohydrate, and fat), vitamin, and
+				mineral content. The data in this database was provided by the
+				<a href='http://www.ars.usda.gov/ba/bhnrc/ndl'>USDA Nutrient Data Laboratory</a>.
+				The data is public domain.  nubridb.com is currently using the latest release known as 
+				<a href='http://www.ars.usda.gov/Services/docs.htm?docid=8964'>SR19</a>.
+			</div>
+			
+
+			<a id='searching' name='searching' style='position: absolute;'></a>
+			<div class='helpItem'>
+				<strong>What do all those search options mean</strong>?<br />
+				All Words
+				<div class='helpItem'>
+					This is a logical 'AND' search.  This is the default search type and is probably the 
+					most useful.  ALL word(s) in the search text box which are separated by any amount of 
+					whitespace, MUST be present or the search will return an empty result set.  For example, 
+					if you entered 'cherry pudding dessert' - the following record might be returned:<br />
+					- Babyfood, dessert, cherry vanilla pudding, strained<br />
+					... but the following record would not be returned because it does not contain the word 'dessert':<br />
+					- Pie, cherry, prepared from recipe
+				</div>
+				Any Words
+				<div class='helpItem'>
+					This a logical 'OR' search.  This search might be useful if you are having problems 
+					getting any results with the 'All Words' search.  If ANY word in the search text box 
+					which is separated by any amount of whitespace is found, then the record is returned as a match. 
+					For example, if you entered 'banana pudding' - the following records might be returned:<br />
+					- Babyfood, dessert, cherry vanilla pudding, strained<br />
+					- Bananas, dehydrated, or banana powder
+				</div>
+				Exact Phrase
+				<div class='helpItem'>
+					This is, as it states, an EXACT search.  This search is probably not useful at 
+					all unless you are either very familiar with the database, lucky, or both.  For example, 
+					if you entered 'babyfood, dessert, cherry vanilla pudding junior' - the following 
+					record would NOT be returned because you are missing the comma between 'pudding' and 'junior':<br />
+					- Babyfood, dessert, cherry vanilla pudding, junior<br />
+				</div>
+				Partial Word
+				<div class='helpItem'>
+					Words that you enter in the search text box can constitute a portion of a word.  
+					For example, if you entered 'mayo' the following record would be returned:<br />
+					- Salad dressing, mayonnaise type, regular, with salt<br />
+					...this is because 'mayo' makes up part of the word 'mayonnaise'.  You can see 
+					that this type of search can get out of control in a hurry if you are not careful.  
+					For example, if trying to be thorough you enter the text 'm', every single record 
+					in the database that even contains the letter 'm' will be returned.  Although this 
+					is the default search type, use it with caution or you may get more records than 
+					are useful - possibly thousands.
+				</div>
+				Full Word
+				<div class='helpItem'>
+					Any words that you enter in the search text box will be taken as full words in the 
+					search.  For example, if you entered 'mayo'  the following record would NOT be returned:<br />
+					- Salad dressing, mayonnaise type, regular, with salt<br />
+					... however, this record would be returned because it contains the exact word 'Mayo':<br />
+					- Salad dressing, KRAFT Mayo Light Mayonnaise
+				</div>
+				Sort order
+				<div class='helpItem'>
+					This option determines how the results of your search should be ordered.  If you select
+					'Category' (the default), then your results will be grouped by food category and then 
+					ordered alphabetically within each group.  If you select 'Food Description' then the results
+					will not be ordered, grouped, or otherwise associated with a food category.  Instead, the
+					search results will simply by ordered aphabetically.
+				</div>
+			</div>
+			
+			<a id='noresults' name='noresults' style='position: absolute;'></a>
+			<div class='helpItem'>
+				<strong>Why doesn't my search return any results</strong>?<br />
+				There may be several reasons why your searches are coming up empty.  Each food item in the database 
+				has an associated description field which contains multiple descriptors for that particular food item.  
+				When you search the database, you are simply looking for keywords in this field.  The search options 
+				you choose will affect how this field is searched.  Please note that all searches are case-insensitive 
+				e.g. 'a' and 'A' are treated the same.  Also, the order of words does NOT matter - a search for 'cherry vanilla'
+				would return both a record that contained '...cherry...vanilla...' and '...vanilla...cherry...'.  
+			</div>
+
+			<div class='helpItem'>
+				TIP: Try pluralizing or singularizing your search terms.  A good example of this is a search for
+				'blueberry.'  You may be looking for information on the fruit, yet a search for this word
+				doesn't turn up any fruit.  This is because information for the fruit is registered with
+				a description of "blueberries, raw."  In this case pluralizing the word would return the
+				fruit, among many other things.  Another worthwhile way to search is using partial words.
+				For example, a search for simply 'blueberr', assuming you are doing a "Partial Word" search,
+				would return everything containing "blueberry" as well as "blueberries."
+			</div>
+			<a name='whyregister' id='whyregister' style='position: absolute;'></a>
+			<div class='helpItem'>
+				<strong>Why should I register</strong>?<br />
+				You certainly don't have to register to use this site.  However, if you don't register you will
+				be unable to save anything for future reference.  Also, DRIs (similar to RDAs) are age/gender
+				specific and if you are not logged in then the system will report to you the DRI values for a
+				30 year old male.  Creating an account will also allow you to specify which nutrients you
+				do and don't want to see by default, which may be useful as there are around 140 nutrients, most
+				of which you probably won't be interested in.
+			</div>
+			
+			<a name='timestamp' id='timestamp' style='position: absolute;'></a>
+			<div class='helpItem'>
+				<strong>What is a diary "Timestamp"</strong>?
+				A food diary "Timestamp" allows you to specify exactly when you ate a particular food or meal.
+				Most people are not going to be able to enter foods into the food diary exactly at the
+				moment they are eaten.  However, for a variety of reasons it is important to know when a
+				particular item was consumed, especially if you are trying to determine a food sensitivity, or
+				track statistics about your eating habits.  For example, with a timestamp the system may be able
+				to make calculations to determine how many calories you are averaging per day, or how much
+				Calcium you are intaking per week, etc.  Without a timestamp none of that would be possible.
+			</div>
+			
+			<a name='favorites' id='favorites' style='position: absolute;'></a>
+			<div class='helpItem'>
+				<strong>What are "favorites" and how do they work</strong>?<br />
+				Marking a food or meal as a favorite will give you quick access to the items that you use most
+				frequently.  For example, you may have saved 500 different foods, but perhaps you only reference,
+				say, 50 or 60 of those with any frequency, so you mark those 50 or 60 foods as "Favorites."  There
+				is nothing different about a favorite saved food or meal from any other saved food or meal, except
+				that your favorites will be located in the quick-access drop-down menus in the left sidebar, and you
+				will also have access to the "Quick Edit" functions for your favorite foods and meals.  There is no
+				limit to how many foods or meals can be marked as favorite.  However, if you have many foods and
+				meals you may find it inconvenient to have a drop-down menu with hundreds of items, but this is a 
+				personal choice. <strong>Note</strong>: you cannot mark a diary as a favorite.  All diaries are
+				considered favorites.
+			</div>
+			
+			<a name='nofavorites' id='nofavorites' style='position: absolute;'></a>
+			<div class='helpItem'>
+				<strong>I haven't marked anything as a favorite but things are still showing up in my favorites lists.  Why</strong>?<br />
+				If your total saved foods or meals, respectively, are less than 15 then the system will automatically
+				place those items in your favorites lists as a convenience.  However, only the first 15 will appear.
+				For example, if you have saved 40 foods, but haven't marked any as a favorite, then the system will
+				automatically select the first 15 saved foods and place them in the favorite foods drop-down menu.
+				Once you mark at least one food or meal as a favorite, only those foods or meals marked as favorites
+				will appear in the favorites drop-down menus, no matter how few or many. <strong>Note</strong>: you
+				cannot mark a diary as a favorite.  All diaries are considered favorites.
+			</div>
+
+			<a name='favoritediary' id='favoritediary' style='position: absolute;'></a>
+			<div class='helpItem'>
+				<strong>Where can I mark a diary as a favorite</strong>?<br />
+				You can't.  It is assumed that you generally won't have a great number of diaries, as this would
+				defeat the purpose of being able to summarize your nutritional trends over time.  Perhaps you will
+				have only one food diary.  However, the facility for having multiple diaries is present
+				and may be used as one sees fit.
+			</div>
+		</div>
+	</div>
+
+	<div id='leftColumn'>
+		<div id='leftData'>
+			{$sidebar_left}
+		</div>
+	</div>
+
+	<div id='rightColumn'>
+		<div id='rightData'>
+			{$sidebar_right}
+		</div>
+	</div>
+
+</div>
+{$footer} 
+
diff --git a/templates/food_match.tpl b/templates/food_match.tpl
new file mode 100644
index 0000000..3b9ca3f
--- /dev/null
+++ b/templates/food_match.tpl
@@ -0,0 +1,47 @@
+{$header}
+<div id='columnContainer'>
+
+	<div id='middleColumn'>
+		<div id='middleData'>
+			<p class='small'>
+				<strong>Search text</strong>: '{$searchString}'<br />
+				<strong>Search type</strong>: {$searchType}/{$wordType}<br />
+				<strong>Category</strong>: {$foodCategoryName}
+			</p>
+
+{if isset($searchResults)}
+			<p>The following items matched your search:</p>
+
+			<p class='nowrap'>
+	{foreach from=$searchResults item=searchResult}
+				<a href='food_weight.php?ndb_no={$searchResult.ndb_no}'>{$searchResult.long_desc}</a><br />
+	{/foreach}
+			</p>
+{else}
+			<p>
+				<span class='msgError'>No items matched your search!</span><br />
+			</p>
+			<p>
+				Would you like to <a href='index.php?{$queryString}'>refine your search</a>?
+			</p>
+			<p>
+				Don't understand the search options?  See the <a href='faq.php#searching'>FAQ</a> on searching.
+			</p>
+{/if}
+		</div>
+	</div>
+
+	<div id='leftColumn'>
+		<div id='leftData'>
+			{$sidebar_left}
+		</div>
+	</div>
+
+	<div id='rightColumn'>
+		<div id='rightData'>
+			{$sidebar_right}
+		</div>
+	</div>
+
+</div>
+{$footer}
diff --git a/templates/food_quantity.tpl b/templates/food_quantity.tpl
new file mode 100644
index 0000000..7da4cd8
--- /dev/null
+++ b/templates/food_quantity.tpl
@@ -0,0 +1,68 @@
+{$header}
+<div id='columnContainer'>
+
+	<div id='middleColumn'>
+		<div id='middleData'>
+			<div>
+				<strong>You selected</strong>: {$foodQuantities[0].foodDesc}<br />
+{if ! empty($foodQuantities[0].sciname)}
+				<strong>Scientific name</strong>: <span style='text-decoration: italic;'>{$foodQuantities[0].sciname}</span>
+{/if}
+			</div>
+
+			<div style='margin-top: 2ex;'>
+				You must now choose a quantity for the selected food.  You may choose between
+				various predefined quantities, or you may enter your own quantity.  If you
+				enter your own quantity, any decimal number is allowable, including fractionals. 
+			</div>
+
+			<form action='view_food.php' method='post' id='formFoodQuantity' style='margin-top: 2ex;'>
+				<div>
+					<input type='radio' name='quantitySource' value='predefined' checked='checked' />
+					Select a predefined quantity/weight:
+				</div>
+				<div style='margin-top: 2ex; margin-left: 5em;'>
+{foreach from=$foodQuantities item=foodQuantity name=foodQuantity}
+	{if $smarty.foreach.foodQuantity.index == 0}
+					<input type='radio' name='predefinedWeight' value='{$foodQuantity.seq}' checked='checked' onfocus='return changeQuantitySource("formFoodQuantity", "0");' />
+	{else}
+					<input type='radio' name='predefinedWeight' value='{$foodQuantity.seq}' onfocus='return changeQuantitySource("formFoodQuantity", "0");' />
+	{/if}
+					{$foodQuantity.amount} {$foodQuantity.msre_desc} ({$foodQuantity.gm_wgt} grams)<br />
+{/foreach}
+				</div>
+				<div style='margin-top: 2ex;'>
+					<input type='radio' name='quantitySource' value='userdefined' />
+					Enter your own quantity/weight:
+				</div>
+				<div style='margin-top: 2ex; margin-left: 5em;'>
+					<input type='text' name='quantity' size='5' onfocus='return changeQuantitySource("formFoodQuantity", "1");'/>
+					<select name='userdefinedWeight'>
+{foreach from=$foodQuantities item=foodQuantity}
+						<option value='{$foodQuantity.seq}'>{$foodQuantity.msre_desc}</option>
+{/foreach}
+					</select>
+				</div>
+				<div style='margin-top: 2ex;'>
+					<input type='hidden' name='food' value='{$food}' />
+					<input type='hidden' name='action' value='getFood' />
+					<input type='submit' name='doGetFood' value='Proceed' />
+				</div>
+			</form>
+		</div>
+	</div>
+
+	<div id='leftColumn'>
+		<div id='leftData'>
+			{$sidebar_left}
+		</div>
+	</div>
+
+	<div id='rightColumn'>
+		<div id='rightData'>
+			{$sidebar_right}
+		</div>
+	</div>
+
+</div>
+{$footer}
diff --git a/templates/food_search.tpl b/templates/food_search.tpl
new file mode 100644
index 0000000..21d4bb9
--- /dev/null
+++ b/templates/food_search.tpl
@@ -0,0 +1,77 @@
+{$header}
+<div id='columnContainer'>
+
+	<div id='middleColumn'>
+		<div id='middleData'>
+			<div>
+				<strong>Search text</strong>: '{$searchString}'<br />
+				<strong>Search type</strong>: {$searchType}/{$wordType}<br />
+				<strong>Category</strong>: {$foodCatName}<br />
+				<strong>Sort by</strong>: {$sortType}
+			</div>
+{if isset($searchResults)}
+			<div style='margin-top: 2ex;'>
+				The following items matched your search.
+				Select one, or <a href='index.php?{$smarty.server.QUERY_STRING|escape:"url"}'>refine your search</a>.
+			</div>
+			<div style='margin-top: 2ex;'>
+	{if $sortType == "Category"}
+		{foreach from=$searchResults key=category item=foodCat}
+			<div style='text-align: center; background-color: #e0e0e0;'>{$foodCat.foodCatName}</div>
+			{foreach from=$foodCat.searchResults item=searchResult}
+				<div>
+				{if $category == "userFood"}
+					<a href='view_food.php?{$searchResult.food}&description={$searchResult.foodDesc}'>{$searchResult.foodDesc}</a>
+				{elseif $category == "userMeal"}
+					<a href='view_meal.php?meal={$searchResult.food}&description={$searchResult.foodDesc}'>{$searchResult.foodDesc}</a>
+				{else}
+					<a href='food_quantity.php?food={$searchResult.food}'>{$searchResult.foodDesc}</a>
+				{/if}
+				</div>
+			{/foreach}
+		{/foreach}
+	{else}
+		{foreach from=$searchResults item=searchResult}
+				<div>	
+			{if $searchResult.category == "userFood"}
+					<a href='view_food.php?{$searchResult.food}&description={$searchResult.foodDesc}'>{$searchResult.foodDesc}</a>
+			{elseif $searchResult.category == "userMeal"}
+					<a href='view_meal.php?meal={$searchResult.food}&description={$searchResult.foodDesc}'>{$searchResult.foodDesc}</a>
+			{else}
+					<a href='food_quantity.php?food={$searchResult.food}'>{$searchResult.foodDesc}</a>
+			{/if}
+				</div>
+		{/foreach}
+	{/if}
+			</div>
+			<div class='pageNav'>	
+				{$pageNav}
+			</div>
+{else}
+			<div style='margin-top: 2ex;'>
+				<span class='msgError'>No items matched your search.</span><br />
+			</div>
+			<div>
+				Would you like to <a href='index.php?{$smarty.server.QUERY_STRING|escape:"url"}'>refine your search</a>?
+			</div>
+			<div>
+				Don't understand the search options?  See the <a href='help.php#searching'>help</a> on searching.
+			</div>
+{/if}
+		</div>
+	</div>
+
+	<div id='leftColumn'>
+		<div id='leftData'>
+			{$sidebar_left}
+		</div>
+	</div>
+
+	<div id='rightColumn'>
+		<div id='rightData'>
+			{$sidebar_right}
+		</div>
+	</div>
+
+</div>
+{$footer}
diff --git a/templates/footer.tpl b/templates/footer.tpl
new file mode 100644
index 0000000..fe0ec08
--- /dev/null
+++ b/templates/footer.tpl
@@ -0,0 +1,18 @@
+
+<div id='footer'>
+	<div id='footerLinks'>
+		<a href='index.php'>Search</a> |
+		<a href='help.php'>Help</a> |
+		<a href='terms.html' onclick='openInNewWindow("terms.html"); return false;'>Terms &amp; Conditions</a>
+	</div>
+</div>
+
+<script src='http://www.google-analytics.com/urchin.js' type='text/javascript'></script>
+<script type='text/javascript'>
+	_uacct = 'UA-1658795-1';
+	urchinTracker();
+</script>
+
+</body>
+
+</html>
diff --git a/templates/guide.tpl b/templates/guide.tpl
new file mode 100644
index 0000000..b781315
--- /dev/null
+++ b/templates/guide.tpl
@@ -0,0 +1,108 @@
+{$header}
+<div id='columnContainer'>
+
+	<div id='middleColumn'>
+		<div id='middleData' style='text-align: justify;'>
+
+			<h2 style='text-align: center;'>GUIDE</h2>
+
+			<div class='standardMargins'>
+				This isn't by any means intended to be an exhaustive guide on how to use this site.
+				It is hoped that the site will be relatively intuitive for the majority of users,
+				obviating the need for an entire manual.  If something is very important to know
+				then I will generally have included some instructions or tips at the appropriate
+				place in the user interface.  In this sense, some of the site is somewhat self
+				documenting.
+			</div>
+
+			<div class='standardMargins'>
+				The site can certainly be useful to those who don't create an account, but without
+				logging in one is limited to doing one-off searches and trying to build meals that
+				will disappear once you leave the site.  This is good and well and may be all that
+				many people want.  This site will perhaps be most useful to those who want to keep a
+				food diary, and in order to do this you must login.
+			</div>
+
+			<div class='standardMargins'>
+				The notion is for a user to build up a collection of saved foods and meals, and then
+				to use those as the building blocks for keeping an accurate food diary.  The
+				database has information on thousands of foods, but it takes time to search for them
+				individually.  It seems to me that most people generally tend to eat the same things
+				over and over again, with some variety added in here and there.  So rather than
+				searching for those repeated foods and meals each day in order to add them to a
+				diary, you can simply save a particular item and then with about two clicks it can
+				be added to a diary at any time in the future.
+			</div>
+
+			<div class='standardMargins'>
+				Above, I mention the concept of a "meal."  In the context of this database, a meal
+				is just a collection of an arbitrary number of individual foods.  Once a meal has
+				been created, you can view the entire nutritional profile for all of the foods
+				together.  Logically, any meal, dish, or dinner is just a combination of a number of
+				ingredients.  Since we typically eat lots of foods in combinations, the ability to
+				create and add a meal to a diary makes sense.  Foods can be added to or taken away
+				from an existing meal at any time, and existing meals can be used as templates for
+				creating new, similar meals.
+			</div>
+
+			<div class='standardMargins'>
+				One legitimate complaint that is sure to arise is that not all of the foods you eat
+				can be located in the database.  To be sure, it impossible to have every possible
+				food in the database, to say nothing of every processed, branded food.  However, the
+				USDA data has quite a large selection of the most common foods.  What I have found,
+				is that while a particular brand-name food might not be in the database, there will
+				generally be a generic food of more or less equivalent value.
+			</div>
+				
+			<div class='standardMargins'>
+				As an example, let's say you wanted to find the nutrition content for 1 pint of Ben
+				&amp; Jerry's ice cream.  At the moment that brand is not in the database, though
+				there are many other types of ice cream in the system.  Because the system allows
+				you to name your foods and meals, you could simply find a similar ice cream and then
+				adjust the quantity such that the resulting nutrition information matches the
+				brand-name product as closely as possible.  What this essentially does is allow you
+				to alias foods in the database with names that make more sense to you, or names of
+				brand-name products.
+			</div>
+
+			<div class='standardMargins'>
+				I spent a lot of time thinking about how to handle cases such as this.  Some sites
+				allow you to enter foods into their database, pending a review by someone at the
+				site before the food is actually entered.  This is great, but has the major flaw
+				that it is impossible to verify all the data, which process takes time and resources
+				and introduces major problems of scalability.  By allowing all users to be able to
+				enter nutritional data on brand-name products into the database you can be nearly
+				sure that a certain percentage of the data will be incorrect or incomplete.  So, in
+				the end I decided it was best to rely on data that I felt I could trust at all
+				times.
+			</div>
+
+			<div class='standardMargins'>
+				Foods and meals that users find and save are searchable by everyone.  What this
+				means is that the more people use the site, the more foods and meals will be
+				searchable by everyone.  Though you cannot guarantee that the name someone gave a
+				particular food will accurately represent the food itself, what can be counted upon
+				is the accuracy of the data, and in any case, next to every aliased (i.e. saved)
+				food will appear the original name the USDA gave to it, so it will be virtually
+				impossible for someone to maliciously load the database will inconspicuously
+				fraudulent data.
+			</div>
+
+		</div>
+	</div>
+
+	<div id='leftColumn'>
+		<div id='leftData'>
+			{$sidebar_left}
+		</div>
+	</div>
+
+	<div id='rightColumn'>
+		<div id='rightData'>
+			{$sidebar_right}
+		</div>
+	</div>
+
+</div>
+{$footer} 
+
diff --git a/templates/header.tpl b/templates/header.tpl
new file mode 100644
index 0000000..d280975
--- /dev/null
+++ b/templates/header.tpl
@@ -0,0 +1,51 @@
+<?xml version='1.0' ?>
+<!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>{$myHeaders}</head>
+
+{if $config->_thisScript == "index.php"}
+<body onload='getElement("searchForm").searchString.focus();'>
+{else}
+<body>
+{/if}
+
+<div id='header'>
+	<div id='headerLeft'>
+		<a href='{$config->_rootUri}/' style='color: #000000;'>Nutrition Information Database</a>
+	</div>
+
+{if isset($isLoggedIn)}
+	<div id='headerMiddle'></div>
+	<div id='headerRight'>
+		Hi {$smarty.session.user.username}.<br />
+		[<a href='logout.php'>Logout</a>]
+
+	</div>
+{else}
+	<form action='login.php' method='post' id='loginForm' onsubmit='return validateLoginFields();'>
+		<div id='headerMiddle'>
+			Login <input type='text' name='username' id='username' size='15' maxlength='25' /><br />
+			Password <input type='password' name='password' id='password' size='15' maxlength='25' />
+		</div>
+		<div id='headerRight'>
+			<input type='submit' name='doLogin' value='Login' style='margin-bottom: 1ex;' /><br />
+			<a href='register.php'>Register</a>.
+		</div>
+	</form>
+{/if}
+
+	<div id='headerLinkBar'>
+		<div id='headerLinks'>
+			<a href='{$config->_rootUri}/' title='Home/Search Page'>Search</a> &nbsp; | &nbsp;
+			<a href='{$config->_rootUri}/about.php' title='About nutridb.com'>About</a> &nbsp; | &nbsp;
+			<a href='{$config->_rootUri}/guide.php' title='A brief guide'>Guide</a> &nbsp; | &nbsp;
+			<a href='{$config->_rootUri}/resources.php' title='Other useful information'>Resources</a> &nbsp; | &nbsp;
+			<a href='faq.php' title='FAQ'>FAQ</a>
+		</div>
+		<div id='systemMsgs'>{$systemMsg}</div>
+	</div>
+</div>
+
+
diff --git a/templates/index.tpl b/templates/index.tpl
new file mode 100644
index 0000000..12dcdfa
--- /dev/null
+++ b/templates/index.tpl
@@ -0,0 +1,110 @@
+{$header}
+<div id='columnContainer'>
+
+	<div id='middleColumn'>
+		<div id='middleData'>
+			<form action='food_search.php' method='post' id='searchForm' onsubmit='return validateSearchBox();'>
+				<div class='standardMargins' style='text-align: justify;'>
+					The default search options below are probably fine in most cases.
+					Generally you should be able to just type some text in the "Search for" box and then
+					click "Search." If you are having trouble finding the food you want or would like to make more
+					advanced searches on the database, change any or all of the options below.
+					To learn more about these search options see the 
+					<a href='help.php#searching'>help on searching.</a>
+				</div>
+				<div class='standardMargins' style='text-align: justify;'>
+					<strong>NOTE</strong>: if the system has something to tell you, the message will be
+					<a href='{$smarty.server.PHP_SELF}' onmouseover='highlightSysMsgBox();' onmouseout='unhighlightSysMsgBox();' onclick='return false;'>displayed</a>
+					in the black navigation bar at the top of the screen, just below the login fields.  If the
+					system seems to be acting strangely or in some way you didn't expect, then don't forget to check
+					this system message area, as the system frequently communicates with you there.
+				</div>
+				<div class='standardMargins' style='text-align: center;'>
+					<strong>Search for</strong>:
+					<input type='text' name='searchString' id='searchString' value='{$currentSearchString}' size='25' />
+					<!--
+						Apparently IE won't send the submit button's name/value pair when a form
+						is submitted via the Enter key ... unless there are at least two text
+						input fields.  This is documented all over the web.
+					-->
+					<input type='text' name'IEHack' 'value='IEHack: see note above' style='display: none;' />
+					<input type='submit' name='doSearch' value='Search' />
+				</div>
+				<div class='standardMargins'>
+					<strong>Category</strong>:<br />
+					<select name='foodCat'>
+{foreach from=$foodCats item=foodCat}
+	{if $foodCat.fdgrp_cd == $currentFoodCat}
+						<option value='{$foodCat.fdgrp_cd}' selected='selected'>{$foodCat.fdgrp_desc}</option>
+	{else}
+						<option value='{$foodCat.fdgrp_cd}'>{$foodCat.fdgrp_desc}</option>
+	{/if}
+{/foreach}
+					</select>
+				</div>
+				<div class='standardMargins'>
+					<strong>Type of search</strong>:<br />
+{foreach from=$searchTypes item=searchType}
+	{if $searchType == $currentSearchType}
+					<input type='radio' name='searchType' value='{$searchType}' checked='checked' />{$searchType}<br />
+	{else}
+					<input type='radio' name='searchType' value='{$searchType}' />{$searchType}<br />
+	{/if}
+{/foreach}
+				</div>
+				<div class='standardMargins'>
+					<strong>Type of word search</strong>:<br />
+{foreach from=$wordTypes item=wordType}
+	{if $wordType == $currentWordType}
+					<input type='radio' name='wordType' value='{$wordType}' checked='checked' />{$wordType}<br />
+	{else}
+					<input type='radio' name='wordType' value='{$wordType}' />{$wordType}<br />
+	{/if}
+{/foreach}
+				</div>
+				<div class='standardMargins'>
+					<strong>Sort order</strong>:<br />
+{foreach from=$sortTypes item=sortType}
+	{if $sortType == $currentSortType}
+					<input type='radio' name='sortType' value='{$sortType}' checked='checked' />{$sortType}<br />
+	{else}
+					<input type='radio' name='sortType' value='{$sortType}' />{$sortType}<br />
+	{/if}
+{/foreach}
+				</div>
+			</form>
+
+			<hr />
+
+			<div class='standardMargins'>
+				Alternatively, you can search for the top 50 foods in the database containing
+				the highest concentrations of the specified nutrient.
+			</div>
+
+			<form action='nutrient_search.php' method='post' id='nutrientSearchForm'>
+				<div>
+					<select name='nutrient'>
+{foreach from=$nutrientList item=nutrient}
+						<option value='{$nutrient.nutr_no}'>{$nutrient.nutrdesc}</option>
+{/foreach}
+					</select>
+					<input type='submit' name='doFindNutrients' value='Search' />
+				</div>
+			</form>
+		</div>
+	</div>
+
+	<div id='leftColumn'>
+		<div id='leftData'>
+			{$sidebar_left}
+		</div>
+	</div>
+
+	<div id='rightColumn'>
+		<div id='rightData'>
+			{$sidebar_right}
+		</div>
+	</div>
+
+</div>
+{$footer}
diff --git a/templates/list_diaries.tpl b/templates/list_diaries.tpl
new file mode 100644
index 0000000..b7012e2
--- /dev/null
+++ b/templates/list_diaries.tpl
@@ -0,0 +1,45 @@
+{$header}
+<div id='columnContainer'>
+
+	<div id='middleColumn'>
+		<div id='middleData'>
+			<h3 style='text-align: center;'>Diaries</h3>
+{if $userDiaries}
+	{if $diaryCount < 50}
+			<div>
+		{foreach from=$userDiaries item=userDiary name=userDiaries}
+				<div>{$smarty.foreach.userDiaries.iteration}) <a href='view_diary.php?diary={$userDiary.id}&action=viewDiary'>{$userDiary.description|escape:'html'}</a></div>
+		{/foreach}
+			</div>
+	{else}
+			<div style='float: left; margin-right: 5ex;'>
+		{foreach from=$userDiaries item=userDiary name=userDiaries}
+			{math equation='ceil(x/2) + 1' x=$diaryCount assign=medianDiary}
+			{if $smarty.foreach.userDiaries.iteration == $medianDiary}
+			</div>
+			<div style='float: left; width: 49%;'>
+			{/if}
+				<div>{$smarty.foreach.userDiaries.iteration}) <a href='view_diary.php?diary={$userDiary.id}&action=viewDiary'>{$userDiary.description|escape:'html'}</a></div>
+		{/foreach}
+			</div>
+	{/if}
+{else}
+			<div>* No saved diaries.</div>
+{/if}
+		</div>
+	</div>
+
+	<div id='leftColumn'>
+		<div id='leftData'>
+			{$sidebar_left}
+		</div>
+	</div>
+
+	<div id='rightColumn'>
+		<div id='rightData'>
+			{$sidebar_right}
+		</div>
+	</div>
+
+</div>
+{$footer}
diff --git a/templates/list_foods.tpl b/templates/list_foods.tpl
new file mode 100644
index 0000000..7c35c23
--- /dev/null
+++ b/templates/list_foods.tpl
@@ -0,0 +1,45 @@
+{$header}
+<div id='columnContainer'>
+
+	<div id='middleColumn'>
+		<div id='middleData'>
+			<h3 style='text-align: center;'>Saved Foods</h3>
+{if $userFoods}
+	{if $foodCount < 50}
+			<div>
+		{foreach from=$userFoods item=userFood name=userFoods}
+				<div>{$smarty.foreach.userFoods.iteration}) <a href='view_food.php?food={$userFood.food}&weight={$userFood.weight}&quantity={$userFood.quantity}&description={$userFood.description|escape:'url'}&action=viewFood'>{$userFood.description|escape:'html'}</a></div>
+		{/foreach}
+			</div>
+	{else}
+			<div style='float: left; margin-right: 5ex;'>
+		{foreach from=$userFoods item=userFood name=userFoods}
+			{math equation='ceil(x/2) + 1' x=$foodCount assign=medianFood}
+			{if $smarty.foreach.userFoods.iteration == $medianFood}
+			</div>
+			<div style='float: left; width: 49%;'>
+			{/if}
+				<div>{$smarty.foreach.userFoods.iteration}) <a href='view_food.php?food={$userFood.food}&weight={$userFood.weight}&quantity={$userFood.quantity}&description={$userFood.description|escape:'url'}&action=viewFood'>{$userFood.description|escape:'html'}</a></div>
+		{/foreach}
+			</div>
+	{/if}
+{else}
+			<div>* No saved foods.</div>
+{/if}
+		</div>
+	</div>
+
+	<div id='leftColumn'>
+		<div id='leftData'>
+			{$sidebar_left}
+		</div>
+	</div>
+
+	<div id='rightColumn'>
+		<div id='rightData'>
+			{$sidebar_right}
+		</div>
+	</div>
+
+</div>
+{$footer}
diff --git a/templates/list_meals.tpl b/templates/list_meals.tpl
new file mode 100644
index 0000000..b357353
--- /dev/null
+++ b/templates/list_meals.tpl
@@ -0,0 +1,45 @@
+{$header}
+<div id='columnContainer'>
+
+	<div id='middleColumn'>
+		<div id='middleData'>
+			<h3 style='text-align: center;'>Saved Meals</h3>
+{if $userMeals}
+	{if $mealCount < 50}
+			<div>
+		{foreach from=$userMeals item=userMeal name=userMeals}
+				<div>{$smarty.foreach.userMeals.iteration}) <a href='view_meal.php?meal={$userMeal.id}&action=viewMeal'>{$userMeal.description|escape:'html'}</a></div>
+		{/foreach}
+			</div>
+	{else}
+			<div style='float: left; margin-right: 5ex;'>
+		{foreach from=$userMeals item=userMeal name=userMeals}
+			{math equation='ceil(x/2) + 1' x=$mealCount assign=medianMeal}
+			{if $smarty.foreach.userMeals.iteration == $medianMeal}
+			</div>
+			<div style='float: left; width: 49%;'>
+			{/if}
+				<div>{$smarty.foreach.userMeals.iteration}) <a href='view_meal.php?meal={$userMeal.id}&action=viewMeal'>{$userMeal.description|escape:'html'}</a></div>
+		{/foreach}
+			</div>
+	{/if}
+{else}
+			<div>* No saved meals.</div>
+{/if}
+		</div>
+	</div>
+
+	<div id='leftColumn'>
+		<div id='leftData'>
+			{$sidebar_left}
+		</div>
+	</div>
+
+	<div id='rightColumn'>
+		<div id='rightData'>
+			{$sidebar_right}
+		</div>
+	</div>
+
+</div>
+{$footer}
diff --git a/templates/manage.tpl b/templates/manage.tpl
new file mode 100644
index 0000000..20a7e96
--- /dev/null
+++ b/templates/manage.tpl
@@ -0,0 +1,162 @@
+{$header}
+<div id='columnContainer'>
+
+	<div id='middleColumn'>
+		<div id='middleData'>
+			<h3 style='text-align: center;'>Manage Account</h3>
+			<div><strong>Quick edit favorites</strong>:</div>
+			<div style='border: 1px solid black;'>
+{if $favFoods}
+			<div style='padding: 1ex;'>
+				<form action='edit_food.php' method='post' name='formQuickEditFood' id='formQuickEditFood' onsubmit='return validateEditFood("formQuickEditFood");'>
+					<div style='float: left; margin-right: .5ex; overflow: auto;'>
+						<strong>Foods:</strong><br />
+						<select name='food' id='foodId'>
+	{foreach from=$favFoods item=favFood}
+							<option value='{$favFood.id}'>{$favFood.description|escape:'html'|truncate:50:" ..."}</option>
+	{/foreach}
+						</select>
+					</div>
+					<div style='float: left; margin-right: .5ex;'>
+						<strong>Action:</strong><br />
+						<select name='action' id='foodAction' onchange='return toggleShowRenameField("foodAction","renameFood");'>
+							<option value='Edit'>Edit</option>
+							<option value='Delete'>Delete</option>
+							<option value='Rename'>Rename</option>
+						</select>
+					</div>
+					<div id='renameFood' style='display: none; float: left; margin-right: .5ex;'>
+						<strong>New name:</strong><br />
+						<input type='text' name='newFoodName' id='newFoodName' size='20' />
+					</div>
+					<div style='float: left;'>
+						&nbsp;<br />
+						<input type='submit' name='doModifyFood' value='Go' />
+					</div>
+				</form>
+			</div>
+			<div style='clear: both;'></div>
+{else}
+			<div style='margin: 1ex;'>* No saved foods to manage.</div>
+{/if}
+{if $favMeals}
+			<div style='padding: 1ex;'>
+				<form action='edit_meal.php' method='post' name='formQuickEditMeal' id='formQuickEditMeal' onsubmit='return validateEditMeal("formQuickEditMeal");'>
+					<div style='float: left; margin-right: .5ex; overflow: auto;'>
+						<strong>Meals:</strong><br />
+						<select name='meal' id='meal'>
+	{foreach from=$favMeals item=favMeal}
+							<option value='{$favMeal.id}'>{$favMeal.description|escape:"html"|truncate:50:" ..."}</option>
+	{/foreach}
+						</select>
+					</div>
+					<div style='float: left; margin-right: .5ex;'>
+						<strong>Action:</strong><br />
+						<select name='action' id='mealAction' onchange='return toggleShowRenameField("mealAction","renameMeal");'>
+							<option value='Edit'>Edit</option>
+							<option value='Rename'>Rename</option>
+							<option value='Delete'>Delete</option>
+						</select>
+					</div>
+					<div id='renameMeal' style='display: none; float: left; margin-right: .5ex;'>
+						<strong>New name:</strong><br />
+						<input type='text' name='newMealName' size='20' />
+					</div>
+					<div style='float: left;'>
+						&nbsp;<br />
+						<input type='submit' name='doModifyMeal' value='Go' />
+					</div>
+				</form>
+			</div>
+			<div style='clear: both;'></div>
+{else}
+			<div style='margin: 1ex;'>* No saved meals to manage.</div>
+{/if}
+{if $userDiaries}
+			<div style='margin: 1ex;'>
+				<form action='edit_diary.php' method='post' name='formQuickEditDiary' id='formQuickEditDiary' onsubmit='return validateEditDiary("formQuickEditDiary");'>
+					<div style='float: left; margin-right: .5ex; overflow: auto;'>
+						<strong>Diaries:</strong><br />
+						<select name='diary' id='diaryId'>
+	{foreach from=$userDiaries item=userDiary}
+							<option value='{$userDiary.id}'>{$userDiary.description|escape:"html"|truncate:50:" ..."}</option>
+	{/foreach}
+						</select>
+					</div>
+					<div style='float: left; margin-right: .5ex;'>
+						<strong>Action:</strong><br />
+						<select name='action' id='diaryAction' onchange='return toggleShowRenameField("diaryAction","renameDiary");'>
+							<option value='Delete'>Delete</option>
+							<option value='Rename'>Rename</option>
+						</select>
+					</div>
+					<div id='renameDiary' style='display: none; float: left; margin-right: .5ex;'>
+						<strong>New name:</strong><br />
+						<input type='text' name='newDiaryName' id='newDiaryName' size='20' />
+					</div>
+					<div style='float: left;'>
+						&nbsp;<br />
+						<input type='submit' name='doModifyDiary' value='Go' />
+					</div>
+				</form>
+			</div>
+			<div style='clear: both;'>&nbsp;</div>
+{else}
+			<div style='margin: 1ex;'>* No saved diaries to manage.</div>
+{/if}
+			</div>
+
+			<div style='margin-top: 2ex; margin-bottom: 2ex;'>
+				<a href='edit_food.php?action=showFoods'>Edit foods</a> - use this section to edit any/all foods,
+				not just favorites.
+			</div>
+
+			<div style='margin-top: 2ex; margin-bottom: 2ex;'>
+				<a href='edit_meal.php?action=showMeals'>Edit meals</a> - use this section to edit any/all meals,
+				not just favorites.
+			</div>
+
+			<div style='margin-top: 2ex; margin-bottom: 2ex;'>
+				<form action='add_diary.php' method='post' onsubmit='return validateCreateDiary("newDiaryName");'>
+					<div>
+						<strong>Create</strong> a new diary named
+						<input type='text' name='newDiaryName' id='newDiaryName' />
+						<input type='submit' name='doCreateDiary' value='Go' />
+					</div>
+				</form>
+			</div>
+			<div style='margin-top: 2ex; margin-bottom: 2ex; text-align: justify;'>
+				<a href='nutrient_chooser.php'>Edit your list of standard nutrients.</a>  There is
+				a large number of nutrients available for most foods.  Usually you will not be
+				concerned with the majority of them, but rather only a small percentage of the
+				available nutrients.  Use this section to filter out the nutrients you do not want
+				to see, though you will always have the option to view all nutrient data while
+				viewing any food or meal.
+			</div>
+
+			<div style='margin-top: 2ex; margin-bottom: 2ex; text-align: justify;'>
+				<a href='edit_account.php'>Edit your profile.</a>  Here you can change
+				things like your password, username, birthday or gender.
+<!--
+				<a href='edit_account.php'>Edit your profile.</a>  Here you can change
+				things like your password, username, birthday, gender, or even delete your
+				whole account and all the data associated with it.
+-->
+			</div>
+		</div>
+	</div>
+
+	<div id='leftColumn'>
+		<div id='leftData'>
+			{$sidebar_left}
+		</div>
+	</div>
+
+	<div id='rightColumn'>
+		<div id='rightData'>
+			{$sidebar_right}
+		</div>
+	</div>
+
+</div>
+{$footer}
diff --git a/templates/nutrient_chooser.tpl b/templates/nutrient_chooser.tpl
new file mode 100644
index 0000000..cebe456
--- /dev/null
+++ b/templates/nutrient_chooser.tpl
@@ -0,0 +1,56 @@
+{$header}
+<div id='columnContainer'>
+
+	<div id='middleColumn'>
+		<div id='middleData'>
+			<h3 style='text-align: center;'>Nutrient Chooser</h3>
+			<p style='text-align: justify;'>
+				There is fairly bewildering array of nutrient data available for most of the foods
+				in this database.  In most cases, you may only be concerned with a select few of
+				these nutrients.  This form allows you to select which nutrients will be displayed
+				in your food and meal summaries.  Don't be afraid to uncheck too may options below.
+				With every summary you will have the option to view information for all nutrients,
+				including the ones you have selected to hide here.  Checked nutrients will be displayed
+				in summaries.  Unchecked nutrients will be hidden.
+			</p>
+			<a href='javascript: checkAll("nutrients[]");'>Check all</a> |
+			<a href='javascript: uncheckAll("nutrients[]");'>Uncheck all</a>
+			<div style='width: 100%;'>
+				<form action='{$_SERVER[PHP_SELF]}' method='post' id='nutrientChooser'>
+					<table class='standardTable'>
+						<tr class='tableTitleRow'>
+							<th>Show/Hide</th>
+							<th>Nutrient Description</th>
+						</tr>
+{foreach from=$nutrients item=nutrient}
+						<tr class='{cycle values="bgDark,bgLight"}'>
+	{if ! empty($nutrient.myNutrient)}
+							<td style='text-align: center;'><input type='checkbox' name='nutrients[]' value='{$nutrient.nutr_no}' checked='checked' /></td>
+	{else}
+							<td style='text-align: center;'><input type='checkbox' name='nutrients[]' value='{$nutrient.nutr_no}' /></td>
+	{/if}
+							<td>{$nutrient.nutrdesc}</td>
+						</tr>
+{/foreach}
+					</table>
+					<br />
+					<input type='submit' name='setNutrients' value='Save Changes'>
+				</form>
+			</div>
+		</div>
+	</div>
+
+	<div id='leftColumn'>
+		<div id='leftData'>
+			{$sidebar_left}
+		</div>
+	</div>
+
+	<div id='rightColumn'>
+		<div id='rightData'>
+			{$sidebar_right}
+		</div>
+	</div>
+
+</div>
+{$footer}
diff --git a/templates/nutrient_search.tpl b/templates/nutrient_search.tpl
new file mode 100644
index 0000000..d9a052f
--- /dev/null
+++ b/templates/nutrient_search.tpl
@@ -0,0 +1,53 @@
+{$header}
+<div id='columnContainer'>
+
+	<div id='middleColumn'>
+		<div id='middleData'>
+			<div>
+				<strong>Nutrient</strong>: {$nutrientName}<br />
+			</div>
+{if isset($searchResults)}
+			<div style='margin-top: 2ex;'>
+				The following ({$smarty.get.count}) foods have the highest "{$nutrientName}" content in the database.<br />
+				The results are in decending order (highest quantity first).<br />
+				In parenthesis is the quantity of "{$nutrientName}" per 100g of the displayed item.<br />
+				Please select one.
+			</div>
+			<div style='margin-top: 2ex;'>
+				<ol>
+	{foreach from=$searchResults item=searchResult}
+					<li><a href='food_quantity.php?food={$searchResult.food}'>({$searchResult.nutr_val}{$searchResult.units}) {$searchResult.foodDesc}</a><br /></li>
+	{/foreach}
+				</ol>
+			</div>
+			<div class='pageNav'>	
+				{$pageNav}
+			</div>
+{else}
+			<div style='margin-top: 2ex;'>
+				<span class='msgError'>No items matched your search.</span><br />
+			</div>
+			<div>
+				Would you like to <a href='index.php?{$smarty.server.QUERY_STRING}'>refine your search</a>?
+			</div>
+			<div>
+				Don't understand the search options?  See the <a href='help.php#searching'>help</a> on searching.
+			</div>
+{/if}
+		</div>
+	</div>
+
+	<div id='leftColumn'>
+		<div id='leftData'>
+			{$sidebar_left}
+		</div>
+	</div>
+
+	<div id='rightColumn'>
+		<div id='rightData'>
+			{$sidebar_right}
+		</div>
+	</div>
+
+</div>
+{$footer}
diff --git a/templates/register.tpl b/templates/register.tpl
new file mode 100644
index 0000000..a1e760f
--- /dev/null
+++ b/templates/register.tpl
@@ -0,0 +1,86 @@
+{$header}
+<div id='columnContainer'>
+
+	<div id='middleColumn'>
+		<div id='middleData'>
+
+			<h3 style='text-align: center;'>Register</h3>
+			<div style='text-align: center;'> <!-- this outer div here is to make IE6 center align a box correctly -->
+				<div class='registerDiv'>
+					<div class='standardMargins' style='text-align: justify;'>
+						Please complete the following form to register with nutridb.com.  It is fairly
+						important that your birthday and gender be correct because the DRIs (Dietary Reference Intakes -
+						a newer version of the RDAs (Recommended Dietary Allowances)) are age/gender specific, so
+						if you give incorrect values here, then the returned DRIs may be incorrect for you in
+						particular.  <strong>NOTE</strong>: nutridb.com does not request your real name, an email
+						address, or any other personal/private information, nor does nutridb.com want this
+						information.  Below you simply need to select a unique login name, a password and basic
+						age/gender information.  For more information see the help regarding
+						<a href='help.php#whyregister'>why you might want to register</a>.
+					</div>
+				</div>
+				<div class='registerDiv'>
+					<form action='{$smarty.server.PHP_SELF}' method='post' id='formRegisterUser' onsubmit='validateRegisterUser("formRegisterUser"); return false;'>
+						<div class='standardMargins'>
+							<input type='text' name='username' size='25' /> <strong>Login name</strong>
+							(min. 5 chars.)
+						</div>
+						<div class='standardMargins'>
+							<input type='password' name='password' size='25' /> <strong>Password</strong>
+							(min. 5 chars.)
+						</div>
+						<div class='standardMargins'>
+							<input type='password' name='password2' size='25' /> <strong>Confirm password</strong>
+							(min. 5 chars.)
+						</div>
+						<div class='standardMargins'>
+							<input type='text' name='birthday' id='birthday' readonly='readonly' value='' /> <strong>Birthday</strong>
+							<script type="text/javascript">
+								Calendar.setup(
+									{literal}{{/literal}
+										inputField	: "birthday", // ID of the input field
+										ifFormat	: "%Y-%m-%d", // the date format
+										button		: "birthday", // ID of the button
+										weekNumbers	: false,
+										showsTime	: true,
+										firstDay	: 0
+									{literal}}{/literal}
+								);
+							</script>
+						</div>
+						<div class='standardMargins'>
+							<select name='gender'>
+								<option value='Female'>Female</option>
+								<option value='Male'>Male</option>
+							</select> <strong>Gender</strong>
+						</div>
+						<div class='standardMargins'>
+							<input type='checkbox' name='terms' value='accepted' />
+							I have read, fully understand, and accept the <a href='{$smarty.server.REQUEST_URI}' onclick='openInNewWindow("terms.html"); return false;'>
+                  Terms &amp; Conditions</a> of use.
+						</div>
+						<div class='standardMargins'>
+							<input type='hidden' name='action' value='' />
+							<input type='submit' name='doRegister' value='Register' onclick='getElement("formRegisterUser").action.value = "registerUser";' />
+						</div>
+					</form>
+				</div>
+			</div>
+	
+		</div>
+	</div>
+
+	<div id='leftColumn'>
+		<div id='leftData'>
+			{$sidebar_left}
+		</div>
+	</div>
+
+	<div id='rightColumn'>
+		<div id='rightData'>
+			{$sidebar_right}
+		</div>
+	</div>
+
+</div>
+{$footer}
diff --git a/templates/resources.tpl b/templates/resources.tpl
new file mode 100644
index 0000000..10f6da7
--- /dev/null
+++ b/templates/resources.tpl
@@ -0,0 +1,45 @@
+{$header}
+<div id='columnContainer'>
+
+	<div id='middleColumn'>
+		<div id='middleData' style='text-align: justify;'>
+
+			<h2 style='text-align: center;'>RESOURCES</h2>
+
+			<a name='nutritionsites' id='nutritionsites' style='position: absolute;'></a>
+			<div class='standardMargins'>
+				Here are a few other nutrition information sites that stand out to me.  They have a
+				very complete set of tools and information.  You may find them useful.
+					<ul>
+						<li><a href='http://www.nutritiondata.com'>http://www.nutritiondata.com</a></li>
+						<li><a href='http://www.thedailyplate.com'>http://www.thedailyplate.com</a></li>
+					</ul>
+			</div>
+
+			<a name='ndl' id='ndl' style='position: absolute;'></a>
+			<div class='standardMargins'>
+				The USDA Nutrient Data Laboratory is where the vast majority of reliable nutrient
+				data comes from, including for this site.
+					<ul>
+						<li><a href='http://www.ars.usda.gov/main/site_main.htm?modecode=12354500'>USDA Nutrient Data Laboratory</a></li>
+					</ul>
+			</div>
+
+		</div>
+	</div>
+
+	<div id='leftColumn'>
+		<div id='leftData'>
+			{$sidebar_left}
+		</div>
+	</div>
+
+	<div id='rightColumn'>
+		<div id='rightData'>
+			{$sidebar_right}
+		</div>
+	</div>
+
+</div>
+{$footer} 
+
diff --git a/templates/sidebar_left.tpl b/templates/sidebar_left.tpl
new file mode 100644
index 0000000..8ae0b1b
--- /dev/null
+++ b/templates/sidebar_left.tpl
@@ -0,0 +1,71 @@
+		<div><strong>Current meal</strong>:</div>
+		<div id='divCurrentMeal'>
+{if $currentMealItems}
+	{foreach from=$currentMealItems key=key item=currentMealItem}
+			<div id='currentMealItem-{$key}'>
+				<a href='{$smarty.server.REQUEST_URI}' onclick='verifyRemoveCurrentMealItem("{$key}"); return false;' title='Remove: {$currentMealItem.description|escape:"html"}'><img src='{$config->_imgUri}/remove.png' alt='(Del)' /></a>
+				=&gt; <a href='view_food.php?food={$currentMealItem.food}&amp;weight={$currentMealItem.weight}&amp;quantity={$currentMealItem.quantity}&amp;description={$currentMealItem.description|escape:"url"}&amp;action=viewFood' id='currentMealItemDesc-{$key}' title='View this item'>{$currentMealItem.description|escape:"html"}</a>
+			</div>
+	{/foreach}
+			<div style='margin-top: 1ex;'>
+				<a href='view_meal.php?meal=0&amp;action=getMeal' title='View current meal'>View meal</a> |
+				<a href='{$smarty.server.REQUEST_URI}' onclick='verifyClearCurrentMeal(); return false;' title='Remove all meal items'>Clear meal</a>
+			</div>
+{else}
+			No items in meal.
+{/if}
+		</div>
+{if $isLoggedIn}
+		<div style='margin-top: 2ex;'><strong>Favorites:</strong></div>
+		<div style='margin-top: 1ex;'>
+	{if $favFoods}
+			<form action='view_food.php' method='post' id='frmFavFoods' style='margin: 0;'>
+				<select name='queryString' style='width: 100%;' onchange='return submitForm("frmFavFoods");'>
+					<option value=''> -- Foods -- </option>
+					<option value='viewAllFoods'>[View All]</option>
+		{foreach from=$favFoods item=favFood}
+					<option value='food={$favFood.food}&amp;weight={$favFood.weight}&amp;quantity={$favFood.quantity}&amp;description={$favFood.description|escape:'url'}&amp;action=viewFood'>{$favFood.description|escape:'html'}</option>
+		{/foreach}
+				</select>
+				<input type='hidden' name='action' value='viewFood' />
+			</form>
+	{else}
+			* No favorite foods.<br />
+	{/if}
+		</div>
+		<div style='margin-top: 1ex;'>
+	{if $favMeals}
+			<form action='view_meal.php' method='post' id='frmFavMeals' style='margin: 0;'>
+				<select name='meal' style='width: 100%;' onchange='return submitForm("frmFavMeals");'>
+					<option value=''> -- Meals -- </option>
+					<option value='viewAllMeals'>[View All]</option>
+		{foreach from=$favMeals item=favMeal}
+					<option value='{$favMeal.id}'>{$favMeal.description|escape:'html'}</option>
+		{/foreach}
+				</select>
+				<input type='hidden' name='action' value='viewMeal' />
+			</form>
+	{else}
+			* No favorite meals.<br />
+	{/if}
+		</div>
+		<div style='margin-top: 1ex;'>
+	{if $userDiaries}
+			<form action='view_diary.php' method='post' id='frmFavDiaries' style='margin: 0;'>
+				<select name='diary' style='width: 100%;' onchange='return submitForm("frmFavDiaries");'>
+					<option value=''> -- Diaries -- </option>
+					<option value='viewAllDiaries'>[View All]</option>
+		{foreach from=$userDiaries item=userDiary}
+					<option value='{$userDiary.id}'>{$userDiary.description|escape:'html'}</option>
+		{/foreach}
+				</select>
+				<input type='hidden' name='action' value='viewDiary' />
+			</form>
+	{else}
+			* No diaries.
+	{/if}
+		</div>
+		<div style='margin-top: 2ex;'>
+				<a href='manage.php'>Manage account</a>.
+		</div>
+{/if}
diff --git a/templates/sidebar_left.tpl.orig b/templates/sidebar_left.tpl.orig
new file mode 100644
index 0000000..dbd7881
--- /dev/null
+++ b/templates/sidebar_left.tpl.orig
@@ -0,0 +1,64 @@
+		<div><strong>Current meal</strong>:</div>
+{if isset($currentMealItems)}
+			<form action='view_meal.php' method='post'>
+{foreach from=$currentMealItems key=key item=currentMealItem}
+				<span class='indent'> =&gt; {$currentMealItem.description|escape:'html'} (<a href='edit_new_meal.php?rm_item={$key}' title='Remove meal item'>Del</a>)</span>
+				<br />
+{/foreach}
+				<input type='hidden' name='source' value='new' />
+				<input type='submit' name='view_new_meal' value='View Meal' />
+				<a href='edit_new_meal.php?clear_meal=yes' title='Remove all meal items'>Clear Meal</a>
+			</form>
+{else}
+			(No items in meal.)
+{/if}
+{if $isLoggedIn}
+			<div style='margin-top: 2ex;'><strong>Saved items</strong>:</div>
+{if $myFoods}
+			<form action='view_food.php' method='post' id='frmMyFoods' style='margin: .5ex;'>
+				<select name='queryString' style='width: 70%; margin-bottom: .5ex;' onchange='return submitForm("frmMyFoods");'>
+					<option value=''> -- Select -- </option>
+{foreach from=$myFoods item=myFood}
+					<option value='ndb_no={$myFood.ndb_no}&weight={$myFood.id_weight}&quantity={$myFood.my_qty}&foodDesc={$myFood.my_desc}&action=viewFood'>{$myFood.my_desc}</option>
+{/foreach}
+				</select>
+				Foods
+				<input type='hidden' name='viewFood' value='viewFood' />
+			</form>
+{else}
+			No saved foods.<br />
+{/if}
+
+{if $myMeals}
+			<form action='view_meal.php' method='post' id='frmMyMeals' style='margin: .5ex;'>
+				<select name='mealId' style='width: 70%; margin-bottom: .5ex;' onchange='return submitForm("frmMyMeals");'>
+					<option value=''> -- Select -- </option>
+{foreach from=$myMeals item=myMeal}
+					<option value='{$myMeal.id_my_meals}'>{$myMeal.meal_desc}</option>
+{/foreach}
+				</select>
+				Meals
+				<input type='hidden' name='action' value='viewMeal' />
+			</form>
+{else}
+			No saved meals.<br />
+{/if}
+  
+{if $myDiaries}
+			<form action='view_diary.php' method='post' id='frmMyDiaries' style='margin: .5ex;'>
+				<select name='id_my_diaries' style='width: 70%; margin-bottom: .5ex;' onchange='return submitForm("frmMyDiaries");'>
+					<option value=''> -- Select -- </option>
+{foreach from=$myDiaries item=myDiary}
+					<option value='{$myDiary.id_my_diaries}'>{$myDiary.diary_desc}</option>
+{/foreach}
+				</select>
+				Meals
+			</form>
+			Diaries
+{else}
+			No saved diaries.
+{/if}
+			<p>
+				<a href='my_stuff.php'>Manage my account</a>.
+			</p>
+{/if}
diff --git a/templates/sidebar_right.tpl b/templates/sidebar_right.tpl
new file mode 100644
index 0000000..8b13789
--- /dev/null
+++ b/templates/sidebar_right.tpl
@@ -0,0 +1 @@
+
diff --git a/templates/trash/sidebar_left.tpl.orig b/templates/trash/sidebar_left.tpl.orig
new file mode 100644
index 0000000..dbd7881
--- /dev/null
+++ b/templates/trash/sidebar_left.tpl.orig
@@ -0,0 +1,64 @@
+		<div><strong>Current meal</strong>:</div>
+{if isset($currentMealItems)}
+			<form action='view_meal.php' method='post'>
+{foreach from=$currentMealItems key=key item=currentMealItem}
+				<span class='indent'> =&gt; {$currentMealItem.description|escape:'html'} (<a href='edit_new_meal.php?rm_item={$key}' title='Remove meal item'>Del</a>)</span>
+				<br />
+{/foreach}
+				<input type='hidden' name='source' value='new' />
+				<input type='submit' name='view_new_meal' value='View Meal' />
+				<a href='edit_new_meal.php?clear_meal=yes' title='Remove all meal items'>Clear Meal</a>
+			</form>
+{else}
+			(No items in meal.)
+{/if}
+{if $isLoggedIn}
+			<div style='margin-top: 2ex;'><strong>Saved items</strong>:</div>
+{if $myFoods}
+			<form action='view_food.php' method='post' id='frmMyFoods' style='margin: .5ex;'>
+				<select name='queryString' style='width: 70%; margin-bottom: .5ex;' onchange='return submitForm("frmMyFoods");'>
+					<option value=''> -- Select -- </option>
+{foreach from=$myFoods item=myFood}
+					<option value='ndb_no={$myFood.ndb_no}&weight={$myFood.id_weight}&quantity={$myFood.my_qty}&foodDesc={$myFood.my_desc}&action=viewFood'>{$myFood.my_desc}</option>
+{/foreach}
+				</select>
+				Foods
+				<input type='hidden' name='viewFood' value='viewFood' />
+			</form>
+{else}
+			No saved foods.<br />
+{/if}
+
+{if $myMeals}
+			<form action='view_meal.php' method='post' id='frmMyMeals' style='margin: .5ex;'>
+				<select name='mealId' style='width: 70%; margin-bottom: .5ex;' onchange='return submitForm("frmMyMeals");'>
+					<option value=''> -- Select -- </option>
+{foreach from=$myMeals item=myMeal}
+					<option value='{$myMeal.id_my_meals}'>{$myMeal.meal_desc}</option>
+{/foreach}
+				</select>
+				Meals
+				<input type='hidden' name='action' value='viewMeal' />
+			</form>
+{else}
+			No saved meals.<br />
+{/if}
+  
+{if $myDiaries}
+			<form action='view_diary.php' method='post' id='frmMyDiaries' style='margin: .5ex;'>
+				<select name='id_my_diaries' style='width: 70%; margin-bottom: .5ex;' onchange='return submitForm("frmMyDiaries");'>
+					<option value=''> -- Select -- </option>
+{foreach from=$myDiaries item=myDiary}
+					<option value='{$myDiary.id_my_diaries}'>{$myDiary.diary_desc}</option>
+{/foreach}
+				</select>
+				Meals
+			</form>
+			Diaries
+{else}
+			No saved diaries.
+{/if}
+			<p>
+				<a href='my_stuff.php'>Manage my account</a>.
+			</p>
+{/if}
diff --git a/templates/view_diary.tpl b/templates/view_diary.tpl
new file mode 100644
index 0000000..28a3250
--- /dev/null
+++ b/templates/view_diary.tpl
@@ -0,0 +1,164 @@
+{$header}
+<div id='columnContainer'>
+	<div id='middleColumn'>
+		<div id='middleData'>
+			<div class='standardMargins'>
+				<strong>Diary</strong>: {$diaryDesc}
+			</div>
+
+			<div id='diaryCalendar' style='width: 15em; margin-bottom: 2ex; margin-right: 2ex; float: left;'></div>
+			<script type='text/javascript'>
+{literal}
+				function dateChanged(calendar) {
+					if (calendar.dateClicked) {
+						var y = calendar.date.getFullYear();
+						var m = calendar.date.getMonth();
+						var d = calendar.date.getDate();
+{/literal}
+						window.location = "view_diary.php?diary={$smarty.get.diary}&action=viewDiary&date=" + y + "-" + (m + 1) + "-" + d;
+{literal}
+					}
+				}
+				Calendar.setup(
+					{
+						flat         : "diaryCalendar", // ID of the parent element
+						flatCallback : dateChanged,           // our callback function
+{/literal}
+						range : [{$firstYear},{$lastYear}],
+						date : "{$calendarStartDate}"
+{literal}
+					}
+				);
+{/literal}
+			</script>
+
+			<div style='float: left;'>
+				<div style='margin-bottom: 2ex;'>
+					Navigate this diary with the calendar.
+				</div>
+				<form action='edit_diary.php' method='post' id='formEditDiary' onsubmit='return validateAddDiaryNote("formEditDiary");'>
+					<div><strong>Add a note to this diary:</strong></div>
+					<textarea name='note' rows='3' style='width: 97%;'></textarea>
+					<div style='margin-bottom: .5em;'>
+						<input type='hidden' name='action' value='addNote' />
+						<input type='hidden' name='diary' value='{$smarty.get.diary}' />
+						<input type='submit' name='doAddNote' value='Add note' />
+						with
+						<a href='help.php#timestamp' title='What is a diary timestamp?'>timestamp</a>
+						<input type='text' name='diaryTimestamp' id='diaryTimestamp' readonly='readonly' value='{$smarty.get.date|date_format:"%Y-%m-%d"}' size='20' />
+						<script type="text/javascript">
+							Calendar.setup(
+								{literal}{{/literal}
+									inputField	: "diaryTimestamp",
+									ifFormat	: "%Y-%m-%d %I:%M%p",
+									button		: "diaryTimestamp",
+									weekNumbers	: false,
+									showsTime	: true,
+									firstDay	: 0
+								{literal}}{/literal}
+							);
+						</script>
+					</div>
+					<div>
+						<small>TIP: leave the timestamp blank to use the present date/time.</small>
+					</div>
+				</form>
+			</div>
+			<div style='clear: both;'></div>
+			
+{if $diaryItems}
+			<div class='standardMargins'>
+				<strong>Diary entries for {$smarty.get.date|date_format:"%A, %B %e, %Y"}.</strong><br />
+			</div>
+
+			<div class='standardMargins' style='width: 100%;'>
+				<table class='standardTable'>
+					<tr class='tableTitleRow'>
+						<th>Item</th>
+						<th>Date</th>
+						<th>Type</th>
+						<th>X</th>
+					</tr>
+	{foreach from=$diaryItems item=diaryItem}
+					<tr class='{cycle values="bgDark,bgLight"}' id='itemRow-{$diaryItem.id}'>
+		{if $diaryItem.type == "Food"}
+						<td><a href='view_food.php?{$diaryItem.uri}' id='itemDesc-{$diaryItem.id}'>{$diaryItem.description}</a></td>
+		{elseif $diaryItem.type == "Meal"}
+						<td><a href='view_meal.php?{$diaryItem.uri}' id='itemDesc-{$diaryItem.id}'>{$diaryItem.description}</a></td>
+		{elseif $diaryItem.type == "Note"}
+						<td><span id='itemDesc-{$diaryItem.id}'>{$diaryItem.data}</span></td>
+		{/if}
+						<td style='text-align: center;'>{$diaryItem.date}</td>
+						<td style='text-align: center;'>{$diaryItem.type}</td>
+						<td style='text-align: center;'>
+							<a href='{$smarty.server.REQUEST_URI}' onclick='verifyRemoveDiaryItem("{$diaryItem.id}"); return false;'>
+								<img src='{$config->_imgUri}/remove.png' alt='Del' title='Remove: {$diaryItem.description}' />
+							</a>
+						</td>
+					</tr>
+	{/foreach}
+				</table>
+			</div>
+
+	{if $summaryData}
+			<div class='standardMargins' style='width: 100%'>
+				<strong>Nutrient summary.</strong><br />
+		{if $showAllNutrients}
+				<a href='{$config->_rootUri}/{$config->_thisScript}?diary={$smarty.get.diary}&action={$smarty.get.action}&date={$smarty.get.date}'>
+				    Hide unwanted nutrients</a> |
+		{else}
+				<a href='{$config->_rootUri}/{$config->_thisScript}?diary={$smarty.get.diary}&action={$smarty.get.action}&date={$smarty.get.date}&showall'>
+					Show all nutrients</a> |
+		{/if}
+				<a href='nutrient_chooser.php'>Manage nutrient list</a>
+			</div>
+
+			<div class='standardMargins' style='width: 100%;'>
+				<table class='standardTable'>
+					<tr class='tableTitleRow'>
+						<th>Nutrient</th>
+						<th>Total</th>
+						<th>%DRI</th>
+					</tr>
+		{foreach from=$summaryData item=nutrient}
+					<tr class='{cycle values="bgDark,bgLight"}'>
+						<td>{$nutrient.nutrientName}</td>
+						<td style='text-align: center;'>{$nutrient.total}{$nutrient.units}</td>
+			{if $nutrient.percentDri != "--"}
+						<td style='text-align: center;'>{$nutrient.percentDri}&#37;</td>
+			{else}
+						<td style='text-align: center;'>--</td>
+			{/if}
+			{foreach from=$nutrient.quantities item=quantity}
+						<td style='text-align: center;'>{$quantity}</td>
+			{/foreach}
+					</tr>
+		{/foreach}
+				</table>
+			</div>
+	{/if}
+{else}
+			<div class='standardMargins' style='text-align: justify;'>
+				This day has no diary entries.  If you would like to add a food or a meal, search for or view an item as
+				you normally would and then use the form at the bottom of the nutrition summary page to add the item
+				to a diary.  Using the "timestamp" field you can add a food or meal to this day.  Here's a tip:  create 
+				a collection of saved foods that you eat frequently and use them as the building blocks for diaries and meals.
+				If you want to add a note to this diary, you may do so with the form below.
+			</div>
+{/if}
+		</div>
+	</div>
+	<div id='leftColumn'>
+		<div id='leftData'>
+			{$sidebar_left}
+		</div>
+	</div>
+
+	<div id='rightColumn'>
+		<div id='rightData'>
+			{$sidebar_right}
+		</div>
+	</div>
+
+</div>
+{$footer}
diff --git a/templates/view_food.tpl b/templates/view_food.tpl
new file mode 100644
index 0000000..dda7005
--- /dev/null
+++ b/templates/view_food.tpl
@@ -0,0 +1,155 @@
+{$header}
+<div id='columnContainer'>
+	<div id='middleColumn'>
+		<div id='middleData'>
+			<div style='margin-bottom: 1em;'>
+{if $foodDesc}
+				<strong>Food</strong>: {$foodDesc} ({$foodData[0].foodDesc})<br />
+{else}
+				<strong>Food</strong>: {$foodData[0].foodDesc}<br />
+{/if}
+{if ! empty($foodData[0].sciname)}
+				<strong>Scientific name</strong>: {$foodData[0].sciname}<br />
+{/if}
+				<strong>Quantity</strong>: {$quantity} {$foodData[0].msre_desc} (about {$gramWeight} grams)
+			</div>
+			<div style='margin-bottom: 1em;'>
+{if $showAllNutrients}
+				<a href='{$config->_rootUri}/{$config->_thisScript}?food={$food}&amp;weight={$weight}&amp;quantity={$quantity}'>
+				    Hide unwanted nutrients</a>
+{else}
+				<a href='{$config->_rootUri}/{$config->_thisScript}?food={$food}&amp;weight={$weight}&amp;quantity={$quantity}&amp;showall'>
+					Show all nutrients</a>
+{/if}
+{if $isLoggedIn}
+				| <a href='nutrient_chooser.php'>Manage nutrient list</a>
+{/if}
+			</div>
+			<div style='width: 100%;'>
+				<table class='standardTable'>
+					<tr class='tableTitleRow'>
+						<th>Nutrient</th>
+						<th>Quantity</th>
+						<th>&#37;DRI</th>
+					</tr>
+
+{foreach from=$foodData item=nutrient}
+					<tr class='{cycle values="bgDark,bgLight"}'>
+						<td>{$nutrient.nutrdesc}</td>
+						<td style='text-align: center;'>{$nutrient.nutrientQuantity}{$nutrient.units}</td>
+	{if $nutrient.percentDri != "--"}
+						<td style='text-align: center;'>{$nutrient.percentDri}&#37;</td>
+	{else}
+						<td style='text-align: center;'>--</td>
+	{/if}
+					</tr>
+{/foreach}
+				</table>
+			</div>
+			<div style='margin-top: 1em;'>
+				<form action='add_food.php' method='post' id="formAddFood" onsubmit='return validateAddFood("formAddFood","foodDesc");'>
+{if $isLoggedIn} 
+					<a name='save'></a>
+					<div style='margin-bottom: .5em; text-align: justify;'>
+						If you would like to save this item for later reference, or add it
+						to a meal or diary, enter a short descriptive entry in the
+						text box below and then select the appropriate button.  A default
+						description may have been added for you.  However, this description may
+						not be very helpful and could possibly be quite long.  You are
+						encouraged to change this to something more meaningful, and possibly
+						shorter.  Are you still <a href='help.php#saving'>confused</a>?
+					</div>
+					<div style='margin-bottom: .5em;'>
+	{if $foodDesc}
+						<input type='text' name='description' id='foodDesc' size='25' value='{$foodDesc|escape:'html'}' />
+	{else}
+						<input type='text' name='description' id='foodDesc' size='25' value='{$quantity} {$foodData[0].msre_desc|escape:'html'} {$foodData[0].foodDesc|escape:'html'}' />
+	{/if}
+					</div>
+					<div style='margin-bottom: .5em;'>
+						<input type='submit' name='saveFood' id='saveFood' value='Save food' style='width: 20ex;' onclick='getElement("formAddFood").action.value = "saveFood";' />
+					</div>
+					<div style='margin-bottom: .5em;'>
+						<input type='submit' name='addFoodToMeal' id='addFoodToMeal' value='Add to meal =&gt;' style='width: 20ex;' onclick='getElement("formAddFood").action.value = "addFoodToMeal";' />
+						<select name='meal'>
+							<option selected='selected' value='0'>New meal</option>
+	{foreach from=$myMeals item=myMeal}
+							<option value='{$myMeal.id}'>{$myMeal.description}</option>
+	{/foreach}
+						</select>
+					</div>
+	{if $userDiaries}
+					<div style='margin-right: 1ex; margin-bottom: .5em; float: left;'>
+						<input type='submit' name='addFoodToDiary' id='addFoodToDiary' value='Add to diary =&gt;' style='width: 20ex;' onclick='getElement("formAddFood").action.value = "addFoodToDiary";' />
+						<select name='diary'>
+		{foreach from=$userDiaries item=userDiary}
+							<option value='{$userDiary.id}'>{$userDiary.description}</option>
+		{/foreach}
+						</select>
+					</div>
+					<div style='margin-bottom: .5em;'>
+						with
+						<a href='help.php#timestamp' title='What is a diary timestamp?'>timestamp</a>
+						<input type='text' name='diaryTimestamp' id='diaryTimestamp' readonly='readonly' value='' />
+						<script type="text/javascript">
+							Calendar.setup(
+								{literal}{{/literal}
+									inputField	: "diaryTimestamp", // ID of the input field
+									ifFormat	: "%Y-%m-%d %I:%M%p", // the date format
+									button		: "diaryTimestamp", // ID of the button
+									weekNumbers	: false,
+									showsTime	: true,
+									firstDay	: 0
+								{literal}}{/literal}
+							);
+						</script>
+					</div>
+	{/if}
+{else}
+					<div style='margin-bottom: .5em; text-align: justify;'>
+						<a name='save'></a>
+						Would you like to add this food to a meal?  Enter a short
+						descriptive entry in the text box below and then click the
+						"Add to meal" button.  A default description may have been
+						added for you.  However, this description may not be very
+						helpful and could possibly be quite long.  You are encouraged
+						to change this to something more meaningful, and possibly
+						shorter.  Are you still <a href='help.php#saving'>confused</a>?
+					</div>
+					<div style='margin-bottom: .5em;'>
+	{if $foodDesc}
+						<input type='text' name='description' size='25' value='{$foodDesc|escape:'html'}' />
+	{else}
+						<input type='text' name='description' size='25' value='{$quantity} {$foodData[0].msre_desc|escape:'html'} {$foodData[0].foodDesc|escape:'html'}' />
+	{/if}
+					</div>
+					<div style='margin-bottom: .5em;'>
+						<input type='submit' name='addFoodToMeal' value='Add to meal' style='width: 20ex;' />
+						<input type='hidden' name='meal' value='0' />
+					</div>
+{/if}
+					<div>
+						<input type='hidden' name='food' value='{$food}' />
+						<input type='hidden' name='weight' value='{$weight}' />
+						<input type='hidden' name='quantity' value='{$quantity}' />
+						<input type='hidden' name='action' value='' />
+					</div>
+				</form>
+			</div>
+		</div>
+	</div>
+
+	<div id='leftColumn'>
+		<div id='leftData'>
+			{$sidebar_left}
+		</div>
+	</div>
+
+	<div id='rightColumn'>
+		<div id='rightData'>
+			{$sidebar_right}
+		</div>
+	</div>
+
+</div>
+{$footer}
diff --git a/templates/view_meal.tpl b/templates/view_meal.tpl
new file mode 100644
index 0000000..68d5fc4
--- /dev/null
+++ b/templates/view_meal.tpl
@@ -0,0 +1,112 @@
+{$header}
+<div id='columnContainer'>
+	<div id='middleColumn'>
+		<div id='middleData'>
+			<div style='margin-bottom: 1em;'>
+				<strong>Meal</strong>: {$mealDesc}
+{if $isLoggedIn && $meal != "0"}
+				[<a href='edit_meal.php?meal={$meal}&action=showMeals'>Edit</a>]
+{/if}
+			</div>
+			<div style='margin-bottom: 1em;'>
+{if $showAllNutrients}
+				<a href='{$config->_rootUri}/{$config->_thisScript}?meal={$meal}&action={$smarty.get.action}'>
+				    Hide unwanted nutrients</a>
+{else}
+				<a href='{$config->_rootUri}/{$config->_thisScript}?meal={$meal}&action={$smarty.get.action}&showall'>
+					Show all nutrients</a>
+{/if}
+{if $isLoggedIn}
+				| <a href='nutrient_chooser.php'>Manage nutrient list</a>
+{/if}
+			</div>
+			<div style='width: 100%;'>
+				<table class='standardTable'>
+					<tr class='tableTitleRow'>
+{foreach from=$mealData.columnTitles item=columnTitle}
+						<th>{$columnTitle}</th>
+{/foreach}
+					</tr>
+{foreach from=$mealData.nutrients item=nutrient}
+					<tr class='{cycle values="bgDark,bgLight"}'>
+						<td>{$nutrient.nutrientName}</td>
+						<td style='text-align: center;'>{$nutrient.total}{$nutrient.units}</td>
+	{if $nutrient.percentDri != "--"}
+						<td style='text-align: center;'>{$nutrient.percentDri}&#37;</td>
+	{else}
+						<td style='text-align: center;'>--</td>
+	{/if}
+	{foreach from=$nutrient.quantities item=quantity}
+						<td style='text-align: center;'>{$quantity}</td>
+	{/foreach}
+					</tr>
+{/foreach}
+				</table>
+			</div>
+{if $isLoggedIn} 
+			<div style='margin-top: 1em;'>
+				<form action='add_meal.php' method='post' name='formAddMeal' id='formAddMeal' onsubmit='return validateAddMeal("formAddMeal","mealDesc");'>
+					<a name='save'></a>
+					<div style='margin-bottom: .5em; text-align: justify;'>
+						If you would like to save this meal for later reference, or add it
+						to a diary, enter a short descriptive entry in the text box below
+						and then select the appropriate button.  If you are unsure how all
+						of this works, then take a look at the help on
+						<a href='help.php#meals'>creating meals</a>.
+					</div>
+					<div style='margin-bottom: .5em;'>
+						<input type='text' name='description' id='mealDesc' style='width: 100%' value='{$mealDesc}' />
+					</div>
+					<div style='margin-bottom: .5em;'>
+						<input type='submit' name='saveMeal' value='Save meal' style='width: 20ex;' onclick='document.formAddMeal.action.value = "saveMeal";'  />
+					</div>
+
+	{if $userDiaries}
+					<div style='margin-right: 1ex; margin-bottom: .5em; float: left;'>
+						<input type='submit' name='addMealToDiary' id='addMealToDiary' value='Add to diary =&gt;' style='width: 20ex;' onclick='document.formAddMeal.action.value = "addMealToDiary";' />
+						<select name='diary'>
+		{foreach from=$userDiaries item=userDiary}
+							<option value='{$userDiary.id}'>{$userDiary.description}</option>
+		{/foreach}
+						</select>
+					</div>
+					<div style='margin-bottom: .5em;'>
+						with <a href='help.php#timestamp' title='What is a diary timestamp?'>timestamp</a>
+						<input type='text' name='diaryTimestamp' id='diaryTimestamp' readonly='readonly' value='' />
+						<script type="text/javascript">
+							Calendar.setup(
+								{literal}{{/literal}
+									inputField	: "diaryTimestamp", // ID of the input field
+									ifFormat	: "%Y-%m-%d %I:%M%p", // the date format
+									button		: "diaryTimestamp", // ID of the button
+									weekNumbers	: false,
+									showsTime	: true,
+									firstDay	: 0
+								{literal}}{/literal}
+							);
+						</script>
+					</div>
+	{/if}
+					
+					<input type='hidden' name='meal' value='{$meal}' />
+					<input type='hidden' name='action' value='' />
+				</form>
+			</div>
+{/if}
+		</div>
+	</div>
+
+	<div id='leftColumn'>
+		<div id='leftData'>
+			{$sidebar_left}
+		</div>
+	</div>
+
+	<div id='rightColumn'>
+		<div id='rightData'>
+			{$sidebar_right}
+		</div>
+	</div>
+
+</div>
+{$footer}
diff --git a/terms.html b/terms.html
new file mode 100644
index 0000000..f28427a
--- /dev/null
+++ b/terms.html
@@ -0,0 +1,106 @@
+<html>
+
+<head>
+	<title>Terms and Conditions</title>
+	<style>
+		p { text-align: justify; }
+	</style>
+</head>
+
+<body>
+
+<h2 style='text-align: center;'>nutridb.com</h2>
+<h3 style='text-align: center;'>Terms &amp; Conditions of use</h2>
+<div style='margin-bottom: 4ex;'>
+	<strong>Preamble</strong>
+	<p>
+		The information contained on this site is almost exclusively
+		derived from 3rd parties, exept for that data which may be a
+		derivation or calculation based on the orignal data.
+		nutridb.com belives this data to be correct and efforts have
+		been made to assure it's accurate representation.  However,
+		nutridb.com makes no claims as to data's accuracy and fitness
+		for any particular use whatsoever.
+	</p>
+	<p>
+		This site is NOT intended to replace the guidance of a qualified
+		doctor or certified nutrition expert.  Under no circumstances
+		should any user of this site construe the data contained herein
+		to represent medical or nutritional recommendations or advice.
+	</p>
+</div>
+	
+<div style='margin-bottom: 4ex;'>
+	<strong>Warranties And Disclaimers</strong>
+	<p>
+		EXCEPT AS EXPRESSLY PROVIDED OTHERWISE IN AN AGREEMENT BETWEEN YOU AND
+		US, ALL INFORMATION AND SERVICES ON THIS SITE ARE PROVIDED "AS IS"
+		WITHOUT WARRANTY OR CONDITIONS OF ANY KIND, EITHER EXPRESS OR IMPLIED,
+		INCLUDING, BUT NOT LIMITED TO, THE IMPLIED WARRANTIES OR CONDITIONS OF
+		MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE, OR NON-INFRINGEMENT.
+	</p>
+	<p>
+ 		WE ASSUME NO RESPONSIBILITY FOR ERRORS OR OMISSIONS IN THE INFORMATION
+ 		OR OTHER DOCUMENTS WHICH ARE REFERENCED BY OR LINKED TO THIS SITE.
+	</p>
+	<p>
+		THIS SITE COULD INCLUDE TECHNICAL OR OTHER INACCURACIES. CHANGES ARE
+		PERIODICALLY MADE TO THE INFORMATION HEREIN. HOWEVER, WE MAKE NO
+		COMMITMENT TO UPDATE MATERIALS ON THIS SITE.
+	</p>
+</div>
+
+<div style='margin-bottom: 4ex;'>
+	<strong>Liability Limitations</strong>
+	<p>
+		IN NO EVENT SHALL WE BE LIABLE FOR ANY SPECIAL, INCIDENTAL, INDIRECT OR
+		CONSEQUENTIAL DAMAGES OF ANY KIND, OR ANY DAMAGES WHATSOEVER (INCLUDING
+		WITHOUT LIMITATION, THOSE RESULTING FROM: (1) RELIANCE ON THE MATERIALS
+		PRESENTED, (2) LOSS OF USE, DATA OR PROFITS, (3) DELAYS OR BUSINESS
+		INTERRUPTIONS, (4) AND ANY THEORY OF LIABILITY, ARISING OUT OF OR IN
+		CONNECTION WITH THE USE OR PERFORMANCE OF THIS SITE) WHETHER OR NOT YOU
+		HAVE ADVISED US OF THE POSSIBILITY OF SUCH DAMAGES.
+	</p>
+	<p>
+		SOME STATES DO NOT ALLOW THE LIMITATION OR EXCLUSION OF LIABILITY FOR
+		INCIDENTAL OR CONSEQUENTIAL DAMAGES SO THE ABOVE LIMITATIONS OR
+		EXCLUSIONS MAY NOT APPLY TO YOU.
+	</p>
+</div>
+
+
+<div style='margin-bottom: 4ex;'>
+	<strong>Modifications</strong>
+	<p>
+		We reserve the right to change or modify any provision of these Terms at
+		any time in its sole and exclusive discretion. You also may be subject
+		to additional terms and conditions that may apply when you use Third
+		Party Provider content or third party software.
+	</p>
+</div>
+
+<div style='margin-bottom: 4ex;'>
+	<strong>Miscellaneous</strong>
+	<p>
+		These Terms constitute the entire agreement between you and us with
+		respect to the use of the Site or its Content, any software or service,
+		information, and supercede all discussions, communications,
+		conversations and agreements concerning the subject matter hereof.
+	</p>
+	<p>
+		Our failure to exercise or enforce any right or provision of these Terms
+		shall not constitute a waiver of such right or provision. If any
+		provision of the Terms is found by a court of competent jurisdiction to
+		be invalid or unenforceable, the court should endeavor to give effect to
+		the parties' intentions as reflected in the provision, and the other
+		provisions of the Terms shall remain in full force and effect.
+	</p>
+	<p>
+		The section titles in the Terms are for convenience only and have no
+		legal or contractual effect. 
+	</p>
+</div>
+
+</body>
+
+</html>
diff --git a/view_diary.php b/view_diary.php
new file mode 100644
index 0000000..69f8cbd
--- /dev/null
+++ b/view_diary.php
@@ -0,0 +1,372 @@
+<?php
+
+# include the main site config where various global variables
+# and libraries are included
+require("config.php");
+
+# the user must be logged in to access this script. if they are
+# not then this function will send them back to the index page
+loginRequired();
+
+# implement the PRG (Post->Redirect->Get) method here so that
+# users can use the back button freely without browser warnings.
+if ( isset($_POST['action']) && ($_POST['action'] == "viewDiary") ) {
+	# if $_POST['diary'] = "viewAllDiaries" then the user has selected
+	# to view a list of all their diaries and not just one particular
+	# diary, so we'll forward them to the appropriate page.  this is here
+	# because the easiest way to give the user the option to see all their
+	# diaries was to simply stick an option in the "Favorites" menu in the
+	# left sidebar, and that form directs the user here.
+	if ( $_POST['diary'] == "viewAllDiaries" ) {
+		header("Location: {$config->_rootUri}/list_diaries.php");
+		exit;
+	} else {
+		$queryString = "diary={$_POST['diary']}&action=viewDiary";
+		header("Location: {$config->_rootUri}/{$config->_thisScript}?$queryString");
+		exit;
+	}
+}
+
+# don't go forward unless a diary was specified
+if ( ! isset($_GET['diary']) ) {
+	$_SESSION['systemMsg'] = "<span class='msgError'>You must specify a diary.</span>";
+	header("{$config->_previousUri}");
+	exit;
+}
+
+# initialize an array for all diary items
+$diaryItems = array();
+
+# initialize an array for the nutrition summary data
+$summaryData = array();
+
+$sql = sprintf ("
+	SELECT * FROM userDiaries
+	WHERE id = '%s' AND user = '%s'
+	",
+	$_GET['diary'],
+	$_SESSION['user']['id']
+);
+$db->SelectOne($sql);
+
+if ( $db->_rowCount != 1 ) {
+	$_SESSION['systemMsg'] = "<span class='msgError'>The specified diary doesn't exist.</span>";
+	header("Location: {$config->_previousUri}");
+	exit;
+} else {
+	# add the diary name to the template
+	$smarty->assign("diaryDesc", $db->_row['description']);
+
+	# we browse diaries per day.  this is a way to page the data and make it more
+	# manageable for people.  we will only show diary entries for the given day.
+	# if a day was not submitted, then use the present day.  here we determine
+	# which diary items to extract based on timestamp
+	if ( isset($_GET['date']) ) {
+		list($year,$month,$day) = explode("-", $_GET['date']);
+		$startTime = mktime(0, 0, 0, $month, $day, $year);
+		# there are 86400 seconds in a day, so just add this total to the
+		# startTime, and this should effective cover the entire day
+		$endTime = ($startTime + 86400);
+		# format the date in the way that the calendar scripts understand
+		# so that we can fix the initial date of the calendar
+		$smarty->assign("calendarStartDate", "$month/$day/$year");
+	} else {
+		# use today.
+		$startTime = mktime(0, 0, 0);
+		# there are 86400 seconds in a day, so just add this total to the
+		# startTime, and this should effective cover the entire day
+		$endTime = ($startTime + 86400);
+		# format the date in the way that the calendar scripts understand
+		# so that we can fix the initial date of the calendar
+		$smarty->assign("calendarStartDate", date("m/d/Y"));
+	}
+	
+	# get the items associated with the diary for the selected day.
+	$sql = sprintf ("
+		SELECT * FROM userDiaryItems
+		WHERE diary = '%s'
+			AND timestamp >= '%s'
+			AND timestamp <= '%s'
+		ORDER BY timestamp
+		",
+		$_GET['diary'],
+		$startTime,
+		$endTime
+	);
+	$db->Select($sql);
+
+	if ( $db->_rowCount > 0 ) {
+		$diaryItems = $db->_rows;
+		# figure the first and last years of the diary.  this will be used
+		# to restrict which years are displayed on the diary navigation calendar
+		$lastIndex = (count($diaryItems) - 1);
+		$smarty->assign("firstYear", date("Y", $diaryItems[0]['timestamp']));
+		$smarty->assign("lastYear", date("Y", $diaryItems[$lastIndex]['timestamp']));
+
+		$summaryItems = array();
+
+		foreach ( $diaryItems as $key => $diaryItem ) {
+			# convert the timestamps to human readable dates
+			$date = date("D, M jS, Y,  g:iA", $diaryItem['timestamp']);
+			$diaryItems[$key]['date'] = $date;
+
+			# if it happens to be a food or meal then break out the various
+			# fields from the data field
+			if ( $diaryItem['type'] == "Food" ) {
+				list($food, $weight, $quantity, $description) = explode("::", $diaryItem['data']);
+				$diaryItems[$key]['description'] = $description;
+				$diaryItems[$key]['uri'] = "food=$food&weight=$weight&quantity=$quantity&description=$description&action=viewFood";
+
+				# add the food to the summaryItems array
+				$thisFood = array("food" => $food, "weight" => $weight, "quantity" => $quantity);
+				$summaryItems[] = $thisFood;
+			}
+
+			if ( $diaryItem['type'] == "Meal" ) {
+				list($meal, $description) = explode("::", $diaryItem['data']);
+				$diaryItems[$key]['description'] = $description;
+				$diaryItems[$key]['uri'] = "meal=$meal&description=$description&action=viewMeal";
+
+				# add each food in the meal to the summaryItems array
+				$sql = sprintf ("
+					SELECT food, weight, quantity
+					FROM userMealItems INNER JOIN userMeals
+						ON userMealItems.meal = userMeals.id
+					WHERE userMeals.id = '%s'
+					",
+					$meal
+				);
+				$db->Select($sql);
+				if ( $db->_rowCount > 0 ) {
+					foreach ( $db->_rows as $row ) {
+						$thisFood = array("food" => $row['food'], "weight" => $row['weight'], "quantity" => $row['quantity']);
+						$summaryItems[] = $thisFood;
+					}
+				}
+			}
+
+			if ( $diaryItem['type'] == "Note" ) {
+				$diaryItems[$key]['description'] = $diaryItems[$key]['data'];
+
+				# while we are looping the records, convert any carriage returns
+				# in the data of Notes to <br />s so that the format is how the
+				# user entered it into the textarea originally
+				$diaryItems[$key]['data'] = preg_replace("/\n/", "<br />", $diaryItems[$key]['data']);
+			}
+
+		}
+
+		$smarty->assign("diaryItems", $diaryItems);
+
+		# Begin summary of diary data
+
+		# because this data is tabular with the first column being nutrient names,
+		# and because we have no way of knowing beforehand which nutrients each
+		# food will add or share in the array, we add every possible nutrient to the
+		# main summary data array and setup what is essentially a grid for each
+		# nutrient which we will later go plugging in as we loop
+		# through each food in the summary. after we have iterated through each of the foods,
+		# adding its nutrients to the array, we will eliminate those nutrients with
+		# totals of 0.
+		# if the user is logged in then only lookup the nutrients they want to see
+		# unless they wanted to see all nutrients, else just grab every nutrient
+		if ( isLoggedIn() && (! isset($_GET['showall'])) ) {
+			$sql = "
+				SELECT nutrientDefs.nutr_no, nutrientDefs.units, nutrientDefs.nutrdesc
+				FROM nutrientDefs RIGHT JOIN userNutrients
+					ON nutrientDefs.nutr_no = userNutrients.nutrient
+			";
+		} else {
+			$sql = "SELECT nutr_no, units, nutrdesc FROM nutrientDefs";
+		}
+		$db->Select($sql);
+		foreach ( $db->_rows as $row ) {
+			# setup a few variables regarding the foods
+			$summaryData[$row['nutr_no']]['nutrientName'] = $row['nutrdesc'];
+			$summaryData[$row['nutr_no']]['units'] = $row['units'];
+			$summaryData[$row['nutr_no']]['total'] = 0;
+			$summaryData[$row['nutr_no']]['percentDri'] = "--";
+		}
+
+		# now step through summaryItems and go adding things to the $summaryData array
+		foreach ( $summaryItems as $food ) {
+			# do things a little different if the user is logged in
+			if ( isLoggedIn() ) {
+				# the dris tables only give recommendations for ages 9-100, outside of that
+				# we'll just use the average.
+				if ( ($_SESSION['user']['age'] >= 9) && ($_SESSION['user']['age'] <= 100) ) {
+					$age = $_SESSION['user']['age'];
+				} else {
+					$age = 0;
+				}
+
+				# NOTE: we must also check for and return IS NULL values in the table 'dris'
+				# because most nutrients have no DRI and we need to return those as well
+				if ( isset($_GET['showall']) ) {
+					$smarty->assign("showAllNutrients", true);
+					$sql = sprintf ("
+						SELECT weights.gm_wgt, weights.amount, weights.msre_desc, nutrientDefs.nutrdesc, nutrientDefs.units,
+							nutrientData.ndb_no, nutrientData.nutr_no, nutrientData.nutr_val, dris.dri
+						FROM nutrientData LEFT JOIN weights
+							ON nutrientData.ndb_no = weights.ndb_no
+						LEFT JOIN nutrientDefs 
+							ON nutrientData.nutr_no = nutrientDefs.nutr_no
+						LEFT JOIN dris
+							ON nutrientDefs.nutr_no = dris.nutr_no
+						WHERE nutrientData.ndb_no = '%s'
+							AND nutrientData.nutr_val > 0
+							AND weights.ndb_no = '%s'
+							AND weights.seq = '%s'
+							AND ((dris.age_begin <= '%s' AND dris.age_end >= '%s') OR dris.id IS NULL)
+							AND ((dris.gender = '%s') OR dris.id IS NULL)
+						ORDER BY nutrientDefs.sr_order
+						",
+						$food['food'],
+						$food['food'],
+						$food['weight'],
+						$age,
+						$age,
+						$_SESSION['user']['gender']
+					);
+				} else {
+					$sql = sprintf ("
+						SELECT weights.gm_wgt, weights.amount, weights.msre_desc, nutrientDefs.nutrdesc, nutrientDefs.units,
+							nutrientData.ndb_no, nutrientData.nutr_no, nutrientData.nutr_val, dris.dri
+						FROM nutrientData LEFT JOIN weights
+							ON nutrientData.ndb_no = weights.ndb_no
+						LEFT JOIN userNutrients
+							ON nutrientData.nutr_no = userNutrients.nutrient
+						LEFT JOIN nutrientDefs 
+							ON nutrientData.nutr_no = nutrientDefs.nutr_no
+						LEFT JOIN dris
+							ON nutrientDefs.nutr_no = dris.nutr_no
+						WHERE nutrientData.ndb_no = '%s'
+							AND nutrientData.nutr_val > 0
+							AND weights.ndb_no = '%s'
+							AND weights.seq = '%s'
+							AND userNutrients.user = '%s'
+							AND ((dris.age_begin <= '%s' AND dris.age_end >= '%s') OR dris.id IS NULL)
+							AND ((dris.gender = '%s') OR dris.id IS NULL)
+						ORDER BY nutrientDefs.sr_order
+						",
+						$food['food'],
+						$food['food'],
+						$food['weight'],
+						$_SESSION['user']['id'],
+						$age,
+						$age,
+						$_SESSION['user']['gender']
+					);
+				}
+			} else {
+				if ( isset($_GET['showall']) ) {
+					$smarty->assign("showAllNutrients", true);
+					$sql = sprintf ("
+						SELECT weights.gm_wgt, weights.amount, weights.msre_desc, nutrientDefs.nutrdesc, nutrientDefs.units,
+							nutrientData.ndb_no, nutrientData.nutr_no, nutrientData.nutr_val, dris.dri
+						FROM nutrientData LEFT JOIN weights
+							ON nutrientData.ndb_no = weights.ndb_no
+						LEFT JOIN nutrientDefs 
+							ON nutrientData.nutr_no = nutrientDefs.nutr_no
+						LEFT JOIN dris
+							ON nutrientDefs.nutr_no = dris.nutr_no
+						WHERE nutrientData.ndb_no = '%s'
+							AND weights.ndb_no = '%s'
+							AND weights.seq = '%s'
+							AND nutrientData.nutr_val > 0
+							AND (dris.gender = 'avg' OR dris.id IS NULL)
+						ORDER BY nutrientDefs.sr_order
+						",
+						$food['food'],
+						$food['food'],
+						$food['weight']
+					);
+				} else {
+					$sql = sprintf ("
+						SELECT weights.gm_wgt, weights.amount, weights.msre_desc, nutrientDefs.nutrdesc, nutrientDefs.units,
+							nutrientData.ndb_no, nutrientData.nutr_no, nutrientData.nutr_val, dris.dri
+						FROM nutrientData LEFT JOIN weights
+							ON nutrientData.ndb_no = weights.ndb_no
+						LEFT JOIN nutrientDefs 
+							ON nutrientData.nutr_no = nutrientDefs.nutr_no
+						LEFT JOIN dris
+							ON nutrientDefs.nutr_no = dris.nutr_no
+						WHERE nutrientData.ndb_no = '%s'
+							AND weights.ndb_no = '%s'
+							AND weights.seq = '%s'
+							AND nutrientData.nutr_val > 0
+							AND nutrientDefs.is_default = '1'
+							AND (dris.gender = 'avg' OR dris.id IS NULL)
+						ORDER BY nutrientDefs.sr_order
+						",
+						$food['food'],
+						$food['food'],
+						$food['weight']
+					);
+				}
+			}
+			$db->Select($sql);
+			$foodData = $db->_rows;
+		
+			# this number is the adjustment to each nutrient quantity reflecting
+			# the ratio of the base amount relative to the quantity the user
+			# selected.  since the value for amount  will be the same
+			# for every selected record we just arbitrarily grab the value
+			# from the first record in the returned set
+			if ( $food['quantity'] ) {
+				$factor = $food['quantity']/$foodData[0]['amount'];
+			} else {
+				$factor = 1;
+			}
+		
+			# step through he results and add a value for nutrientQuantity to the
+			# main mealData array based on nutr_no.  if the current nutr_no doesn't
+			# exists in the array, then just skip it
+			foreach ( $foodData as $nutrient ) {
+				# check if this particular nutrient exists in the list of all nutrients
+				# that we added earlier, if so, then plug in the data, if not it will
+				# stay populated with the '--' that we added at the beginning
+				#		if ( array_key_exists($nutrient['nutr_no'], $summaryData) ) {
+					$nutrientQuantity = round(($nutrient['nutr_val'] * ($nutrient['gm_wgt']/100) * $factor),1);
+		
+					# add this amount to the total for this nutrient
+					$summaryData[$nutrient['nutr_no']]['total'] += $nutrientQuantity;
+		
+					# calculate the current %DRI if one exists, based on the current total
+					if ( ! empty($nutrient['dri']) ) { 
+						$summaryData[$nutrient['nutr_no']]['percentDri'] =
+							(round($summaryData[$nutrient['nutr_no']]['total']/$nutrient['dri'],3) * 100);
+					}
+					#	}
+			}
+		}
+		
+		# step through all the nutrients in $summaryData and eliminate all those
+		# rows that have a nutrient total of 0, as they are useless
+		foreach ( $summaryData as $nutr_no => $nutrient ) {
+			if ( $nutrient['total'] == 0 ) {
+				unset($summaryData[$nutr_no]);
+			}
+		}
+		
+		# if there is any summary data then assign it to the template
+		if ( ! empty($summaryData) != 0 ) {
+			$smarty->assign("summaryData", $summaryData); 
+		}
+
+		# End summary of diary data
+
+	}
+}
+
+# grab the various parts.  these sections are not printed to the screen
+# but rather dumped into smarty variables that will simply be printed
+# in the template, so the order doesn't matter here at the moment
+require("header.php");
+require("sidebar_left.php");
+require("sidebar_right.php");
+require("footer.php");
+
+$smarty->display("view_diary.tpl");
+
+?>
diff --git a/view_food.php b/view_food.php
new file mode 100644
index 0000000..6a8bc03
--- /dev/null
+++ b/view_food.php
@@ -0,0 +1,303 @@
+<?php
+
+# include the main site config where various global variables
+# and libraries are included
+require("config.php");
+
+# first implement the PRG (Post->Redirect->Get) method here so that
+# users can use the back button freely without browser warnings.
+# next, if the action is viewFood is posted then this signifies that the user
+# is viewing some type of saved food item in which case a query 
+# string should be posted under variable $queryString which we just
+# append to a browser redirect. else if getFood is set this
+# means that they got here through the normal food search which means
+# that we need to formulate the query string from the submitted 
+# form variables. else, they got here in some non-standard way, in 
+# which case we just send them home
+if ( isset($_POST['action']) && ($_POST['action'] == "viewFood") ) {
+	# if $_POST['queryString'] = "viewAllFoods" then the user has selected
+	# to view a list of all their saved foods and not just one particular
+	# food, so we'll forward them to the appropriate page.  this is here
+	# because the easiest way to give the user the option to see all their
+	# foods was to simply stick an option in the "Favorites" menu in the
+	# left sidebar, and that form directs the user here.
+	if ( isset($_POST['queryString']) && $_POST['queryString'] == "viewAllFoods" ) {
+		header("Location: {$config->_rootUri}/list_foods.php");
+		exit;
+	} else {
+		header("Location: {$config->_rootUri}/{$config->_thisScript}?{$_POST['queryString']}");
+		exit;
+	}
+} elseif ( isset($_POST['action']) && ($_POST['action'] == "getFood") ) {
+	# if the user is sumbitting their own quantity then use that data
+	# else we just use 0, which is a flag to the system to use the
+	# system's predefined weight and/or quantity for a given food
+	if ( $_POST['quantitySource'] == "userdefined" ) {
+		$quantity = "{$_POST['quantity']}";
+		# don't let the user enter a quantity less than 0 or a
+		# non-numeric quantity
+		if ( ($quantity < 0) || (! is_numeric($quantity)) ) {
+			$quantity = 0;
+		}
+		$weight = $_POST['userdefinedWeight'];
+	} else {
+		$quantity = 0;
+		$weight = $_POST['predefinedWeight'];
+	}
+	$queryString = "food={$_POST['food']}&weight=$weight&quantity=$quantity&action=getFood";
+	header("Location: {$config->_rootUri}/{$config->_thisScript}?$queryString");
+	exit;
+}
+
+
+# don't go forward unless all the required variables are set
+if ( 
+	(! isset($_GET['food'])) ||
+	(! isset($_GET['weight'])) ||
+	(! isset($_GET['quantity']))
+) {
+	$_SESSION['systemMsg'] = "<span class='msgError'>You must specify a food, weight and quantity.</span>";
+	header("Location: {$config->_previousUri}");
+	exit;
+}
+
+
+# if there was a user submitted name, as would be the case
+# with viewing a saved food, then display it along with the
+# actual food name in the database
+if ( isset($_GET['description']) ) {
+	$smarty->assign("foodDesc", $_GET['description']);
+}
+
+# put the values into the smarty template
+$smarty->assign("food", $_GET['food']);
+$smarty->assign("weight", $_GET['weight']);
+$smarty->assign("quantity", $_GET['quantity']);
+
+# if the user is logged in then restrict the nutrient list according to the users
+# entries in the table userNutrients, and also taking into account the users gender
+# and age.
+if ( isLoggedIn() ) {
+	# NOTE: we must also check for and return IS NULL values in the table 'dris'
+	# because most nutrients have no DRI and we need to return those as well
+	if ( isset($_GET['showall']) ) {
+		$smarty->assign("showAllNutrients", true);
+		$sql = sprintf ("
+			SELECT foodDescs.long_desc, foodDescs.comname, %s AS foodDesc, foodDescs.sciname,
+				weights.gm_wgt, weights.amount, weights.msre_desc,
+				nutrientDefs.nutrdesc, nutrientDefs.units,
+				nutrientData.nutr_no, nutrientData.nutr_val, dris.dri
+			FROM foodDescs LEFT JOIN weights
+				ON foodDescs.ndb_no = weights.ndb_no
+			LEFT JOIN nutrientData 
+				ON foodDescs.ndb_no = nutrientData.ndb_no
+			LEFT JOIN nutrientDefs 
+				ON nutrientData.nutr_no = nutrientDefs.nutr_no
+			LEFT JOIN dris
+				ON nutrientDefs.nutr_no = dris.nutr_no
+			WHERE nutrientData.ndb_no = '%s'
+				AND nutrientData.nutr_val > 0
+				AND weights.ndb_no = '%s' 
+				AND weights.seq = '%s'
+				AND ((dris.age_begin <= '%s' AND dris.age_end >= '%s') OR dris.id IS NULL)
+				AND ((dris.gender = '%s') OR dris.id IS NULL)
+			ORDER BY nutrientDefs.sr_order
+			",
+			$db->_dbConn->Concat("foodDescs.long_desc", "', '", "foodDescs.comname"),
+			$_GET['food'],
+			$_GET['food'],
+			$_GET['weight'],
+			$_SESSION['user']['age'],
+			$_SESSION['user']['age'],
+			$_SESSION['user']['gender']
+		);
+	} else {
+		$sql = sprintf ("
+			SELECT foodDescs.long_desc, foodDescs.comname, %s AS foodDesc, foodDescs.sciname,
+				weights.gm_wgt, weights.amount, weights.msre_desc,
+				nutrientDefs.nutrdesc, nutrientDefs.units,
+				nutrientData.nutr_no, nutrientData.nutr_val, dris.dri
+			FROM foodDescs LEFT JOIN weights
+				ON foodDescs.ndb_no = weights.ndb_no
+			LEFT JOIN nutrientData
+				ON foodDescs.ndb_no = nutrientData.ndb_no
+			LEFT JOIN userNutrients
+				ON nutrientData.nutr_no = userNutrients.nutrient
+			LEFT JOIN nutrientDefs 
+				ON nutrientData.nutr_no = nutrientDefs.nutr_no
+			LEFT JOIN dris
+				ON nutrientData.nutr_no = dris.nutr_no
+			WHERE nutrientData.ndb_no = '%s'
+				AND nutrientData.nutr_val > 0
+				AND weights.ndb_no = '%s'
+				AND weights.seq = '%s'
+				AND userNutrients.user = '%s'
+				AND ((dris.age_begin <= '%s' AND dris.age_end >= '%s') OR dris.id IS NULL)
+				AND ((dris.gender = '%s') OR dris.id IS NULL)
+			ORDER BY nutrientDefs.sr_order
+			",
+			$db->_dbConn->Concat("foodDescs.long_desc", "', '", "foodDescs.comname"),
+			$_GET['food'],
+			$_GET['food'],
+			$_GET['weight'],
+			$_SESSION['user']['id'],
+			$_SESSION['user']['age'],
+			$_SESSION['user']['age'],
+			$_SESSION['user']['gender']
+		);
+	}
+
+	# since the user is logged in, add all of their saved meals to the template, so 
+	# that they can add this food to any saved meal
+	$smarty->assign("myMeals", getUserMeals($_SESSION['user']['id']));
+
+} else {
+
+	# NOTE: we must also check for and return IS NULL values in the table 'dris'
+	# because most nutrients have no DRI and we need to return those as well
+	if ( isset($_GET['showall']) ) {
+		$smarty->assign("showAllNutrients", true);
+		$sql = sprintf ("
+			SELECT foodDescs.long_desc, foodDescs.comname, %s AS foodDesc, foodDescs.sciname,
+				weights.gm_wgt, weights.amount, weights.msre_desc,
+				nutrientDefs.nutrdesc, nutrientDefs.units,
+				nutrientData.nutr_no, nutrientData.nutr_val, dris.dri
+			FROM foodDescs LEFT JOIN weights
+				ON foodDescs.ndb_no = weights.ndb_no
+			LEFT JOIN nutrientData 
+				ON foodDescs.ndb_no = nutrientData.ndb_no
+			LEFT JOIN nutrientDefs 
+				ON nutrientData.nutr_no = nutrientDefs.nutr_no
+			LEFT JOIN dris
+				ON nutrientDefs.nutr_no = dris.nutr_no
+			WHERE nutrientData.ndb_no = '%s'
+				AND nutrientData.nutr_val > 0
+				AND weights.ndb_no = '%s'
+				AND weights.seq = '%s'
+				AND ((dris.age_begin <= '30' AND dris.age_end >= '30') OR dris.id IS NULL)
+				AND ((dris.gender = 'male') OR dris.id IS NULL)
+			ORDER BY nutrientDefs.sr_order
+			",
+			$db->_dbConn->Concat("foodDescs.long_desc", "', '", "foodDescs.comname"),
+			$_GET['food'],
+			$_GET['food'],
+			$_GET['weight']
+		);
+	} else {
+		# show the user the default nutrients
+		$sql = sprintf ("
+			SELECT foodDescs.long_desc, foodDescs.comname, %s AS foodDesc, foodDescs.sciname,
+				weights.gm_wgt, weights.amount, weights.msre_desc,
+				nutrientDefs.nutrdesc, nutrientDefs.units,
+				nutrientData.nutr_no, nutrientData.nutr_val, dris.dri
+			FROM foodDescs LEFT JOIN weights
+				ON foodDescs.ndb_no = weights.ndb_no
+			LEFT JOIN nutrientData
+				ON foodDescs.ndb_no = nutrientData.ndb_no
+			LEFT JOIN nutrientDefs 
+				ON nutrientData.nutr_no = nutrientDefs.nutr_no
+			LEFT JOIN dris
+				ON nutrientData.nutr_no = dris.nutr_no
+			WHERE nutrientData.ndb_no = '%s'
+				AND nutrientData.nutr_val > 0
+				AND weights.ndb_no = '%s'
+				AND weights.seq = '%s'
+				AND nutrientDefs.is_default = '1'
+				AND ((dris.age_begin <= '30' AND dris.age_end >= '30') OR dris.id IS NULL)
+				AND ((dris.gender = 'male') OR dris.id IS NULL)
+			ORDER BY nutrientDefs.sr_order
+			",
+			$db->_dbConn->Concat("foodDescs.long_desc", "', '", "foodDescs.comname"),
+			$_GET['food'],
+			$_GET['food'],
+			$_GET['weight']
+		);
+	}
+
+}
+$db->Select($sql);
+# if for some reason the query returns no rows, then drop them where they 
+# came from with an appropriate error message
+if ( $db->_rowCount > 0 ) {
+	$foodData = $db->_rows;
+} else {
+	$_SESSION['systemMsg'] = "<span class='msgError'>The food you specified doesn't seem to exist.</span>";
+	header("Location: {$config->_previousUri}/");
+	exit;
+}
+
+# increment the counter for this food.  this counter could be used for all
+# sorts of things, for example it is the basis of the "sort by popularity" option.
+# the more people that select this item, the higher in the sort list it
+# will appear.
+# only increment the counter if the previous page was food_search.php because
+# we don't want to increment the popularity while a user is just browsing around
+# in their own foods, but only if they got here from a search.
+if ( strpos($config->_previousUri, "food_search.php") ) {
+	incrementPopularityCounter($_GET['userFoodsId'], "userFoods");
+}
+
+# this number is the adjustment to each nutrient quantity reflecting
+# the ratio of the base amount relative to the quantity the user
+# selected.  since amount and gm_wt and long_desc will be the same
+# for every selected record we just arbitrarily grab the values
+# from the first record in the returned set
+if ( $_GET['quantity'] ) {
+	$quantity = $_GET['quantity'];
+	$factor = ($_GET['quantity']/$foodData[0]['amount']);
+} else {
+	# quantity now becomes the predefined amount and factor is 1
+	$quantity = $foodData[0]['amount'];
+	$factor = 1;
+}
+
+# adjusted gram weight of the food
+$smarty->assign("gramWeight", $foodData[0]['gm_wgt'] * $factor);
+
+# mulitpling the number by 1 will simply return a number
+# that has any padding of 0s from either side of the number removed
+# this is useful because frequently numbers in the database
+# are stored to the thousands decimal place, even though they
+# may not contain values in those places e.g. 5.200.  this is
+# purely aesthetic, as I think it looks trashy to have extra
+# zeros padded on the end
+$quantity = ($quantity * 1);
+$smarty->assign("quantity", $quantity);
+
+# step through the results and add a value for nutrientQuantity and
+# percentDri to each record
+for ( $idx = 0; $idx < count($foodData); $idx++ ) {
+	$nutrientQuantity = round(($foodData[$idx]['nutr_val'] * ($foodData[$idx]['gm_wgt']/100) * $factor),1);
+	if ( ! empty($foodData[$idx]['dri']) ) { 
+		$percentDri = ( round($nutrientQuantity/$foodData[$idx]['dri'],3) * 100 );
+	} else {
+		$percentDri = "--";
+	}
+	$foodData[$idx]['nutrientQuantity'] = $nutrientQuantity;
+	$foodData[$idx]['percentDri'] = $percentDri;
+
+	# while we are looping through the records, do this:
+	# if there was no 'comname' for the food, then just display the
+	# field 'long_desc', else display the concatenated field 'foodDesc'
+	# NOTE: it would be possible and easy to concatenate the 'long_desc'
+	# and 'comname' fields at the time of display, but for future growth
+	# possibilities and because we reference 'foodDesc' many times below
+	# it seems just as well to have a concatenated field in the result set
+	if ( "" == trim($foodData[$idx]['comname']) ) {
+		$foodData[$idx]['foodDesc'] = $foodData[$idx]['long_desc'];
+	}
+}
+
+$smarty->assign("foodData", $foodData);
+
+# grab the various parts.  these sections are not printed to the screen
+# but rather dumped into smarty variables that will simply be printed
+# in the template, so the order doesn't matter here at the moment
+require("header.php");
+require("sidebar_left.php");
+require("sidebar_right.php");
+require("footer.php");
+
+$smarty->display("view_food.tpl");
+
+?>
diff --git a/view_meal.php b/view_meal.php
new file mode 100644
index 0000000..6dfda0f
--- /dev/null
+++ b/view_meal.php
@@ -0,0 +1,308 @@
+<?php
+
+# include the main site config where various global variables
+# and libraries are included
+require("config.php");
+
+# first implement the PRG (Post->Redirect-Get) method here so that
+# users can use the back button freely without browser warnings.
+if ( isset($_POST['action']) && ($_POST['action'] == "viewMeal") ) {
+	# if $_POST['meal'] = "viewAllMeals" then the user has selected
+	# to view a list of all their saved meals and not just one particular
+	# meal, so we'll forward them to the appropriate page.  this is here
+	# because the easiest way to give the user the option to see all their
+	# meals was to simply stick an option in the "Favorites" menu in the
+	# left sidebar, and that form directs the user here.
+	if ( isset($_POST['meal']) && $_POST['meal'] == "viewAllMeals" ) {
+		header("Location: {$config->_rootUri}/list_meals.php");
+		exit;
+	} else {
+		header("Location: {$config->_rootUri}/{$config->_thisScript}?meal={$_POST['meal']}&action=viewMeal");
+		exit;
+	}
+}
+
+# don't go forward if there isn't a meal or it isn't a number
+if ( ! isset($_GET['meal']) || ! is_numeric($_GET['meal']) ) {
+	$_SESSION['systemMsg'] = "<span class='msgError'>You must specify a numeric meal ID.</span>";
+	header("Location: {$config->_previousUri}");
+	exit;
+}
+
+# we should be here with a GET request now.
+if ( $_GET['meal'] == "0" ) {
+	# the current meal is located in the session.  put it into a local variable
+	# but only if it actually contains at least one item, otherwise send the user
+	# back to wherever they were before
+	if ( isset($_SESSION['currentMeal']) && count($_SESSIOn['currentMeal'])) {
+		$currentMeal = $_SESSION['currentMeal'];
+		$smarty->assign("mealDesc", "(Current meal)");
+	} else {
+		$_SESSION['systemMsg'] = "<span class='msgError'>The current meal has no items to view.</span>";
+		header("Location: {$config->_previousUri}");
+	}
+} else {
+	# if it's a saved meal we are loading then fetch it from
+	# the database and load up the proper data into an array
+	$sql = sprintf ("
+		SELECT userMeals.*, userMeals.description AS mealDesc, userMealItems.*
+		FROM userMeals LEFT JOIN userMealItems
+			ON userMeals.id = userMealItems.meal
+		WHERE userMeals.id = '%s'
+		",
+		$_GET['meal']
+	);
+	$db->Select($sql);
+	if ( $db->_rowCount > 0 ) {
+		# drop the meal desc. into the template
+		$smarty->assign("mealDesc", $db->_rows[0]['mealDesc']);
+		for ( $idx = 0; $idx < count($db->_rows); $idx++ ) {
+			$currentMeal[$idx]['food'] = $db->_rows[$idx]['food'];
+			$currentMeal[$idx]['weight'] = $db->_rows[$idx]['weight'];
+			$currentMeal[$idx]['quantity'] = $db->_rows[$idx]['quantity'];
+			$currentMeal[$idx]['description'] = $db->_rows[$idx]['description'];
+		}
+	} else {
+		$_SESSION['systemMsg'] = "<span class='msgError'>Sorry, that meal doesn't exist.</span>";
+		header("Location: {$config->_previousUri}");
+		exit;
+	}
+}
+
+# increment the counter for this meal.  this counter could be used for all
+# sorts of things, for example it is the basis of the "sort by popularity" option.
+# the more people that select this item, the higher in the sort list it
+# will appear.
+# only increment the counter if the previous page was food_search.php because
+# we don't want to increment the popularity while a user is just browsing around
+# in their own foods, but only if they got here from a search.
+if ( strpos($config->_previousUri, "food_search.php") ) {
+	incrementPopularityCounter($_GET['meal'], "userMeals");
+}
+
+# this will be used to create various links in the page
+$smarty->assign("meal", $_GET['meal']);
+
+# this array will hold all of the data that we are going to print
+# to the screen
+$mealTable = array();
+
+# add titles for the first couple columns
+$mealData['columnTitles'][] = "Nutrient";
+$mealData['columnTitles'][] = "Total";
+$mealData['columnTitles'][] = "%DRI";
+
+# because this data is tabular with the first column being nutrient names,
+# and because we have no way of knowing beforehand which nutrients each
+# food will add or share in the array we add every possible nutrient to the
+# main food data array and setup what is essentially a grid for each
+# nutrient and each food, which we will later go plugging in as we loop
+# through each food in the meao. after we have iterated through each of the foods,
+# adding its nutrients to the array, we will eliminate those nutrients with
+# totals of 0.
+# if the user is logged in then only lookup the nutrients they want to see
+# unless they wanted to see all nutrients, else just grab every nutrient
+if ( isLoggedIn() && (! isset($_GET['showall'])) ) {
+	$sql = "
+		SELECT nutrientDefs.nutr_no, nutrientDefs.units, nutrientDefs.nutrdesc
+		FROM nutrientDefs RIGHT JOIN userNutrients
+			ON nutrientDefs.nutr_no = userNutrients.nutrient
+	";
+} else {
+	$sql = "SELECT nutr_no, units, nutrdesc FROM nutrientDefs";
+}
+$db->Select($sql);
+foreach ( $db->_rows as $row ) {
+	# setup a few variables regarding the foods
+	$mealData['nutrients'][$row['nutr_no']]['nutrientName'] = $row['nutrdesc'];
+	$mealData['nutrients'][$row['nutr_no']]['units'] = $row['units'];
+	$mealData['nutrients'][$row['nutr_no']]['total'] = 0;
+	$mealData['nutrients'][$row['nutr_no']]['percentDri'] = "--";
+	# setup a placeholder for each nutrient quantity for each food, based on 
+	# ndb_no ... by default just drop in a --.
+	foreach ( $currentMeal as $food ) {
+		$mealData['nutrients'][$row['nutr_no']]['quantities'][$food['food']] = "--";
+	}
+}
+
+# now step through currentMeal and go adding things to the $mealData array
+foreach ( $currentMeal as $food ) {
+	
+	# add the description of this food to the array
+	$mealData['columnTitles'][] = "<a href='view_food.php?food={$food['food']}&amp;weight={$food['weight']}&amp;quantity={$food['quantity']}&amp;description={$food['description']}&amp;action=viewFood' class='whiteLink'>{$food['description']}</a>";
+
+	# do things a little different if the user is logged in
+	if ( isLoggedIn() ) {
+		# the dris tables only give recommendations for ages 9-100, outside of that
+		# we'll just use the average.
+		if ( ($_SESSION['user']['age'] >= 9) && ($_SESSION['user']['age'] <= 100) ) {
+			$age = $_SESSION['user']['age'];
+		} else {
+			$age = 0;
+		}
+
+		# NOTE: we must also check for and return IS NULL values in the table 'dris'
+		# because most nutrients have no DRI and we need to return those as well
+		if ( isset($_GET['showall']) ) {
+			$smarty->assign("showAllNutrients", true);
+			$sql = sprintf ("
+				SELECT weights.gm_wgt, weights.amount, weights.msre_desc, nutrientDefs.nutrdesc, nutrientDefs.units,
+					nutrientData.ndb_no, nutrientData.nutr_no, nutrientData.nutr_val, dris.dri
+				FROM nutrientData LEFT JOIN weights
+					ON nutrientData.ndb_no = weights.ndb_no
+				LEFT JOIN nutrientDefs 
+					ON nutrientData.nutr_no = nutrientDefs.nutr_no
+				LEFT JOIN dris
+					ON nutrientDefs.nutr_no = dris.nutr_no
+				WHERE nutrientData.ndb_no = '%s'
+					AND nutrientData.nutr_val > 0
+					AND weights.ndb_no = '%s'
+					AND weights.seq = '%s'
+					AND ((dris.age_begin <= '%s' AND dris.age_end >= '%s') OR dris.id IS NULL)
+					AND ((dris.gender = '%s') OR dris.id IS NULL)
+				ORDER BY nutrientDefs.sr_order
+				",
+				$food['food'],
+				$food['food'],
+				$food['weight'],
+				$age,
+				$age,
+				$_SESSION['user']['gender']
+			);
+		} else {
+			$sql = sprintf ("
+				SELECT weights.gm_wgt, weights.amount, weights.msre_desc, nutrientDefs.nutrdesc, nutrientDefs.units,
+					nutrientData.ndb_no, nutrientData.nutr_no, nutrientData.nutr_val, dris.dri
+				FROM nutrientData LEFT JOIN weights
+					ON nutrientData.ndb_no = weights.ndb_no
+				LEFT JOIN userNutrients
+					ON nutrientData.nutr_no = userNutrients.nutrient
+				LEFT JOIN nutrientDefs 
+					ON nutrientData.nutr_no = nutrientDefs.nutr_no
+				LEFT JOIN dris
+					ON nutrientDefs.nutr_no = dris.nutr_no
+				WHERE nutrientData.ndb_no = '%s'
+					AND nutrientData.nutr_val > 0
+					AND weights.ndb_no = '%s'
+					AND weights.seq = '%s'
+					AND userNutrients.user = '%s'
+					AND ((dris.age_begin <= '%s' AND dris.age_end >= '%s') OR dris.id IS NULL)
+					AND ((dris.gender = '%s') OR dris.id IS NULL)
+				ORDER BY nutrientDefs.sr_order
+				",
+				$food['food'],
+				$food['food'],
+				$food['weight'],
+				$_SESSION['user']['id'],
+				$age,
+				$age,
+				$_SESSION['user']['gender']
+			);
+		}
+	} else {
+		if ( isset($_GET['showall']) ) {
+			$smarty->assign("showAllNutrients", true);
+			$sql = sprintf ("
+				SELECT weights.gm_wgt, weights.amount, weights.msre_desc, nutrientDefs.nutrdesc, nutrientDefs.units,
+					nutrientData.ndb_no, nutrientData.nutr_no, nutrientData.nutr_val, dris.dri
+				FROM nutrientData LEFT JOIN weights
+					ON nutrientData.ndb_no = weights.ndb_no
+				LEFT JOIN nutrientDefs 
+					ON nutrientData.nutr_no = nutrientDefs.nutr_no
+				LEFT JOIN dris
+					ON nutrientDefs.nutr_no = dris.nutr_no
+				WHERE nutrientData.ndb_no = '%s'
+					AND weights.ndb_no = '%s'
+					AND weights.seq = '%s'
+					AND nutrientData.nutr_val > 0
+					AND (dris.gender = 'avg' OR dris.id IS NULL)
+				ORDER BY nutrientDefs.sr_order
+				",
+				$food['food'],
+				$food['food'],
+				$food['weight']
+			);
+		} else {
+			$sql = sprintf ("
+				SELECT weights.gm_wgt, weights.amount, weights.msre_desc, nutrientDefs.nutrdesc, nutrientDefs.units,
+					nutrientData.ndb_no, nutrientData.nutr_no, nutrientData.nutr_val, dris.dri
+				FROM nutrientData LEFT JOIN weights
+					ON nutrientData.ndb_no = weights.ndb_no
+				LEFT JOIN nutrientDefs 
+					ON nutrientData.nutr_no = nutrientDefs.nutr_no
+				LEFT JOIN dris
+					ON nutrientDefs.nutr_no = dris.nutr_no
+				WHERE nutrientData.ndb_no = '%s'
+					AND weights.ndb_no = '%s'
+					AND weights.seq = '%s'
+					AND nutrientData.nutr_val > 0
+					AND nutrientDefs.is_default = '1'
+					AND (dris.gender = 'avg' OR dris.id IS NULL)
+				ORDER BY nutrientDefs.sr_order
+				",
+				$food['food'],
+				$food['food'],
+				$food['weight']
+			);
+		}
+	}
+	$db->Select($sql);
+	$foodData = $db->_rows;
+
+	# this number is the adjustment to each nutrient quantity reflecting
+	# the ratio of the base amount relative to the quantity the user
+	# selected.  since the value for amount  will be the same
+	# for every selected record we just arbitrarily grab the value
+	# from the first record in the returned set
+	if ( $food['quantity'] ) {
+		$factor = $food['quantity']/$foodData[0]['amount'];
+	} else {
+		$factor = 1;
+	}
+
+	# step through he results and add a value for nutrientQuantity to the
+	# main mealData array based on nutr_no.  if the current nutr_no doesn't
+	# exists in the array, then just skip it
+	foreach ( $foodData as $nutrient ) {
+		# check if this particular nutrient exists in the list of all nutrients
+		# that we added earlier, if so, then plug in the data, if not it will
+		# stay populated with the '--' that we added at the beginning
+		if ( array_key_exists($nutrient['nutr_no'], $mealData['nutrients']) ) {
+			$nutrientQuantity = round(($nutrient['nutr_val'] * ($nutrient['gm_wgt']/100) * $factor),1);
+
+			# add this quantity to the array for this food and nutrient
+			$mealData['nutrients'][$nutrient['nutr_no']]['quantities'][$food['food']] = "$nutrientQuantity{$nutrient['units']}";
+
+			# add this amount to the total for this nutrient
+			$mealData['nutrients'][$nutrient['nutr_no']]['total'] += $nutrientQuantity;
+
+			# calculate the current %DRI if one exists, based on the current total
+			if ( ! empty($nutrient['dri']) ) { 
+				$mealData['nutrients'][$nutrient['nutr_no']]['percentDri'] =
+					(round($mealData['nutrients'][$nutrient['nutr_no']]['total']/$nutrient['dri'],3) * 100);
+			}
+		}
+	}
+}
+
+# step through all the nutrients in $mealData and eliminate all those
+# rows that have a nutrient total of 0, as they are useless
+foreach ( $mealData['nutrients'] as $nutr_no => $nutrient ) {
+	if ( $nutrient['total'] == 0 ) {
+		unset($mealData['nutrients'][$nutr_no]);
+	}
+}
+
+$smarty->assign("mealData", $mealData);
+
+# grab the various parts.  these sections are not printed to the screen
+# but rather dumped into smarty variables that will simply be printed
+# in the template, so the order doesn't matter here at the moment
+require("header.php");
+require("sidebar_left.php");
+require("sidebar_right.php");
+require("footer.php");
+
+$smarty->display("view_meal.tpl");
+
+?>