From fcb38bcef513e1875fbfd0a1aa8e7b5f573f1210 Mon Sep 17 00:00:00 2001
From: Kevin Roast <kevin.roast@alfresco.com>
Date: Thu, 26 Apr 2007 14:23:22 +0000
Subject: [PATCH] Added fisheye javascript (from MikeH) to My Tasks template

git-svn-id: https://svn.alfresco.com/repos/alfresco-enterprise/alfresco/HEAD/root@5562 c4b6b30b-aa2e-2d43-bbcb-ca4b014f7261
---
 .../alfresco/portlets/mytasks_get_html.ftl    |  78 +++++++++-----
 source/web/scripts/ajax/mootools.js           |  56 ++++++++++
 source/web/scripts/ajax/mytasks.js            | 101 ++++++++++++++++++
 3 files changed, 211 insertions(+), 24 deletions(-)
 create mode 100644 source/web/scripts/ajax/mootools.js
 create mode 100644 source/web/scripts/ajax/mytasks.js

diff --git a/config/alfresco/templates/webscripts/org/alfresco/portlets/mytasks_get_html.ftl b/config/alfresco/templates/webscripts/org/alfresco/portlets/mytasks_get_html.ftl
index 7a50b8da8f..9e9cdf5d6e 100644
--- a/config/alfresco/templates/webscripts/org/alfresco/portlets/mytasks_get_html.ftl
+++ b/config/alfresco/templates/webscripts/org/alfresco/portlets/mytasks_get_html.ftl
@@ -8,6 +8,8 @@
 <script type="text/javascript" src="/alfresco/scripts/ajax/yahoo/dragdrop/dragdrop-min.js"></script>
 <script type="text/javascript" src="/alfresco/scripts/ajax/common.js"></script>
 <script type="text/javascript" src="/alfresco/scripts/ajax/summary-info.js"></script>
+<script type="text/javascript" src="/alfresco/scripts/ajax/mootools.js"></script>
+<script type="text/javascript" src="/alfresco/scripts/ajax/mytasks.js"></script>
 <script type="text/javascript">setContextPath('${url.context}');</script>
 
 <script>
@@ -51,7 +53,7 @@
    <td width=4 class="paperEdgeRight"><td>
 </tr>
 <tr><td bgcolor="#F9F3B0">&nbsp;</td><td>
-   <div class="taskPanel">
+   <div id="taskPanel">
       <#assign weekms=1000*60*60*24*7>
       <#assign count=0>
       <#list workflow.assignedTasks?sort_by('startDate') as t>
@@ -66,29 +68,41 @@
               (filter=2 && hasDue && (dateCompare(due?date, date?date) == 1 && dateCompare(date?date, due?date, weekms) == 1)) ||
               (filter=4 && hasDue && (dateCompare(date?date, due?date) == 1))>
          <#assign count=count+1>
-         <div class="taskRow" onmouseover="taskMouseOver(this)" onmouseout="taskMouseOut(this)">
-            <div class="taskIndicator">
-            <#if hasDue>
-               <#-- items due today? -->
-               <#if (filter=0 || filter=1) && (dateCompare(date?date, due?date, 0, "==") == 1)>
-                  <img src="${url.context}/images/icons/task_today.gif"></div><div class="taskItem taskItemToday">
-               <#-- items overdue? -->
-               <#elseif (filter=0 || filter=4) && (dateCompare(date?date, due?date) == 1)>
-                  <img src="${url.context}/images/icons/task_overdue.gif"></div><div class="taskItem taskItemOverdue">
+         <div class="taskRow">
+            <div class="taskTitle">
+               <div class="taskIndicator">
+               <#if hasDue>
+                  <#-- items due today? -->
+                  <#if (filter=0 || filter=1) && (dateCompare(date?date, due?date, 0, "==") == 1)>
+                     <img src="${url.context}/images/icons/task_today.gif"></div><div class="taskItem taskItemToday">
+                  <#-- items overdue? -->
+                  <#elseif (filter=0 || filter=4) && (dateCompare(date?date, due?date) == 1)>
+                     <img src="${url.context}/images/icons/task_overdue.gif"></div><div class="taskItem taskItemOverdue">
+                  <#else>
+                     </div><div class="taskItem">
+                  </#if>
                <#else>
                   </div><div class="taskItem">
                </#if>
-            <#else>
-               </div><div class="taskItem">
-            </#if>
-               ${t.description?html} [${t.name?html}]
-               <#if hasDue>
-                  (Due: ${due?date})
-               </#if>
-               <div style="display:inline" onclick="TaskInfoMgr.toggle('${t.id}',this);">
-                  <img src="${url.context}/images/icons/popup.gif" styleClass="popupImage" width="16" height="16" />
+                  ${t.description?html} [${t.name?html}]
+                  <#if hasDue>
+                     (Due: ${due?date})
+                  </#if>
+                  <span class="taskInfo" onclick="TaskInfoMgr.toggle('${t.id}',this);">
+                     <img src="${url.context}/images/icons/popup.gif" class="popupImage" width="16" height="16" />
+                  </span>
                </div>
             </div>
+            <div class="taskDetail">
+               <table cellpadding='2' cellspacing='0' style="margin-left:32px;">
+   	            <tr><td>Type:</td><td>${t.type?html}</td></tr>
+   	            <tr><td>Name:</td><td>${t.name?html}</td></tr>
+   	            <tr><td>Start Date:</td><td>${t.startDate?date}</td></tr>
+   	            <tr><td>Priority:</td><td>${t.properties["bpm:priority"]}</td>
+                  <tr><td>Status:</td><td>${t.properties["bpm:status"]}</td>
+                  <tr><td>Completed:</td><td>${t.isCompleted?string("Yes", "No")}</td>
+   	         </table>
+            </div>
          </div>
          </#if>
       </#list>
@@ -146,7 +160,7 @@ a.filterLinkSelected:link, a.filterLinkSelected:visited
    background-position: 72 64;
 }
 
-.taskPanel
+#taskPanel
 {
    height: 300px;
    width: 716px;
@@ -158,9 +172,6 @@ a.filterLinkSelected:link, a.filterLinkSelected:visited
 .taskRow
 {
    padding-top: 4px;
-   padding-left: 8px;
-   padding-right: 8px;
-   padding-bottom: 4px;
    border-bottom: 1px solid #EBE398;
    border-top: 1px solid #FEF8BC;
 }
@@ -184,6 +195,7 @@ a.filterLinkSelected:link, a.filterLinkSelected:visited
    font-size: 14px;
    color: #5A5741;
    margin: 0 0 0 24;
+   padding: 0px 8px 6px 8px;
 }
 
 .taskItemOverdue
