A Bit Better RTM.user.js

// ==UserScript==
// @name          	A Bit Better RTM
// @namespace		http://www.rememberthemilk.com
// @description    	Small improvements for Remember The Milk: display list tabs to the left; display tasks count; GoTo & MoveTo list quickly;
// @include       	http://www.rememberthemilk.com/*
// @include       	https://www.rememberthemilk.com/*
// ==/UserScript==

//region String

/**
 * Encode string into Base64, as defined by RFC 4648 [http://tools.ietf.org/html/rfc4648]
 * (instance method extending String object). As per RFC 4648, no newlines are added.
 *
 * @param utf8encode optional parameter, if set to true Unicode string is encoded to UTF8 before 
 *                   conversion to base64; otherwise string is assumed to be 8-bit characters
 * @return           base64-encoded string
 */ 
var b64 = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/=";

String.prototype.encodeBase64 = function(utf8encode) {  // http://tools.ietf.org/html/rfc4648
  utf8encode =  (typeof utf8encode == 'undefined') ? false : utf8encode;
  var o1, o2, o3, bits, h1, h2, h3, h4, e=[], pad = '', c, plain, coded;
   
  plain = utf8encode ? this.encodeUTF8() : this;
  
  c = plain.length % 3;  // pad string to length of multiple of 3
  if (c > 0) { while (c++ < 3) { pad += '='; plain += '\0'; } }
  // note: doing padding here saves us doing special-case packing for trailing 1 or 2 chars
   
  for (c=0; c<plain.length; c+=3) {  // pack three octets into four hexets
    o1 = plain.charCodeAt(c);
    o2 = plain.charCodeAt(c+1);
    o3 = plain.charCodeAt(c+2);
      
    bits = o1<<16 | o2<<8 | o3;
      
    h1 = bits>>18 & 0x3f;
    h2 = bits>>12 & 0x3f;
    h3 = bits>>6 & 0x3f;
    h4 = bits & 0x3f;

    // use hextets to index into b64 string
    e[c/3] = b64.charAt(h1) + b64.charAt(h2) + b64.charAt(h3) + b64.charAt(h4);
  }
  coded = e.join('');  // join() is far faster than repeated string concatenation
  
  // replace 'A's from padded nulls with '='s
  coded = coded.slice(0, coded.length-pad.length) + pad;
   
  return coded;
}

/**
 * Decode string from Base64, as defined by RFC 4648 [http://tools.ietf.org/html/rfc4648]
 * (instance method extending String object). As per RFC 4648, newlines are not catered for.
 *
 * @param utf8decode optional parameter, if set to true UTF8 string is decoded back to Unicode  
 *                   after conversion from base64
 * @return           decoded string
 */ 
String.prototype.decodeBase64 = function(utf8decode) {
  utf8decode =  (typeof utf8decode == 'undefined') ? false : utf8decode;
  var o1, o2, o3, h1, h2, h3, h4, bits, d=[], plain, coded;

  coded = utf8decode ? this.decodeUTF8() : this;
  
  for (var c=0; c<coded.length; c+=4) {  // unpack four hexets into three octets
    h1 = b64.indexOf(coded.charAt(c));
    h2 = b64.indexOf(coded.charAt(c+1));
    h3 = b64.indexOf(coded.charAt(c+2));
    h4 = b64.indexOf(coded.charAt(c+3));
      
    bits = h1<<18 | h2<<12 | h3<<6 | h4;
      
    o1 = bits>>>16 & 0xff;
    o2 = bits>>>8 & 0xff;
    o3 = bits & 0xff;
    
    d[c/4] = String.fromCharCode(o1, o2, o3);
    // check for padding
    if (h4 == 0x40) d[c/4] = String.fromCharCode(o1, o2);
    if (h3 == 0x40) d[c/4] = String.fromCharCode(o1);
  }
  plain = d.join('');  // join() is far faster than repeated string concatenation
   
  return utf8decode ? plain.decodeUTF8() : plain; 
}

/**
 * Encode multi-byte Unicode string into utf-8 multiple single-byte characters 
 * (BMP / basic multilingual plane only) (instance method extending String object).
 *
 * Chars in range U+0080 - U+07FF are encoded in 2 chars, U+0800 - U+FFFF in 3 chars
 *
 * @return encoded string
 */
String.prototype.encodeUTF8 = function() {
  // use regular expressions & String.replace callback function for better efficiency 
  // than procedural approaches
  var str = this.replace(
      /[\u0080-\u07ff]/g,  // U+0080 - U+07FF => 2 bytes 110yyyyy, 10zzzzzz
      function(c) { 
        var cc = c.charCodeAt(0);
        return String.fromCharCode(0xc0 | cc>>6, 0x80 | cc&0x3f); }
    );
  str = str.replace(
      /[\u0800-\uffff]/g,  // U+0800 - U+FFFF => 3 bytes 1110xxxx, 10yyyyyy, 10zzzzzz
      function(c) { 
        var cc = c.charCodeAt(0); 
        return String.fromCharCode(0xe0 | cc>>12, 0x80 | cc>>6&0x3F, 0x80 | cc&0x3f); }
    );
  return str;
}

/**
 * Decode utf-8 encoded string back into multi-byte Unicode characters
 * (instance method extending String object).
 *
 * @return decoded string
 */
String.prototype.decodeUTF8 = function() {
  var str = this.replace(
      /[\u00c0-\u00df][\u0080-\u00bf]/g,                 // 2-byte chars
      function(c) {  // (note parentheses for precence)
        var cc = (c.charCodeAt(0)&0x1f)<<6 | c.charCodeAt(1)&0x3f;
        return String.fromCharCode(cc); }
    );
  str = str.replace(
      /[\u00e0-\u00ef][\u0080-\u00bf][\u0080-\u00bf]/g,  // 3-byte chars
      function(c) {  // (note parentheses for precence)
        var cc = ((c.charCodeAt(0)&0x0f)<<12) | ((c.charCodeAt(1)&0x3f)<<6) | ( c.charCodeAt(2)&0x3f); 
        return String.fromCharCode(cc); }
    );
  return str;
}

//endregion

//region Utility

function Utility(configuration)
{
	this.location = new Utility.Location(configuration);
}

Utility.addGlobalCssStyle = function(css)
{
    var head = document.getElementsByTagName('head')[0];
    if (!head) 
	{ 
		return; 
	}
    var style = document.createElement('style');
    style.type = 'text/css';
    style.innerHTML = css;
    head.appendChild(style);
};

Utility.appendToMethod = function(owner, methodName, appendOwner, appendMethodName)
{
	if (owner)
	{
		var oldMethod = owner[methodName];
		owner["original" + methodName] = oldMethod;

		owner[methodName] = function(param1, param2, param3, param4, param5)
		{
			oldMethod.call(owner, param1, param2, param3, param4, param5);
			appendMethodName.call(appendOwner);
		}
	}
}

Utility.Location = function(configuration)
{
    this.mbn = this.getUniqueMessageBusName();
	this.configuration = configuration;

	if (this.configuration.getUniqueURLForListAndTask())
	{
		if (history.length > 1 && location.hash.indexOf("section.tasks") >= 0)
		{
			history.back();

			if (location.hash.indexOf("section.tasks") < 0)
			{
				history.forward();
			}
		}
		this.locationHash = location.hash;

		var that = this;
		var checkIfLocationHashChanged = function()
		{
			if (that.locationHash != location.hash)
			{
				window.messageBus.broadcast(that, that.mbn + "locationHashChanged");
				that.locationHash = location.hash;
			}
		}
		setInterval(checkIfLocationHashChanged, 500);
	}
}

Utility.Location.prototype.getUniqueMessageBusName = function()
{
	return "abitbetterrtm.utility.location.";
}

