diff --git a/static/css/mobile.css b/static/css/mobile.css
new file mode 100644
index 000000000..f98326af9
--- /dev/null
+++ b/static/css/mobile.css
@@ -0,0 +1,36 @@
+/* Copyright The IETF Trust 2007, All Rights Reserved */
+
+body {
+	margin: 0;
+	padding: 0;
+	background-color: white;
+	font-family: sans-serif;
+	font-size: small;
+
+	font-size-adjust: none;
+	font-stretch: normal;
+}
+
+
+.legal {
+	font-size: .7em;
+	font-weight: bold;
+	text-align: center; 
+	padding: 0.4em;
+}
+
+h1	{ font-size: 1.44em; font-weight: bold; text-align: center; color: white; background-color: blue; }
+h2	{ font-size: 1.2em; font-weight: bold; text-align: center; color: white; background-color: blue; }
+h3	{ font-size: 1.095em; font-weight: bold; text-align: center; color: white; background-color: blue; }
+h4	{ font-size: 1em; font-weight: bold; text-align: left; color: white; background-color: blue; padding: 0.2em; }
+h5	{ font-size: 1em; font-weight: bold; text-align: left; color: black; background-color: #BBF; padding: 0.2em; }
+h5 a	{ font-size: 1em; font-weight: bold; text-align: left; color: black; background-color: #BBF; padding: 0.2em; }
+
+.header {
+	border: 0;
+	margin: 0;
+	padding: 0.1em;
+	color: white;
+	background-color: blue; 
+}
+
diff --git a/static/js/agenda.js b/static/js/agenda.js
new file mode 100644
index 000000000..5ce5db50e
--- /dev/null
+++ b/static/js/agenda.js
@@ -0,0 +1,117 @@
+
+// cookie functions used with permission from http://www.elated.com/articles/javascript-and-cookies/
+function set_cookie ( name, value, exp_y, exp_m, exp_d, path, domain, secure )
+{
+    var cookie_string = name + "=" + escape ( value );
+
+    if ( exp_y ) {
+	var expires = new Date ( exp_y, exp_m, exp_d );
+	cookie_string += "; expires=" + expires.toGMTString();
+    }
+
+    if ( path )
+        cookie_string += "; path=" + escape ( path );
+
+    if ( domain )
+        cookie_string += "; domain=" + escape ( domain );
+  
+    if ( secure )
+        cookie_string += "; secure";
+  
+    document.cookie = cookie_string;
+}
+function delete_cookie ( cookie_name )
+{
+    var cookie_date = new Date ( );  // current date & time
+    cookie_date.setTime ( cookie_date.getTime() - 1 );
+    document.cookie = cookie_name += "=; expires=" + cookie_date.toGMTString();
+}
+function get_cookie ( cookie_name )
+{
+    var results = document.cookie.match ( '(^|;) ?' + cookie_name + '=([^;]*)(;|$)' );
+
+    if ( results )
+	return ( unescape ( results[2] ) );
+    else
+	return null;
+}
+
+// set the color of a row to the proper class. optionally set the corresponding cookie.
+function setcolor(id, color, skip_cookie)
+{
+    oneSecond = 1000;
+    oneMinute = 60*oneSecond;
+    oneHour   = 60*oneMinute;
+    oneDay    = 24*oneHour;
+    oneWeek   = 7*oneDay;
+    oneMonth  = 31*oneDay;
+		
+    var now = new Date();
+    var exp = new Date(now.getTime() + 3*oneMonth);
+
+    var e = $(id);
+    if (e) e.className = "bg" + color;
+    //if (!skip_cookie) set_cookie(id, color, 2009, 8, 1);
+    if (!skip_cookie) set_cookie(id, color, exp.getFullYear(), exp.getMonth(), exp.getDate(),"", ".ietf.org");
+}
+
+// return a list of all cookie name/value pairs
+function get_cookie_list()
+{
+    var cookie = document.cookie;
+    var cookies = cookie.split(';');
+    var cookie_list = [];
+    for (var i = 0; i < cookies.length; i++) {
+	var cookie_match = cookies[i].match('(^|;) *([^=]*)=([^;]*)(;|$)');
+	if (cookie_match) {
+	    cookie_list.push(cookie_match[2]);
+	    cookie_list.push(cookie_match[3]);
+	    // alert("cookie: '" + cookie_match[2] + "'='" + cookie_match[3] + "'");
+	}
+    }
+    return cookie_list;
+}
+
+// run through all cookies and set the colors of each row
+function set_cookie_colors()
+{
+    var cl = get_cookie_list();
+    for (var i = 0; i < cl.length; i += 2) {
+        setcolor(cl[i], cl[i+1], true);
+    }
+    Element.hide('colorpallet');
+}
+
+// the current color being picked by the popup
+var curid;
+
+// pop up the pallet to let a color be picked
+function pickcolor(id)
+{
+    curid = id;
+    var colorpallet = $('colorpallet');
+    if (colorpallet) {
+        Element.show(colorpallet);
+	Element.absolutize(colorpallet);
+	Element.clonePosition(colorpallet, "p-" + id);
+    }
+}
+
+// called by the pallet popup to set the current color
+function setcurcolor(color)
+{
+    setcolor(curid, color);
+    var colorpallet = $('colorpallet');
+    if (colorpallet) {
+	Element.hide(colorpallet);
+    }
+}
+
+// open up a new window showing the given room
+function venue(room)
+{
+    window.open('venue/?room=' + room, 'IETF meeting rooms',
+	'scrollbars=no,toolbar=no,width=621,height=560');
+    return false;
+}
+
diff --git a/static/js/dateformat.js b/static/js/dateformat.js
new file mode 100644
index 000000000..3de9580fa
--- /dev/null
+++ b/static/js/dateformat.js
@@ -0,0 +1,161 @@
+/**
+ * Date.format()
+ * string format ( string format )
+ * Formatting rules according to http://php.net/strftime
+ *
+ * Copyright (C) 2006  Dao Gottwald
+ *
+ * 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 Street, Fifth Floor, Boston, MA  02110-1301  USA
+ *
+ * Contact information:
+ *   Dao Gottwald  <dao at design-noir.de>
+ *
+ * @version  0.7
+ * @todo     %g, %G, %U, %V, %W, %z, more/better localization
+ * @url      http://design-noir.de/webdev/JS/Date.format/
+ */
+
+var _lang = (navigator.systemLanguage || navigator.userLanguage || navigator.language || navigator.browserLanguage || '').replace(/-.*/,'');
+switch (_lang) {
+	case 'de':
+		Date._l10n = {
+			days: ['Sonntag','Montag','Dienstag','Mittwoch','Donnerstag','Freitag','Samstag'],
+			months: ['Januar','Februar','M\u00E4rz','April','Mai','Juni','Juli','August','September','Oktober','November','Dezember'],
+			date: '%e.%m.%Y',
+			time: '%H:%M:%S'};
+		break;
+	case 'es':
+		Date._l10n = {
+			days: ['Domingo','Lunes','Martes','Miércoles','Jueves','Viernes','S\u00E1bado'],
+			months: ['enero','febrero','marcha','abril','puede','junio','julio','agosto','septiembre','octubre','noviembre','diciembre'],
+			date: '%e.%m.%Y',
+			time: '%H:%M:%S'};
+		break;
+	case 'fr':
+		Date._l10n = {
+			days: ['dimanche','lundi','mardi','mercredi','jeudi','vendredi','samedi'],
+			months: ['janvier','f\u00E9vrier','mars','avril','mai','juin','juillet','ao\u00FBt','septembre','octobre','novembre','decembre'],
+			date: '%e/%m/%Y',
+			time: '%H:%M:%S'};
+		break;
+	case 'it':
+		Date._l10n = {
+			days: ['domenica','luned\u00EC','marted\u00EC','mercoled\u00EC','gioved\u00EC','venerd\u00EC','sabato'],
+			months: ['gennaio','febbraio','marzo','aprile','maggio','giugno','luglio','agosto','settembre','ottobre','novembre','dicembre'],
+			date: '%e/%m/%y',
+			time: '%H.%M.%S'};
+		break;
+	case 'pt':
+		Date._l10n = {
+			days: ['Domingo','Segunda-feira','Ter\u00E7a-feira','Quarta-feira','Quinta-feira','Sexta-feira','S\u00E1bado'],
+			months: ['Janeiro','Fevereiro','Mar\u00E7o','Abril','Maio','Junho','Julho','Agosto','Setembro','Outubro','Novembro','Dezembro'],
+			date: '%e/%m/%y',
+			time: '%H.%M.%S'};
+		break;
+	case 'en':
+	default:
+		Date._l10n = {
+			days: ['Sunday','Monday','Tuesday','Wednesday','Thursday','Friday','Saturday'],
+			months: ['January','February','March','April','May','June','July','August','September','October','November','December'],
+			date: '%Y-%m-%e',
+			time: '%H:%M:%S'};
+		break;
+}
+Date._pad = function(num, len) {
+	for (var i = 1; i <= len; i++)
+		if (num < Math.pow(10, i))
+			return new Array(len-i+1).join(0) + num;
+	return num;
+};
+Date.prototype.format = function(format) {
+	if (format.indexOf('%%') > -1) { // a literal `%' character
+		format = format.split('%%');
+		for (var i = 0; i < format.length; i++)
+			format[i] = this.format(format[i]);
+		return format.join('%');
+	}
+	format = format.replace(/%D/g, '%m/%d/%y'); // same as %m/%d/%y
+	format = format.replace(/%r/g, '%I:%M:%S %p'); // time in a.m. and p.m. notation
+	format = format.replace(/%R/g, '%H:%M:%S'); // time in 24 hour notation
+	format = format.replace(/%T/g, '%H:%M:%S'); // current time, equal to %H:%M:%S
+	format = format.replace(/%x/g, Date._l10n.date); // preferred date representation for the current locale without the time
+	format = format.replace(/%X/g, Date._l10n.time); // preferred time representation for the current locale without the date
+	var dateObj = this;
+	return format.replace(/%([aAbhBcCdegGHIjmMnpStuUVWwyYzZ])/g, function(match0, match1) {
+		return dateObj.format_callback(match0, match1);
+	});
+}
+Date.prototype.format_callback = function(match0, match1) {
+	switch (match1) {
+		case 'a': // abbreviated weekday name according to the current locale
+			return Date._l10n.days[this.getDay()].substr(0,3);
+		case 'A': // full weekday name according to the current locale
+			return Date._l10n.days[this.getDay()];
+		case 'b':
+		case 'h': // abbreviated month name according to the current locale
+			return Date._l10n.months[this.getMonth()].substr(0,3);
+		case 'B': // full month name according to the current locale
+			return Date._l10n.months[this.getMonth()];
+		case 'c': // preferred date and time representation for the current locale
+			return this.toLocaleString();
+		case 'C': // century number (the year divided by 100 and truncated to an integer, range 00 to 99)
+			return Math.floor(this.getFullYear() / 100);
+		case 'd': // day of the month as a decimal number (range 01 to 31)
+			return Date._pad(this.getDate(), 2);
+		case 'e': // day of the month as a decimal number, a single digit is preceded by a space (range ' 1' to '31')
+			return Date._pad(this.getDate(), 2);
+		/*case 'g': // like %G, but without the century
+			return ;
+		case 'G': // The 4-digit year corresponding to the ISO week number (see %V). This has the same format and value as %Y, except that if the ISO week number belongs to the previous or next year, that year is used instead
+			return ;*/
+		case 'H': // hour as a decimal number using a 24-hour clock (range 00 to 23)
+			return Date._pad(this.getHours(), 2);
+		case 'I': // hour as a decimal number using a 12-hour clock (range 01 to 12)
+			return Date._pad(this.getHours() % 12, 2);
+		case 'j': // day of the year as a decimal number (range 001 to 366)
+			return Date._pad(this.getMonth() * 30 + Math.ceil(this.getMonth() / 2) + this.getDay() - 2 * (this.getMonth() > 1) + (!(this.getFullYear() % 400) || (!(this.getFullYear() % 4) && this.getFullYear() % 100)), 3);
+		case 'm': // month as a decimal number (range 01 to 12)
+			return Date._pad(this.getMonth() + 1, 2);
+		case 'M': // minute as a decimal number
+			return Date._pad(this.getMinutes(), 2);
+		case 'n': // newline character
+			return '\n';
+		case 'p': // either `am' or `pm' according to the given time value, or the corresponding strings for the current locale
+			return this.getHours() < 12 ? 'am' : 'pm';
+		case 'S': // second as a decimal number
+			return Date._pad(this.getSeconds(), 2);
+		case 't': // tab character
+			return '\t';
+		case 'u': // weekday as a decimal number [1,7], with 1 representing Monday
+			return this.getDay() || 7;
+		/*case 'U': // week number of the current year as a decimal number, starting with the first Sunday as the first day of the first week
+			return ;
+		case 'V': // The ISO 8601:1988 week number of the current year as a decimal number, range 01 to 53, where week 1 is the first week that has at least 4 days in the current year, and with Monday as the first day of the week. (Use %G or %g for the year component that corresponds to the week number for the specified timestamp.)
+			return ;
+		case 'W': // week number of the current year as a decimal number, starting with the first Monday as the first day of the first week
+			return ;*/
+		case 'w': // day of the week as a decimal, Sunday being 0
+			return this.getDay();
+		case 'y': // year as a decimal number without a century (range 00 to 99)
+			return this.getFullYear().toString().substr(2);
+		case 'Y': // year as a decimal number including the century
+			return this.getFullYear();
+		/*case 'z':
+		case 'Z': // time zone or name or abbreviation
+			return ;*/
+		default:
+			return match0;
+	}
+}
\ No newline at end of file