@@ -201,7 +213,25 @@ a.filterLinkSelected:link, a.filterLinkSelected:visited
 {
    float: left;
    padding-top:6px;
-   padding-left:4px;
+   padding-left:8px;
+}
+
+.taskDetail
+{
+   background-color: #CFB540;
+   font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
+   font-size: 12px;
+   color: #000000;
+   margin: 0px;
+   display: none;
+   overflow: hidden;
+}
+
+.taskItemSelected
+{
+   background-color: #FFE500 !important;
+   border-bottom: 1px solid #82770B !important;
+   border-top: 1px solid #82770B !important;
 }
 
 .paperEdgeRight
diff --git a/source/web/scripts/ajax/mootools.js b/source/web/scripts/ajax/mootools.js
new file mode 100644
index 0000000000..cfa0fa5f4e
--- /dev/null
+++ b/source/web/scripts/ajax/mootools.js
@@ -0,0 +1,56 @@
+//MooTools, My Object Oriented Javascript Tools. Copyright (c) 2006 Valerio Proietti, <http://mad4milk.net>, MIT Style License.
+
+var Class=function(properties){var klass=function(){if(arguments[0]!==null&&this.initialize&&$type(this.initialize)=='function')return this.initialize.apply(this,arguments);else return this;};$extend(klass,this);klass.prototype=properties;return klass;};Class.empty=function(){};Class.prototype={extend:function(properties){var proto=new this(null);for(var property in properties){var pp=proto[property];proto[property]=$mergeClass(pp,properties[property]);}
+return new Class(proto);},implement:function(properties){$extend(this.prototype,properties);}};function $type(obj){if(obj===null||obj===undefined)return false;var type=typeof obj;if(type=='object'){if(obj.htmlElement)return'element';if(obj.push)return'array';if(obj.nodeName){switch(obj.nodeType){case 1:return'element';case 3:return obj.nodeValue.test(/\S/)?'textnode':'whitespace';}}}
+return type;};function $merge(){var mix={};for(var i=0;i<arguments.length;i++){for(var property in arguments[i]){var ap=arguments[i][property];var mp=mix[property];if(mp&&$type(ap)=='object'&&$type(mp)=='object')mix[property]=$merge(mp,ap);else mix[property]=ap;}}
+return mix;};function $mergeClass(previous,current){if(previous&&previous!=current){var ptype=$type(previous);var ctype=$type(current);if(ptype=='function'&&ctype=='function'){var merged=function(){this.parent=arguments.callee.parent;return current.apply(this,arguments);};merged.parent=previous;return merged;}else if(ptype=='object'&&ctype=='object'){return $merge(previous,current);}}
+return current;};var $extend=Object.extend=function(){var args=arguments;if(!args[1])args=[this,args[0]];for(var property in args[1])args[0][property]=args[1][property];return args[0];};var $native=Object.Native=function(){for(var i=0;i<arguments.length;i++)arguments[i].extend=$native.extend;};$native.extend=function(props){for(var prop in props){if(!this.prototype[prop])this.prototype[prop]=props[prop];}};$native(Function,Array,String,Number,Class);window.extend=document.extend=$extend;var Window=window;function $chk(obj){return!!(obj||obj===0);};function $pick(obj,picked){return(obj!==null&&obj!==undefined)?obj:picked;};function $random(min,max){return Math.floor(Math.random()*(max-min+1)+min);};function $time(){return new Date().getTime();};function $duration(data,ms){if($type(data)!='object')return parseInt(data);this.units=this.units||{years:'FullYear',months:'Month',days:'Date',hours:'Hours',minutes:'Minutes',seconds:'Seconds',milliseconds:'Milliseconds'};var date=new Date();for(var unit in data){var fn=this.units[unit];if(fn)date['set'+fn](date['get'+fn]()+$pick(data[unit],0));}
+return parseInt((date.getTime()-$time())/(ms?1:1000));}
+function $clear(timer){clearTimeout(timer);clearInterval(timer);return null;};if(window.ActiveXObject)window.ie=window[window.XMLHttpRequest?'ie7':'ie6']=true;else if(document.childNodes&&!document.all&&!navigator.taintEnabled)window.khtml=true;else if(document.getBoxObjectFor!=null)window.gecko=true;window.xpath=!!(document.evaluate);if(typeof HTMLElement=='undefined'){var HTMLElement=Class.empty;if(window.khtml)document.createElement("iframe");HTMLElement.prototype=(window.khtml)?window["[[DOMElement.prototype]]"]:{};}
+HTMLElement.prototype.htmlElement=true;if(window.ie6)try{document.execCommand("BackgroundImageCache",false,true);}catch(e){};var Chain=new Class({chain:function(fn){this.chains=this.chains||[];this.chains.push(fn);return this;},callChain:function(){if(this.chains&&this.chains.length)this.chains.shift().delay(10,this);},clearChain:function(){this.chains=[];}});var Events=new Class({addEvent:function(type,fn){if(fn!=Class.empty){this.events=this.events||{};this.events[type]=this.events[type]||[];this.events[type].include(fn);}
+return this;},fireEvent:function(type,args,delay){if(this.events&&this.events[type]){this.events[type].each(function(fn){fn.create({'bind':this,'delay':delay,'arguments':args})();},this);}
+return this;},removeEvent:function(type,fn){if(this.events&&this.events[type])this.events[type].remove(fn);return this;}});var Options=new Class({setOptions:function(){var args=(arguments.length==1)?[this.options,arguments[0]]:arguments;this.options=$merge.apply(this,args);if(this.addEvent){for(var option in this.options){if(($type(this.options[option])=='function')&&option.test(/^on[A-Z]/))this.addEvent(option,this.options[option]);}}
+return this;}});Array.extend({forEach:function(fn,bind){for(var i=0,j=this.length;i<j;i++)fn.call(bind,this[i],i,this);},filter:function(fn,bind){var results=[];for(var i=0,j=this.length;i<j;i++){if(fn.call(bind,this[i],i,this))results.push(this[i]);}
+return results;},map:function(fn,bind){var results=[];for(var i=0,j=this.length;i<j;i++)results[i]=fn.call(bind,this[i],i,this);return results;},every:function(fn,bind){for(var i=0,j=this.length;i<j;i++){if(!fn.call(bind,this[i],i,this))return false;}
+return true;},some:function(fn,bind){for(var i=0,j=this.length;i<j;i++){if(fn.call(bind,this[i],i,this))return true;}
+return false;},indexOf:function(item,from){from=from||0;var len=this.length;if(from<0)from=Math.max(0,len+from);while(from<len){if(this[from]===item)return from;from++;}
+return-1;},copy:function(start,length){start=start||0;if(start<0)start=this.length+start;length=length||(this.length-start);var newArray=[];for(var i=0;i<length;i++)newArray[i]=this[start++];return newArray;},remove:function(item){var i=0;var len=this.length;while(i<len){if(this[i]&&this[i]===item)this.splice(i,1);else i++;}
+return this;},test:function(item,from){return this.indexOf(item,from)!=-1;},associate:function(keys){var obj={},length=Math.min(this.length,keys.length);for(var i=0;i<length;i++)obj[keys[i]]=this[i];return obj;},extend:function(array){for(var i=0,j=array.length;i<j;i++)this.push(array[i]);return this;},merge:function(array){for(var i=0,l=array.length;i<l;i++)this.include(array[i]);return this;},include:function(item){if(!this.length||!this.test(item))this.push(item);return this;}});Array.prototype.each=Array.prototype.forEach;function $A(array,start,length){return Array.prototype.copy.call(array,start,length);};function $each(iterable,fn,bind){if($chk(iterable.length))Array.prototype.forEach.call(iterable,fn,bind);else for(var name in iterable)fn.call(bind,iterable[name],name);};String.extend({test:function(regex,params){return((typeof regex=='string')?new RegExp(regex,params):regex).test(this);},toInt:function(){return parseInt(this);},toFloat:function(){return parseFloat(this);},camelCase:function(){return this.replace(/-\D/g,function(match){return match.charAt(1).toUpperCase();});},hyphenate:function(){return this.replace(/\w[A-Z]/g,function(match){return(match.charAt(0)+'-'+match.charAt(1).toLowerCase());});},capitalize:function(){return this.toLowerCase().replace(/\b[a-z]/g,function(match){return match.toUpperCase();});},trim:function(){return this.replace(/^\s+|\s+$/g,'');},clean:function(){return this.replace(/\s{2,}/g,' ').trim();},rgbToHex:function(array){var rgb=this.match(/\d{1,3}/g);return(rgb)?rgb.rgbToHex(array):false;},hexToRgb:function(array){var hex=this.match(/^#?(\w{1,2})(\w{1,2})(\w{1,2})$/);return(hex)?hex.slice(1).hexToRgb(array):false;},hasListed:function(string,s){s=s||' ';return(s+this+s).indexOf(s+string+s)>-1;}});Array.extend({rgbToHex:function(array){if(this.length<3)return false;if(this[3]&&(this[3]==0)&&!array)return'transparent';var hex=[];for(var i=0;i<3;i++){var bit=(this[i]-0).toString(16);hex.push((bit.length==1)?'0'+bit:bit);}
+return array?hex:'#'+hex.join('');},hexToRgb:function(array){if(this.length!=3)return false;var rgb=[];for(var i=0;i<3;i++){rgb.push(parseInt((this[i].length==1)?this[i]+this[i]:this[i],16));}
+return array?rgb:'rgb('+rgb.join(',')+')';}});Number.extend({toInt:function(){return parseInt(this);},toFloat:function(){return parseFloat(this);}});Function.extend({create:function(options){var fn=this;options=$merge({'bind':fn,'event':false,'arguments':null,'delay':false,'periodical':false,'attempt':false},options);if($chk(options.arguments)&&$type(options.arguments)!='array')options.arguments=[options.arguments];return function(event){var args;if(options.event){event=event||window.event;args=[(options.event===true)?event:new options.event(event)];if(options.arguments)args=args.concat(options.arguments);}
+else args=options.arguments||arguments;var returns=function(){return fn.apply(options.bind,args);};if(options.delay)return setTimeout(returns,$duration(options.delay));if(options.periodical)return setInterval(returns,$duration(options.periodical));if(options.attempt)try{return returns();}catch(err){return false;};return returns();};},pass:function(args,bind){return this.create({'arguments':args,'bind':bind});},attempt:function(args,bind){return this.create({'arguments':args,'bind':bind,'attempt':true})();},bind:function(bind,args){return this.create({'bind':bind,'arguments':args});},bindAsEventListener:function(bind,args){return this.create({'bind':bind,'event':true,'arguments':args});},delay:function(delay,bind,args){return this.create({'delay':delay,'bind':bind,'arguments':args})();},periodical:function(interval,bind,args){return this.create({'periodical':interval,'bind':bind,'arguments':args})();}});var Element=new Class({initialize:function(el,props){if(window.ie&&props&&(props.name||props.type)){var name=(props.name)?' name="'+props.name+'"':'';var type=(props.type)?' type="'+props.type+'"':'';delete props.name;delete props.type;el='<'+el+name+type+'>';}
+el=$(document.createElement(el));if(!props)return el;for(var prop in props){switch(prop){case'styles':el.setStyles(props[prop]);break;case'events':if(el.addEvents)el.addEvents(props[prop]);break;case'properties':el.setProperties(props[prop]);break;default:el.setProperty(prop,props[prop]);}}
+return el;}});function $(el){if(!el)return false;if(el.htmlElement)return Garbage.collect(el);if([window,document].test(el))return el;var type=$type(el);if(type=='string'){el=document.getElementById(el);type=(el)?'element':false;}
+if(type!='element')return false;if(el.htmlElement)return Garbage.collect(el);if(['object','embed'].test(el.tagName.toLowerCase()))return el;$extend(el,Element.prototype);el.htmlElement=true;return Garbage.collect(el);};var Elements=new Class({});Elements.extend=Class.prototype.implement;document.getElementsBySelector=document.getElementsByTagName;function $$(){if(!arguments)return false;if(arguments.length==1&&typeof arguments[0]=='string')return document.getElementsBySelector(arguments[0]);var elements=[];for(var i=0,j=arguments.length;i<j;i++){var selector=arguments[i];switch($type(selector)){case'element':elements.push(element);break;case'string':selector=document.getElementsBySelector(selector,true);default:elements=elements.concat((selector.push)?selector:$A(selector));}}
+return $$.$$(elements);};$$.$$=function(array){var elements=[];for(var i=0,l=array.length;i<l;i++){if(array[i].included)continue;array[i].included=true;var element=$(array[i]);if(element)elements.push(element);}
+for(var i=0,l=elements.length;i<l;i++)elements[i].included=null;return $extend(elements,new Elements);};Elements.Multi=function(property){return function(){var args=arguments;var items=[];var elements=true;for(var i=0,j=this.length,returns;i<j;i++){returns=this[i][property].apply(this[i],args);if($type(returns)!='element')elements=false;items.push(returns);};return(elements)?$$.$$(items):items;};};Element.extend=function(properties){for(var property in properties){HTMLElement.prototype[property]=properties[property];Element.prototype[property]=properties[property];Elements.prototype[property]=Elements.Multi(property);}};Element.extend({inject:function(el,where){el=$(el);switch(where){case"before":el.parentNode.insertBefore(this,el);break;case"after":var next=el.getNext();if(!next)el.parentNode.appendChild(this);else el.parentNode.insertBefore(this,next);break;case"inside":el.appendChild(this);}
+return this;},injectBefore:function(el){return this.inject(el,'before');},injectAfter:function(el){return this.inject(el,'after');},injectInside:function(el){return this.inject(el,'inside');},adopt:function(){$each(arguments,function(el){this.appendChild($(el));},this);return this;},remove:function(){this.parentNode.removeChild(this);return this;},clone:function(contents){return $(this.cloneNode(contents!==false));},replaceWith:function(el){this.parentNode.replaceChild(el,this);return $(el);},appendText:function(text){if(window.ie){switch(this.getTag()){case'style':this.styleSheet.cssText=text;return this;case'script':this.setProperty('text',text);return this;}}
+this.appendChild(document.createTextNode(text));return this;},hasClass:function(className){return this.className.hasListed(className);},addClass:function(className){if(!this.hasClass(className))this.className=(this.className+' '+className).clean();return this;},removeClass:function(className){this.className=this.className.replace(new RegExp('(^|\\s)'+className+'(?:\\s|$)'),'$1').clean();return this;},toggleClass:function(className){return this.hasClass(className)?this.removeClass(className):this.addClass(className);},setStyle:function(property,value){switch(property){case'opacity':return this.setOpacity(parseFloat(value));case'float':property=(window.ie)?'styleFloat':'cssFloat';}
+property=property.camelCase();switch($type(value)){case'number':if(!['zIndex','zoom'].test(property))value+='px';break;case'array':value='rgb('+value.join(',')+')';}
+this.style[property]=value;return this;},setStyles:function(source){switch($type(source)){case'object':for(var property in source)this.setStyle(property,source[property]);break;case'string':this.style.cssText=source;}
+return this;},setOpacity:function(opacity){if(opacity==0){if(this.style.visibility!="hidden")this.style.visibility="hidden";}else{if(this.style.visibility!="visible")this.style.visibility="visible";}
+if(!this.currentStyle||!this.currentStyle.hasLayout)this.style.zoom=1;if(window.ie)this.style.filter=(opacity==1)?'':"alpha(opacity="+opacity*100+")";this.style.opacity=this.opacity=opacity;return this;},getStyle:function(property){property=property.camelCase();var style=this.style[property];if(!$chk(style)){if(property=='opacity')return $chk(this.opacity)?this.opacity:1;if(['margin','padding'].test(property)){var result=[];['top','right','bottom','left'].each(function(prop){result.push(this.getStyle(property+'-'+prop)||'0');},this);var every=result.every(function(val){return val==result[0];});return(every)?result[0]:result;}
+if(document.defaultView)style=document.defaultView.getComputedStyle(this,null).getPropertyValue(property.hyphenate());else if(this.currentStyle)style=this.currentStyle[property];}
+if(style=='auto'&&['height','width'].test(property))return this['offset'+property.capitalize()]+'px';return(style&&property.test(/color/i)&&style.test(/rgb/))?style.rgbToHex():style;},getStyles:function(){var result={};$each(arguments,function(argument){result[argument]=this.getStyle(argument);},this);return result;},walk:function(brother,start){brother+='Sibling';var el=(start)?this[start]:this[brother];while(el&&$type(el)!='element')el=el[brother];return $(el);},getPrevious:function(){return this.walk('previous');},getNext:function(){return this.walk('next');},getFirst:function(){return this.walk('next','firstChild');},getLast:function(){return this.walk('previous','lastChild');},getParent:function(){return $(this.parentNode);},getChildren:function(){return $$(this.childNodes);},hasChild:function(el){return!!$A(this.getElementsByTagName('*')).test(el);},setProperty:function(property,value){switch(property){case'class':this.className=value;break;case'style':this.setStyles(value);break;case'for':this.htmlFor=value;break;default:this.setAttribute(property,value);}
+return this;},setProperties:function(source){for(var property in source)this.setProperty(property,source[property]);return this;},setHTML:function(){this.innerHTML=$A(arguments).join('');return this;},getProperty:function(property){switch(property){case'class':return this.className;case'for':return this.htmlFor;default:return this.getAttribute(property);}},getTag:function(){return this.tagName.toLowerCase();}});Element.listenerMethods={addListener:function(type,fn){if(this.addEventListener)this.addEventListener(type,fn,false);else this.attachEvent('on'+type,fn);return this;},removeListener:function(type,fn){if(this.removeEventListener)this.removeEventListener(type,fn,false);else this.detachEvent('on'+type,fn);return this;}};window.extend(Element.listenerMethods);document.extend(Element.listenerMethods);Element.extend(Element.listenerMethods);Element.Events={};Element.Events.extend=$extend;var Garbage={elements:[],collect:function(el){if(!el.collected){Garbage.elements.push(el);el.collected=true;}
+return el;},trash:function(elements){for(var i=0,j=elements.length,el;i<j;i++){if(!(el=elements[i])||!el.collected)return;if(el.removeEvents)el.removeEvents();for(var p in Element.prototype)el[p]=null;el.htmlElement=el.collected=null;}},empty:function(){Garbage.collect(window);Garbage.collect(document);Garbage.trash(Garbage.elements);}};window.addListener('unload',Garbage.empty);var Event=new Class({initialize:function(event){event=event||window.event;this.event=event;this.type=event.type;this.target=event.target||event.srcElement;if(this.target.nodeType==3)this.target=this.target.parentNode;this.shift=event.shiftKey;this.control=event.ctrlKey;this.alt=event.altKey;this.meta=event.metaKey;if(['DOMMouseScroll','mousewheel'].test(this.type)){this.wheel=event.wheelDelta?(event.wheelDelta/(window.opera?-120:120)):-(event.detail||0)/3;}else if(this.type.test(/key/)){this.code=event.which||event.keyCode;for(var name in Event.keys){if(Event.keys[name]==this.code){this.key=name;break;}}
+if(this.type=='keydown'){var fKey=this.code-111;if(fKey>0&&fKey<13)this.key='f'+fKey;}
+this.key=this.key||String.fromCharCode(this.code).toLowerCase();}else if(this.type.test(/(click|mouse|menu)/)){this.page={'x':event.pageX||event.clientX+document.documentElement.scrollLeft,'y':event.pageY||event.clientY+document.documentElement.scrollTop};this.client={'x':event.pageX?event.pageX-window.pageXOffset:event.clientX,'y':event.pageY?event.pageY-window.pageYOffset:event.clientY};this.rightClick=(event.which==3)||(event.button==2);switch(this.type){case'mouseover':this.relatedTarget=event.relatedTarget||event.fromElement;break;case'mouseout':this.relatedTarget=event.relatedTarget||event.toElement;}
+if(this.relatedTarget&&this.relatedTarget.nodeType==3)this.relatedTarget=this.relatedTarget.parentNode;}},stop:function(){return this.stopPropagation().preventDefault();},stopPropagation:function(){if(this.event.stopPropagation)this.event.stopPropagation();else this.event.cancelBubble=true;return this;},preventDefault:function(){if(this.event.preventDefault)this.event.preventDefault();else this.event.returnValue=false;return this;}});Event.keys={'enter':13,'up':38,'down':40,'left':37,'right':39,'esc':27,'space':32,'backspace':8,'tab':9,'delete':46};Event.keys.extend=$extend;Element.Events.extend({'mouseenter':{type:'mouseover',map:function(event){event=new Event(event);if(event.relatedTarget==this||this.hasChild(event.relatedTarget))return;this.fireEvent('mouseenter',event);}},'mouseleave':{type:'mouseout',map:function(event){event=new Event(event);if(event.relatedTarget==this||this.hasChild(event.relatedTarget))return;this.fireEvent('mouseleave',event);}}});Function.extend({bindWithEvent:function(bind,args){return this.create({'bind':bind,'arguments':args,'event':Event});}});function $E(selector,filter){return($(filter)||document).getElement(selector);};function $ES(selector,filter){return($(filter)||document).getElementsBySelector(selector);};$$.shared={cache:{},regexp:/^(\w*|\*)(?:#([\w-]+)|\.([\w-]+))?(?:\[(\w+)(?:([!*^$]?=)["']?([^"'\]]*)["']?)?])?$/,getNormalParam:function(selector,items,context,param,i){Filters.selector=param;if(i==0){if(param[2]){var el=context.getElementById(param[2]);if(!el||((param[1]!='*')&&(el.tagName.toLowerCase()!=param[1])))return false;items=[el];}else{items=$A(context.getElementsByTagName(param[1]));}}else{items=$$.shared.getElementsByTagName(items,param[1]);if(param[2])items=items.filter(Filters.id);}
+if(param[3])items=items.filter(Filters.className);if(param[4])items=items.filter(Filters.attribute);return items;},getXpathParam:function(selector,items,context,param,i){if($$.shared.cache[selector].xpath){items.push($$.shared.cache[selector].xpath);return items;}
+var temp=context.namespaceURI?['xhtml:']:[];temp.push(param[1]);if(param[2])temp.push('[@id="',param[2],'"]');if(param[3])temp.push('[contains(concat(" ", @class, " "), " ',param[3],' ")]');if(param[4]){if(param[5]&&param[6]){switch(param[5]){case'*=':temp.push('[contains(@',param[4],', "',param[6],'")]');break;case'^=':temp.push('[starts-with(@',param[4],', "',param[6],'")]');break;case'$=':temp.push('[substring(@',param[4],', string-length(@',param[4],') - ',param[6].length,' + 1) = "',param[6],'"]');break;case'=':temp.push('[@',param[4],'="',param[6],'"]');break;case'!=':temp.push('[@',param[4],'!="',param[6],'"]');}}else temp.push('[@',param[4],']');}
+temp=temp.join('');$$.shared.cache[selector].xpath=temp;items.push(temp);return items;},getNormalItems:function(items,context,nocash){return(nocash)?items:$$.$$(items);},getXpathItems:function(items,context,nocash){var elements=[];var xpath=document.evaluate('.//'+items.join('//'),context,$$.shared.resolver,XPathResult.UNORDERED_NODE_SNAPSHOT_TYPE,null);for(var i=0,j=xpath.snapshotLength;i<j;i++)elements.push(xpath.snapshotItem(i));return(nocash)?elements:$extend(elements.map($),new Elements);},resolver:function(prefix){return(prefix=='xhtml')?'http://www.w3.org/1999/xhtml':false;},getElementsByTagName:function(context,tagName){var found=[];for(var i=0,j=context.length;i<j;i++)found=found.concat($A(context[i].getElementsByTagName(tagName)));return found;}};if(window.xpath){$$.shared.getParam=$$.shared.getXpathParam;$$.shared.getItems=$$.shared.getXpathItems;}else{$$.shared.getParam=$$.shared.getNormalParam;$$.shared.getItems=$$.shared.getNormalItems;}
+Element.domMethods={getElements:function(selector,nocash){var items=[];selector=selector.split(' ');for(var i=0,j=selector.length;i<j;i++){var sel=selector[i];var param;if($$.shared.cache[sel]){param=$$.shared.cache[sel].param;}else{param=sel.match($$.shared.regexp);if(!param)break;param[1]=param[1]||'*';$$.shared.cache[sel]={'param':param};}
+var temp=$$.shared.getParam(sel,items,this,param,i);if(!temp)break;items=temp;}
+return $$.shared.getItems(items,this,nocash);},getElement:function(selector){return $(this.getElements(selector,true)[0]||false);},getElementsBySelector:function(selector,nocash){var elements=[];selector=selector.split(',');for(var i=0,j=selector.length;i<j;i++)elements=elements.concat(this.getElements(selector[i],true));return(nocash)?elements:$$.$$(elements);},getElementsByClassName:function(className){return this.getElements('.'+className);}};Element.extend({getElementById:function(id){var el=document.getElementById(id);if(!el)return false;for(var parent=el.parentNode;parent!=this;parent=parent.parentNode){if(!parent)return false;}
+return el;}});document.extend(Element.domMethods);Element.extend(Element.domMethods);var Filters={selector:[],id:function(el){return(el.id==Filters.selector[2]);},className:function(el){return el.className.hasListed(Filters.selector[3]);},attribute:function(el){var current=Element.prototype.getProperty.call(el,Filters.selector[4]);if(!current)return false;var operator=Filters.selector[5];if(!operator)return true;var value=Filters.selector[6];switch(operator){case'=':return(current==value);case'*=':return(current.test(value));case'^=':return(current.test('^'+value));case'$=':return(current.test(value+'$'));case'!=':return(current!=value);case'~=':return current.hasListed(value);}
+return false;}};Element.extend({scrollTo:function(x,y){this.scrollLeft=x;this.scrollTop=y;},getSize:function(){return{'scroll':{'x':this.scrollLeft,'y':this.scrollTop},'size':{'x':this.offsetWidth,'y':this.offsetHeight},'scrollSize':{'x':this.scrollWidth,'y':this.scrollHeight}};},getPosition:function(overflown){overflown=overflown||[];var el=this,left=0,top=0;do{left+=el.offsetLeft||0;top+=el.offsetTop||0;el=el.offsetParent;}while(el);overflown.each(function(element){left-=element.scrollLeft||0;top-=element.scrollTop||0;});return{'x':left,'y':top};},getTop:function(){return this.getPosition().y;},getLeft:function(){return this.getPosition().x;},getCoordinates:function(overflown){var position=this.getPosition(overflown);var obj={'width':this.offsetWidth,'height':this.offsetHeight,'left':position.x,'top':position.y};obj.right=obj.left+obj.width;obj.bottom=obj.top+obj.height;return obj;}});Element.eventMethods={addEvent:function(type,fn){this.events=this.events||{};this.events[type]=this.events[type]||{'keys':[],'values':[]};if(this.events[type].keys.test(fn))return this;this.events[type].keys.push(fn);var realType=type;var bound=false;if(Element.Events[type]){if(Element.Events[type].initialize)Element.Events[type].initialize.call(this,fn);if(Element.Events[type].map)bound=Element.Events[type].map.bindAsEventListener(this);realType=Element.Events[type].type||type;}
+if(!this.addEventListener)bound=bound||fn.bindAsEventListener(this);else bound=bound||fn;this.events[type].values.push(bound);return this.addListener(realType,bound);},removeEvent:function(type,fn){if(!this.events||!this.events[type])return this;var pos=this.events[type].keys.indexOf(fn);if(pos==-1)return this;var key=this.events[type].keys.splice(pos,1)[0];var value=this.events[type].values.splice(pos,1)[0];if(Element.Events[type])type=Element.Events[type].type||type;return this.removeListener(type,value);},addEvents:function(source){for(var type in source)this.addEvent(type,source[type]);return this;},removeEvents:function(type){if(!this.events)return this;if(type){if(this.events[type]){this.events[type].keys.each(function(fn){this.removeEvent(type,fn);},this);this.events[type]=null;}}else{for(var evType in this.events)this.removeEvents(evType);this.events=null;}
+return this;},fireEvent:function(type,args){if(this.events&&this.events[type]){this.events[type].keys.each(function(fn){fn.bind(this,args)();},this);}}};Element.Events.mousewheel={type:(window.gecko)?'DOMMouseScroll':'mousewheel'};window.extend(Element.eventMethods);document.extend(Element.eventMethods);Element.extend(Element.eventMethods);Element.Events.domready={initialize:function(fn){if(window.loaded){fn.call(this);return;}
+var domReady=function(){if(window.loaded)return;window.loaded=true;window.timer=$clear(window.timer);this.fireEvent('domready');}.bind(this);if(document.readyState&&window.khtml){this.timer=function(){if(['loaded','complete'].test(document.readyState))domReady();}.periodical(50);}else if(document.readyState&&window.ie){document.write("<script id=ie_ready defer src='://0'><\/script>");$('ie_ready').onreadystatechange=function(){if(this.readyState=='complete')domReady();};}else{window.addListener("load",domReady);document.addListener("DOMContentLoaded",domReady);}}};window.onDomReady=function(fn){return this.addEvent('domready',fn);};window.extend({getWidth:function(){if(this.khtml)return this.innerWidth;if(this.opera)return document.body.clientWidth;return document.documentElement.clientWidth;},getHeight:function(){if(this.khtml)return this.innerHeight;if(this.opera)return document.body.clientHeight;return document.documentElement.clientHeight;},getScrollWidth:function(){if(this.ie)return Math.max(document.documentElement.offsetWidth,document.documentElement.scrollWidth);if(this.khtml)return document.body.scrollWidth;return document.documentElement.scrollWidth;},getScrollHeight:function(){if(this.ie)return Math.max(document.documentElement.offsetHeight,document.documentElement.scrollHeight);if(this.khtml)return document.body.scrollHeight;return document.documentElement.scrollHeight;},getScrollLeft:function(){return this.pageXOffset||document.documentElement.scrollLeft;},getScrollTop:function(){return this.pageYOffset||document.documentElement.scrollTop;},getSize:function(){return{'size':{'x':this.getWidth(),'y':this.getHeight()},'scrollSize':{'x':this.getScrollWidth(),'y':this.getScrollHeight()},'scroll':{'x':this.getScrollLeft(),'y':this.getScrollTop()}};},getPosition:function(){return{'x':0,'y':0}}});var Fx={};Fx.Transitions={linear:function(t,b,c,d){return c*t/d+b;},sineInOut:function(t,b,c,d){return-c/2*(Math.cos(Math.PI*t/d)-1)+b;}};Fx.Transitions.extend=$extend;Fx.Base=new Class({options:{onStart:Class.empty,onComplete:Class.empty,onCancel:Class.empty,transition:Fx.Transitions.sineInOut,duration:500,unit:'px',wait:true,fps:50},initialize:function(options){this.element=this.element||null;this.setOptions(options);if(this.options.initialize)this.options.initialize.call(this);},step:function(){var time=$time();if(time<this.time+this.options.duration){this.cTime=time-this.time;this.setNow();this.increase();}else{this.stop(true);this.now=this.to;this.increase();this.fireEvent('onComplete',this.element,10);this.callChain();}},set:function(to){this.now=to;this.increase();return this;},setNow:function(){this.now=this.compute(this.from,this.to);},compute:function(from,to){return this.options.transition(this.cTime,from,(to-from),this.options.duration);},start:function(from,to){if(!this.options.wait)this.stop();else if(this.timer)return this;this.from=from;this.to=to;this.time=$time();this.timer=this.step.periodical(Math.round(1000/this.options.fps),this);this.fireEvent('onStart',this.element);return this;},stop:function(end){if(!this.timer)return this;this.timer=$clear(this.timer);if(!end)this.fireEvent('onCancel',this.element);return this;},custom:function(from,to){return this.start(from,to)},clearTimer:function(end){return this.stop(end)}});Fx.Base.implement(new Chain);Fx.Base.implement(new Events);Fx.Base.implement(new Options);Fx.CSS={select:function(property,to){if(property.test(/color/i))return this.Color;if(to.test&&to.test(' '))return this.Multi;return this.Single;},parse:function(el,property,fromTo){if(!fromTo.push)fromTo=[fromTo];var from=fromTo[0],to=fromTo[1];if(!to&&to!=0){to=from;from=el.getStyle(property);}
+var css=this.select(property,to);return{from:css.parse(from),to:css.parse(to),css:css};}};Fx.CSS.Single={parse:function(value){return parseFloat(value);},getNow:function(from,to,fx){return fx.compute(from,to);},getValue:function(value,unit){return value+unit;}};Fx.CSS.Multi={parse:function(value){return value.push?value:value.split(' ').map(function(v){return parseFloat(v);});},getNow:function(from,to,fx){var now=[];for(var i=0;i<from.length;i++)now[i]=fx.compute(from[i],to[i]);return now;},getValue:function(value,unit){return value.join(unit+' ')+unit;}};Fx.CSS.Color={parse:function(value){return value.push?value:value.hexToRgb(true);},getNow:function(from,to,fx){var now=[];for(var i=0;i<from.length;i++)now[i]=Math.round(fx.compute(from[i],to[i]));return now;},getValue:function(value){return'rgb('+value.join(',')+')';}};Fx.Style=Fx.Base.extend({initialize:function(el,property,options){this.element=$(el);this.property=property;this.parent(options);},hide:function(){return this.set(0);},setNow:function(){this.now=this.css.getNow(this.from,this.to,this);},set:function(to){this.css=Fx.CSS.select(this.property,to);return this.parent(this.css.parse(to));},start:function(from,to){if(this.timer&&this.options.wait)return this;var parsed=Fx.CSS.parse(this.element,this.property,[from,to]);this.css=parsed.css;return this.parent(parsed.from,parsed.to);},increase:function(){this.element.setStyle(this.property,this.css.getValue(this.now,this.options.unit));}});Element.extend({effect:function(property,options){return new Fx.Style(this,property,options);}});Fx.Styles=Fx.Base.extend({initialize:function(el,options){this.element=$(el);this.parent(options);},setNow:function(){for(var p in this.from)this.now[p]=this.css[p].getNow(this.from[p],this.to[p],this);},set:function(to){var parsed={};this.css={};for(var p in to){this.css[p]=Fx.CSS.select(p,to[p]);parsed[p]=this.css[p].parse(to[p]);}
+return this.parent(parsed);},start:function(obj){if(this.timer&&this.options.wait)return this;this.now={};this.css={};var from={},to={};for(var p in obj){var parsed=Fx.CSS.parse(this.element,p,obj[p]);from[p]=parsed.from;to[p]=parsed.to;this.css[p]=parsed.css;}
+return this.parent(from,to);},increase:function(){for(var p in this.now)this.element.setStyle(p,this.css[p].getValue(this.now[p],this.options.unit));}});Element.extend({effects:function(options){return new Fx.Styles(this,options);}});Fx.Elements=Fx.Base.extend({initialize:function(elements,options){this.elements=$$(elements);this.parent(options);},setNow:function(){for(var i in this.from){var iFrom=this.from[i],iTo=this.to[i],iCss=this.css[i],iNow=this.now[i]={};for(var p in iFrom)iNow[p]=iCss[p].getNow(iFrom[p],iTo[p],this);}},set:function(to){var parsed={};this.css={};for(var i in to){var iTo=to[i],iCss=this.css[i]={},iParsed=parsed[i]={};for(var p in iTo){iCss[p]=Fx.CSS.select(p,iTo[p]);iParsed[p]=iCss[p].parse(iTo[p]);}}
+return this.parent(parsed);},start:function(obj){if(this.timer&&this.options.wait)return this;this.now={};this.css={};var from={},to={};for(var i in obj){var iProps=obj[i],iFrom=from[i]={},iTo=to[i]={},iCss=this.css[i]={};for(var p in iProps){var parsed=Fx.CSS.parse(this.elements[i],p,iProps[p]);iFrom[p]=parsed.from;iTo[p]=parsed.to;iCss[p]=parsed.css;}}
+return this.parent(from,to);},increase:function(){for(var i in this.now){var iNow=this.now[i],iCss=this.css[i];for(var p in iNow)this.elements[i].setStyle(p,iCss[p].getValue(iNow[p],this.options.unit));}}});Fx.Slide=Fx.Base.extend({options:{mode:'vertical'},initialize:function(el,options){this.element=$(el);this.wrapper=new Element('div',{'styles':$extend(this.element.getStyles('margin'),{'overflow':'hidden'})}).injectAfter(this.element).adopt(this.element);this.element.setStyle('margin',0);this.setOptions(options);this.now=[];this.parent(this.options);},setNow:function(){for(var i=0;i<2;i++)this.now[i]=this.compute(this.from[i],this.to[i]);},vertical:function(){this.margin='margin-top';this.layout='height';this.offset=this.element.offsetHeight;},horizontal:function(){this.margin='margin-left';this.layout='width';this.offset=this.element.offsetWidth;},slideIn:function(mode){this[mode||this.options.mode]();return this.start([this.element.getStyle(this.margin).toInt(),this.wrapper.getStyle(this.layout).toInt()],[0,this.offset]);},slideOut:function(mode){this[mode||this.options.mode]();return this.start([this.element.getStyle(this.margin).toInt(),this.wrapper.getStyle(this.layout).toInt()],[-this.offset,0]);},hide:function(mode){this[mode||this.options.mode]();return this.set([-this.offset,0]);},show:function(mode){this[mode||this.options.mode]();return this.set([0,this.offset]);},toggle:function(mode){if(this.wrapper.offsetHeight==0||this.wrapper.offsetWidth==0)return this.slideIn(mode);return this.slideOut(mode);},increase:function(){this.element.setStyle(this.margin,this.now[0]+this.options.unit);this.wrapper.setStyle(this.layout,this.now[1]+this.options.unit);}});Element.extend({slideIn:function(options){return new Fx.Slide(this,options).slideIn();},slideOut:function(options){return new Fx.Slide(this,options).slideOut();}});Fx.Transitions.extend({quadIn:function(t,b,c,d){return c*(t/=d)*t+b;},quadOut:function(t,b,c,d){return-c*(t/=d)*(t-2)+b;},quadInOut:function(t,b,c,d){if((t/=d/2)<1)return c/2*t*t+b;return-c/2*((--t)*(t-2)-1)+b;},cubicIn:function(t,b,c,d){return c*(t/=d)*t*t+b;},cubicOut:function(t,b,c,d){return c*((t=t/d-1)*t*t+1)+b;},cubicInOut:function(t,b,c,d){if((t/=d/2)<1)return c/2*t*t*t+b;return c/2*((t-=2)*t*t+2)+b;},quartIn:function(t,b,c,d){return c*(t/=d)*t*t*t+b;},quartOut:function(t,b,c,d){return-c*((t=t/d-1)*t*t*t-1)+b;},quartInOut:function(t,b,c,d){if((t/=d/2)<1)return c/2*t*t*t*t+b;return-c/2*((t-=2)*t*t*t-2)+b;},quintIn:function(t,b,c,d){return c*(t/=d)*t*t*t*t+b;},quintOut:function(t,b,c,d){return c*((t=t/d-1)*t*t*t*t+1)+b;},quintInOut:function(t,b,c,d){if((t/=d/2)<1)return c/2*t*t*t*t*t+b;return c/2*((t-=2)*t*t*t*t+2)+b;},sineIn:function(t,b,c,d){return-c*Math.cos(t/d*(Math.PI/2))+c+b;},sineOut:function(t,b,c,d){return c*Math.sin(t/d*(Math.PI/2))+b;},expoIn:function(t,b,c,d){return(t==0)?b:c*Math.pow(2,10*(t/d-1))+b;},expoOut:function(t,b,c,d){return(t==d)?b+c:c*(-Math.pow(2,-10*t/d)+1)+b;},expoInOut:function(t,b,c,d){if(t==0)return b;if(t==d)return b+c;if((t/=d/2)<1)return c/2*Math.pow(2,10*(t-1))+b;return c/2*(-Math.pow(2,-10*--t)+2)+b;},circIn:function(t,b,c,d){return-c*(Math.sqrt(1-(t/=d)*t)-1)+b;},circOut:function(t,b,c,d){return c*Math.sqrt(1-(t=t/d-1)*t)+b;},circInOut:function(t,b,c,d){if((t/=d/2)<1)return-c/2*(Math.sqrt(1-t*t)-1)+b;return c/2*(Math.sqrt(1-(t-=2)*t)+1)+b;},elasticIn:function(t,b,c,d,a,p){if(t==0)return b;if((t/=d)==1)return b+c;p=p||d*0.3;a=a||1;if(a<Math.abs(c)){a=c;var s=p/4;}
+else var s=p/(2*Math.PI)*Math.asin(c/a);return-(a*Math.pow(2,10*(t-=1))*Math.sin((t*d-s)*(2*Math.PI)/p))+b;},elasticOut:function(t,b,c,d,a,p){if(t==0)return b;if((t/=d)==1)return b+c;p=p||d*0.3;a=a||1;if(a<Math.abs(c)){a=c;var s=p/4;}else var s=p/(2*Math.PI)*Math.asin(c/a);return a*Math.pow(2,-10*t)*Math.sin((t*d-s)*(2*Math.PI)/p)+c+b;},elasticInOut:function(t,b,c,d,a,p){if(t==0)return b;if((t/=d/2)==2)return b+c;p=p||d*(0.3*1.5);a=a||1;if(a<Math.abs(c)){a=c;var s=p/4;}else var s=p/(2*Math.PI)*Math.asin(c/a);if(t<1)return-0.5*(a*Math.pow(2,10*(t-=1))*Math.sin((t*d-s)*(2*Math.PI)/p))+b;return a*Math.pow(2,-10*(t-=1))*Math.sin((t*d-s)*(2*Math.PI)/p)*0.5+c+b;},backIn:function(t,b,c,d,s){s=s||1.70158;return c*(t/=d)*t*((s+1)*t-s)+b;},backOut:function(t,b,c,d,s){s=s||1.70158;return c*((t=t/d-1)*t*((s+1)*t+s)+1)+b;},backInOut:function(t,b,c,d,s){s=s||1.70158;if((t/=d/2)<1)return c/2*(t*t*(((s*=1.525)+1)*t-s))+b;return c/2*((t-=2)*t*(((s*=1.525)+1)*t+s)+2)+b;},bounceIn:function(t,b,c,d){return c-Fx.Transitions.bounceOut(d-t,0,c,d)+b;},bounceOut:function(t,b,c,d){if((t/=d)<(1/2.75))return c*(7.5625*t*t)+b;else if(t<(2/2.75))return c*(7.5625*(t-=(1.5/2.75))*t+0.75)+b;else if(t<(2.5/2.75))return c*(7.5625*(t-=(2.25/2.75))*t+0.9375)+b;else return c*(7.5625*(t-=(2.625/2.75))*t+0.984375)+b;},bounceInOut:function(t,b,c,d){if(t<d/2)return Fx.Transitions.bounceIn(t*2,0,c,d)*0.5+b;return Fx.Transitions.bounceOut(t*2-d,0,c,d)*0.5+c*0.5+b;}});
\ No newline at end of file
diff --git a/source/web/scripts/ajax/mytasks.js b/source/web/scripts/ajax/mytasks.js
new file mode 100644
index 0000000000..4a7407cb8a
--- /dev/null
+++ b/source/web/scripts/ajax/mytasks.js
@@ -0,0 +1,101 @@
+var MyTasks = {
+
+   start: function()
+   {
+      if ($('taskPanel'))
+      {
+         MyTasks.parseTaskPanels();
+      }
+   },
+
+   parseTaskPanels: function()
+   {
+      var tasks = $$('#taskPanel .taskRow');
+      var items = $$('#taskPanel .taskItem');
+      var infos = $$('#taskPanel .taskInfo');
+      var details = $$('#taskPanel .taskDetail');
+      var fxDetail = new Fx.Elements(details, {wait: false, duration: 500, transition: Fx.Transitions.linear});
+      var fxInfo = new Fx.Elements(infos, {wait: false, duration: 500, transition: Fx.Transitions.linear});
+      tasks.each(function(task, i)
+      {
+         var item = items[i];
+         var info = infos[i];
+         var detail = details[i];
+
+         // animated elements defaults
+         item.defBColor = (item.getStyle('background-color') == 'transparent') ? '' : item.getStyle('background-color');
+         detail.defHeight = 0;
+         detail.setStyle('opacity', 0);
+         detail.setStyle('display', 'block');
+         detail.setStyle('height', 0);
+         info.setStyle('opacity', 0);
+
+         // register 'mouseenter' (subclassed mouseover) event for each task
+         task.addEvent('mouseenter', function(e)
+         {
+            var animInfo = {},
+            animDetail = {};
+            // highlight the item title
+            task.addClass('taskItemSelected');
+            // fade in the info button
+            animInfo[i] = {'opacity': [0, 1]};
+            // slide and fade in the details panel
+            animDetail[i] = {
+               'height': [detail.getStyle('height').toInt(), detail.defHeight + 100],
+               'opacity': [detail.getStyle('opacity'), 1]};
+
+            // reset styles on all other tasks
+            tasks.each(function(otherTask, j)
+            {
+               var otherItem = items[j];
+               var otherInfo = infos[j];
+               var otherDetail = details[j];
+               if (otherTask != task)
+               {
+                  // reset selected class?
+                  otherTask.removeClass('taskItemSelected');
+                  // does this task detail panel need resetting back to it's default height?
+                  var h = otherDetail.getStyle('height').toInt();
+                  if (h != otherDetail.defHeight)
+                  {
+                     animDetail[j] = {
+                        'height': [h, otherDetail.defHeight],
+                        'opacity': [otherDetail.getStyle('opacity'), 0]};
+                  }
+                  // does the info button need fading out
+                  var o = otherInfo.getStyle('opacity');
+                  if (o != 0)
+                  {
+                     animInfo[j] = {'opacity': [o, 0]};
+                  }
+               }
+            });
+            fxInfo.start(animInfo);
+            fxDetail.start(animDetail);
+         });
+      });
+
+      $('taskPanel').addEvent('mouseleave', function(e)
+      {
+         // handler for mouse leaving the entire task panel
+         var animInfo = {},
+         animDetail = {};
+
+         tasks.each(function(task, i)
+         {
+            var item = items[i];
+            var detail = details[i];
+
+            task.removeClass('taskItemSelected');
+            animDetail[i] = {
+               'height': [detail.getStyle('height').toInt(), detail.defHeight],
+               'opacity': [detail.getStyle('opacity'), 0]};
+            animInfo[i] = {'opacity': [infos[i].getStyle('opacity'), 0]};
+         });
+         fxInfo.start(animInfo);
+         fxDetail.start(animDetail);
+      });
+   }
+};
+
+window.addEvent('load', MyTasks.start);
\ No newline at end of file