Utility.Location.prototype.getListID = function()
{
	var hashParams = this.getHashParams();

	if (hashParams)
	{
		if (hashParams.indexOf("list=") > -1)
		{
			var start = hashParams.indexOf("list=") + 5;
			var end = hashParams.indexOf("/", start);
			return hashParams.substring(start, end);
		}
	}

	return null;
}

Utility.Location.prototype.getTaskID = function(url)
{
	var hashParams = this.getHashParams();

	if (hashParams)
	{
		if (hashParams.indexOf("task=") > -1)
		{
			var start = hashParams.indexOf("task=") + 5;
			var end = hashParams.indexOf("/", start);
			return hashParams.substring(start, end);
		}
	}

	return null;
}

Utility.Location.prototype.setTaskID = function(taskID)
{
	var hashParams = this.getHashParams();

	if (taskID)
	{
		if (hashParams.indexOf("task=") >= 0 || hashParams.indexOf("list=") >= 0)
		{
			hashParams = hashParams.replace(/\/(task|list)=\d+\//, "/task=" + taskID + "/");
		}
		else
		{
			hashParams = "/task=" + taskID + "/";
		}
	}
	else
	{
		hashParams = hashParams.replace(/\/task=\d+\//, "");
	}

	this.setHashParams(hashParams);
}

Utility.Location.prototype.setListID = function(listID)
{
	var hashParams = this.getHashParams();

	if (listID)
	{
		if (hashParams.indexOf("list=") >= 0 || hashParams.indexOf("task=") >= 0)
		{
			hashParams = hashParams.replace(/\/(list|task)=\d+\//, "/list=" + listID + "/");
		}
		else
		{
			hashParams += "/list=" + listID + "/";
		}
	}
	else
	{
		hashParams = hashParams.replace(/\/list=\d+\//, "");
	}

	this.setHashParams(hashParams);
}

Utility.Location.prototype.getHashParams = function()
{
	var hashParts = location.hash.split('/');

	if (hashParts[1])
	{
		return hashParts[1].decodeBase64();
	}

	return "";
}

Utility.Location.prototype.setHashParams = function(hashParams)
{
	var locationHash = location.hash.split('/')[0];

	if (hashParams)
	{
		locationHash += "/" + hashParams.encodeBase64();
	}

	location.hash = this.locationHash = locationHash;
}

//endregion

//region Initialize

window = window.wrappedJSObject;

function aBitBetterRTMLoad()
{
	window.aBitBetterRTM = new ABitBetterRTM();
}

window.addEventListener('load', aBitBetterRTMLoad, false);

//endregion

//region JSON parse an stringify

if(!this.JSON){this.JSON={};}
(function(){function f(n){return n<10?'0'+n:n;}
if(typeof Date.prototype.toJSON!=='function'){Date.prototype.toJSON=function(key){return this.getUTCFullYear()+'-'+
f(this.getUTCMonth()+1)+'-'+
f(this.getUTCDate())+'T'+
f(this.getUTCHours())+':'+
f(this.getUTCMinutes())+':'+
f(this.getUTCSeconds())+'Z';};String.prototype.toJSON=Number.prototype.toJSON=Boolean.prototype.toJSON=function(key){return this.valueOf();};}
var cx=/[\u0000\u00ad\u0600-\u0604\u070f\u17b4\u17b5\u200c-\u200f\u2028-\u202f\u2060-\u206f\ufeff\ufff0-\uffff]/g,escapable=/[\\\"\x00-\x1f\x7f-\x9f\u00ad\u0600-\u0604\u070f\u17b4\u17b5\u200c-\u200f\u2028-\u202f\u2060-\u206f\ufeff\ufff0-\uffff]/g,gap,indent,meta={'\b':'\\b','\t':'\\t','\n':'\\n','\f':'\\f','\r':'\\r','"':'\\"','\\':'\\\\'},rep;function quote(string){escapable.lastIndex=0;return escapable.test(string)?'"'+String.replace(escapable,function(a){var c=meta[a];if(typeof c==='string'){return c;}
return'\\u'+('0000'+a.charCodeAt(0).toString(16)).slice(-4);})+'"':'"'+string+'"';}
function str(key,holder){var i,k,v,length,mind=gap,partial,value=holder[key];if(value&&typeof value==='object'&&typeof value.toJSON==='function'){value=value.toJSON(key);}
if(typeof rep==='function'){value=rep.call(holder,key,value);}
switch(typeof value){case'string':return quote(value);case'number':return isFinite(value)?String(value):'null';case'boolean':case'null':return String(value);case'object':if(!value){return'null';}
gap+=indent;partial=[];if(typeof value.length==='number'&&!value.propertyIsEnumerable('length')){length=value.length;for(i=0;i<length;i+=1){partial[i]=str(i,value)||'null';}
v=partial.length===0?'[]':gap?'[\n'+gap+
partial.join(',\n'+gap)+'\n'+
mind+']':'['+partial.join(',')+']';gap=mind;return v;}
if(rep&&typeof rep==='object'){length=rep.length;for(i=0;i<length;i+=1){k=rep[i];if(typeof k==='string'){v=str(k,value);if(v){partial.push(quote(k)+(gap?': ':':')+v);}}}}else{for(k in value){if(Object.hasOwnProperty.call(value,k)){v=str(k,value);if(v){partial.push(quote(k)+(gap?': ':':')+v);}}}}
v=partial.length===0?'{}':gap?'{\n'+gap+partial.join(',\n'+gap)+'\n'+
mind+'}':'{'+partial.join(',')+'}';gap=mind;return v;}}
if(typeof JSON.stringify!=='function'){JSON.stringify=function(value,replacer,space){var i;gap='';indent='';if(typeof space==='number'){for(i=0;i<space;i+=1){indent+=' ';}}else if(typeof space==='string'){indent=space;}
rep=replacer;if(replacer&&typeof replacer!=='function'&&(typeof replacer!=='object'||typeof replacer.length!=='number')){throw new Error('JSON.stringify');}
return str('',{'':value});};}
if(typeof JSON.parse!=='function'){JSON.parse=function(text,reviver){var j;function walk(holder,key){var k,v,value=holder[key];if(value&&typeof value==='object'){for(k in value){if(Object.hasOwnProperty.call(value,k)){v=walk(value,k);if(v!==undefined){value[k]=v;}else{delete value[k];}}}}
return reviver.call(holder,key,value);}
cx.lastIndex=0;if(cx.test(text)){text=text.replace(cx,function(a){return'\\u'+
('0000'+a.charCodeAt(0).toString(16)).slice(-4);});}
if(/^[\],:{}\s]*$/.test(text.replace(/\\(?:["\\\/bfnrt]|u[0-9a-fA-F]{4})/g,'@').replace(/"[^"\\\n\r]*"|true|false|null|-?\d+(?:\.\d*)?(?:[eE][+\-]?\d+)?/g,']').replace(/(?:^|:|,)(?:\s*\[)+/g,''))){j=eval('('+text+')');return typeof reviver==='function'?walk({'':j},''):j;}
throw new SyntaxError('JSON.parse');};}})();

//endregion

//region Configuration

function Configuration()
{
	this.displayTabsToTheLeft = (GM_getValue("displayTabsToTheLeft", "") !== "false");	
	this.hiddenLists = GM_getValue("hiddenLists", "");
	this.showTasksCount = (GM_getValue("showTasksCount", "") !== "false");
	this.quickAddList = (GM_getValue("quickAddList", "") !== "false");
	this.uniqueURLForListAndTask = (GM_getValue("uniqueURLForListAndTask", "") !== "false");
}

Configuration.prototype.makeListHidden = function(listEntry)
{
	this.hiddenLists = (this.hiddenLists || "") + listEntry[0] + ",";

	GM_setValue("hiddenLists", this.hiddenLists);
};

Configuration.prototype.makeListVisible = function(listEntry)
{
	this.hiddenLists = this.hiddenLists.replace(listEntry[0], "");
	this.hiddenLists = this.hiddenLists.replace(",,", ",");

	GM_setValue("hiddenLists", this.hiddenLists);
};

Configuration.prototype.isListHidden = function(listID)
{
	if (this.hiddenLists)
	{
		return this.hiddenLists.indexOf(listID) >= 0;
	}

	return false;
}

Configuration.prototype.getDisplayTabsToTheLeft = function()
{
	return this.displayTabsToTheLeft;
};

Configuration.prototype.setDisplayTabsToTheLeft = function(value)
{
	if (value === true)
	{
		GM_setValue("displayTabsToTheLeft", "true");
	}
	else
	{
		GM_setValue("displayTabsToTheLeft", "false");
	}

	this.displayTabsToTheLeft = value;
};

Configuration.prototype.getShowTasksCount = function()
{
	return this.showTasksCount;
};

Configuration.prototype.setShowTasksCount = function(value)
{
	if (value === true)
	{
		GM_setValue("showTasksCount", "true");
	}
	else
	{
		GM_setValue("showTasksCount", "false");
	}

	this.showTasksCount = value;
};

Configuration.prototype.getQuickAddList = function()
{
	return this.quickAddList;
};

Configuration.prototype.setQuickAddList = function(value)
{
	if (value === true)
	{
		GM_setValue("quickAddList", "true");
	}
	else
	{
		GM_setValue("quickAddList", "false");
	}

	this.quickAddList = value;
};

Configuration.prototype.getUniqueURLForListAndTask = function()
{
	return this.uniqueURLForListAndTask;
};

Configuration.prototype.setUniqueURLForListAndTask = function(value)
{
	if (value === true)
	{
		GM_setValue("uniqueURLForListAndTask", "true");
	}
	else
	{
		GM_setValue("uniqueURLForListAndTask", "false");
	}

	this.quickAddList = value;
};

//endregion

//region ListAutocompleteStore

function ListAutocompleteStore(listTabs)
{
	this.listTabs = listTabs;	
}

ListAutocompleteStore.prototype.getCompletions = function(text)
{
	if (this.listTabs)
	{
		var completions = [];
		var entries = this.listTabs.getEntries();
		var data = this.listTabs.getData();

		if (entries && data)
		{
			for (var i = 0; i < entries.length; ++i)
			{
				if (entries[i].toLowerCase().indexOf(text.toLowerCase()) === 0 && !this.listTabs.parent.configuration.isListHidden(data[i][1]))
				{
					completions.push(entries[i]);
				}
			}
		}

		return completions;
	}

	return null;
};

//endregion

//region AutocompleteList

function AutocompleteList(inputField, autocompleteStore, parent)
{
	this.inputField = inputField;
	this.autocompleteStore = autocompleteStore;
	this.parent = parent;
	this.output = null;
	this.completions = null;
	this.position = -1;
	this.isVisible = false;
}

AutocompleteList.prototype.createOutput = function()
{
	if (!this.inputField)
	{
		return;
	}

	this.output = document.createElement('div');
	this.output.setAttribute('id','autoCompleteList_' + this.inputField.id);
	this.output.style.border = "solid 1px black";
	this.output.style.background = "white";
	this.output.style.position = "absolute";
	this.output.style.width = "150px";
	this.output.style.visibility = "hidden";

	this.inputField.parentNode.insertBefore(this.output, this.inputField.nextSibling);
};

AutocompleteList.prototype.showOutput = function()
{
	if (this.output)
	{
	   this.output.style.visibility = "visible";
	}

	this.isVisible = true;
};

AutocompleteList.prototype.hideOutput = function()
{
	if (this.output)
	{
		this.output.style.visibility = "hidden";
	}

	this.isVisible = false;
};

AutocompleteList.prototype.clearOutput = function()
{
	while(this.output && this.output.childNodes.length)
	{
		this.output.removeChild(this.output.firstChild);
	}

	this.position = -1;
	this.hideOutput();
};

AutocompleteList.prototype.addCompletion = function(completion)
{
	var autocompleteList = this;

	var _mouseOverHandler = function(event)
	{
		autocompleteList.position = this.position;
		autocompleteList.highlightCompletion();
	};

	var _mouseClickHandler = function(event)
	{
		autocompleteList.parent.doCallback();
	};

	var completionBox = document.createElement("div");
	completionBox.style.textAlign = "left";
	completionBox.style.paddingLeft = "2px";
	completionBox.appendChild(document.createTextNode(completion));
	completionBox.wrappedJSObject.position = this.output.childNodes.length;
 	completionBox.addEventListener("mouseover", _mouseOverHandler, false);
 	completionBox.addEventListener("click", _mouseClickHandler, false);
	this.output.appendChild(completionBox);
};

AutocompleteList.prototype.highlightCompletion = function()
{
	if (this.output && this.output.childNodes)
	{
		for (var i = 0; i < this.output.childNodes.length; ++i)
		{
			if (i == this.position)
			{
				this.output.childNodes[i].style.color = "white";
				this.output.childNodes[i].style.background = "#316ac5";
			}
			else
			{
				this.output.childNodes[i].style.color = "black";
				this.output.childNodes[i].style.background = "white";
			}
		}
	}
};

AutocompleteList.prototype.highlightNextCompletion = function()
{
	if (this.completions && this.completions.length > 0 && this.position < this.completions.length - 1)
	{
		++this.position;
		this.highlightCompletion();
	}
};

AutocompleteList.prototype.highlightPreviousCompletion = function()
{
	if (this.completions && this.completions.length > 1 && this.position > 0)
	{
		--this.position;
		this.highlightCompletion();
	}
};

AutocompleteList.prototype.getCurrentCompletion = function()
{
	if (this.completions && this.completions.length > 0)
	{
		return this.completions[this.position];
	}

	return null;
};

AutocompleteList.prototype.update = function()
{
	if (this.inputField.value.length > 0)
	{
		this.completions = this.autocompleteStore.getCompletions(this.inputField.value);
		if (this.completions && this.completions.length > 0)
		{
			this.clearOutput();
			for (var i = 0; i < this.completions.length; ++i)
			{
				this.addCompletion(this.completions[i]);
			}

			this.showOutput();
			this.highlightNextCompletion();
		}
		else
		{
			this.hideOutput();
			this.position = -1;
		}
	}
	else
	{
		this.hideOutput();
		this.position = -1;
	}
};

//endregion

//region Autocomplete

function Autocomplete(name, autocompleteStore, owner, callback)
{
	var autocompleteBox = document.createElement('div');
	autocompleteBox.setAttribute("id", "autocompleteBox_" + name);
	autocompleteBox.style.width = "240px";
	autocompleteBox.style.position = "absolute";
	autocompleteBox.innerHTML = '<div class="white_rbroundbox"> <div class="white_rbtop"> <div> <div></div> </div> </div> <div class="white_rbcontentwrap"> <div class="white_rbcontent"> <div class="taskcloudcontent" style="padding: 0px 5px 0px 5px; height: 17px;" id="listtabscontainer"><div style="width: 70px; font-weight: bold; float: left; height: 17px; padding-top: 1px;">' + name + '</div><div style="text-align: right; float: right; width: 155px; padding-right: 2px;"><input type="text" id="autocompleteInputField_' + name + '" name="text" style="width: 151px;  ";/></div> </div> </div> </div> <div class="white_rbbot"> <div><div></div> </div> </div> </div> ';

	document.body.appendChild(autocompleteBox);

	this.inputField = document.getElementById("autocompleteInputField_" + name);
	this.box = document.getElementById("autocompleteBox_" + name);
	this.autocompleteList = new AutocompleteList(this.inputField, autocompleteStore, this);
	this.owner = owner;
	this.callback = callback;
	this.hide();
	this.bind();
	
	function _centerAutoCompleteBox()
	{
		var left = window.innerWidth / 2 - 120 + window.scrollX;
		var top = window.innerHeight / 2 - 10 + window.scrollY;

		autocompleteBox.style.left = left + "px";
		autocompleteBox.style.top = top + "px";
	}

	_centerAutoCompleteBox();
	window.addEventListener("scroll", _centerAutoCompleteBox, false);
	window.addEventListener("resize", _centerAutoCompleteBox, false);

	return this;
}

Autocomplete.prototype.show = function()
{
	this.box.wrappedJSObject.style.display = "block";
	if (this.inputField)
	{
		this.inputField.focus();
	}
};

Autocomplete.prototype.hide = function()
{
	this.box.wrappedJSObject.style.display = "none";
	if (this.inputField)
	{
		this.inputField.value = "";
	}
	
	this.autocompleteList.clearOutput();
};

Autocomplete.prototype.doCallback = function()
{
	var completion = this.autocompleteList.getCurrentCompletion();
	this.hide();

	if (this.owner)
	{
		this.callback.call(this.owner, completion);
	}
	else
	{
		this.callback(completion);
	}
};

Autocomplete.prototype.bind = function()
{
	var autocompleteList = this.autocompleteList;
	var inputField = this.inputField;
	var currentText = "";

	var _handleKeyPressEvent = function(event)
	{
		currentText = inputField.value;
		if (event.keyCode == 9) // Tab
		{
			if (window.utility)
			{
				window.utility.stopEvent(event);
			}

			return false;
		}
		else if (autocompleteList.isVisible)
		{
			if (event.keyCode == 13)// Enter
			{
				autocompleteList.parent.doCallback();
			}
			if (event.keyCode == 40)// Key down
			{
				autocompleteList.highlightNextCompletion();
			}
			else if (event.keyCode == 38)  // Key up
			{
				autocompleteList.highlightPreviousCompletion();
			}
			else if (event.keyCode == 27) // Esc
			{
				autocompleteList.clearOutput();
			}
		}
		else if (event.keyCode == 27)
		{
			autocompleteList.parent.hide();
		}
	
		return true;
	};
	var _handleKeyUpEvent = function(event)
	{
		if (currentText === null || currentText != inputField.value)
		{
			autocompleteList.update();
		}
	};
	var _handleClickEvent = function(event)
	{
		if (autocompleteList.isVisible)
		{
			autocompleteList.hideOutput();
		}

		if (window.utility)
		{
			window.utility.stopEvent(event);
		}
	};

	this.inputField.setAttribute("autocomplete", "off");
	this.inputField.addEventListener("keypress", _handleKeyPressEvent, false);
	this.inputField.addEventListener("keyup", _handleKeyUpEvent, false);
	this.box.addEventListener("click", _handleClickEvent, false);
	this.autocompleteList.createOutput();
};

//endregion

//region LeftColumn

function LeftColumn(configuration)
{
	this.RTM_listTabs = window.listTabs;
	this.RTM_taskCloud = window.taskCloud;
	this.configuration = configuration;
	this.id = "leftColumn";
	this.div = document.createElement("div");
	this.appView = document.getElementById("appview");
	this.listBox = document.getElementById("listbox");
	this.content = document.getElementById("content");
	this.children = [];

	this.div.setAttribute("id", this.id);
	this.div.style.cssFloat = "left";
	this.div.style.paddingLeft = "5px";
	this.div.style.paddingRight = "8px";

	if (this.appView && this.listBox)
	{
		this.appView.insertBefore(this.div, this.listBox);
	}

	var that = this;
    var handleViewChanged = function(d, e) 
	{
		if (e[0][1] == "Tasks")
		{
			that.hide();
		}
		else if (e[1][1] == "Tasks")
		{
			that.show();
		}
    };

	if (window.messageBus)
	{
		window.messageBus.subscribe(handleViewChanged, window.view.getUniqueMessageBusName() + "viewChanged");
	}

	Utility.appendToMethod(this.RTM_listTabs, "blitDiv", this, this.blitDiv);
	Utility.appendToMethod(this.RTM_taskCloud, "update", this.RTM_listTabs, this.RTM_listTabs.blitDiv);
}

LeftColumn.prototype.hide = function()
{
	this.div.style.display = "none";
	this.content.style.width = "980px";
};

LeftColumn.prototype.show = function()
{
	this.div.style.display = "block";
};

LeftColumn.prototype.blitDiv = function()
{
	if (window.view.selected === 1) //Tasks
	{
		this.show();
		if (this.children)
		{
			for (var i = 0; i < this.children.length; ++i)
			{
				this.children[i].blitDiv();
			}
		}

		if (this.children[0] && this.children[0].getWidth)
		{
			this.div.style.width = this.children[0].getWidth() + "px";
			this.content.style.width = (973 + this.div.clientWidth) + "px";
		}
	}
}

LeftColumn.prototype.appendChild = function(child)
{
	if (this.div && child)
	{
		this.div.appendChild(child.div);
		child.container = this;
		this.children.push(child);
	}
}

//endregion

//region Frame

function Frame(id)
{
	this.id = id;
	this.container;
	this.div = document.createElement('div');	
	this.div.innerHTML = '<div class="white_rbroundbox"> <div class="white_rbtop"> <div> <div></div> </div> </div> <div class="white_rbcontentwrap"> <div class="white_rbcontent"> <table><tr><td><div class="taskcloudcontent" style="padding: 0px 5px 0px 5px;" id="frame_' + id + '"> </div></td></tr></table> </div> </div> <div class="white_rbbot"> <div><div></div> </div> </div> </div> ';
	this.childPlaceHolder;
	this.children = [];
}

Frame.prototype.appendChild = function(child)
{
 	this.childPlaceHolder = document.getElementById("frame_" + this.id);
	if (this.childPlaceHolder && child)
	{
		this.childPlaceHolder.appendChild(child.div);
		child.container = this;
		this.children.push(child);
	}
};

Frame.prototype.blitDiv = function()
{
	if (this.children)
	{
		for (var i = 0; i < this.children.length; ++i)
		{
			this.children[i].blitDiv();
		}

		if (this.children[0] && this.children[0].getWidth)
		{
			this.div.style.width = Math.round(this.children[0].getWidth() + 15) + "px";
		}
	}
};

Frame.prototype.getWidth = function()
{
	return this.div.clientWidth;
}

//endregion

//region ListAdder

function ListAdder(parent)
{
	this.parent = parent;
	this.RTM_utility = window.utility;
	this.RTM_T = window._T;
	this.RTM_statusBox = window.statusBox;
	this.RTM_transMgr = window.transMgr;
	this.div = document.createElement('div');
	this.div.cssClass = "addEntryTask";
	this.div.style.padding = "0px 0px 10px 3px";
	this.div.id = "listAdder";
	this.div.innerHTML = '<div style="padding-bottom: 2px;"><img class="taskaddicon" src="http://static.rememberthemilk.com/img/ico/ico_add.gif" alt="Add task"><a title="Add list" href="#" class="taskadd" style="text-decoration: underline;">Add List</a></div>';
	this.progressBar = document.createElement('img');
	this.progressBar.src = '/img/busy.gif';
	this.progressBar.width = '10';
	this.progressBar.height = '10';
	this.progressBar.style.display = 'none';
	this.div.firstChild.appendChild(this.progressBar);
	this.listEntryBox = document.createElement('input');
	this.listEntryBox.type = "text";
	this.div.appendChild(this.listEntryBox);
	this.listEntryBox.style.width = (this.parent.getWidth() - 5) + "px";
	this.listEntryBox.style.display = "none";

	var that = this;
	var handleLostFocus = function(ev)
	{
		that.hideListEntryBox();
	};

	var handleAddListClick = function(ev)
	{
		that.showListEntryBox();
		that.RTM_utility.stopEvent(ev);
	};

	var handleKeyPressEvent = function(event)
	{
		if (event.keyCode === 13)// Enter
		{
			that.showProgressBar();
			that.addList(that.listEntryBox.value);
		}
		else if (event.keyCode === 27) // Esc
		{
			that.clearListEntryBox();
			that.hideListEntryBox();
		}

		return true;
	};

	var handleAddingListSuccess = function()
	{
		that.clearListEntryBox();
		that.hideListEntryBox();
		that.hideProgressBar();
	}

	this.listEntryBox.addEventListener('keypress', handleKeyPressEvent, false);
	this.listEntryBox.addEventListener('blur', handleLostFocus, false);
	this.div.addEventListener('click', handleAddListClick, false);

	Utility.appendToMethod(window.control, "addingListAddSuccess", null, handleAddingListSuccess);
}

ListAdder.prototype.showProgressBar = function()
{
	this.progressBar.style.display = 'inline';
};

ListAdder.prototype.hideProgressBar = function()
{
	this.progressBar.style.display = 'none';
};

ListAdder.prototype.showListEntryBox = function()
{
	this.listEntryBox.style.display = "block"; 
	this.listEntryBox.focus();
};

ListAdder.prototype.hideListEntryBox = function()
{
	this.listEntryBox.style.display = "none"; 
};

ListAdder.prototype.clearListEntryBox = function()
{
	this.listEntryBox.value = ""; 
}

ListAdder.prototype.addList = function(listName)
{
	if (listName.toLowerCase() == "inbox" || listName.toLowerCase() == "sent" || listName.toLowerCase() == this.RTM_T("INTERFACE_TASKS_INBOX").toLowerCase() || listName.toLowerCase() == this.RTM_T("INTERFACE_TASKS_SENT").toLowerCase()) 
	{
		this.RTM_statusBox.setText(this.RTM_T("INTERFACE_STATUS_CANT_CALL_LIST", {"LIST_NAME" : listName}), false, true);
		return false
	}

	this.RTM_transMgr.request("lists.add", this.RTM_utility.encodeJavaScript( { "name" : listName, "id" : ""}))
}

//endregion

//region ListTabs

function ListTabs(parent, configuration)
{
	this.configuration = configuration;
	this.parent = parent;
	this.container;
	this.blitted = false;
	this.RTM_control = window.control;
	this.RTM_listTabs = window.listTabs;
	this.RTM_listList = window.listList;
	this.RTM_taskCloud = window.taskCloud;
	this.RTM_overviewList = window.overviewList;
	this.RTM_stateMgr = window.stateMgr;
	this.RTM_format = window.format;
	this.tasksCountCache = {};

	if (this.RTM_listTabs)
	{
		if (this.configuration.getDisplayTabsToTheLeft())
		{
			if (this.configuration.getQuickAddList())
			{
				this.listAdder = new ListAdder(this);
			}
			this.div = document.createElement('div');	
			this.RTM_listTabs.div.className = "";
			this.RTM_listTabs.div.style.width = "100%";
			this.div.appendChild(this.RTM_listTabs.div);
		}
		this.overrideSelectLeft();
		this.overrideSelectRight();
	}

	var that = this;
    var handleViewChanged = function(d, e) 
	{
		if (e[1][1] == "Tasks")
		{
			that.RTM_listTabs.blitDiv();
		}
    };

	var handleTabChanged = function(d, e)
	{
		if (that.configuration.getUniqueURLForListAndTask() === true)
		{
			that.parent.utility.location.setListID(e[2][1]);
		}

		if (that.configuration.getShowTasksCount() === true)
		{
			setTimeout(that.backgroundTasksCountUpdate, 1000, d.selected, that);
		}
	}

	var handleLocationHashChanged = function(d, e)
	{
		if (window.view.entries[window.view.selected][0] === "Tasks")
		{
			var taskID = that.parent.utility.location.getTaskID();

			if (taskID)
			{
				that.parent.taskList.selectTaskByID(taskID);
			}
			else
			{
				var selectedTaskID = that.parent.taskList.getSelectedTaskID();
				
				if (selectedTaskID)
				{
					that.parent.utility.location.setTaskID(selectedTaskID);
				}
				else
				{
					var listID = that.parent.utility.location.getListID();

					if (listID)
					{
						that.selectListByID(that.parent.utility.location.getListID());
					}
					else
					{
						that.parent.utility.location.setListID(that.getSelectedListID());
					}
				}
			}
		}
	}

	if (this.configuration.getUniqueURLForListAndTask())
	{
		handleLocationHashChanged();
	}

	var handleSelectFinished = function()
	{
		if (window.view.entries[window.view.selected][0] === "Tasks")
		{
			if (!that.parent.taskList.getSelectedTaskID())
			{
				that.parent.utility.location.setListID(that.getSelectedListID());
			}
		}
	};

	if (window.messageBus)
	{
		window.messageBus.subscribe(handleViewChanged, window.view.getUniqueMessageBusName() + "viewChanged");
		window.messageBus.subscribe(this.RTM_listTabs.blitDiv, this.RTM_listList.mbn + "setFilterSuccess");
		window.messageBus.subscribe(handleTabChanged, this.RTM_listTabs.mbn + "tabChanged");

		if (this.configuration.getUniqueURLForListAndTask())
		{
   			window.messageBus.subscribe(handleSelectFinished, window.taskList.list.getUniqueMessageBusName() + "selectFinished");
			window.messageBus.subscribe(handleLocationHashChanged, this.parent.utility.location.mbn + "locationHashChanged");
		}
	}

	this.appendCodeToExistingMethods();

	var tools_spacer = document.getElementById("tools_spacer");
	if (tools_spacer)
	{
		tools_spacer.style.paddingTop = "1px";
		tools_spacer.style.borderTop = "1px solid #CACACA";
	}

	var sorting = document.getElementById("sorting");
	if (sorting)
	{
		sorting.style.marginTop = "0px";
	}

	var tools = document.getElementById("tools");
	if (tools)
	{
		tools.style.paddingTop = "5px";
	}
}

ListTabs.prototype.appendCodeToExistingMethods = function()
{
	if (this.configuration.getShowTasksCount() === true)
	{
		Utility.appendToMethod(this.RTM_taskCloud, "update", this, this.backgroundTasksCountUpdate);
	}

	if (this.configuration.getDisplayTabsToTheLeft() !== true)
	{
		Utility.appendToMethod(this.RTM_listTabs, "blitDiv", this, this.blitDiv);
		Utility.appendToMethod(this.RTM_taskCloud, "update", this.RTM_listTabs, this.RTM_listTabs.blitDiv);
	}
};

ListTabs.prototype.getWidth = function()
{
	var maxListEntryName = "";

	for (var i = 0; i < this.RTM_listTabs.entries.length; ++i)
	{
		if (this.RTM_listTabs.entries[i].length > maxListEntryName.length)
		{
			maxListEntryName = this.RTM_listTabs.entries[i];
		}
	}

	return maxListEntryName.length * 9 + 4;
}

ListTabs.prototype.getEntries = function()
{
	if (this.RTM_listTabs)
	{
		return this.RTM_listTabs.entries;
	}

	return null;
}

ListTabs.prototype.getData = function()
{
	if (this.RTM_listTabs)
	{
		return this.RTM_listTabs.data;
	}

	return null;
}

ListTabs.prototype.showTasksCount = function()
{
	if (this.RTM_listTabs)
	{
		var listItems = this.RTM_listTabs.div.getElementsByTagName("li");

		for (var i = 0; this.RTM_listTabs.data && this.RTM_listTabs.data[i]; ++i)
		{
			if (this.RTM_listTabs.data[i][2])
			{
				this.smartListTasksCountUpdate(this.RTM_listTabs.data[i][1], this.RTM_listTabs.data[i][2], listItems[i], this.tasksCountCache, false, this.getListNameWithTasksCount);
			}
			else
			{
				this.regularListTasksCountUpdate(this.RTM_listTabs.data[i][1], listItems[i], this.tasksCountCache, false, this.getListNameWithTasksCount);
			}
		}
	}
};

ListTabs.prototype.hideTasksCount = function()
{
	if (this.RTM_listTabs)
	{
		var listItems = this.RTM_listTabs.div.getElementsByTagName("li");

		for (var i = 0; this.RTM_listTabs.data && this.RTM_listTabs.data[i]; ++i)
		{
			listItems[i].firstChild.innerHTML = this.getListNameWithoutTasksCount(listItems[i].firstChild.innerHTML);
		}
	}
}

ListTabs.prototype.backgroundTasksCountUpdate = function(selectedListNumber, that)
{
	if (that === undefined)
	{
		that = this;
	}

	if (that.RTM_listTabs)
	{
		if (selectedListNumber !== undefined && selectedListNumber != that.RTM_listTabs.selected)
		{
			return;
		}

		var listItems = that.RTM_listTabs.div.getElementsByTagName("li");
		var timeout = 300;

		for (var i = 0; that.RTM_listTabs.data && that.RTM_listTabs.data[i]; ++i)
		{
			if (selectedListNumber !== undefined && i != selectedListNumber)
			{
				continue;
			}

			if (that.RTM_listTabs.data[i][2])
			{
				setTimeout(that.smartListTasksCountUpdate, timeout, that.RTM_listTabs.data[i][1], that.RTM_listTabs.data[i][2], listItems[i], that.tasksCountCache, true, that.getListNameWithTasksCount);
			}
			else
			{
				setTimeout(that.regularListTasksCountUpdate, timeout, that.RTM_listTabs.data[i][1], listItems[i], that.tasksCountCache, true, that.getListNameWithTasksCount);
			}

			timeout += 300;
		}
	}
};

ListTabs.prototype.regularListTasksCountUpdate = function(listID, listItem, cache, reloadCache, getListNameCallback)
{
	var tasksCount = cache[listID];

	if (tasksCount === undefined || reloadCache === true)
	{
		if (window.format)
		{
			tasksCount = window.format.getListStatistics(listID)[5];
		}
	}

	if (listItem && getListNameCallback)
	{
		listItem.firstChild.innerHTML = getListNameCallback(listItem.firstChild.innerHTML, tasksCount);
	}

	cache[listID] = tasksCount;
};

ListTabs.prototype.getListNameWithoutTasksCount = function(listName)
{
	if (listName)
	{
		var regExp = /\(\d+\)$/;
		
		if (regExp.test(listName))
		{
			listName = listName.replace(regExp, "");
		}
	}

	return listName;
}

ListTabs.prototype.getListNameWithTasksCount = function(listName, tasksCount)
{
	if (listName)
	{
		var regExp = /\(\d+\)$/;
		
		if (regExp.test(listName))
		{
			listName = listName.replace(regExp, "(" + tasksCount + ")");
		}
		else
		{
			listName = listName + " (" + tasksCount + ")";
		}

		if (!tasksCount || tasksCount == 0)
		{
			listName = listName.replace(regExp, "");
		}
	}

	return listName;
};

ListTabs.prototype.smartListTasksCountUpdate = function(listID, filter, listItem, cache, reloadCache, getListNameCallback)
{
	var tasksCount = cache[listID];

	if (tasksCount === undefined || reloadCache === true)
	{
		if (filter && filter.indexOf("status:") < 0)
		{
			filter = "(" + filter + ") and (status:incomplete)";
		}

		if (window.overviewList && filter)
		{
			tasksCount = window.overviewList.getFilteredList(filter).length;
		}
	}

	if (listItem && getListNameCallback)
	{
		listItem.firstChild.innerHTML = getListNameCallback(listItem.firstChild.innerHTML, tasksCount);
	}

	cache[listID] = tasksCount;
};

ListTabs.prototype.hideDisabledLists = function(listItems)
{
	var listItems = this.RTM_listTabs.div.getElementsByTagName("li");
	for (var i = 0; i < this.RTM_listTabs.data.length; ++i)
	{
		if (listItems[i] && this.RTM_listTabs.data[i] && this.parent.configuration.isListHidden(this.RTM_listTabs.data[i][1]))
		{
			listItems[i].style.display = "none";
		}
	}
}

ListTabs.prototype.blitDiv = function()
{
	if (window.view.entries[window.view.selected][0] === "Tasks")
	{
		if (this.configuration.getDisplayTabsToTheLeft())
		{
			this.RTM_listTabs.div.firstChild.style.listStyle = "none";
			this.RTM_listTabs.div.firstChild.style.padding = "0px 5px 0px 5px";
			this.RTM_listTabs.div.firstChild.style.whiteSpace = "nowrap";

			var listItems = this.RTM_listTabs.div.getElementsByTagName("li");
			for (var i = 0; i < this.RTM_listTabs.data.length; ++i)
			{
				if (!this.RTM_listTabs.data[i][2])
				{
					listItems[i].firstChild.style.color = "black";
				}
			}
		}

		this.hideDisabledLists();

		if (this.configuration.getShowTasksCount() === true)
		{
			this.showTasksCount();
		}

		if (!this.blitted && this.listAdder)
		{
			this.div.insertBefore(this.listAdder.div, this.div.firstChild);
		}
	}
};

ListTabs.prototype.selectNextList = function()
{
	if (this.RTM_listTabs)
	{
		this.RTM_listTabs.selectRight();
	}
};

ListTabs.prototype.selectPreviousList = function()
{
	if (this.RTM_listTabs)
	{
		this.RTM_listTabs.selectLeft();
	}
};

ListTabs.prototype.selectListByName = function(text)
{
	if (!this.RTM_listTabs || !this.RTM_listTabs.entries)
	{
		return;
	}

	for (var i = 0; i < this.RTM_listTabs.entries.length; ++i)
	{
		if (this.RTM_listTabs.entries[i].toLowerCase() == text.toLowerCase())
		{
			this.RTM_listTabs.selectTabByPosition(i);
		}
	}
};

ListTabs.prototype.selectListByID = function(listID)
{
	if (this.RTM_listTabs && listID)
	{
		this.RTM_listTabs.selectTabByData(listID);
	}
};

ListTabs.prototype.moveSelectedTasksToListByName = function(text)
{
	if (!this.RTM_listTabs || !this.RTM_listTabs.entries || !this.RTM_control)
	{
		return;
	}

	for (var i = 0; i < window.listTabs.entries.length; ++i)
	{
		if (this.RTM_listTabs.entries[i].toLowerCase() == text.toLowerCase())
		{
			this.RTM_control.tasksSelectionChanged("", ["", "tasks.moveTo." + window.listTabs.data[i][1]]);
		}
	}
};

ListTabs.prototype.overrideSelectLeft = function()
{
	var that = this;
	if (this.RTM_listTabs)
	{
		this.RTM_listTabs.selectLeft = function()
		{
			var position = this.selected - 1; 

			while (true)
			{
				if (position >= 0)
				{
					if (!that.parent.configuration.isListHidden(this.data[position][1]))
					{
						break;
					}

					--position;
				}
				else
				{
					position = this.entries.length - 1;
				}
			}

			this.selectTabByPosition(position);
		};	
	}
};

ListTabs.prototype.overrideSelectRight = function()
{
	var that = this;
	if (this.RTM_listTabs)
	{
		this.RTM_listTabs.selectRight = function()
		{
			var position = this.selected + 1; 

			while (true)
			{
				if (position < this.entries.length)
				{
					if (!that.parent.configuration.isListHidden(this.data[position][1]))
					{
						break;
					}

					++position;
				}
				else
				{
					position = 0;
				}
			}

			this.selectTabByPosition(position);
		};	
	}
};

ListTabs.prototype.getSelectedListID = function()
{
	return this.RTM_listTabs.data[this.RTM_listTabs.selected][1];
}

//endregion

//region Shortcut

function Shortcut(key, owner, method, ctrlKey, shiftKey, altKey)
{
	this.key = key;
	this.owner = owner;
	this.method = method;
	this.ctrlKey = ctrlKey;
	this.shiftKey = shiftKey;
	this.altKey = altKey;
}

Shortcut.prototype.run = function()
{
	if (this.method)
	{
		if (this.owner)
		{
			this.method.call(this.owner);	
		}
		else
		{
			this.method();
		}
	}
};

//endregion

//region TaskList

function TaskList(parent)
{
	this.parent = parent;
	this.RTM_taskList = window.taskList;
	this.RTM_control = window.control;

	var that = this;
	var handleSelectFinished = function()
	{
		that.parent.utility.location.setTaskID(that.getSelectedTaskID());
	};

   	window.messageBus.subscribe(handleSelectFinished, window.taskList.list.getUniqueMessageBusName() + "selectFinished");

}

TaskList.prototype.getSelectedTaskID = function()
{
	if (this.RTM_taskList)
	{
		var selectedTasks = this.RTM_taskList.getViewList().getSelected();

		if (selectedTasks && selectedTasks.length > 0)
		{
			return selectedTasks[selectedTasks.length - 1];
		}
	}

	return null;
};

TaskList.prototype.selectTaskByID = function(taskID)
{
	if (this.RTM_control)
	{
		this.RTM_control.showTaskById(taskID);
	}
};

//endregion

//region ListList

function ListList(configuration)
{
	this.configuration = configuration;
	this.RTM_listList = window.listList;
	this.RTM_utility = window.utility;
	this.RTM_stateMgr = window.stateMgr;
	this._overrideListListUpdateEntry();
}

ListList.prototype._overrideListListUpdateEntry = function()
{
	if (this.RTM_listList)
	{
		var oldListListUpdateEntry = this.RTM_listList.list.updateEntry;
		var that = this;

		this.RTM_listList.list.updateEntry = function(entry, D)
		{
			oldListListUpdateEntry.call(that.RTM_listList.list, entry, D);

			var index = that.RTM_listList.list.map[entry[0]];
			var row = that.RTM_listList.list.table.rows[index];

			row.entry = entry;
			row.rowText.innerHTML = "<div id='listName_" + entry[0] + "' style='float: left;'>" + entry[1] + "</div><div style='align: right; float: right;'><a href=\"# \" id='displayListLink_" + entry[0] + "'></a></div>";

			var displayListLink = document.getElementById('displayListLink_' + entry[0]);
			var listName = document.getElementById('listName_' + entry[0]);

			var listClickHandler = function(event)
			{
				if (that.configuration.isListHidden(entry[0]))
				{
					that.makeListVisible(entry);
				}
				else
				{
					that.makeListHidden(entry);
				}

				if (that.RTM_utility)
				{
					that.RTM_utility.stopEvent(event);
				}
			};

			displayListLink.addEventListener('click', listClickHandler, false);

			if (!that.isListArchived(entry[0]))
			{
				if (that.configuration.isListHidden(entry[0]))
				{
					displayListLink.innerHTML = "show";
					listName.style.color = "#cacaca";
				}
				else
				{
					displayListLink.innerHTML = "hide";
					listName.style.color = "";
				}
			}
		};

		this.RTM_listList.doStyles();
	}
};

ListList.prototype.isListArchived = function(listID)
{
	if (this.RTM_stateMgr.lists[listID] && this.RTM_stateMgr.lists[listID].archived)
	{
		return true;
	}

	return false;
};

ListList.prototype.makeListHidden = function(listEntry)
{
	this.configuration.makeListHidden(listEntry);
	this.RTM_listList.list.updateEntry(listEntry);
};

ListList.prototype.makeListVisible = function(listEntry)
{
	this.configuration.makeListVisible(listEntry);
	this.RTM_listList.list.updateEntry(listEntry);
};

//endregion

//region Settings

function Settings(configuration)
{
	this.mbn = this.getUniqueMessageBusName();
	this.configuration = configuration;
	this.div = document.createElement("div");

	var generalSettings = document.getElementById("general");
	if (generalSettings)
	{
		generalSettings.parentNode.appendChild(this.div);
	}

	this.div.style.display = "none";
	this.div.innerHTML = '<div style="padding: 12px 25px 21px;" class="contentboxwrap"><form id="abitbetterrtmform" autocomplete="off"><table style="width: 100%;"><tr><td class="label"><label>Tasks count</label></td><td class="field" colspan="2"><span><input id="abbrtm_taskscount_on" name="showtaskscount" type="radio" /><label for="abbrtm_taskscount_on" style="font-weight: normal;">On</label></span><span style="padding-left: 9px;"><input id="abbrtm_taskscount_off" name="showtaskscount" type="radio" /><label for="abbrtm_taskscount_off" style="font-weight: normal;">Off</label></span></td></tr><tr><td class="label"><label>Tabs on the left</label></td><td class="field" colspan="2"><span><input id="abbrtm_tabsontheleft_on" name="abbrtm_tabsontheleft" type="radio" /><label for="abbrtm_tabsontheleft_on" style="font-weight: normal;">On</label></span><span style="padding-left: 9px;"><input id="abbrtm_tabsontheleft_off" name="abbrtm_tabsontheleft" type="radio" /><label for="abbrtm_tabstotheleft_off" style="font-weight: normal;">Off</label></span></td></tr><tr><td class="label"><label>Quick add list</label></td><td class="field" colspan="2"><span><input id="abbrtm_quickaddlist_on" name="abbrtm_quickaddlist" style="font-weight: normal;" type="radio">On</label></span><span style="padding-left: 9px;"><input id="abbrtm_quickaddlist_off" name="abbrtm_quickaddlist" type="radio" /><label for="abbrtm_quickaddlist_off" style="font-weight: normal;">Off</label></span></td></tr><tr><td class="label"><label>Unique URL for list/task</label></td><td class="field" colspan="2"><span><input id="abbrtm_uniqueurl_on" name="abbrtm_uniqueurl" style="font-weight: normal;" type="radio">On</label></span><span style="padding-left: 9px;"><input id="abbrtm_uniqueurl_off" name="abbrtm_uniqueurl" type="radio" /><label for="abbrtm_uniqueurl_off" style="font-weight: normal;">Off</label></span></td></tr><tr><td class="hiddenlabel"><label for="settingssubmit">Save Changes</label></td><td class="field" colspan="2"><input id="abbrtm_settingssubmit" name="settingssave" type="button" value="Save Changes" /><label for="settingscancel" style="display: none;">Cancel</label><input id="abbrtm_settingscancel" name="settingscancel" type="button" value="Cancel" /></td></tr></table></form></div>';

	this.tasksCount_on = document.getElementById("abbrtm_taskscount_on");
	this.tasksCount_off = document.getElementById("abbrtm_taskscount_off");
	this.tabsOnTheLeft_on = document.getElementById("abbrtm_tabsontheleft_on");
	this.tabsOnTheLeft_off = document.getElementById("abbrtm_tabsontheleft_off");
	this.quickAddList_on = document.getElementById("abbrtm_quickaddlist_on");
	this.quickAddList_off = document.getElementById("abbrtm_quickaddlist_off");
	this.uniqueURL_on = document.getElementById("abbrtm_uniqueurl_on");
	this.uniqueURL_off = document.getElementById("abbrtm_uniqueurl_off");
	this.settingsSave = document.getElementById("abbrtm_settingssubmit");
	this.settingsCancel = document.getElementById("abbrtm_settingscancel");
	this.settingsSave.disabled = true;
	this.settingsCancel.disabled = true;

	this.loadSettings();

	var that = this;
	var optionClickHandler = function()
	{
		that.settingsSave.disabled = false;
		that.settingsCancel.disabled = false;
	}

	var cancelClickHandler = function(event)
	{
		that.loadSettings();
		that.settingsSave.disabled = true;
		that.settingsCancel.disabled = true;
		return false;
	}

	var saveClickHandler = function()
	{
		that.saveSettings();
		that.settingsSave.disabled = true;
		that.settingsCancel.disabled = true;
		
		location.reload(true);
	}

	this.tasksCount_on.addEventListener("click", optionClickHandler, false);
	this.tasksCount_off.addEventListener("click", optionClickHandler, false);
	this.tabsOnTheLeft_on.addEventListener("click", optionClickHandler, false);
	this.tabsOnTheLeft_off.addEventListener("click", optionClickHandler, false);
	this.quickAddList_on.addEventListener("click", optionClickHandler, false);
	this.quickAddList_off.addEventListener("click", optionClickHandler, false);
	this.uniqueURL_on.addEventListener("click", optionClickHandler, false);
	this.uniqueURL_off.addEventListener("click", optionClickHandler, false);
	this.settingsCancel.addEventListener("click", cancelClickHandler, false);;
	this.settingsSave.addEventListener("click", saveClickHandler, false);;
}

Settings.prototype.getUniqueMessageBusName = function()
{
	return "abitbetterrtm.settings.";
}

Settings.prototype.loadSettings = function()
{
	if (this.configuration.getShowTasksCount() === true)
	{
		this.tasksCount_on.checked = 'true';
	}
	else
	{
		this.tasksCount_off.checked = 'true';
	}

	if (this.configuration.getDisplayTabsToTheLeft() === true)
	{
		this.tabsOnTheLeft_on.checked = 'true';
	}
	else
	{
		this.tabsOnTheLeft_off.checked = 'true';
	}

	if (this.configuration.getQuickAddList() === true)
	{
		this.quickAddList_on.checked = 'true';
	}
	else
	{
		this.quickAddList_off.checked = 'true';
	}

	if (this.configuration.getUniqueURLForListAndTask() === true)
	{
		this.uniqueURL_on.checked = 'true';
	}
	else
	{
		this.uniqueURL_off.checked = 'true';
	}
}

Settings.prototype.saveSettings = function()
{
	this.configuration.setShowTasksCount(this.tasksCount_on.checked);
	this.configuration.setDisplayTabsToTheLeft(this.tabsOnTheLeft_on.checked);
	this.configuration.setQuickAddList(this.quickAddList_on.checked && this.tabsOnTheLeft_on.checked);
	this.configuration.setUniqueURLForListAndTask(this.uniqueURL_on.checked);
}

Settings.prototype.hide = function()
{
	this.div.style.display = "none";
}

Settings.prototype.show = function()
{
	this.div.style.display = "";
}

//endregion

//region ABitBetterRTM

function ABitBetterRTM()
{
	this.configuration = new Configuration();
	this.utility = new Utility(this.configuration);
	this.settings = new Settings(this.configuration);
	this.taskList = new TaskList(this);
	this.listList = new ListList(this.configuration);
	this.listTabs = new ListTabs(this, this.configuration);

	if (this.configuration.getDisplayTabsToTheLeft())
	{
		this.leftColumn = new LeftColumn(this.configuration);
		this.leftColumn.hide();
		this.leftColumn.appendChild(new Frame('listTabsFrame'));
		this.leftColumn.children[0].appendChild(this.listTabs);
	}

	if (window.view.entries[window.view.selected][0] === "Tasks")
	{
		if (this.configuration.getDisplayTabsToTheLeft())
		{
			this.leftColumn.blitDiv();
		}
		else
		{
			this.listTabs.blitDiv();
		}
	}

	this.autocompletes = {};
	this.shortcuts = [];

	this._initAutocompletes();
	this._initShortcuts();
	this._overrideBodyKeyPressHandler();

	Utility.addGlobalCssStyle('html { overflow: scroll; overflow-x: auto; }');

    window.settingsTabs.addEntry("A Bit Better RTM");
    window.settingsView.addState("A Bit Better RTM", [this.settings], window.settingsTabs);
	window.settingsTabs.blitDiv();
}

ABitBetterRTM.prototype._initShortcuts = function()
{
	this.shortcuts.push(new Shortcut(74, this.listTabs, this.listTabs.selectNextList, false, true, false));
	this.shortcuts.push(new Shortcut(75, this.listTabs, this.listTabs.selectPreviousList, false, true, false));
	this.shortcuts.push(new Shortcut(103, this.autocompletes.goTo, this.autocompletes.goTo.show, true, false, false));
	this.shortcuts.push(new Shortcut(109, this.autocompletes.moveTo, this.autocompletes.moveTo.show, true, false, false));

	if (this.configuration.getDisplayTabsToTheLeft() && this.configuration.getQuickAddList())
	{
		this.shortcuts.push(new Shortcut(113, this.listTabs.listAdder, this.listTabs.listAdder.showListEntryBox, false, false, false));
	}
};

ABitBetterRTM.prototype._initAutocompletes = function()
{
	this.autocompletes.goTo = new Autocomplete("GO TO: ", new ListAutocompleteStore(this.listTabs), this.listTabs, this.listTabs.selectListByName);
	this.autocompletes.moveTo = new Autocomplete("MOVE TO: ", new ListAutocompleteStore(this.listTabs), this.listTabs, this.listTabs.moveSelectedTasksToListByName);
}

ABitBetterRTM.prototype._overrideBodyKeyPressHandler = function()
{
	var that = this;
	var handleKeyPressEvent = function(ev, ignoreCombo)
	{
		if (!ev)
		{
			ev = window.event;
		}

		if (ev === null)
		{
			return;
		}

		var target = null;
		
		if (window.utility)
		{
			target = window.utility.getEventTarget(ev);
		}

		if (target === null) 
		{
			return true;
		}

		var pressed = (ev.charCode) ? ev.charCode: ((ev.which) ? ev.which: ev.keyCode);

		if (target !== null && target.type !== null && target.type !== undefined && (target.type == "textarea" || target.type == "input" || target.type.indexOf("select") === 0 || target.type == "button" || target.type === "submit" || target.type == "text" || target.type == "password" || (target.id !== null && target.id == "map"))) 
		{
			return true;
		}

		var tabs = null;

		if (window.view)
		{
			tabs = window.view.getViewTabs();
		}

		if (tabs)
		{
			for (var i = 0; i < that.shortcuts.length; ++i)
			{
				if ((that.shortcuts[i].key === pressed) && (that.shortcuts[i].ctrlKey === ev.ctrlKey) && (that.shortcuts[i].shiftKey === ev.shiftKey) && (that.shortcuts[i].altKey === ev.altKey) && (ev.metaKey === false))
				{
					that.shortcuts[i].run();

					if (window.utility)
					{
						window.utility.stopEvent(ev);
					}

					return false;
				}
			}
		}

		return true;
	}

	if (window.eventMgr)
	{
		var oldBodyKeyPressHandler = window.eventMgr.bodyKeyPressHandler;

		window.eventMgr.bodyKeyPressHandler = function(ev, ignoreCombo)
		{
			if (handleKeyPressEvent(ev, ignoreCombo))
			{
				return oldBodyKeyPressHandler.call(window.eventMgr, ev, ignoreCombo);
			}

			return true;
		};	
	}
}

//endregion