rearrange js builder and update UI components to reflect moved js libraries

8 files changed, 58 insertions, 6602 deletions

diff --git a/framework/Web/Javascripts/js/compressed/ajax.js b/framework/Web/Javascripts/js/compressed/ajax.js
deleted file mode 100644
index 53c34dca..00000000
--- a/framework/Web/Javascripts/js/compressed/ajax.js
+++ /dev/null
@@ -1,169 +0,0 @@
-
-var Ajax={getTransport:function(){return Try.these(function(){return new XMLHttpRequest()},function(){return new ActiveXObject('Msxml2.XMLHTTP')},function(){return new ActiveXObject('Microsoft.XMLHTTP')})||false;},activeRequestCount:0}
-Ajax.Responders={responders:[],_each:function(iterator){this.responders._each(iterator);},register:function(responderToAdd){if(!this.include(responderToAdd))
-this.responders.push(responderToAdd);},unregister:function(responderToRemove){this.responders=this.responders.without(responderToRemove);},dispatch:function(callback,request,transport,json){this.each(function(responder){if(responder[callback]&&typeof responder[callback]=='function'){try{responder[callback].apply(responder,[request,transport,json]);}catch(e){}}});}};Object.extend(Ajax.Responders,Enumerable);Ajax.Responders.register({onCreate:function(){Ajax.activeRequestCount++;},onComplete:function(){Ajax.activeRequestCount--;}});Ajax.Base=function(){};Ajax.Base.prototype={setOptions:function(options){this.options={method:'post',asynchronous:true,contentType:'application/x-www-form-urlencoded',parameters:''}
-Object.extend(this.options,options||{});},responseIsSuccess:function(){return this.transport.status==undefined||this.transport.status==0||(this.transport.status>=200&&this.transport.status<300);},responseIsFailure:function(){return!this.responseIsSuccess();}}
-Ajax.Request=Class.create();Ajax.Request.Events=['Uninitialized','Loading','Loaded','Interactive','Complete'];Ajax.Request.prototype=Object.extend(new Ajax.Base(),{initialize:function(url,options){this.transport=Ajax.getTransport();this.setOptions(options);this.request(url);},request:function(url){var parameters=this.options.parameters||'';if(parameters.length>0)parameters+='&_=';try{this.url=url;if(this.options.method=='get'&&parameters.length>0)
-this.url+=(this.url.match(/\?/)?'&':'?')+parameters;Ajax.Responders.dispatch('onCreate',this,this.transport);this.transport.open(this.options.method,this.url,this.options.asynchronous);if(this.options.asynchronous){this.transport.onreadystatechange=this.onStateChange.bind(this);setTimeout((function(){this.respondToReadyState(1)}).bind(this),10);}
-this.setRequestHeaders();var body=this.options.postBody?this.options.postBody:parameters;this.transport.send(this.options.method=='post'?body:null);}catch(e){this.dispatchException(e);}},setRequestHeaders:function(){var requestHeaders=['X-Requested-With','XMLHttpRequest','X-Prototype-Version',Prototype.Version,'Accept','text/javascript, text/html, application/xml, text/xml, */*'];if(this.options.method=='post'){requestHeaders.push('Content-type',this.options.contentType);if(this.transport.overrideMimeType)
-requestHeaders.push('Connection','close');}
-if(this.options.requestHeaders)
-requestHeaders.push.apply(requestHeaders,this.options.requestHeaders);for(var i=0;i<requestHeaders.length;i+=2)
-this.transport.setRequestHeader(requestHeaders[i],requestHeaders[i+1]);},onStateChange:function(){var readyState=this.transport.readyState;if(readyState!=1)
-this.respondToReadyState(this.transport.readyState);},header:function(name){try{return this.transport.getResponseHeader(name);}catch(e){}},evalJSON:function(){try{return eval('('+this.header('X-JSON')+')');}catch(e){}},evalResponse:function(){try{return eval(this.transport.responseText);}catch(e){this.dispatchException(e);}},respondToReadyState:function(readyState){var event=Ajax.Request.Events[readyState];var transport=this.transport,json=this.evalJSON();if(event=='Complete'){try{(this.options['on'+this.transport.status]||this.options['on'+(this.responseIsSuccess()?'Success':'Failure')]||Prototype.emptyFunction)(transport,json);}catch(e){this.dispatchException(e);}
-if((this.header('Content-type')||'').match(/^text\/javascript/i))
-this.evalResponse();}
-try{(this.options['on'+event]||Prototype.emptyFunction)(transport,json);Ajax.Responders.dispatch('on'+event,this,transport,json);}catch(e){this.dispatchException(e);}
-if(event=='Complete')
-this.transport.onreadystatechange=Prototype.emptyFunction;},dispatchException:function(exception){(this.options.onException||Prototype.emptyFunction)(this,exception);Ajax.Responders.dispatch('onException',this,exception);}});Ajax.Updater=Class.create();Object.extend(Object.extend(Ajax.Updater.prototype,Ajax.Request.prototype),{initialize:function(container,url,options){this.containers={success:container.success?$(container.success):$(container),failure:container.failure?$(container.failure):(container.success?null:$(container))}
-this.transport=Ajax.getTransport();this.setOptions(options);var onComplete=this.options.onComplete||Prototype.emptyFunction;this.options.onComplete=(function(transport,object){this.updateContent();onComplete(transport,object);}).bind(this);this.request(url);},updateContent:function(){var receiver=this.responseIsSuccess()?this.containers.success:this.containers.failure;var response=this.transport.responseText;if(!this.options.evalScripts)
-response=response.stripScripts();if(receiver){if(this.options.insertion){new this.options.insertion(receiver,response);}else{Element.update(receiver,response);}}
-if(this.responseIsSuccess()){if(this.onComplete)
-setTimeout(this.onComplete.bind(this),10);}}});Ajax.PeriodicalUpdater=Class.create();Ajax.PeriodicalUpdater.prototype=Object.extend(new Ajax.Base(),{initialize:function(container,url,options){this.setOptions(options);this.onComplete=this.options.onComplete;this.frequency=(this.options.frequency||2);this.decay=(this.options.decay||1);this.updater={};this.container=container;this.url=url;this.start();},start:function(){this.options.onComplete=this.updateComplete.bind(this);this.onTimerEvent();},stop:function(){this.updater.onComplete=undefined;clearTimeout(this.timer);(this.onComplete||Prototype.emptyFunction).apply(this,arguments);},updateComplete:function(request){if(this.options.decay){this.decay=(request.responseText==this.lastText?this.decay*this.options.decay:1);this.lastText=request.responseText;}
-this.timer=setTimeout(this.onTimerEvent.bind(this),this.decay*this.frequency*1000);},onTimerEvent:function(){this.updater=new Ajax.Updater(this.container,this.url,this.options);}});if(typeof Effect=='undefined')
-throw("controls.js requires including script.aculo.us' effects.js library");var Autocompleter={}
-Autocompleter.Base=function(){};Autocompleter.Base.prototype={baseInitialize:function(element,update,options){this.element=$(element);this.update=$(update);this.hasFocus=false;this.changed=false;this.active=false;this.index=0;this.entryCount=0;if(this.setOptions)
-this.setOptions(options);else
-this.options=options||{};this.options.paramName=this.options.paramName||this.element.name;this.options.tokens=this.options.tokens||[];this.options.frequency=this.options.frequency||0.4;this.options.minChars=this.options.minChars||1;this.options.onShow=this.options.onShow||function(element,update){if(!update.style.position||update.style.position=='absolute'){update.style.position='absolute';Position.clone(element,update,{setHeight:false,offsetTop:element.offsetHeight});}
-Effect.Appear(update,{duration:0.15});};this.options.onHide=this.options.onHide||function(element,update){new Effect.Fade(update,{duration:0.15})};if(typeof(this.options.tokens)=='string')
-this.options.tokens=new Array(this.options.tokens);this.observer=null;this.element.setAttribute('autocomplete','off');Element.hide(this.update);Event.observe(this.element,"blur",this.onBlur.bindAsEventListener(this));Event.observe(this.element,"keypress",this.onKeyPress.bindAsEventListener(this));},show:function(){if(Element.getStyle(this.update,'display')=='none')this.options.onShow(this.element,this.update);if(!this.iefix&&(navigator.appVersion.indexOf('MSIE')>0)&&(navigator.userAgent.indexOf('Opera')<0)&&(Element.getStyle(this.update,'position')=='absolute')){new Insertion.After(this.update,'<iframe id="'+this.update.id+'_iefix" '+'style="display:none;position:absolute;filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0);" '+'src="javascript:false;" frameborder="0" scrolling="no"></iframe>');this.iefix=$(this.update.id+'_iefix');}
-if(this.iefix)setTimeout(this.fixIEOverlapping.bind(this),50);},fixIEOverlapping:function(){Position.clone(this.update,this.iefix,{setTop:(!this.update.style.height)});this.iefix.style.zIndex=1;this.update.style.zIndex=2;Element.show(this.iefix);},hide:function(){this.stopIndicator();if(Element.getStyle(this.update,'display')!='none')this.options.onHide(this.element,this.update);if(this.iefix)Element.hide(this.iefix);},startIndicator:function(){if(this.options.indicator)Element.show(this.options.indicator);},stopIndicator:function(){if(this.options.indicator)Element.hide(this.options.indicator);},onKeyPress:function(event){if(this.active)
-switch(event.keyCode){case Event.KEY_TAB:case Event.KEY_RETURN:this.selectEntry();Event.stop(event);case Event.KEY_ESC:this.hide();this.active=false;Event.stop(event);return;case Event.KEY_LEFT:case Event.KEY_RIGHT:return;case Event.KEY_UP:this.markPrevious();this.render();if(navigator.appVersion.indexOf('AppleWebKit')>0)Event.stop(event);return;case Event.KEY_DOWN:this.markNext();this.render();if(navigator.appVersion.indexOf('AppleWebKit')>0)Event.stop(event);return;}
-else
-if(event.keyCode==Event.KEY_TAB||event.keyCode==Event.KEY_RETURN||(navigator.appVersion.indexOf('AppleWebKit')>0&&event.keyCode==0))return;this.changed=true;this.hasFocus=true;if(this.observer)clearTimeout(this.observer);this.observer=setTimeout(this.onObserverEvent.bind(this),this.options.frequency*1000);},activate:function(){this.changed=false;this.hasFocus=true;this.getUpdatedChoices();},onHover:function(event){var element=Event.findElement(event,'LI');if(this.index!=element.autocompleteIndex)
-{this.index=element.autocompleteIndex;this.render();}
-Event.stop(event);},onClick:function(event){var element=Event.findElement(event,'LI');this.index=element.autocompleteIndex;this.selectEntry();this.hide();},onBlur:function(event){setTimeout(this.hide.bind(this),250);this.hasFocus=false;this.active=false;},render:function(){if(this.entryCount>0){for(var i=0;i<this.entryCount;i++)
-this.index==i?Element.addClassName(this.getEntry(i),"selected"):Element.removeClassName(this.getEntry(i),"selected");if(this.hasFocus){this.show();this.active=true;}}else{this.active=false;this.hide();}},markPrevious:function(){if(this.index>0)this.index--
-else this.index=this.entryCount-1;this.getEntry(this.index).scrollIntoView(true);},markNext:function(){if(this.index<this.entryCount-1)this.index++
-else this.index=0;this.getEntry(this.index).scrollIntoView(false);},getEntry:function(index){return this.update.firstChild.childNodes[index];},getCurrentEntry:function(){return this.getEntry(this.index);},selectEntry:function(){this.active=false;this.updateElement(this.getCurrentEntry());},updateElement:function(selectedElement){if(this.options.updateElement){this.options.updateElement(selectedElement);return;}
-var value='';if(this.options.select){var nodes=document.getElementsByClassName(this.options.select,selectedElement)||[];if(nodes.length>0)value=Element.collectTextNodes(nodes[0],this.options.select);}else
-value=Element.collectTextNodesIgnoreClass(selectedElement,'informal');var lastTokenPos=this.findLastToken();if(lastTokenPos!=-1){var newValue=this.element.value.substr(0,lastTokenPos+1);var whitespace=this.element.value.substr(lastTokenPos+1).match(/^\s+/);if(whitespace)
-newValue+=whitespace[0];this.element.value=newValue+value;}else{this.element.value=value;}
-this.element.focus();if(this.options.afterUpdateElement)
-this.options.afterUpdateElement(this.element,selectedElement);},updateChoices:function(choices){if(!this.changed&&this.hasFocus){this.update.innerHTML=choices;Element.cleanWhitespace(this.update);Element.cleanWhitespace(this.update.firstChild);if(this.update.firstChild&&this.update.firstChild.childNodes){this.entryCount=this.update.firstChild.childNodes.length;for(var i=0;i<this.entryCount;i++){var entry=this.getEntry(i);entry.autocompleteIndex=i;this.addObservers(entry);}}else{this.entryCount=0;}
-this.stopIndicator();this.index=0;this.render();}},addObservers:function(element){Event.observe(element,"mouseover",this.onHover.bindAsEventListener(this));Event.observe(element,"click",this.onClick.bindAsEventListener(this));},onObserverEvent:function(){this.changed=false;if(this.getToken().length>=this.options.minChars){this.startIndicator();this.getUpdatedChoices();}else{this.active=false;this.hide();}},getToken:function(){var tokenPos=this.findLastToken();if(tokenPos!=-1)
-var ret=this.element.value.substr(tokenPos+1).replace(/^\s+/,'').replace(/\s+$/,'');else
-var ret=this.element.value;return/\n/.test(ret)?'':ret;},findLastToken:function(){var lastTokenPos=-1;for(var i=0;i<this.options.tokens.length;i++){var thisTokenPos=this.element.value.lastIndexOf(this.options.tokens[i]);if(thisTokenPos>lastTokenPos)
-lastTokenPos=thisTokenPos;}
-return lastTokenPos;}}
-Ajax.Autocompleter=Class.create();Object.extend(Object.extend(Ajax.Autocompleter.prototype,Autocompleter.Base.prototype),{initialize:function(element,update,url,options){this.baseInitialize(element,update,options);this.options.asynchronous=true;this.options.onComplete=this.onComplete.bind(this);this.options.defaultParams=this.options.parameters||null;this.url=url;},getUpdatedChoices:function(){entry=encodeURIComponent(this.options.paramName)+'='+
-encodeURIComponent(this.getToken());this.options.parameters=this.options.callback?this.options.callback(this.element,entry):entry;if(this.options.defaultParams)
-this.options.parameters+='&'+this.options.defaultParams;new Ajax.Request(this.url,this.options);},onComplete:function(request){this.updateChoices(request.responseText);}});Autocompleter.Local=Class.create();Autocompleter.Local.prototype=Object.extend(new Autocompleter.Base(),{initialize:function(element,update,array,options){this.baseInitialize(element,update,options);this.options.array=array;},getUpdatedChoices:function(){this.updateChoices(this.options.selector(this));},setOptions:function(options){this.options=Object.extend({choices:10,partialSearch:true,partialChars:2,ignoreCase:true,fullSearch:false,selector:function(instance){var ret=[];var partial=[];var entry=instance.getToken();var count=0;for(var i=0;i<instance.options.array.length&&ret.length<instance.options.choices;i++){var elem=instance.options.array[i];var foundPos=instance.options.ignoreCase?elem.toLowerCase().indexOf(entry.toLowerCase()):elem.indexOf(entry);while(foundPos!=-1){if(foundPos==0&&elem.length!=entry.length){ret.push("<li><strong>"+elem.substr(0,entry.length)+"</strong>"+
-elem.substr(entry.length)+"</li>");break;}else if(entry.length>=instance.options.partialChars&&instance.options.partialSearch&&foundPos!=-1){if(instance.options.fullSearch||/\s/.test(elem.substr(foundPos-1,1))){partial.push("<li>"+elem.substr(0,foundPos)+"<strong>"+
-elem.substr(foundPos,entry.length)+"</strong>"+elem.substr(foundPos+entry.length)+"</li>");break;}}
-foundPos=instance.options.ignoreCase?elem.toLowerCase().indexOf(entry.toLowerCase(),foundPos+1):elem.indexOf(entry,foundPos+1);}}
-if(partial.length)
-ret=ret.concat(partial.slice(0,instance.options.choices-ret.length))
-return"<ul>"+ret.join('')+"</ul>";}},options||{});}});Field.scrollFreeActivate=function(field){setTimeout(function(){Field.activate(field);},1);}
-Ajax.InPlaceEditor=Class.create();Ajax.InPlaceEditor.defaultHighlightColor="#FFFF99";Ajax.InPlaceEditor.prototype={initialize:function(element,url,options){this.url=url;this.element=$(element);this.options=Object.extend({okButton:true,okText:"ok",cancelLink:true,cancelText:"cancel",savingText:"Saving...",clickToEditText:"Click to edit",okText:"ok",rows:1,onComplete:function(transport,element){new Effect.Highlight(element,{startcolor:this.options.highlightcolor});},onFailure:function(transport){alert("Error communicating with the server: "+transport.responseText.stripTags());},callback:function(form){return Form.serialize(form);},handleLineBreaks:true,loadingText:'Loading...',savingClassName:'inplaceeditor-saving',loadingClassName:'inplaceeditor-loading',formClassName:'inplaceeditor-form',highlightcolor:Ajax.InPlaceEditor.defaultHighlightColor,highlightendcolor:"#FFFFFF",externalControl:null,submitOnBlur:false,ajaxOptions:{},evalScripts:false},options||{});if(!this.options.formId&&this.element.id){this.options.formId=this.element.id+"-inplaceeditor";if($(this.options.formId)){this.options.formId=null;}}
-if(this.options.externalControl){this.options.externalControl=$(this.options.externalControl);}
-this.originalBackground=Element.getStyle(this.element,'background-color');if(!this.originalBackground){this.originalBackground="transparent";}
-this.element.title=this.options.clickToEditText;this.onclickListener=this.enterEditMode.bindAsEventListener(this);this.mouseoverListener=this.enterHover.bindAsEventListener(this);this.mouseoutListener=this.leaveHover.bindAsEventListener(this);Event.observe(this.element,'click',this.onclickListener);Event.observe(this.element,'mouseover',this.mouseoverListener);Event.observe(this.element,'mouseout',this.mouseoutListener);if(this.options.externalControl){Event.observe(this.options.externalControl,'click',this.onclickListener);Event.observe(this.options.externalControl,'mouseover',this.mouseoverListener);Event.observe(this.options.externalControl,'mouseout',this.mouseoutListener);}},enterEditMode:function(evt){if(this.saving)return;if(this.editing)return;this.editing=true;this.onEnterEditMode();if(this.options.externalControl){Element.hide(this.options.externalControl);}
-Element.hide(this.element);this.createForm();this.element.parentNode.insertBefore(this.form,this.element);if(!this.options.loadTextURL)Field.scrollFreeActivate(this.editField);if(evt){Event.stop(evt);}
-return false;},createForm:function(){this.form=document.createElement("form");this.form.id=this.options.formId;Element.addClassName(this.form,this.options.formClassName)
-this.form.onsubmit=this.onSubmit.bind(this);this.createEditField();if(this.options.textarea){var br=document.createElement("br");this.form.appendChild(br);}
-if(this.options.okButton){okButton=document.createElement("input");okButton.type="submit";okButton.value=this.options.okText;okButton.className='editor_ok_button';this.form.appendChild(okButton);}
-if(this.options.cancelLink){cancelLink=document.createElement("a");cancelLink.href="#";cancelLink.appendChild(document.createTextNode(this.options.cancelText));cancelLink.onclick=this.onclickCancel.bind(this);cancelLink.className='editor_cancel';this.form.appendChild(cancelLink);}},hasHTMLLineBreaks:function(string){if(!this.options.handleLineBreaks)return false;return string.match(/<br/i)||string.match(/<p>/i);},convertHTMLLineBreaks:function(string){return string.replace(/<br>/gi,"\n").replace(/<br\/>/gi,"\n").replace(/<\/p>/gi,"\n").replace(/<p>/gi,"");},createEditField:function(){var text;if(this.options.loadTextURL){text=this.options.loadingText;}else{text=this.getText();}
-var obj=this;if(this.options.rows==1&&!this.hasHTMLLineBreaks(text)){this.options.textarea=false;var textField=document.createElement("input");textField.obj=this;textField.type="text";textField.name="value";textField.value=text;textField.style.backgroundColor=this.options.highlightcolor;textField.className='editor_field';var size=this.options.size||this.options.cols||0;if(size!=0)textField.size=size;if(this.options.submitOnBlur)
-textField.onblur=this.onSubmit.bind(this);this.editField=textField;}else{this.options.textarea=true;var textArea=document.createElement("textarea");textArea.obj=this;textArea.name="value";textArea.value=this.convertHTMLLineBreaks(text);textArea.rows=this.options.rows;textArea.cols=this.options.cols||40;textArea.className='editor_field';if(this.options.submitOnBlur)
-textArea.onblur=this.onSubmit.bind(this);this.editField=textArea;}
-if(this.options.loadTextURL){this.loadExternalText();}
-this.form.appendChild(this.editField);},getText:function(){return this.element.innerHTML;},loadExternalText:function(){Element.addClassName(this.form,this.options.loadingClassName);this.editField.disabled=true;new Ajax.Request(this.options.loadTextURL,Object.extend({asynchronous:true,onComplete:this.onLoadedExternalText.bind(this)},this.options.ajaxOptions));},onLoadedExternalText:function(transport){Element.removeClassName(this.form,this.options.loadingClassName);this.editField.disabled=false;this.editField.value=transport.responseText.stripTags();Field.scrollFreeActivate(this.editField);},onclickCancel:function(){this.onComplete();this.leaveEditMode();return false;},onFailure:function(transport){this.options.onFailure(transport);if(this.oldInnerHTML){this.element.innerHTML=this.oldInnerHTML;this.oldInnerHTML=null;}
-return false;},onSubmit:function(){var form=this.form;var value=this.editField.value;this.onLoading();if(this.options.evalScripts){new Ajax.Request(this.url,Object.extend({parameters:this.options.callback(form,value),onComplete:this.onComplete.bind(this),onFailure:this.onFailure.bind(this),asynchronous:true,evalScripts:true},this.options.ajaxOptions));}else{new Ajax.Updater({success:this.element,failure:null},this.url,Object.extend({parameters:this.options.callback(form,value),onComplete:this.onComplete.bind(this),onFailure:this.onFailure.bind(this)},this.options.ajaxOptions));}
-if(arguments.length>1){Event.stop(arguments[0]);}
-return false;},onLoading:function(){this.saving=true;this.removeForm();this.leaveHover();this.showSaving();},showSaving:function(){this.oldInnerHTML=this.element.innerHTML;this.element.innerHTML=this.options.savingText;Element.addClassName(this.element,this.options.savingClassName);this.element.style.backgroundColor=this.originalBackground;Element.show(this.element);},removeForm:function(){if(this.form){if(this.form.parentNode)Element.remove(this.form);this.form=null;}},enterHover:function(){if(this.saving)return;this.element.style.backgroundColor=this.options.highlightcolor;if(this.effect){this.effect.cancel();}
-Element.addClassName(this.element,this.options.hoverClassName)},leaveHover:function(){if(this.options.backgroundColor){this.element.style.backgroundColor=this.oldBackground;}
-Element.removeClassName(this.element,this.options.hoverClassName)
-if(this.saving)return;this.effect=new Effect.Highlight(this.element,{startcolor:this.options.highlightcolor,endcolor:this.options.highlightendcolor,restorecolor:this.originalBackground});},leaveEditMode:function(){Element.removeClassName(this.element,this.options.savingClassName);this.removeForm();this.leaveHover();this.element.style.backgroundColor=this.originalBackground;Element.show(this.element);if(this.options.externalControl){Element.show(this.options.externalControl);}
-this.editing=false;this.saving=false;this.oldInnerHTML=null;this.onLeaveEditMode();},onComplete:function(transport){this.leaveEditMode();this.options.onComplete.bind(this)(transport,this.element);},onEnterEditMode:function(){},onLeaveEditMode:function(){},dispose:function(){if(this.oldInnerHTML){this.element.innerHTML=this.oldInnerHTML;}
-this.leaveEditMode();Event.stopObserving(this.element,'click',this.onclickListener);Event.stopObserving(this.element,'mouseover',this.mouseoverListener);Event.stopObserving(this.element,'mouseout',this.mouseoutListener);if(this.options.externalControl){Event.stopObserving(this.options.externalControl,'click',this.onclickListener);Event.stopObserving(this.options.externalControl,'mouseover',this.mouseoverListener);Event.stopObserving(this.options.externalControl,'mouseout',this.mouseoutListener);}}};Ajax.InPlaceCollectionEditor=Class.create();Object.extend(Ajax.InPlaceCollectionEditor.prototype,Ajax.InPlaceEditor.prototype);Object.extend(Ajax.InPlaceCollectionEditor.prototype,{createEditField:function(){if(!this.cached_selectTag){var selectTag=document.createElement("select");var collection=this.options.collection||[];var optionTag;collection.each(function(e,i){optionTag=document.createElement("option");optionTag.value=(e instanceof Array)?e[0]:e;if(this.options.value==optionTag.value)optionTag.selected=true;optionTag.appendChild(document.createTextNode((e instanceof Array)?e[1]:e));selectTag.appendChild(optionTag);}.bind(this));this.cached_selectTag=selectTag;}
-this.editField=this.cached_selectTag;if(this.options.loadTextURL)this.loadExternalText();this.form.appendChild(this.editField);this.options.callback=function(form,value){return"value="+encodeURIComponent(value);}}});Form.Element.DelayedObserver=Class.create();Form.Element.DelayedObserver.prototype={initialize:function(element,delay,callback){this.delay=delay||0.5;this.element=$(element);this.callback=callback;this.timer=null;this.lastValue=$F(this.element);Event.observe(this.element,'keyup',this.delayedListener.bindAsEventListener(this));},delayedListener:function(event){if(this.lastValue==$F(this.element))return;if(this.timer)clearTimeout(this.timer);this.timer=setTimeout(this.onTimerEvent.bind(this),this.delay*1000);this.lastValue=$F(this.element);},onTimerEvent:function(){this.timer=null;this.callback(this.element,$F(this.element));}};if(typeof Effect=='undefined')
-throw("dragdrop.js requires including script.aculo.us' effects.js library");var Droppables={drops:[],remove:function(element){this.drops=this.drops.reject(function(d){return d.element==$(element)});},add:function(element){element=$(element);var options=Object.extend({greedy:true,hoverclass:null,tree:false},arguments[1]||{});if(options.containment){options._containers=[];var containment=options.containment;if((typeof containment=='object')&&(containment.constructor==Array)){containment.each(function(c){options._containers.push($(c))});}else{options._containers.push($(containment));}}
-if(options.accept)options.accept=[options.accept].flatten();Element.makePositioned(element);options.element=element;this.drops.push(options);},findDeepestChild:function(drops){deepest=drops[0];for(i=1;i<drops.length;++i)
-if(Element.isParent(drops[i].element,deepest.element))
-deepest=drops[i];return deepest;},isContained:function(element,drop){var containmentNode;if(drop.tree){containmentNode=element.treeNode;}else{containmentNode=element.parentNode;}
-return drop._containers.detect(function(c){return containmentNode==c});},isAffected:function(point,element,drop){return((drop.element!=element)&&((!drop._containers)||this.isContained(element,drop))&&((!drop.accept)||(Element.classNames(element).detect(function(v){return drop.accept.include(v)})))&&Position.within(drop.element,point[0],point[1]));},deactivate:function(drop){if(drop.hoverclass)
-Element.removeClassName(drop.element,drop.hoverclass);this.last_active=null;},activate:function(drop){if(drop.hoverclass)
-Element.addClassName(drop.element,drop.hoverclass);this.last_active=drop;},show:function(point,element){if(!this.drops.length)return;var affected=[];if(this.last_active)this.deactivate(this.last_active);this.drops.each(function(drop){if(Droppables.isAffected(point,element,drop))
-affected.push(drop);});if(affected.length>0){drop=Droppables.findDeepestChild(affected);Position.within(drop.element,point[0],point[1]);if(drop.onHover)
-drop.onHover(element,drop.element,Position.overlap(drop.overlap,drop.element));Droppables.activate(drop);}},fire:function(event,element){if(!this.last_active)return;Position.prepare();if(this.isAffected([Event.pointerX(event),Event.pointerY(event)],element,this.last_active))
-if(this.last_active.onDrop)
-this.last_active.onDrop(element,this.last_active.element,event);},reset:function(){if(this.last_active)
-this.deactivate(this.last_active);}}
-var Draggables={drags:[],observers:[],register:function(draggable){if(this.drags.length==0){this.eventMouseUp=this.endDrag.bindAsEventListener(this);this.eventMouseMove=this.updateDrag.bindAsEventListener(this);this.eventKeypress=this.keyPress.bindAsEventListener(this);Event.observe(document,"mouseup",this.eventMouseUp);Event.observe(document,"mousemove",this.eventMouseMove);Event.observe(document,"keypress",this.eventKeypress);}
-this.drags.push(draggable);},unregister:function(draggable){this.drags=this.drags.reject(function(d){return d==draggable});if(this.drags.length==0){Event.stopObserving(document,"mouseup",this.eventMouseUp);Event.stopObserving(document,"mousemove",this.eventMouseMove);Event.stopObserving(document,"keypress",this.eventKeypress);}},activate:function(draggable){window.focus();this.activeDraggable=draggable;},deactivate:function(){this.activeDraggable=null;},updateDrag:function(event){if(!this.activeDraggable)return;var pointer=[Event.pointerX(event),Event.pointerY(event)];if(this._lastPointer&&(this._lastPointer.inspect()==pointer.inspect()))return;this._lastPointer=pointer;this.activeDraggable.updateDrag(event,pointer);},endDrag:function(event){if(!this.activeDraggable)return;this._lastPointer=null;this.activeDraggable.endDrag(event);this.activeDraggable=null;},keyPress:function(event){if(this.activeDraggable)
-this.activeDraggable.keyPress(event);},addObserver:function(observer){this.observers.push(observer);this._cacheObserverCallbacks();},removeObserver:function(element){this.observers=this.observers.reject(function(o){return o.element==element});this._cacheObserverCallbacks();},notify:function(eventName,draggable,event){if(this[eventName+'Count']>0)
-this.observers.each(function(o){if(o[eventName])o[eventName](eventName,draggable,event);});},_cacheObserverCallbacks:function(){['onStart','onEnd','onDrag'].each(function(eventName){Draggables[eventName+'Count']=Draggables.observers.select(function(o){return o[eventName];}).length;});}}
-var Draggable=Class.create();Draggable._revertCache={};Draggable._dragging={};Draggable.prototype={initialize:function(element){var options=Object.extend({handle:false,starteffect:function(element){element._opacity=Element.getOpacity(element);Draggable._dragging[element]=true;new Effect.Opacity(element,{duration:0.2,from:element._opacity,to:0.7});},reverteffect:function(element,top_offset,left_offset){var dur=Math.sqrt(Math.abs(top_offset^2)+Math.abs(left_offset^2))*0.02;Draggable._revertCache[element]=new Effect.Move(element,{x:-left_offset,y:-top_offset,duration:dur,queue:{scope:'_draggable',position:'end'}});},endeffect:function(element){var toOpacity=typeof element._opacity=='number'?element._opacity:1.0;new Effect.Opacity(element,{duration:0.2,from:0.7,to:toOpacity,queue:{scope:'_draggable',position:'end'},afterFinish:function(){Draggable._dragging[element]=false}});},zindex:1000,revert:false,scroll:false,scrollSensitivity:20,scrollSpeed:15,snap:false},arguments[1]||{});this.element=$(element);if(options.handle&&(typeof options.handle=='string')){var h=Element.childrenWithClassName(this.element,options.handle,true);if(h.length>0)this.handle=h[0];}
-if(!this.handle)this.handle=$(options.handle);if(!this.handle)this.handle=this.element;if(options.scroll&&!options.scroll.scrollTo&&!options.scroll.outerHTML)
-options.scroll=$(options.scroll);Element.makePositioned(this.element);this.delta=this.currentDelta();this.options=options;this.dragging=false;this.eventMouseDown=this.initDrag.bindAsEventListener(this);Event.observe(this.handle,"mousedown",this.eventMouseDown);Draggables.register(this);},destroy:function(){Event.stopObserving(this.handle,"mousedown",this.eventMouseDown);Draggables.unregister(this);},currentDelta:function(){return([parseInt(Element.getStyle(this.element,'left')||'0'),parseInt(Element.getStyle(this.element,'top')||'0')]);},initDrag:function(event){if(typeof Draggable._dragging[this.element]!=undefined&&Draggable._dragging[this.element])return;if(Event.isLeftClick(event)){var src=Event.element(event);if(src.tagName&&(src.tagName=='INPUT'||src.tagName=='SELECT'||src.tagName=='OPTION'||src.tagName=='BUTTON'||src.tagName=='TEXTAREA'))return;if(Draggable._revertCache[this.element]){Draggable._revertCache[this.element].cancel();Draggable._revertCache[this.element]=null;}
-var pointer=[Event.pointerX(event),Event.pointerY(event)];var pos=Position.cumulativeOffset(this.element);this.offset=[0,1].map(function(i){return(pointer[i]-pos[i])});Draggables.activate(this);Event.stop(event);}},startDrag:function(event){this.dragging=true;if(this.options.zindex){this.originalZ=parseInt(Element.getStyle(this.element,'z-index')||0);this.element.style.zIndex=this.options.zindex;}
-if(this.options.ghosting){this._clone=this.element.cloneNode(true);Position.absolutize(this.element);this.element.parentNode.insertBefore(this._clone,this.element);}
-if(this.options.scroll){if(this.options.scroll==window){var where=this._getWindowScroll(this.options.scroll);this.originalScrollLeft=where.left;this.originalScrollTop=where.top;}else{this.originalScrollLeft=this.options.scroll.scrollLeft;this.originalScrollTop=this.options.scroll.scrollTop;}}
-Draggables.notify('onStart',this,event);if(this.options.starteffect)this.options.starteffect(this.element);},updateDrag:function(event,pointer){if(!this.dragging)this.startDrag(event);Position.prepare();Droppables.show(pointer,this.element);Draggables.notify('onDrag',this,event);this.draw(pointer);if(this.options.change)this.options.change(this);if(this.options.scroll){this.stopScrolling();var p;if(this.options.scroll==window){with(this._getWindowScroll(this.options.scroll)){p=[left,top,left+width,top+height];}}else{p=Position.page(this.options.scroll);p[0]+=this.options.scroll.scrollLeft;p[1]+=this.options.scroll.scrollTop;p.push(p[0]+this.options.scroll.offsetWidth);p.push(p[1]+this.options.scroll.offsetHeight);}
-var speed=[0,0];if(pointer[0]<(p[0]+this.options.scrollSensitivity))speed[0]=pointer[0]-(p[0]+this.options.scrollSensitivity);if(pointer[1]<(p[1]+this.options.scrollSensitivity))speed[1]=pointer[1]-(p[1]+this.options.scrollSensitivity);if(pointer[0]>(p[2]-this.options.scrollSensitivity))speed[0]=pointer[0]-(p[2]-this.options.scrollSensitivity);if(pointer[1]>(p[3]-this.options.scrollSensitivity))speed[1]=pointer[1]-(p[3]-this.options.scrollSensitivity);this.startScrolling(speed);}
-if(navigator.appVersion.indexOf('AppleWebKit')>0)window.scrollBy(0,0);Event.stop(event);},finishDrag:function(event,success){this.dragging=false;if(this.options.ghosting){Position.relativize(this.element);Element.remove(this._clone);this._clone=null;}
-if(success)Droppables.fire(event,this.element);Draggables.notify('onEnd',this,event);var revert=this.options.revert;if(revert&&typeof revert=='function')revert=revert(this.element);var d=this.currentDelta();if(revert&&this.options.reverteffect){this.options.reverteffect(this.element,d[1]-this.delta[1],d[0]-this.delta[0]);}else{this.delta=d;}
-if(this.options.zindex)
-this.element.style.zIndex=this.originalZ;if(this.options.endeffect)
-this.options.endeffect(this.element);Draggables.deactivate(this);Droppables.reset();},keyPress:function(event){if(event.keyCode!=Event.KEY_ESC)return;this.finishDrag(event,false);Event.stop(event);},endDrag:function(event){if(!this.dragging)return;this.stopScrolling();this.finishDrag(event,true);Event.stop(event);},draw:function(point){var pos=Position.cumulativeOffset(this.element);var d=this.currentDelta();pos[0]-=d[0];pos[1]-=d[1];if(this.options.scroll&&(this.options.scroll!=window)){pos[0]-=this.options.scroll.scrollLeft-this.originalScrollLeft;pos[1]-=this.options.scroll.scrollTop-this.originalScrollTop;}
-var p=[0,1].map(function(i){return(point[i]-pos[i]-this.offset[i])}.bind(this));if(this.options.snap){if(typeof this.options.snap=='function'){p=this.options.snap(p[0],p[1],this);}else{if(this.options.snap instanceof Array){p=p.map(function(v,i){return Math.round(v/this.options.snap[i])*this.options.snap[i]}.bind(this))}else{p=p.map(function(v){return Math.round(v/this.options.snap)*this.options.snap}.bind(this))}}}
-var style=this.element.style;if((!this.options.constraint)||(this.options.constraint=='horizontal'))
-style.left=p[0]+"px";if((!this.options.constraint)||(this.options.constraint=='vertical'))
-style.top=p[1]+"px";if(style.visibility=="hidden")style.visibility="";},stopScrolling:function(){if(this.scrollInterval){clearInterval(this.scrollInterval);this.scrollInterval=null;Draggables._lastScrollPointer=null;}},startScrolling:function(speed){if(!(speed[0]||speed[1]))return;this.scrollSpeed=[speed[0]*this.options.scrollSpeed,speed[1]*this.options.scrollSpeed];this.lastScrolled=new Date();this.scrollInterval=setInterval(this.scroll.bind(this),10);},scroll:function(){var current=new Date();var delta=current-this.lastScrolled;this.lastScrolled=current;if(this.options.scroll==window){with(this._getWindowScroll(this.options.scroll)){if(this.scrollSpeed[0]||this.scrollSpeed[1]){var d=delta/1000;this.options.scroll.scrollTo(left+d*this.scrollSpeed[0],top+d*this.scrollSpeed[1]);}}}else{this.options.scroll.scrollLeft+=this.scrollSpeed[0]*delta/1000;this.options.scroll.scrollTop+=this.scrollSpeed[1]*delta/1000;}
-Position.prepare();Droppables.show(Draggables._lastPointer,this.element);Draggables.notify('onDrag',this);Draggables._lastScrollPointer=Draggables._lastScrollPointer||$A(Draggables._lastPointer);Draggables._lastScrollPointer[0]+=this.scrollSpeed[0]*delta/1000;Draggables._lastScrollPointer[1]+=this.scrollSpeed[1]*delta/1000;if(Draggables._lastScrollPointer[0]<0)
-Draggables._lastScrollPointer[0]=0;if(Draggables._lastScrollPointer[1]<0)
-Draggables._lastScrollPointer[1]=0;this.draw(Draggables._lastScrollPointer);if(this.options.change)this.options.change(this);},_getWindowScroll:function(w){var T,L,W,H;with(w.document){if(w.document.documentElement&&documentElement.scrollTop){T=documentElement.scrollTop;L=documentElement.scrollLeft;}else if(w.document.body){T=body.scrollTop;L=body.scrollLeft;}
-if(w.innerWidth){W=w.innerWidth;H=w.innerHeight;}else if(w.document.documentElement&&documentElement.clientWidth){W=documentElement.clientWidth;H=documentElement.clientHeight;}else{W=body.offsetWidth;H=body.offsetHeight}}
-return{top:T,left:L,width:W,height:H};}}
-var SortableObserver=Class.create();SortableObserver.prototype={initialize:function(element,observer){this.element=$(element);this.observer=observer;this.lastValue=Sortable.serialize(this.element);},onStart:function(){this.lastValue=Sortable.serialize(this.element);},onEnd:function(){Sortable.unmark();if(this.lastValue!=Sortable.serialize(this.element))
-this.observer(this.element)}}
-var Sortable={sortables:{},_findRootElement:function(element){while(element.tagName!="BODY"){if(element.id&&Sortable.sortables[element.id])return element;element=element.parentNode;}},options:function(element){element=Sortable._findRootElement($(element));if(!element)return;return Sortable.sortables[element.id];},destroy:function(element){var s=Sortable.options(element);if(s){Draggables.removeObserver(s.element);s.droppables.each(function(d){Droppables.remove(d)});s.draggables.invoke('destroy');delete Sortable.sortables[s.element.id];}},create:function(element){element=$(element);var options=Object.extend({element:element,tag:'li',dropOnEmpty:false,tree:false,treeTag:'ul',overlap:'vertical',constraint:'vertical',containment:element,handle:false,only:false,hoverclass:null,ghosting:false,scroll:false,scrollSensitivity:20,scrollSpeed:15,format:/^[^_]*_(.*)$/,onChange:Prototype.emptyFunction,onUpdate:Prototype.emptyFunction},arguments[1]||{});this.destroy(element);var options_for_draggable={revert:true,scroll:options.scroll,scrollSpeed:options.scrollSpeed,scrollSensitivity:options.scrollSensitivity,ghosting:options.ghosting,constraint:options.constraint,handle:options.handle};if(options.starteffect)
-options_for_draggable.starteffect=options.starteffect;if(options.reverteffect)
-options_for_draggable.reverteffect=options.reverteffect;else
-if(options.ghosting)options_for_draggable.reverteffect=function(element){element.style.top=0;element.style.left=0;};if(options.endeffect)
-options_for_draggable.endeffect=options.endeffect;if(options.zindex)
-options_for_draggable.zindex=options.zindex;var options_for_droppable={overlap:options.overlap,containment:options.containment,tree:options.tree,hoverclass:options.hoverclass,onHover:Sortable.onHover}
-var options_for_tree={onHover:Sortable.onEmptyHover,overlap:options.overlap,containment:options.containment,hoverclass:options.hoverclass}
-Element.cleanWhitespace(element);options.draggables=[];options.droppables=[];if(options.dropOnEmpty||options.tree){Droppables.add(element,options_for_tree);options.droppables.push(element);}
-(this.findElements(element,options)||[]).each(function(e){var handle=options.handle?Element.childrenWithClassName(e,options.handle)[0]:e;options.draggables.push(new Draggable(e,Object.extend(options_for_draggable,{handle:handle})));Droppables.add(e,options_for_droppable);if(options.tree)e.treeNode=element;options.droppables.push(e);});if(options.tree){(Sortable.findTreeElements(element,options)||[]).each(function(e){Droppables.add(e,options_for_tree);e.treeNode=element;options.droppables.push(e);});}
-this.sortables[element.id]=options;Draggables.addObserver(new SortableObserver(element,options.onUpdate));},findElements:function(element,options){return Element.findChildren(element,options.only,options.tree?true:false,options.tag);},findTreeElements:function(element,options){return Element.findChildren(element,options.only,options.tree?true:false,options.treeTag);},onHover:function(element,dropon,overlap){if(Element.isParent(dropon,element))return;if(overlap>.33&&overlap<.66&&Sortable.options(dropon).tree){return;}else if(overlap>0.5){Sortable.mark(dropon,'before');if(dropon.previousSibling!=element){var oldParentNode=element.parentNode;element.style.visibility="hidden";dropon.parentNode.insertBefore(element,dropon);if(dropon.parentNode!=oldParentNode)
-Sortable.options(oldParentNode).onChange(element);Sortable.options(dropon.parentNode).onChange(element);}}else{Sortable.mark(dropon,'after');var nextElement=dropon.nextSibling||null;if(nextElement!=element){var oldParentNode=element.parentNode;element.style.visibility="hidden";dropon.parentNode.insertBefore(element,nextElement);if(dropon.parentNode!=oldParentNode)
-Sortable.options(oldParentNode).onChange(element);Sortable.options(dropon.parentNode).onChange(element);}}},onEmptyHover:function(element,dropon,overlap){var oldParentNode=element.parentNode;var droponOptions=Sortable.options(dropon);if(!Element.isParent(dropon,element)){var index;var children=Sortable.findElements(dropon,{tag:droponOptions.tag,only:droponOptions.only});var child=null;if(children){var offset=Element.offsetSize(dropon,droponOptions.overlap)*(1.0-overlap);for(index=0;index<children.length;index+=1){if(offset-Element.offsetSize(children[index],droponOptions.overlap)>=0){offset-=Element.offsetSize(children[index],droponOptions.overlap);}else if(offset-(Element.offsetSize(children[index],droponOptions.overlap)/2)>=0){child=index+1<children.length?children[index+1]:null;break;}else{child=children[index];break;}}}
-dropon.insertBefore(element,child);Sortable.options(oldParentNode).onChange(element);droponOptions.onChange(element);}},unmark:function(){if(Sortable._marker)Element.hide(Sortable._marker);},mark:function(dropon,position){var sortable=Sortable.options(dropon.parentNode);if(sortable&&!sortable.ghosting)return;if(!Sortable._marker){Sortable._marker=$('dropmarker')||document.createElement('DIV');Element.hide(Sortable._marker);Element.addClassName(Sortable._marker,'dropmarker');Sortable._marker.style.position='absolute';document.getElementsByTagName("body").item(0).appendChild(Sortable._marker);}
-var offsets=Position.cumulativeOffset(dropon);Sortable._marker.style.left=offsets[0]+'px';Sortable._marker.style.top=offsets[1]+'px';if(position=='after')
-if(sortable.overlap=='horizontal')
-Sortable._marker.style.left=(offsets[0]+dropon.clientWidth)+'px';else
-Sortable._marker.style.top=(offsets[1]+dropon.clientHeight)+'px';Element.show(Sortable._marker);},_tree:function(element,options,parent){var children=Sortable.findElements(element,options)||[];for(var i=0;i<children.length;++i){var match=children[i].id.match(options.format);if(!match)continue;var child={id:encodeURIComponent(match?match[1]:null),element:element,parent:parent,children:new Array,position:parent.children.length,container:Sortable._findChildrenElement(children[i],options.treeTag.toUpperCase())}
-if(child.container)
-this._tree(child.container,options,child)
-parent.children.push(child);}
-return parent;},_findChildrenElement:function(element,containerTag){if(element&&element.hasChildNodes)
-for(var i=0;i<element.childNodes.length;++i)
-if(element.childNodes[i].tagName==containerTag)
-return element.childNodes[i];return null;},tree:function(element){element=$(element);var sortableOptions=this.options(element);var options=Object.extend({tag:sortableOptions.tag,treeTag:sortableOptions.treeTag,only:sortableOptions.only,name:element.id,format:sortableOptions.format},arguments[1]||{});var root={id:null,parent:null,children:new Array,container:element,position:0}
-return Sortable._tree(element,options,root);},_constructIndex:function(node){var index='';do{if(node.id)index='['+node.position+']'+index;}while((node=node.parent)!=null);return index;},sequence:function(element){element=$(element);var options=Object.extend(this.options(element),arguments[1]||{});return $(this.findElements(element,options)||[]).map(function(item){return item.id.match(options.format)?item.id.match(options.format)[1]:'';});},setSequence:function(element,new_sequence){element=$(element);var options=Object.extend(this.options(element),arguments[2]||{});var nodeMap={};this.findElements(element,options).each(function(n){if(n.id.match(options.format))
-nodeMap[n.id.match(options.format)[1]]=[n,n.parentNode];n.parentNode.removeChild(n);});new_sequence.each(function(ident){var n=nodeMap[ident];if(n){n[1].appendChild(n[0]);delete nodeMap[ident];}});},serialize:function(element){element=$(element);var options=Object.extend(Sortable.options(element),arguments[1]||{});var name=encodeURIComponent((arguments[1]&&arguments[1].name)?arguments[1].name:element.id);if(options.tree){return Sortable.tree(element,arguments[1]).children.map(function(item){return[name+Sortable._constructIndex(item)+"[id]="+
-encodeURIComponent(item.id)].concat(item.children.map(arguments.callee));}).flatten().join('&');}else{return Sortable.sequence(element,arguments[1]).map(function(item){return name+"[]="+encodeURIComponent(item);}).join('&');}}}
-Element.isParent=function(child,element){if(!child.parentNode||child==element)return false;if(child.parentNode==element)return true;return Element.isParent(child.parentNode,element);}
-Element.findChildren=function(element,only,recursive,tagName){if(!element.hasChildNodes())return null;tagName=tagName.toUpperCase();if(only)only=[only].flatten();var elements=[];$A(element.childNodes).each(function(e){if(e.tagName&&e.tagName.toUpperCase()==tagName&&(!only||(Element.classNames(e).detect(function(v){return only.include(v)}))))
-elements.push(e);if(recursive){var grandchildren=Element.findChildren(e,only,recursive,tagName);if(grandchildren)elements.push(grandchildren);}});return(elements.length>0?elements.flatten():[]);}
-Element.offsetSize=function(element,type){if(type=='vertical'||type=='height')
-return element.offsetHeight;else
-return element.offsetWidth;}
-if(!Control)var Control={};Control.Slider=Class.create();Control.Slider.prototype={initialize:function(handle,track,options){var slider=this;if(handle instanceof Array){this.handles=handle.collect(function(e){return $(e)});}else{this.handles=[$(handle)];}
-this.track=$(track);this.options=options||{};this.axis=this.options.axis||'horizontal';this.increment=this.options.increment||1;this.step=parseInt(this.options.step||'1');this.range=this.options.range||$R(0,1);this.value=0;this.values=this.handles.map(function(){return 0});this.spans=this.options.spans?this.options.spans.map(function(s){return $(s)}):false;this.options.startSpan=$(this.options.startSpan||null);this.options.endSpan=$(this.options.endSpan||null);this.restricted=this.options.restricted||false;this.maximum=this.options.maximum||this.range.end;this.minimum=this.options.minimum||this.range.start;this.alignX=parseInt(this.options.alignX||'0');this.alignY=parseInt(this.options.alignY||'0');this.trackLength=this.maximumOffset()-this.minimumOffset();this.handleLength=this.isVertical()?(this.handles[0].offsetHeight!=0?this.handles[0].offsetHeight:this.handles[0].style.height.replace(/px$/,"")):(this.handles[0].offsetWidth!=0?this.handles[0].offsetWidth:this.handles[0].style.width.replace(/px$/,""));this.active=false;this.dragging=false;this.disabled=false;if(this.options.disabled)this.setDisabled();this.allowedValues=this.options.values?this.options.values.sortBy(Prototype.K):false;if(this.allowedValues){this.minimum=this.allowedValues.min();this.maximum=this.allowedValues.max();}
-this.eventMouseDown=this.startDrag.bindAsEventListener(this);this.eventMouseUp=this.endDrag.bindAsEventListener(this);this.eventMouseMove=this.update.bindAsEventListener(this);this.handles.each(function(h,i){i=slider.handles.length-1-i;slider.setValue(parseFloat((slider.options.sliderValue instanceof Array?slider.options.sliderValue[i]:slider.options.sliderValue)||slider.range.start),i);Element.makePositioned(h);Event.observe(h,"mousedown",slider.eventMouseDown);});Event.observe(this.track,"mousedown",this.eventMouseDown);Event.observe(document,"mouseup",this.eventMouseUp);Event.observe(document,"mousemove",this.eventMouseMove);this.initialized=true;},dispose:function(){var slider=this;Event.stopObserving(this.track,"mousedown",this.eventMouseDown);Event.stopObserving(document,"mouseup",this.eventMouseUp);Event.stopObserving(document,"mousemove",this.eventMouseMove);this.handles.each(function(h){Event.stopObserving(h,"mousedown",slider.eventMouseDown);});},setDisabled:function(){this.disabled=true;},setEnabled:function(){this.disabled=false;},getNearestValue:function(value){if(this.allowedValues){if(value>=this.allowedValues.max())return(this.allowedValues.max());if(value<=this.allowedValues.min())return(this.allowedValues.min());var offset=Math.abs(this.allowedValues[0]-value);var newValue=this.allowedValues[0];this.allowedValues.each(function(v){var currentOffset=Math.abs(v-value);if(currentOffset<=offset){newValue=v;offset=currentOffset;}});return newValue;}
-if(value>this.range.end)return this.range.end;if(value<this.range.start)return this.range.start;return value;},setValue:function(sliderValue,handleIdx){if(!this.active){this.activeHandleIdx=handleIdx||0;this.activeHandle=this.handles[this.activeHandleIdx];this.updateStyles();}
-handleIdx=handleIdx||this.activeHandleIdx||0;if(this.initialized&&this.restricted){if((handleIdx>0)&&(sliderValue<this.values[handleIdx-1]))
-sliderValue=this.values[handleIdx-1];if((handleIdx<(this.handles.length-1))&&(sliderValue>this.values[handleIdx+1]))
-sliderValue=this.values[handleIdx+1];}
-sliderValue=this.getNearestValue(sliderValue);this.values[handleIdx]=sliderValue;this.value=this.values[0];this.handles[handleIdx].style[this.isVertical()?'top':'left']=this.translateToPx(sliderValue);this.drawSpans();if(!this.dragging||!this.event)this.updateFinished();},setValueBy:function(delta,handleIdx){this.setValue(this.values[handleIdx||this.activeHandleIdx||0]+delta,handleIdx||this.activeHandleIdx||0);},translateToPx:function(value){return Math.round(((this.trackLength-this.handleLength)/(this.range.end-this.range.start))*(value-this.range.start))+"px";},translateToValue:function(offset){return((offset/(this.trackLength-this.handleLength)*(this.range.end-this.range.start))+this.range.start);},getRange:function(range){var v=this.values.sortBy(Prototype.K);range=range||0;return $R(v[range],v[range+1]);},minimumOffset:function(){return(this.isVertical()?this.alignY:this.alignX);},maximumOffset:function(){return(this.isVertical()?(this.track.offsetHeight!=0?this.track.offsetHeight:this.track.style.height.replace(/px$/,""))-this.alignY:(this.track.offsetWidth!=0?this.track.offsetWidth:this.track.style.width.replace(/px$/,""))-this.alignY);},isVertical:function(){return(this.axis=='vertical');},drawSpans:function(){var slider=this;if(this.spans)
-$R(0,this.spans.length-1).each(function(r){slider.setSpan(slider.spans[r],slider.getRange(r))});if(this.options.startSpan)
-this.setSpan(this.options.startSpan,$R(0,this.values.length>1?this.getRange(0).min():this.value));if(this.options.endSpan)
-this.setSpan(this.options.endSpan,$R(this.values.length>1?this.getRange(this.spans.length-1).max():this.value,this.maximum));},setSpan:function(span,range){if(this.isVertical()){span.style.top=this.translateToPx(range.start);span.style.height=this.translateToPx(range.end-range.start+this.range.start);}else{span.style.left=this.translateToPx(range.start);span.style.width=this.translateToPx(range.end-range.start+this.range.start);}},updateStyles:function(){this.handles.each(function(h){Element.removeClassName(h,'selected')});Element.addClassName(this.activeHandle,'selected');},startDrag:function(event){if(Event.isLeftClick(event)){if(!this.disabled){this.active=true;var handle=Event.element(event);var pointer=[Event.pointerX(event),Event.pointerY(event)];var track=handle;if(track==this.track){var offsets=Position.cumulativeOffset(this.track);this.event=event;this.setValue(this.translateToValue((this.isVertical()?pointer[1]-offsets[1]:pointer[0]-offsets[0])-(this.handleLength/2)));var offsets=Position.cumulativeOffset(this.activeHandle);this.offsetX=(pointer[0]-offsets[0]);this.offsetY=(pointer[1]-offsets[1]);}else{while((this.handles.indexOf(handle)==-1)&&handle.parentNode)
-handle=handle.parentNode;this.activeHandle=handle;this.activeHandleIdx=this.handles.indexOf(this.activeHandle);this.updateStyles();var offsets=Position.cumulativeOffset(this.activeHandle);this.offsetX=(pointer[0]-offsets[0]);this.offsetY=(pointer[1]-offsets[1]);}}
-Event.stop(event);}},update:function(event){if(this.active){if(!this.dragging)this.dragging=true;this.draw(event);if(navigator.appVersion.indexOf('AppleWebKit')>0)window.scrollBy(0,0);Event.stop(event);}},draw:function(event){var pointer=[Event.pointerX(event),Event.pointerY(event)];var offsets=Position.cumulativeOffset(this.track);pointer[0]-=this.offsetX+offsets[0];pointer[1]-=this.offsetY+offsets[1];this.event=event;this.setValue(this.translateToValue(this.isVertical()?pointer[1]:pointer[0]));if(this.initialized&&this.options.onSlide)
-this.options.onSlide(this.values.length>1?this.values:this.value,this);},endDrag:function(event){if(this.active&&this.dragging){this.finishDrag(event,true);Event.stop(event);}
-this.active=false;this.dragging=false;},finishDrag:function(event,success){this.active=false;this.dragging=false;this.updateFinished();},updateFinished:function(){if(this.initialized&&this.options.onChange)
-this.options.onChange(this.values.length>1?this.values:this.value,this);this.event=null;}}
\ No newline at end of file
diff --git a/framework/Web/Javascripts/js/compressed/clientscripts.php b/framework/Web/Javascripts/js/compressed/clientscripts.php
index 3ac3b062..a0321bc2 100644
--- a/framework/Web/Javascripts/js/compressed/clientscripts.php
+++ b/framework/Web/Javascripts/js/compressed/clientscripts.php
@@ -12,7 +12,7 @@ $debugMode=(isset($_GET['mode']) && $_GET['mode']==='debug');
 $expiresOffset = $debugMode ? -10000 : 3600 * 24 * 10; //no cache

 

 //allowed libraries

-$library = array('prado', 'effects', 'ajax', 'validator', 'logger', 'datepicker', 'rico', 'colorpicker');

+$library = array('prado', 'effects', 'validator', 'logger', 'datepicker', 'colorpicker');

 

 $param = isset($_GET['js']) ? $_GET['js'] : '';

 

diff --git a/framework/Web/Javascripts/js/compressed/colorpicker.js b/framework/Web/Javascripts/js/compressed/colorpicker.js
index 8429b5e6..27d78ac5 100644
--- a/framework/Web/Javascripts/js/compressed/colorpicker.js
+++ b/framework/Web/Javascripts/js/compressed/colorpicker.js
@@ -1,30 +1,4 @@
 
-if(typeof(Rico)=="undefined")Rico={};Rico.Color=Class.create();Rico.Color.prototype={initialize:function(red,green,blue){this.rgb={r:red,g:green,b:blue};},setRed:function(r){this.rgb.r=r;},setGreen:function(g){this.rgb.g=g;},setBlue:function(b){this.rgb.b=b;},setHue:function(h){var hsb=this.asHSB();hsb.h=h;this.rgb=Rico.Color.HSBtoRGB(hsb.h,hsb.s,hsb.b);},setSaturation:function(s){var hsb=this.asHSB();hsb.s=s;this.rgb=Rico.Color.HSBtoRGB(hsb.h,hsb.s,hsb.b);},setBrightness:function(b){var hsb=this.asHSB();hsb.b=b;this.rgb=Rico.Color.HSBtoRGB(hsb.h,hsb.s,hsb.b);},darken:function(percent){var hsb=this.asHSB();this.rgb=Rico.Color.HSBtoRGB(hsb.h,hsb.s,Math.max(hsb.b-percent,0));},brighten:function(percent){var hsb=this.asHSB();this.rgb=Rico.Color.HSBtoRGB(hsb.h,hsb.s,Math.min(hsb.b+percent,1));},blend:function(other){this.rgb.r=Math.floor((this.rgb.r+other.rgb.r)/2);this.rgb.g=Math.floor((this.rgb.g+other.rgb.g)/2);this.rgb.b=Math.floor((this.rgb.b+other.rgb.b)/2);},isBright:function(){var hsb=this.asHSB();return this.asHSB().b>0.5;},isDark:function(){return!this.isBright();},asRGB:function(){return"rgb("+this.rgb.r+","+this.rgb.g+","+this.rgb.b+")";},asHex:function(){return"#"+this.rgb.r.toColorPart()+this.rgb.g.toColorPart()+this.rgb.b.toColorPart();},asHSB:function(){return Rico.Color.RGBtoHSB(this.rgb.r,this.rgb.g,this.rgb.b);},toString:function(){return this.asHex();}};Rico.Color.createFromHex=function(hexCode){if(hexCode.indexOf('#')==0)
-hexCode=hexCode.substring(1);var red="ff",green="ff",blue="ff";if(hexCode.length>4)
-{red=hexCode.substring(0,2);green=hexCode.substring(2,4);blue=hexCode.substring(4,6);}
-else if(hexCode.length>0&hexCode.length<4)
-{var r=hexCode.substring(0,1);var g=hexCode.substring(1,2);var b=hexCode.substring(2);red=r+r;green=g+g;blue=b+b;}
-return new Rico.Color(parseInt(red,16),parseInt(green,16),parseInt(blue,16));}
-Rico.Color.createColorFromBackground=function(elem){var actualColor=Element.getStyle($(elem),"background-color");if(actualColor=="transparent"&&elem.parent)
-return Rico.Color.createColorFromBackground(elem.parent);if(actualColor==null)
-return new Rico.Color(255,255,255);if(actualColor.indexOf("rgb(")==0){var colors=actualColor.substring(4,actualColor.length-1);var colorArray=colors.split(",");return new Rico.Color(parseInt(colorArray[0]),parseInt(colorArray[1]),parseInt(colorArray[2]));}
-else if(actualColor.indexOf("#")==0){return Rico.Color.createFromHex(actualColor);}
-else
-return new Rico.Color(255,255,255);}
-Rico.Color.HSBtoRGB=function(hue,saturation,brightness){var red=0;var green=0;var blue=0;if(saturation==0){red=parseInt(brightness*255.0+0.5);green=red;blue=red;}
-else{var h=(hue-Math.floor(hue))*6.0;var f=h-Math.floor(h);var p=brightness*(1.0-saturation);var q=brightness*(1.0-saturation*f);var t=brightness*(1.0-(saturation*(1.0-f)));switch(parseInt(h)){case 0:red=(brightness*255.0+0.5);green=(t*255.0+0.5);blue=(p*255.0+0.5);break;case 1:red=(q*255.0+0.5);green=(brightness*255.0+0.5);blue=(p*255.0+0.5);break;case 2:red=(p*255.0+0.5);green=(brightness*255.0+0.5);blue=(t*255.0+0.5);break;case 3:red=(p*255.0+0.5);green=(q*255.0+0.5);blue=(brightness*255.0+0.5);break;case 4:red=(t*255.0+0.5);green=(p*255.0+0.5);blue=(brightness*255.0+0.5);break;case 5:red=(brightness*255.0+0.5);green=(p*255.0+0.5);blue=(q*255.0+0.5);break;}}
-return{r:parseInt(red),g:parseInt(green),b:parseInt(blue)};}
-Rico.Color.RGBtoHSB=function(r,g,b){var hue;var saturaton;var brightness;var cmax=(r>g)?r:g;if(b>cmax)
-cmax=b;var cmin=(r<g)?r:g;if(b<cmin)
-cmin=b;brightness=cmax/255.0;if(cmax!=0)
-saturation=(cmax-cmin)/cmax;else
-saturation=0;if(saturation==0)
-hue=0;else{var redc=(cmax-r)/(cmax-cmin);var greenc=(cmax-g)/(cmax-cmin);var bluec=(cmax-b)/(cmax-cmin);if(r==cmax)
-hue=bluec-greenc;else if(g==cmax)
-hue=2.0+redc-bluec;else
-hue=4.0+greenc-redc;hue=hue/6.0;if(hue<0)
-hue=hue+1.0;}
-return{h:hue,s:saturation,b:brightness};}
 Prado.WebUI.TColorPicker=Class.create();Object.extend(Prado.WebUI.TColorPicker,{palettes:{Small:[["fff","fcc","fc9","ff9","ffc","9f9","9ff","cff","ccf","fcf"],["ccc","f66","f96","ff6","ff3","6f9","3ff","6ff","99f","f9f"],["c0c0c0","f00","f90","fc6","ff0","3f3","6cc","3cf","66c","c6c"],["999","c00","f60","fc3","fc0","3c0","0cc","36f","63f","c3c"],["666","900","c60","c93","990","090","399","33f","60c","939"],["333","600","930","963","660","060","366","009","339","636"],["000","300","630","633","330","030","033","006","309","303"]],Tiny:[["ffffff","00ff00","008000","0000ff"],["c0c0c0","ffff00","ff00ff","000080"],["808080","ff0000","800080","000000"]]},UIImages:{'button.gif':'button.gif','background.png':'background.png'}});Object.extend(Prado.WebUI.TColorPicker.prototype,{initialize:function(options)
 {var basics={Palette:'Small',ClassName:'TColorPicker',Mode:'Basic',OKButtonText:'OK',CancelButtonText:'Cancel',ShowColorPicker:true}
 this.element=null;this.showing=false;options=Object.extend(basics,options);this.options=options;this.input=$(options['ID']);this.button=$(options['ID']+'_button');this._buttonOnClick=this.buttonOnClick.bind(this);if(options['ShowColorPicker'])
diff --git a/framework/Web/Javascripts/js/compressed/rico.js b/framework/Web/Javascripts/js/compressed/rico.js
deleted file mode 100644
index ff75a9f9..00000000
--- a/framework/Web/Javascripts/js/compressed/rico.js
+++ /dev/null
@@ -1,265 +0,0 @@
-
-var Rico={Version:'1.1rc1',prototypeVersion:parseFloat(Prototype.Version.split(".")[0]+"."+Prototype.Version.split(".")[1])}
-Rico.ArrayExtensions=new Array();if(Object.prototype.extend){Rico.ArrayExtensions[Rico.ArrayExtensions.length]=Object.prototype.extend;}else{Object.prototype.extend=function(object){return Object.extend.apply(this,[this,object]);}
-Rico.ArrayExtensions[Rico.ArrayExtensions.length]=Object.prototype.extend;}
-if(Array.prototype.push){Rico.ArrayExtensions[Rico.ArrayExtensions.length]=Array.prototype.push;}
-if(!Array.prototype.remove){Array.prototype.remove=function(dx){if(isNaN(dx)||dx>this.length)
-return false;for(var i=0,n=0;i<this.length;i++)
-if(i!=dx)
-this[n++]=this[i];this.length-=1;};Rico.ArrayExtensions[Rico.ArrayExtensions.length]=Array.prototype.remove;}
-if(!Array.prototype.removeItem){Array.prototype.removeItem=function(item){for(var i=0;i<this.length;i++)
-if(this[i]==item){this.remove(i);break;}};Rico.ArrayExtensions[Rico.ArrayExtensions.length]=Array.prototype.removeItem;}
-if(!Array.prototype.indices){Array.prototype.indices=function(){var indexArray=new Array();for(index in this){var ignoreThis=false;for(var i=0;i<Rico.ArrayExtensions.length;i++){if(this[index]==Rico.ArrayExtensions[i]){ignoreThis=true;break;}}
-if(!ignoreThis)
-indexArray[indexArray.length]=index;}
-return indexArray;}
-Rico.ArrayExtensions[Rico.ArrayExtensions.length]=Array.prototype.indices;}
-if(window.DOMParser&&window.XMLSerializer&&window.Node&&Node.prototype&&Node.prototype.__defineGetter__){if(!Document.prototype.loadXML){Document.prototype.loadXML=function(s){var doc2=(new DOMParser()).parseFromString(s,"text/xml");while(this.hasChildNodes())
-this.removeChild(this.lastChild);for(var i=0;i<doc2.childNodes.length;i++){this.appendChild(this.importNode(doc2.childNodes[i],true));}};}
-Document.prototype.__defineGetter__("xml",function(){return(new XMLSerializer()).serializeToString(this);});}
-document.getElementsByTagAndClassName=function(tagName,className){if(tagName==null)
-tagName='*';var children=document.getElementsByTagName(tagName)||document.all;var elements=new Array();if(className==null)
-return children;for(var i=0;i<children.length;i++){var child=children[i];var classNames=child.className.split(' ');for(var j=0;j<classNames.length;j++){if(classNames[j]==className){elements.push(child);break;}}}
-return elements;}
-Rico.Accordion=Class.create();Rico.Accordion.prototype={initialize:function(container,options){this.container=$(container);this.lastExpandedTab=null;this.accordionTabs=new Array();this.setOptions(options);this._attachBehaviors();if(!container)return;this.container.style.borderBottom='1px solid '+this.options.borderColor;if(this.options.onLoadShowTab>=this.accordionTabs.length)
-this.options.onLoadShowTab=0;for(var i=0;i<this.accordionTabs.length;i++)
-{if(i!=this.options.onLoadShowTab){this.accordionTabs[i].collapse();this.accordionTabs[i].content.style.display='none';}}
-this.lastExpandedTab=this.accordionTabs[this.options.onLoadShowTab];if(this.options.panelHeight=='auto'){var tabToCheck=(this.options.onloadShowTab===0)?1:0;var titleBarSize=parseInt(RicoUtil.getElementsComputedStyle(this.accordionTabs[tabToCheck].titleBar,'height'));if(isNaN(titleBarSize))
-titleBarSize=this.accordionTabs[tabToCheck].titleBar.offsetHeight;var totalTitleBarSize=this.accordionTabs.length*titleBarSize;var parentHeight=parseInt(RicoUtil.getElementsComputedStyle(this.container.parentNode,'height'));if(isNaN(parentHeight))
-parentHeight=this.container.parentNode.offsetHeight;this.options.panelHeight=parentHeight-totalTitleBarSize-2;}
-this.lastExpandedTab.content.style.height=this.options.panelHeight+"px";this.lastExpandedTab.showExpanded();this.lastExpandedTab.titleBar.style.fontWeight=this.options.expandedFontWeight;},setOptions:function(options){this.options={expandedBg:'#63699c',hoverBg:'#63699c',collapsedBg:'#6b79a5',expandedTextColor:'#ffffff',expandedFontWeight:'bold',hoverTextColor:'#ffffff',collapsedTextColor:'#ced7ef',collapsedFontWeight:'normal',hoverTextColor:'#ffffff',borderColor:'#1f669b',panelHeight:200,onHideTab:null,onShowTab:null,onLoadShowTab:0}
-Object.extend(this.options,options||{});},showTabByIndex:function(anIndex,animate){var doAnimate=arguments.length==1?true:animate;this.showTab(this.accordionTabs[anIndex],doAnimate);},showTab:function(accordionTab,animate){var doAnimate=arguments.length==1?true:animate;if(this.options.onHideTab)
-this.options.onHideTab(this.lastExpandedTab);this.lastExpandedTab.showCollapsed();var accordion=this;var lastExpandedTab=this.lastExpandedTab;this.lastExpandedTab.content.style.height=(this.options.panelHeight-1)+'px';accordionTab.content.style.display='';accordionTab.titleBar.style.fontWeight=this.options.expandedFontWeight;if(doAnimate){new Effect.AccordionSize(this.lastExpandedTab.content,accordionTab.content,1,this.options.panelHeight,100,10,{complete:function(){accordion.showTabDone(lastExpandedTab)}});this.lastExpandedTab=accordionTab;}
-else{this.lastExpandedTab.content.style.height="1px";accordionTab.content.style.height=this.options.panelHeight+"px";this.lastExpandedTab=accordionTab;this.showTabDone(lastExpandedTab);}},showTabDone:function(collapsedTab){collapsedTab.content.style.display='none';this.lastExpandedTab.showExpanded();if(this.options.onShowTab)
-this.options.onShowTab(this.lastExpandedTab);},_attachBehaviors:function(){var panels=this._getDirectChildrenByTag(this.container,'DIV');for(var i=0;i<panels.length;i++){var tabChildren=this._getDirectChildrenByTag(panels[i],'DIV');if(tabChildren.length!=2)
-continue;var tabTitleBar=tabChildren[0];var tabContentBox=tabChildren[1];this.accordionTabs.push(new Rico.Accordion.Tab(this,tabTitleBar,tabContentBox));}},_getDirectChildrenByTag:function(e,tagName){var kids=new Array();var allKids=e.childNodes;for(var i=0;i<allKids.length;i++)
-if(allKids[i]&&allKids[i].tagName&&allKids[i].tagName==tagName)
-kids.push(allKids[i]);return kids;}};Rico.Accordion.Tab=Class.create();Rico.Accordion.Tab.prototype={initialize:function(accordion,titleBar,content){this.accordion=accordion;this.titleBar=titleBar;this.content=content;this._attachBehaviors();},collapse:function(){this.showCollapsed();this.content.style.height="1px";},showCollapsed:function(){this.expanded=false;this.titleBar.style.backgroundColor=this.accordion.options.collapsedBg;this.titleBar.style.color=this.accordion.options.collapsedTextColor;this.titleBar.style.fontWeight=this.accordion.options.collapsedFontWeight;this.content.style.overflow="hidden";},showExpanded:function(){this.expanded=true;this.titleBar.style.backgroundColor=this.accordion.options.expandedBg;this.titleBar.style.color=this.accordion.options.expandedTextColor;this.content.style.overflow="visible";},titleBarClicked:function(e){if(this.accordion.lastExpandedTab==this)
-return;this.accordion.showTab(this);},hover:function(e){this.titleBar.style.backgroundColor=this.accordion.options.hoverBg;this.titleBar.style.color=this.accordion.options.hoverTextColor;},unhover:function(e){if(this.expanded){this.titleBar.style.backgroundColor=this.accordion.options.expandedBg;this.titleBar.style.color=this.accordion.options.expandedTextColor;}
-else{this.titleBar.style.backgroundColor=this.accordion.options.collapsedBg;this.titleBar.style.color=this.accordion.options.collapsedTextColor;}},_attachBehaviors:function(){this.content.style.border="1px solid "+this.accordion.options.borderColor;this.content.style.borderTopWidth="0px";this.content.style.borderBottomWidth="0px";this.content.style.margin="0px";this.titleBar.onclick=this.titleBarClicked.bindAsEventListener(this);this.titleBar.onmouseover=this.hover.bindAsEventListener(this);this.titleBar.onmouseout=this.unhover.bindAsEventListener(this);}};Rico.Corner={round:function(e,options){var e=$(e);this._setOptions(options);var color=this.options.color;if(this.options.color=="fromElement")
-color=this._background(e);var bgColor=this.options.bgColor;if(this.options.bgColor=="fromParent")
-bgColor=this._background(e.offsetParent);this._roundCornersImpl(e,color,bgColor);},_roundCornersImpl:function(e,color,bgColor){if(this.options.border)
-this._renderBorder(e,bgColor);if(this._isTopRounded())
-this._roundTopCorners(e,color,bgColor);if(this._isBottomRounded())
-this._roundBottomCorners(e,color,bgColor);},_renderBorder:function(el,bgColor){var borderValue="1px solid "+this._borderColor(bgColor);var borderL="border-left: "+borderValue;var borderR="border-right: "+borderValue;var style="style='"+borderL+";"+borderR+"'";el.innerHTML="<div "+style+">"+el.innerHTML+"</div>"},_roundTopCorners:function(el,color,bgColor){var corner=this._createCorner(bgColor);for(var i=0;i<this.options.numSlices;i++)
-corner.appendChild(this._createCornerSlice(color,bgColor,i,"top"));el.style.paddingTop=0;el.insertBefore(corner,el.firstChild);},_roundBottomCorners:function(el,color,bgColor){var corner=this._createCorner(bgColor);for(var i=(this.options.numSlices-1);i>=0;i--)
-corner.appendChild(this._createCornerSlice(color,bgColor,i,"bottom"));el.style.paddingBottom=0;el.appendChild(corner);},_createCorner:function(bgColor){var corner=document.createElement("div");corner.style.backgroundColor=(this._isTransparent()?"transparent":bgColor);return corner;},_createCornerSlice:function(color,bgColor,n,position){var slice=document.createElement("span");var inStyle=slice.style;inStyle.backgroundColor=color;inStyle.display="block";inStyle.height="1px";inStyle.overflow="hidden";inStyle.fontSize="1px";var borderColor=this._borderColor(color,bgColor);if(this.options.border&&n==0){inStyle.borderTopStyle="solid";inStyle.borderTopWidth="1px";inStyle.borderLeftWidth="0px";inStyle.borderRightWidth="0px";inStyle.borderBottomWidth="0px";inStyle.height="0px";inStyle.borderColor=borderColor;}
-else if(borderColor){inStyle.borderColor=borderColor;inStyle.borderStyle="solid";inStyle.borderWidth="0px 1px";}
-if(!this.options.compact&&(n==(this.options.numSlices-1)))
-inStyle.height="2px";this._setMargin(slice,n,position);this._setBorder(slice,n,position);return slice;},_setOptions:function(options){this.options={corners:"all",color:"fromElement",bgColor:"fromParent",blend:true,border:false,compact:false}
-Object.extend(this.options,options||{});this.options.numSlices=this.options.compact?2:4;if(this._isTransparent())
-this.options.blend=false;},_whichSideTop:function(){if(this._hasString(this.options.corners,"all","top"))
-return"";if(this.options.corners.indexOf("tl")>=0&&this.options.corners.indexOf("tr")>=0)
-return"";if(this.options.corners.indexOf("tl")>=0)
-return"left";else if(this.options.corners.indexOf("tr")>=0)
-return"right";return"";},_whichSideBottom:function(){if(this._hasString(this.options.corners,"all","bottom"))
-return"";if(this.options.corners.indexOf("bl")>=0&&this.options.corners.indexOf("br")>=0)
-return"";if(this.options.corners.indexOf("bl")>=0)
-return"left";else if(this.options.corners.indexOf("br")>=0)
-return"right";return"";},_borderColor:function(color,bgColor){if(color=="transparent")
-return bgColor;else if(this.options.border)
-return this.options.border;else if(this.options.blend)
-return this._blend(bgColor,color);else
-return"";},_setMargin:function(el,n,corners){var marginSize=this._marginSize(n);var whichSide=corners=="top"?this._whichSideTop():this._whichSideBottom();if(whichSide=="left"){el.style.marginLeft=marginSize+"px";el.style.marginRight="0px";}
-else if(whichSide=="right"){el.style.marginRight=marginSize+"px";el.style.marginLeft="0px";}
-else{el.style.marginLeft=marginSize+"px";el.style.marginRight=marginSize+"px";}},_setBorder:function(el,n,corners){var borderSize=this._borderSize(n);var whichSide=corners=="top"?this._whichSideTop():this._whichSideBottom();if(whichSide=="left"){el.style.borderLeftWidth=borderSize+"px";el.style.borderRightWidth="0px";}
-else if(whichSide=="right"){el.style.borderRightWidth=borderSize+"px";el.style.borderLeftWidth="0px";}
-else{el.style.borderLeftWidth=borderSize+"px";el.style.borderRightWidth=borderSize+"px";}
-if(this.options.border!=false)
-el.style.borderLeftWidth=borderSize+"px";el.style.borderRightWidth=borderSize+"px";},_marginSize:function(n){if(this._isTransparent())
-return 0;var marginSizes=[5,3,2,1];var blendedMarginSizes=[3,2,1,0];var compactMarginSizes=[2,1];var smBlendedMarginSizes=[1,0];if(this.options.compact&&this.options.blend)
-return smBlendedMarginSizes[n];else if(this.options.compact)
-return compactMarginSizes[n];else if(this.options.blend)
-return blendedMarginSizes[n];else
-return marginSizes[n];},_borderSize:function(n){var transparentBorderSizes=[5,3,2,1];var blendedBorderSizes=[2,1,1,1];var compactBorderSizes=[1,0];var actualBorderSizes=[0,2,0,0];if(this.options.compact&&(this.options.blend||this._isTransparent()))
-return 1;else if(this.options.compact)
-return compactBorderSizes[n];else if(this.options.blend)
-return blendedBorderSizes[n];else if(this.options.border)
-return actualBorderSizes[n];else if(this._isTransparent())
-return transparentBorderSizes[n];return 0;},_hasString:function(str){for(var i=1;i<arguments.length;i++)if(str.indexOf(arguments[i])>=0)return true;return false;},_blend:function(c1,c2){var cc1=Rico.Color.createFromHex(c1);cc1.blend(Rico.Color.createFromHex(c2));return cc1;},_background:function(el){try{return Rico.Color.createColorFromBackground(el).asHex();}catch(err){return"#ffffff";}},_isTransparent:function(){return this.options.color=="transparent";},_isTopRounded:function(){return this._hasString(this.options.corners,"all","top","tl","tr");},_isBottomRounded:function(){return this._hasString(this.options.corners,"all","bottom","bl","br");},_hasSingleTextChild:function(el){return el.childNodes.length==1&&el.childNodes[0].nodeType==3;}}
-if(window.Effect==undefined)
-Effect={};Effect.SizeAndPosition=Class.create();Effect.SizeAndPosition.prototype={initialize:function(element,x,y,w,h,duration,steps,options){this.element=$(element);this.x=x;this.y=y;this.w=w;this.h=h;this.duration=duration;this.steps=steps;this.options=arguments[7]||{};this.sizeAndPosition();},sizeAndPosition:function(){if(this.isFinished()){if(this.options.complete)this.options.complete(this);return;}
-if(this.timer)
-clearTimeout(this.timer);var stepDuration=Math.round(this.duration/this.steps);var currentX=this.element.offsetLeft;var currentY=this.element.offsetTop;var currentW=this.element.offsetWidth;var currentH=this.element.offsetHeight;this.x=(this.x)?this.x:currentX;this.y=(this.y)?this.y:currentY;this.w=(this.w)?this.w:currentW;this.h=(this.h)?this.h:currentH;var difX=this.steps>0?(this.x-currentX)/this.steps:0;var difY=this.steps>0?(this.y-currentY)/this.steps:0;var difW=this.steps>0?(this.w-currentW)/this.steps:0;var difH=this.steps>0?(this.h-currentH)/this.steps:0;this.moveBy(difX,difY);this.resizeBy(difW,difH);this.duration-=stepDuration;this.steps--;this.timer=setTimeout(this.sizeAndPosition.bind(this),stepDuration);},isFinished:function(){return this.steps<=0;},moveBy:function(difX,difY){var currentLeft=this.element.offsetLeft;var currentTop=this.element.offsetTop;var intDifX=parseInt(difX);var intDifY=parseInt(difY);var style=this.element.style;if(intDifX!=0)
-style.left=(currentLeft+intDifX)+"px";if(intDifY!=0)
-style.top=(currentTop+intDifY)+"px";},resizeBy:function(difW,difH){var currentWidth=this.element.offsetWidth;var currentHeight=this.element.offsetHeight;var intDifW=parseInt(difW);var intDifH=parseInt(difH);var style=this.element.style;if(intDifW!=0)
-style.width=(currentWidth+intDifW)+"px";if(intDifH!=0)
-style.height=(currentHeight+intDifH)+"px";}}
-Effect.Size=Class.create();Effect.Size.prototype={initialize:function(element,w,h,duration,steps,options){new Effect.SizeAndPosition(element,null,null,w,h,duration,steps,options);}}
-Effect.Position=Class.create();Effect.Position.prototype={initialize:function(element,x,y,duration,steps,options){new Effect.SizeAndPosition(element,x,y,null,null,duration,steps,options);}}
-Effect.Round=Class.create();Effect.Round.prototype={initialize:function(tagName,className,options){var elements=document.getElementsByTagAndClassName(tagName,className);for(var i=0;i<elements.length;i++)
-Rico.Corner.round(elements[i],options);}};Effect.FadeTo=Class.create();Effect.FadeTo.prototype={initialize:function(element,opacity,duration,steps,options){this.element=$(element);this.opacity=opacity;this.duration=duration;this.steps=steps;this.options=arguments[4]||{};this.fadeTo();},fadeTo:function(){if(this.isFinished()){if(this.options.complete)this.options.complete(this);return;}
-if(this.timer)
-clearTimeout(this.timer);var stepDuration=Math.round(this.duration/this.steps);var currentOpacity=this.getElementOpacity();var delta=this.steps>0?(this.opacity-currentOpacity)/this.steps:0;this.changeOpacityBy(delta);this.duration-=stepDuration;this.steps--;this.timer=setTimeout(this.fadeTo.bind(this),stepDuration);},changeOpacityBy:function(v){var currentOpacity=this.getElementOpacity();var newOpacity=Math.max(0,Math.min(currentOpacity+v,1));this.element.ricoOpacity=newOpacity;this.element.style.filter="alpha(opacity:"+Math.round(newOpacity*100)+")";this.element.style.opacity=newOpacity;;},isFinished:function(){return this.steps<=0;},getElementOpacity:function(){if(this.element.ricoOpacity==undefined){var opacity=RicoUtil.getElementsComputedStyle(this.element,'opacity');this.element.ricoOpacity=opacity!=undefined?opacity:1.0;}
-return parseFloat(this.element.ricoOpacity);}}
-Effect.AccordionSize=Class.create();Effect.AccordionSize.prototype={initialize:function(e1,e2,start,end,duration,steps,options){this.e1=$(e1);this.e2=$(e2);this.start=start;this.end=end;this.duration=duration;this.steps=steps;this.options=arguments[6]||{};this.accordionSize();},accordionSize:function(){if(this.isFinished()){this.e1.style.height=this.start+"px";this.e2.style.height=this.end+"px";if(this.options.complete)
-this.options.complete(this);return;}
-if(this.timer)
-clearTimeout(this.timer);var stepDuration=Math.round(this.duration/this.steps);var diff=this.steps>0?(parseInt(this.e1.offsetHeight)-this.start)/this.steps:0;this.resizeBy(diff);this.duration-=stepDuration;this.steps--;this.timer=setTimeout(this.accordionSize.bind(this),stepDuration);},isFinished:function(){return this.steps<=0;},resizeBy:function(diff){var h1Height=this.e1.offsetHeight;var h2Height=this.e2.offsetHeight;var intDiff=parseInt(diff);if(diff!=0){this.e1.style.height=(h1Height-intDiff)+"px";this.e2.style.height=(h2Height+intDiff)+"px";}}};if(window.Effect==undefined)
-Effect={};Effect.SizeAndPosition=Class.create();Effect.SizeAndPosition.prototype={initialize:function(element,x,y,w,h,duration,steps,options){this.element=$(element);this.x=x;this.y=y;this.w=w;this.h=h;this.duration=duration;this.steps=steps;this.options=arguments[7]||{};this.sizeAndPosition();},sizeAndPosition:function(){if(this.isFinished()){if(this.options.complete)this.options.complete(this);return;}
-if(this.timer)
-clearTimeout(this.timer);var stepDuration=Math.round(this.duration/this.steps);var currentX=this.element.offsetLeft;var currentY=this.element.offsetTop;var currentW=this.element.offsetWidth;var currentH=this.element.offsetHeight;this.x=(this.x)?this.x:currentX;this.y=(this.y)?this.y:currentY;this.w=(this.w)?this.w:currentW;this.h=(this.h)?this.h:currentH;var difX=this.steps>0?(this.x-currentX)/this.steps:0;var difY=this.steps>0?(this.y-currentY)/this.steps:0;var difW=this.steps>0?(this.w-currentW)/this.steps:0;var difH=this.steps>0?(this.h-currentH)/this.steps:0;this.moveBy(difX,difY);this.resizeBy(difW,difH);this.duration-=stepDuration;this.steps--;this.timer=setTimeout(this.sizeAndPosition.bind(this),stepDuration);},isFinished:function(){return this.steps<=0;},moveBy:function(difX,difY){var currentLeft=this.element.offsetLeft;var currentTop=this.element.offsetTop;var intDifX=parseInt(difX);var intDifY=parseInt(difY);var style=this.element.style;if(intDifX!=0)
-style.left=(currentLeft+intDifX)+"px";if(intDifY!=0)
-style.top=(currentTop+intDifY)+"px";},resizeBy:function(difW,difH){var currentWidth=this.element.offsetWidth;var currentHeight=this.element.offsetHeight;var intDifW=parseInt(difW);var intDifH=parseInt(difH);var style=this.element.style;if(intDifW!=0)
-style.width=(currentWidth+intDifW)+"px";if(intDifH!=0)
-style.height=(currentHeight+intDifH)+"px";}}
-Effect.Size=Class.create();Effect.Size.prototype={initialize:function(element,w,h,duration,steps,options){new Effect.SizeAndPosition(element,null,null,w,h,duration,steps,options);}}
-Effect.Position=Class.create();Effect.Position.prototype={initialize:function(element,x,y,duration,steps,options){new Effect.SizeAndPosition(element,x,y,null,null,duration,steps,options);}}
-Effect.Round=Class.create();Effect.Round.prototype={initialize:function(tagName,className,options){var elements=document.getElementsByTagAndClassName(tagName,className);for(var i=0;i<elements.length;i++)
-Rico.Corner.round(elements[i],options);}};Effect.FadeTo=Class.create();Effect.FadeTo.prototype={initialize:function(element,opacity,duration,steps,options){this.element=$(element);this.opacity=opacity;this.duration=duration;this.steps=steps;this.options=arguments[4]||{};this.fadeTo();},fadeTo:function(){if(this.isFinished()){if(this.options.complete)this.options.complete(this);return;}
-if(this.timer)
-clearTimeout(this.timer);var stepDuration=Math.round(this.duration/this.steps);var currentOpacity=this.getElementOpacity();var delta=this.steps>0?(this.opacity-currentOpacity)/this.steps:0;this.changeOpacityBy(delta);this.duration-=stepDuration;this.steps--;this.timer=setTimeout(this.fadeTo.bind(this),stepDuration);},changeOpacityBy:function(v){var currentOpacity=this.getElementOpacity();var newOpacity=Math.max(0,Math.min(currentOpacity+v,1));this.element.ricoOpacity=newOpacity;this.element.style.filter="alpha(opacity:"+Math.round(newOpacity*100)+")";this.element.style.opacity=newOpacity;;},isFinished:function(){return this.steps<=0;},getElementOpacity:function(){if(this.element.ricoOpacity==undefined){var opacity=RicoUtil.getElementsComputedStyle(this.element,'opacity');this.element.ricoOpacity=opacity!=undefined?opacity:1.0;}
-return parseFloat(this.element.ricoOpacity);}}
-Effect.AccordionSize=Class.create();Effect.AccordionSize.prototype={initialize:function(e1,e2,start,end,duration,steps,options){this.e1=$(e1);this.e2=$(e2);this.start=start;this.end=end;this.duration=duration;this.steps=steps;this.options=arguments[6]||{};this.accordionSize();},accordionSize:function(){if(this.isFinished()){this.e1.style.height=this.start+"px";this.e2.style.height=this.end+"px";if(this.options.complete)
-this.options.complete(this);return;}
-if(this.timer)
-clearTimeout(this.timer);var stepDuration=Math.round(this.duration/this.steps);var diff=this.steps>0?(parseInt(this.e1.offsetHeight)-this.start)/this.steps:0;this.resizeBy(diff);this.duration-=stepDuration;this.steps--;this.timer=setTimeout(this.accordionSize.bind(this),stepDuration);},isFinished:function(){return this.steps<=0;},resizeBy:function(diff){var h1Height=this.e1.offsetHeight;var h2Height=this.e2.offsetHeight;var intDiff=parseInt(diff);if(diff!=0){this.e1.style.height=(h1Height-intDiff)+"px";this.e2.style.height=(h2Height+intDiff)+"px";}}};Rico.LiveGridMetaData=Class.create();Rico.LiveGridMetaData.prototype={initialize:function(pageSize,totalRows,columnCount,options){this.pageSize=pageSize;this.totalRows=totalRows;this.setOptions(options);this.ArrowHeight=16;this.columnCount=columnCount;},setOptions:function(options){this.options={largeBufferSize:7.0,nearLimitFactor:0.2};Object.extend(this.options,options||{});},getPageSize:function(){return this.pageSize;},getTotalRows:function(){return this.totalRows;},setTotalRows:function(n){this.totalRows=n;},getLargeBufferSize:function(){return parseInt(this.options.largeBufferSize*this.pageSize);},getLimitTolerance:function(){return parseInt(this.getLargeBufferSize()*this.options.nearLimitFactor);}};Rico.LiveGridScroller=Class.create();Rico.LiveGridScroller.prototype={initialize:function(liveGrid,viewPort){this.isIE=navigator.userAgent.toLowerCase().indexOf("msie")>=0;this.liveGrid=liveGrid;this.metaData=liveGrid.metaData;this.createScrollBar();this.scrollTimeout=null;this.lastScrollPos=0;this.viewPort=viewPort;this.rows=new Array();},isUnPlugged:function(){return this.scrollerDiv.onscroll==null;},plugin:function(){this.scrollerDiv.onscroll=this.handleScroll.bindAsEventListener(this);},unplug:function(){this.scrollerDiv.onscroll=null;},sizeIEHeaderHack:function(){if(!this.isIE)return;var headerTable=$(this.liveGrid.tableId+"_header");if(headerTable)
-headerTable.rows[0].cells[0].style.width=(headerTable.rows[0].cells[0].offsetWidth+1)+"px";},createScrollBar:function(){var visibleHeight=this.liveGrid.viewPort.visibleHeight();this.scrollerDiv=document.createElement("div");var scrollerStyle=this.scrollerDiv.style;scrollerStyle.borderRight=this.liveGrid.options.scrollerBorderRight;scrollerStyle.position="relative";scrollerStyle.left=this.isIE?"-6px":"-3px";scrollerStyle.width="19px";scrollerStyle.height=visibleHeight+"px";scrollerStyle.overflow="auto";this.heightDiv=document.createElement("div");this.heightDiv.style.width="1px";this.heightDiv.style.height=parseInt(visibleHeight*this.metaData.getTotalRows()/this.metaData.getPageSize())+"px";this.scrollerDiv.appendChild(this.heightDiv);this.scrollerDiv.onscroll=this.handleScroll.bindAsEventListener(this);var table=this.liveGrid.table;table.parentNode.parentNode.insertBefore(this.scrollerDiv,table.parentNode.nextSibling);var eventName=this.isIE?"mousewheel":"DOMMouseScroll";Event.observe(table,eventName,function(evt){if(evt.wheelDelta>=0||evt.detail<0)
-this.scrollerDiv.scrollTop-=(2*this.viewPort.rowHeight);else
-this.scrollerDiv.scrollTop+=(2*this.viewPort.rowHeight);this.handleScroll(false);}.bindAsEventListener(this),false);},updateSize:function(){var table=this.liveGrid.table;var visibleHeight=this.viewPort.visibleHeight();this.heightDiv.style.height=parseInt(visibleHeight*this.metaData.getTotalRows()/this.metaData.getPageSize())+"px";},rowToPixel:function(rowOffset){return(rowOffset/this.metaData.getTotalRows())*this.heightDiv.offsetHeight},moveScroll:function(rowOffset){this.scrollerDiv.scrollTop=this.rowToPixel(rowOffset);if(this.metaData.options.onscroll)
-this.metaData.options.onscroll(this.liveGrid,rowOffset);},handleScroll:function(){if(this.scrollTimeout)
-clearTimeout(this.scrollTimeout);var scrollDiff=this.lastScrollPos-this.scrollerDiv.scrollTop;if(scrollDiff!=0.00){var r=this.scrollerDiv.scrollTop%this.viewPort.rowHeight;if(r!=0){this.unplug();if(scrollDiff<0){this.scrollerDiv.scrollTop+=(this.viewPort.rowHeight-r);}else{this.scrollerDiv.scrollTop-=r;}
-this.plugin();}}
-var contentOffset=parseInt(this.scrollerDiv.scrollTop/this.viewPort.rowHeight);this.liveGrid.requestContentRefresh(contentOffset);this.viewPort.scrollTo(this.scrollerDiv.scrollTop);if(this.metaData.options.onscroll)
-this.metaData.options.onscroll(this.liveGrid,contentOffset);this.scrollTimeout=setTimeout(this.scrollIdle.bind(this),1200);this.lastScrollPos=this.scrollerDiv.scrollTop;},scrollIdle:function(){if(this.metaData.options.onscrollidle)
-this.metaData.options.onscrollidle();}};Rico.LiveGridBuffer=Class.create();Rico.LiveGridBuffer.prototype={initialize:function(metaData,viewPort){this.startPos=0;this.size=0;this.metaData=metaData;this.rows=new Array();this.updateInProgress=false;this.viewPort=viewPort;this.maxBufferSize=metaData.getLargeBufferSize()*2;this.maxFetchSize=metaData.getLargeBufferSize();this.lastOffset=0;},getBlankRow:function(){if(!this.blankRow){this.blankRow=new Array();for(var i=0;i<this.metaData.columnCount;i++)
-this.blankRow[i]="&nbsp;";}
-return this.blankRow;},loadRows:function(ajaxResponse){var rowsElement=ajaxResponse.getElementsByTagName('rows')[0];this.updateUI=rowsElement.getAttribute("update_ui")=="true"
-var newRows=new Array()
-var trs=rowsElement.getElementsByTagName("tr");for(var i=0;i<trs.length;i++){var row=newRows[i]=new Array();var cells=trs[i].getElementsByTagName("td");for(var j=0;j<cells.length;j++){var cell=cells[j];var convertSpaces=cell.getAttribute("convert_spaces")=="true";var cellContent=RicoUtil.getContentAsString(cell);row[j]=convertSpaces?this.convertSpaces(cellContent):cellContent;if(!row[j])
-row[j]='&nbsp;';}}
-return newRows;},update:function(ajaxResponse,start){var newRows=this.loadRows(ajaxResponse);if(this.rows.length==0){this.rows=newRows;this.size=this.rows.length;this.startPos=start;return;}
-if(start>this.startPos){if(this.startPos+this.rows.length<start){this.rows=newRows;this.startPos=start;}else{this.rows=this.rows.concat(newRows.slice(0,newRows.length));if(this.rows.length>this.maxBufferSize){var fullSize=this.rows.length;this.rows=this.rows.slice(this.rows.length-this.maxBufferSize,this.rows.length)
-this.startPos=this.startPos+(fullSize-this.rows.length);}}}else{if(start+newRows.length<this.startPos){this.rows=newRows;}else{this.rows=newRows.slice(0,this.startPos).concat(this.rows);if(this.rows.length>this.maxBufferSize)
-this.rows=this.rows.slice(0,this.maxBufferSize)}
-this.startPos=start;}
-this.size=this.rows.length;},clear:function(){this.rows=new Array();this.startPos=0;this.size=0;},isOverlapping:function(start,size){return((start<this.endPos())&&(this.startPos<start+size))||(this.endPos()==0)},isInRange:function(position){return(position>=this.startPos)&&(position+this.metaData.getPageSize()<=this.endPos());},isNearingTopLimit:function(position){return position-this.startPos<this.metaData.getLimitTolerance();},endPos:function(){return this.startPos+this.rows.length;},isNearingBottomLimit:function(position){return this.endPos()-(position+this.metaData.getPageSize())<this.metaData.getLimitTolerance();},isAtTop:function(){return this.startPos==0;},isAtBottom:function(){return this.endPos()==this.metaData.getTotalRows();},isNearingLimit:function(position){return(!this.isAtTop()&&this.isNearingTopLimit(position))||(!this.isAtBottom()&&this.isNearingBottomLimit(position))},getFetchSize:function(offset){var adjustedOffset=this.getFetchOffset(offset);var adjustedSize=0;if(adjustedOffset>=this.startPos){var endFetchOffset=this.maxFetchSize+adjustedOffset;if(endFetchOffset>this.metaData.totalRows)
-endFetchOffset=this.metaData.totalRows;adjustedSize=endFetchOffset-adjustedOffset;if(adjustedOffset==0&&adjustedSize<this.maxFetchSize){adjustedSize=this.maxFetchSize;}}else{var adjustedSize=this.startPos-adjustedOffset;if(adjustedSize>this.maxFetchSize)
-adjustedSize=this.maxFetchSize;}
-return adjustedSize;},getFetchOffset:function(offset){var adjustedOffset=offset;if(offset>this.startPos)
-adjustedOffset=(offset>this.endPos())?offset:this.endPos();else{if(offset+this.maxFetchSize>=this.startPos){var adjustedOffset=this.startPos-this.maxFetchSize;if(adjustedOffset<0)
-adjustedOffset=0;}}
-this.lastOffset=adjustedOffset;return adjustedOffset;},getRows:function(start,count){var begPos=start-this.startPos
-var endPos=begPos+count
-if(endPos>this.size)
-endPos=this.size
-var results=new Array()
-var index=0;for(var i=begPos;i<endPos;i++){results[index++]=this.rows[i]}
-return results},convertSpaces:function(s){return s.split(" ").join("&nbsp;");}};Rico.GridViewPort=Class.create();Rico.GridViewPort.prototype={initialize:function(table,rowHeight,visibleRows,buffer,liveGrid){this.lastDisplayedStartPos=0;this.div=table.parentNode;this.table=table
-this.rowHeight=rowHeight;this.div.style.height=this.rowHeight*visibleRows;this.div.style.overflow="hidden";this.buffer=buffer;this.liveGrid=liveGrid;this.visibleRows=visibleRows+1;this.lastPixelOffset=0;this.startPos=0;},populateRow:function(htmlRow,row){for(var j=0;j<row.length;j++){htmlRow.cells[j].innerHTML=row[j]}},bufferChanged:function(){this.refreshContents(parseInt(this.lastPixelOffset/this.rowHeight));},clearRows:function(){if(!this.isBlank){this.liveGrid.table.className=this.liveGrid.options.loadingClass;for(var i=0;i<this.visibleRows;i++)
-this.populateRow(this.table.rows[i],this.buffer.getBlankRow());this.isBlank=true;}},clearContents:function(){this.clearRows();this.scrollTo(0);this.startPos=0;this.lastStartPos=-1;},refreshContents:function(startPos){if(startPos==this.lastRowPos&&!this.isPartialBlank&&!this.isBlank){return;}
-if((startPos+this.visibleRows<this.buffer.startPos)||(this.buffer.startPos+this.buffer.size<startPos)||(this.buffer.size==0)){this.clearRows();return;}
-this.isBlank=false;var viewPrecedesBuffer=this.buffer.startPos>startPos
-var contentStartPos=viewPrecedesBuffer?this.buffer.startPos:startPos;var contentEndPos=(this.buffer.startPos+this.buffer.size<startPos+this.visibleRows)?this.buffer.startPos+this.buffer.size:startPos+this.visibleRows;var rowSize=contentEndPos-contentStartPos;var rows=this.buffer.getRows(contentStartPos,rowSize);var blankSize=this.visibleRows-rowSize;var blankOffset=viewPrecedesBuffer?0:rowSize;var contentOffset=viewPrecedesBuffer?blankSize:0;for(var i=0;i<rows.length;i++){this.populateRow(this.table.rows[i+contentOffset],rows[i]);}
-for(var i=0;i<blankSize;i++){this.populateRow(this.table.rows[i+blankOffset],this.buffer.getBlankRow());}
-this.isPartialBlank=blankSize>0;this.lastRowPos=startPos;this.liveGrid.table.className=this.liveGrid.options.tableClass;var onRefreshComplete=this.liveGrid.options.onRefreshComplete;if(onRefreshComplete!=null)
-onRefreshComplete();},scrollTo:function(pixelOffset){if(this.lastPixelOffset==pixelOffset)
-return;this.refreshContents(parseInt(pixelOffset/this.rowHeight))
-this.div.scrollTop=pixelOffset%this.rowHeight
-this.lastPixelOffset=pixelOffset;},visibleHeight:function(){return parseInt(RicoUtil.getElementsComputedStyle(this.div,'height'));}};Rico.LiveGridRequest=Class.create();Rico.LiveGridRequest.prototype={initialize:function(requestOffset,options){this.requestOffset=requestOffset;}};Rico.LiveGrid=Class.create();Rico.LiveGrid.prototype={initialize:function(tableId,visibleRows,totalRows,url,options,ajaxOptions){this.options={tableClass:$(tableId).className,loadingClass:$(tableId).className,scrollerBorderRight:'1px solid #ababab',bufferTimeout:20000,sortAscendImg:'images/sort_asc.gif',sortDescendImg:'images/sort_desc.gif',sortImageWidth:9,sortImageHeight:5,ajaxSortURLParms:[],onRefreshComplete:null,requestParameters:null,inlineStyles:true};Object.extend(this.options,options||{});this.ajaxOptions={parameters:null};Object.extend(this.ajaxOptions,ajaxOptions||{});this.tableId=tableId;this.table=$(tableId);this.addLiveGridHtml();var columnCount=this.table.rows[0].cells.length;this.metaData=new Rico.LiveGridMetaData(visibleRows,totalRows,columnCount,options);this.buffer=new Rico.LiveGridBuffer(this.metaData);var rowCount=this.table.rows.length;this.viewPort=new Rico.GridViewPort(this.table,this.table.offsetHeight/rowCount,visibleRows,this.buffer,this);this.scroller=new Rico.LiveGridScroller(this,this.viewPort);this.options.sortHandler=this.sortHandler.bind(this);if($(tableId+'_header'))
-this.sort=new Rico.LiveGridSort(tableId+'_header',this.options)
-this.processingRequest=null;this.unprocessedRequest=null;this.initAjax(url);if(this.options.prefetchBuffer||this.options.prefetchOffset>0){var offset=0;if(this.options.offset){offset=this.options.offset;this.scroller.moveScroll(offset);this.viewPort.scrollTo(this.scroller.rowToPixel(offset));}
-if(this.options.sortCol){this.sortCol=options.sortCol;this.sortDir=options.sortDir;}
-this.requestContentRefresh(offset);}},addLiveGridHtml:function(){if(this.table.getElementsByTagName("thead").length>0){var tableHeader=this.table.cloneNode(true);tableHeader.setAttribute('id',this.tableId+'_header');tableHeader.setAttribute('class',this.table.className+'_header');for(var i=0;i<tableHeader.tBodies.length;i++)
-tableHeader.removeChild(tableHeader.tBodies[i]);this.table.deleteTHead();this.table.parentNode.insertBefore(tableHeader,this.table);}
-new Insertion.Before(this.table,"<div id='"+this.tableId+"_container'></div>");this.table.previousSibling.appendChild(this.table);new Insertion.Before(this.table,"<div id='"+this.tableId+"_viewport' style='float:left;'></div>");this.table.previousSibling.appendChild(this.table);},resetContents:function(){this.scroller.moveScroll(0);this.buffer.clear();this.viewPort.clearContents();},sortHandler:function(column){this.sortCol=column.name;this.sortDir=column.currentSort;this.resetContents();this.requestContentRefresh(0)},setTotalRows:function(newTotalRows){this.resetContents();this.metaData.setTotalRows(newTotalRows);this.scroller.updateSize();},initAjax:function(url){ajaxEngine.registerRequest(this.tableId+'_request',url);ajaxEngine.registerAjaxObject(this.tableId+'_updater',this);},invokeAjax:function(){},handleTimedOut:function(){this.processingRequest=null;this.processQueuedRequest();},fetchBuffer:function(offset){if(this.buffer.isInRange(offset)&&!this.buffer.isNearingLimit(offset)){return;}
-if(this.processingRequest){this.unprocessedRequest=new Rico.LiveGridRequest(offset);return;}
-var bufferStartPos=this.buffer.getFetchOffset(offset);this.processingRequest=new Rico.LiveGridRequest(offset);this.processingRequest.bufferOffset=bufferStartPos;var fetchSize=this.buffer.getFetchSize(offset);var partialLoaded=false;var queryString
-if(this.options.requestParameters)
-queryString=this._createQueryString(this.options.requestParameters,0);queryString=(queryString==null)?'':queryString+'&';queryString=queryString+'id='+this.tableId+'&page_size='+fetchSize+'&offset='+bufferStartPos;if(this.sortCol)
-queryString=queryString+'&sort_col='+escape(this.sortCol)+'&sort_dir='+this.sortDir;this.ajaxOptions.parameters=queryString;ajaxEngine.sendRequest(this.tableId+'_request',this.ajaxOptions);this.timeoutHandler=setTimeout(this.handleTimedOut.bind(this),this.options.bufferTimeout);},setRequestParams:function(){this.options.requestParameters=[];for(var i=0;i<arguments.length;i++)
-this.options.requestParameters[i]=arguments[i];},requestContentRefresh:function(contentOffset){this.fetchBuffer(contentOffset);},ajaxUpdate:function(ajaxResponse){try{clearTimeout(this.timeoutHandler);this.buffer.update(ajaxResponse,this.processingRequest.bufferOffset);this.viewPort.bufferChanged();}
-catch(err){}
-finally{this.processingRequest=null;}
-this.processQueuedRequest();},_createQueryString:function(theArgs,offset){var queryString=""
-if(!theArgs)
-return queryString;for(var i=offset;i<theArgs.length;i++){if(i!=offset)
-queryString+="&";var anArg=theArgs[i];if(anArg.name!=undefined&&anArg.value!=undefined){queryString+=anArg.name+"="+escape(anArg.value);}
-else{var ePos=anArg.indexOf('=');var argName=anArg.substring(0,ePos);var argValue=anArg.substring(ePos+1);queryString+=argName+"="+escape(argValue);}}
-return queryString;},processQueuedRequest:function(){if(this.unprocessedRequest!=null){this.requestContentRefresh(this.unprocessedRequest.requestOffset);this.unprocessedRequest=null}}};Rico.LiveGridSort=Class.create();Rico.LiveGridSort.prototype={initialize:function(headerTableId,options){this.headerTableId=headerTableId;this.headerTable=$(headerTableId);this.options=options;this.setOptions();this.applySortBehavior();if(this.options.sortCol){this.setSortUI(this.options.sortCol,this.options.sortDir);}},setSortUI:function(columnName,sortDirection){var cols=this.options.columns;for(var i=0;i<cols.length;i++){if(cols[i].name==columnName){this.setColumnSort(i,sortDirection);break;}}},setOptions:function(){new Image().src=this.options.sortAscendImg;new Image().src=this.options.sortDescendImg;this.sort=this.options.sortHandler;if(!this.options.columns)
-this.options.columns=this.introspectForColumnInfo();else{this.options.columns=this.convertToTableColumns(this.options.columns);}},applySortBehavior:function(){var headerRow=this.headerTable.rows[0];var headerCells=headerRow.cells;for(var i=0;i<headerCells.length;i++){this.addSortBehaviorToColumn(i,headerCells[i]);}},addSortBehaviorToColumn:function(n,cell){if(this.options.columns[n].isSortable()){cell.id=this.headerTableId+'_'+n;cell.style.cursor='pointer';cell.onclick=this.headerCellClicked.bindAsEventListener(this);cell.innerHTML=cell.innerHTML+'<span id="'+this.headerTableId+'_img_'+n+'">'
-+'&nbsp;&nbsp;&nbsp;</span>';}},headerCellClicked:function(evt){var eventTarget=evt.target?evt.target:evt.srcElement;var cellId=eventTarget.id;var columnNumber=parseInt(cellId.substring(cellId.lastIndexOf('_')+1));var sortedColumnIndex=this.getSortedColumnIndex();if(sortedColumnIndex!=-1){if(sortedColumnIndex!=columnNumber){this.removeColumnSort(sortedColumnIndex);this.setColumnSort(columnNumber,Rico.TableColumn.SORT_ASC);}
-else
-this.toggleColumnSort(sortedColumnIndex);}
-else
-this.setColumnSort(columnNumber,Rico.TableColumn.SORT_ASC);if(this.options.sortHandler){this.options.sortHandler(this.options.columns[columnNumber]);}},removeColumnSort:function(n){this.options.columns[n].setUnsorted();this.setSortImage(n);},setColumnSort:function(n,direction){this.options.columns[n].setSorted(direction);this.setSortImage(n);},toggleColumnSort:function(n){this.options.columns[n].toggleSort();this.setSortImage(n);},setSortImage:function(n){var sortDirection=this.options.columns[n].getSortDirection();var sortImageSpan=$(this.headerTableId+'_img_'+n);if(sortDirection==Rico.TableColumn.UNSORTED)
-sortImageSpan.innerHTML='&nbsp;&nbsp;';else if(sortDirection==Rico.TableColumn.SORT_ASC)
-sortImageSpan.innerHTML='&nbsp;&nbsp;<img width="'+this.options.sortImageWidth+'" '+'height="'+this.options.sortImageHeight+'" '+'src="'+this.options.sortAscendImg+'"/>';else if(sortDirection==Rico.TableColumn.SORT_DESC)
-sortImageSpan.innerHTML='&nbsp;&nbsp;<img width="'+this.options.sortImageWidth+'" '+'height="'+this.options.sortImageHeight+'" '+'src="'+this.options.sortDescendImg+'"/>';},getSortedColumnIndex:function(){var cols=this.options.columns;for(var i=0;i<cols.length;i++){if(cols[i].isSorted())
-return i;}
-return-1;},introspectForColumnInfo:function(){var columns=new Array();var headerRow=this.headerTable.rows[0];var headerCells=headerRow.cells;for(var i=0;i<headerCells.length;i++)
-columns.push(new Rico.TableColumn(this.deriveColumnNameFromCell(headerCells[i],i),true));return columns;},convertToTableColumns:function(cols){var columns=new Array();for(var i=0;i<cols.length;i++)
-columns.push(new Rico.TableColumn(cols[i][0],cols[i][1]));return columns;},deriveColumnNameFromCell:function(cell,columnNumber){var cellContent=cell.innerText!=undefined?cell.innerText:cell.textContent;return cellContent?cellContent.toLowerCase().split(' ').join('_'):"col_"+columnNumber;}};Rico.TableColumn=Class.create();Rico.TableColumn.UNSORTED=0;Rico.TableColumn.SORT_ASC="ASC";Rico.TableColumn.SORT_DESC="DESC";Rico.TableColumn.prototype={initialize:function(name,sortable){this.name=name;this.sortable=sortable;this.currentSort=Rico.TableColumn.UNSORTED;},isSortable:function(){return this.sortable;},isSorted:function(){return this.currentSort!=Rico.TableColumn.UNSORTED;},getSortDirection:function(){return this.currentSort;},toggleSort:function(){if(this.currentSort==Rico.TableColumn.UNSORTED||this.currentSort==Rico.TableColumn.SORT_DESC)
-this.currentSort=Rico.TableColumn.SORT_ASC;else if(this.currentSort==Rico.TableColumn.SORT_ASC)
-this.currentSort=Rico.TableColumn.SORT_DESC;},setUnsorted:function(direction){this.setSorted(Rico.TableColumn.UNSORTED);},setSorted:function(direction){this.currentSort=direction;}};Rico.ArrayExtensions=new Array();if(Object.prototype.extend){Rico.ArrayExtensions[Rico.ArrayExtensions.length]=Object.prototype.extend;}else{Object.prototype.extend=function(object){return Object.extend.apply(this,[this,object]);}
-Rico.ArrayExtensions[Rico.ArrayExtensions.length]=Object.prototype.extend;}
-if(Array.prototype.push){Rico.ArrayExtensions[Rico.ArrayExtensions.length]=Array.prototype.push;}
-if(!Array.prototype.remove){Array.prototype.remove=function(dx){if(isNaN(dx)||dx>this.length)
-return false;for(var i=0,n=0;i<this.length;i++)
-if(i!=dx)
-this[n++]=this[i];this.length-=1;};Rico.ArrayExtensions[Rico.ArrayExtensions.length]=Array.prototype.remove;}
-if(!Array.prototype.removeItem){Array.prototype.removeItem=function(item){for(var i=0;i<this.length;i++)
-if(this[i]==item){this.remove(i);break;}};Rico.ArrayExtensions[Rico.ArrayExtensions.length]=Array.prototype.removeItem;}
-if(!Array.prototype.indices){Array.prototype.indices=function(){var indexArray=new Array();for(index in this){var ignoreThis=false;for(var i=0;i<Rico.ArrayExtensions.length;i++){if(this[index]==Rico.ArrayExtensions[i]){ignoreThis=true;break;}}
-if(!ignoreThis)
-indexArray[indexArray.length]=index;}
-return indexArray;}
-Rico.ArrayExtensions[Rico.ArrayExtensions.length]=Array.prototype.indices;}
-Rico.ArrayExtensions[Rico.ArrayExtensions.length]=Array.prototype.unique;Rico.ArrayExtensions[Rico.ArrayExtensions.length]=Array.prototype.inArray;if(window.DOMParser&&window.XMLSerializer&&window.Node&&Node.prototype&&Node.prototype.__defineGetter__){if(!Document.prototype.loadXML){Document.prototype.loadXML=function(s){var doc2=(new DOMParser()).parseFromString(s,"text/xml");while(this.hasChildNodes())
-this.removeChild(this.lastChild);for(var i=0;i<doc2.childNodes.length;i++){this.appendChild(this.importNode(doc2.childNodes[i],true));}};}
-Document.prototype.__defineGetter__("xml",function(){return(new XMLSerializer()).serializeToString(this);});}
-document.getElementsByTagAndClassName=function(tagName,className){if(tagName==null)
-tagName='*';var children=document.getElementsByTagName(tagName)||document.all;var elements=new Array();if(className==null)
-return children;for(var i=0;i<children.length;i++){var child=children[i];var classNames=child.className.split(' ');for(var j=0;j<classNames.length;j++){if(classNames[j]==className){elements.push(child);break;}}}
-return elements;}
-var RicoUtil={getElementsComputedStyle:function(htmlElement,cssProperty,mozillaEquivalentCSS){if(arguments.length==2)
-mozillaEquivalentCSS=cssProperty;var el=$(htmlElement);if(el.currentStyle)
-return el.currentStyle[cssProperty];else
-return document.defaultView.getComputedStyle(el,null).getPropertyValue(mozillaEquivalentCSS);},createXmlDocument:function(){if(document.implementation&&document.implementation.createDocument){var doc=document.implementation.createDocument("","",null);if(doc.readyState==null){doc.readyState=1;doc.addEventListener("load",function(){doc.readyState=4;if(typeof doc.onreadystatechange=="function")
-doc.onreadystatechange();},false);}
-return doc;}
-if(window.ActiveXObject)
-return Try.these(function(){return new ActiveXObject('MSXML2.DomDocument')},function(){return new ActiveXObject('Microsoft.DomDocument')},function(){return new ActiveXObject('MSXML.DomDocument')},function(){return new ActiveXObject('MSXML3.DomDocument')})||false;return null;},getContentAsString:function(parentNode){return parentNode.xml!=undefined?this._getContentAsStringIE(parentNode):this._getContentAsStringMozilla(parentNode);},_getContentAsStringIE:function(parentNode){var contentStr="";for(var i=0;i<parentNode.childNodes.length;i++){var n=parentNode.childNodes[i];if(n.nodeType==4){contentStr+=n.nodeValue;}
-else{contentStr+=n.xml;}}
-return contentStr;},_getContentAsStringMozilla:function(parentNode){var xmlSerializer=new XMLSerializer();var contentStr="";for(var i=0;i<parentNode.childNodes.length;i++){var n=parentNode.childNodes[i];if(n.nodeType==4){contentStr+=n.nodeValue;}
-else{contentStr+=xmlSerializer.serializeToString(n);}}
-return contentStr;},toViewportPosition:function(element){return this._toAbsolute(element,true);},toDocumentPosition:function(element){return this._toAbsolute(element,false);},_toAbsolute:function(element,accountForDocScroll){if(navigator.userAgent.toLowerCase().indexOf("msie")==-1)
-return this._toAbsoluteMozilla(element,accountForDocScroll);var x=0;var y=0;var parent=element;while(parent){var borderXOffset=0;var borderYOffset=0;if(parent!=element){var borderXOffset=parseInt(this.getElementsComputedStyle(parent,"borderLeftWidth"));var borderYOffset=parseInt(this.getElementsComputedStyle(parent,"borderTopWidth"));borderXOffset=isNaN(borderXOffset)?0:borderXOffset;borderYOffset=isNaN(borderYOffset)?0:borderYOffset;}
-x+=parent.offsetLeft-parent.scrollLeft+borderXOffset;y+=parent.offsetTop-parent.scrollTop+borderYOffset;parent=parent.offsetParent;}
-if(accountForDocScroll){x-=this.docScrollLeft();y-=this.docScrollTop();}
-return{x:x,y:y};},_toAbsoluteMozilla:function(element,accountForDocScroll){var x=0;var y=0;var parent=element;while(parent){x+=parent.offsetLeft;y+=parent.offsetTop;parent=parent.offsetParent;}
-parent=element;while(parent&&parent!=document.body&&parent!=document.documentElement){if(parent.scrollLeft)
-x-=parent.scrollLeft;if(parent.scrollTop)
-y-=parent.scrollTop;parent=parent.parentNode;}
-if(accountForDocScroll){x-=this.docScrollLeft();y-=this.docScrollTop();}
-return{x:x,y:y};},docScrollLeft:function(){if(window.pageXOffset)
-return window.pageXOffset;else if(document.documentElement&&document.documentElement.scrollLeft)
-return document.documentElement.scrollLeft;else if(document.body)
-return document.body.scrollLeft;else
-return 0;},docScrollTop:function(){if(window.pageYOffset)
-return window.pageYOffset;else if(document.documentElement&&document.documentElement.scrollTop)
-return document.documentElement.scrollTop;else if(document.body)
-return document.body.scrollTop;else
-return 0;}};Prado.RicoLiveGrid=Class.create();Prado.RicoLiveGrid.prototype=Object.extend(Rico.LiveGrid.prototype,{initialize:function(tableId,options)
-{this.options={tableClass:$(tableId).className||'',loadingClass:$(tableId).className||'',scrollerBorderRight:'1px solid #ababab',bufferTimeout:20000,sortAscendImg:'images/sort_asc.gif',sortDescendImg:'images/sort_desc.gif',sortImageWidth:9,sortImageHeight:5,ajaxSortURLParms:[],onRefreshComplete:null,requestParameters:null,inlineStyles:true,visibleRows:10,totalRows:0,initialOffset:0};Object.extend(this.options,options||{});this.tableId=tableId;this.table=$(tableId);this.addLiveGridHtml();var columnCount=this.table.rows[0].cells.length;this.metaData=new Rico.LiveGridMetaData(this.options.visibleRows,this.options.totalRows,columnCount,options);this.buffer=new Rico.LiveGridBuffer(this.metaData);var rowCount=this.table.rows.length;this.viewPort=new Rico.GridViewPort(this.table,this.table.offsetHeight/rowCount,this.options.visibleRows,this.buffer,this);this.scroller=new Rico.LiveGridScroller(this,this.viewPort);this.options.sortHandler=this.sortHandler.bind(this);if($(tableId+'_header'))
-this.sort=new Rico.LiveGridSort(tableId+'_header',this.options)
-this.processingRequest=null;this.unprocessedRequest=null;if(this.options.initialOffset>=0)
-{var offset=this.options.initialOffset;this.scroller.moveScroll(offset);this.viewPort.scrollTo(this.scroller.rowToPixel(offset));if(this.options.sortCol){this.sortCol=options.sortCol;this.sortDir=options.sortDir;}
-var grid=this;setTimeout(function(){grid.requestContentRefresh(offset);},100);}},fetchBuffer:function(offset)
-{if(this.buffer.isInRange(offset)&&!this.buffer.isNearingLimit(offset)){return;}
-if(this.processingRequest){this.unprocessedRequest=new Rico.LiveGridRequest(offset);return;}
-var bufferStartPos=this.buffer.getFetchOffset(offset);this.processingRequest=new Rico.LiveGridRequest(offset);this.processingRequest.bufferOffset=bufferStartPos;var fetchSize=this.buffer.getFetchSize(offset);var partialLoaded=false;var param={'page_size':fetchSize,'offset':bufferStartPos};if(this.sortCol)
-{Object.extend(param,{'sort_col':this.sortCol,'sort_dir':this.sortDir});}
-Prado.Callback(this.tableId,param,this.ajaxUpdate.bind(this),this.options);this.timeoutHandler=setTimeout(this.handleTimedOut.bind(this),this.options.bufferTimeout);},ajaxUpdate:function(result,output)
-{try{clearTimeout(this.timeoutHandler);this.buffer.update(result,this.processingRequest.bufferOffset);this.viewPort.bufferChanged();}
-catch(err){}
-finally{this.processingRequest=null;}
-this.processQueuedRequest();}});Object.extend(Rico.LiveGridBuffer.prototype,{update:function(newRows,start)
-{if(this.rows.length==0){this.rows=newRows;this.size=this.rows.length;this.startPos=start;return;}
-if(start>this.startPos){if(this.startPos+this.rows.length<start){this.rows=newRows;this.startPos=start;}else{this.rows=this.rows.concat(newRows.slice(0,newRows.length));if(this.rows.length>this.maxBufferSize){var fullSize=this.rows.length;this.rows=this.rows.slice(this.rows.length-this.maxBufferSize,this.rows.length)
-this.startPos=this.startPos+(fullSize-this.rows.length);}}}else{if(start+newRows.length<this.startPos){this.rows=newRows;}else{this.rows=newRows.slice(0,this.startPos).concat(this.rows);if(this.rows.length>this.maxBufferSize)
-this.rows=this.rows.slice(0,this.maxBufferSize)}
-this.startPos=start;}
-this.size=this.rows.length;}});Object.extend(Rico.GridViewPort.prototype,{populateRow:function(htmlRow,row)
-{if(isdef(htmlRow))
-{for(var j=0;j<row.length;j++){htmlRow.cells[j].innerHTML=row[j]}}}});
\ No newline at end of file
diff --git a/framework/Web/Javascripts/js/debug/ajax.js b/framework/Web/Javascripts/js/debug/ajax.js
deleted file mode 100644
index 44ace8cc..00000000
--- a/framework/Web/Javascripts/js/debug/ajax.js
+++ /dev/null
@@ -1,2336 +0,0 @@
-var Ajax = {
-  getTransport: function() {
-    return Try.these(
-      function() {return new XMLHttpRequest()},
-      function() {return new ActiveXObject('Msxml2.XMLHTTP')},
-      function() {return new ActiveXObject('Microsoft.XMLHTTP')}
-    ) || false;
-  },
-  
-  activeRequestCount: 0
-}
-
-Ajax.Responders = {
-  responders: [],
-  
-  _each: function(iterator) {
-    this.responders._each(iterator);
-  },
-
-  register: function(responderToAdd) {
-    if (!this.include(responderToAdd))
-      this.responders.push(responderToAdd);
-  },
-  
-  unregister: function(responderToRemove) {
-    this.responders = this.responders.without(responderToRemove);
-  },
-  
-  dispatch: function(callback, request, transport, json) {
-    this.each(function(responder) {
-      if (responder[callback] && typeof responder[callback] == 'function') {
-        try {
-          responder[callback].apply(responder, [request, transport, json]);
-        } catch (e) {}
-      }
-    });
-  }
-};
-
-Object.extend(Ajax.Responders, Enumerable);
-
-Ajax.Responders.register({
-  onCreate: function() {
-    Ajax.activeRequestCount++;
-  },
-  
-  onComplete: function() {
-    Ajax.activeRequestCount--;
-  }
-});
-
-Ajax.Base = function() {};
-Ajax.Base.prototype = {
-  setOptions: function(options) {
-    this.options = {
-      method:       'post',
-      asynchronous: true,
-      contentType:  'application/x-www-form-urlencoded',
-      parameters:   ''
-    }
-    Object.extend(this.options, options || {});
-  },
-
-  responseIsSuccess: function() {
-    return this.transport.status == undefined
-        || this.transport.status == 0 
-        || (this.transport.status >= 200 && this.transport.status < 300);
-  },
-
-  responseIsFailure: function() {
-    return !this.responseIsSuccess();
-  }
-}
-
-Ajax.Request = Class.create();
-Ajax.Request.Events = 
-  ['Uninitialized', 'Loading', 'Loaded', 'Interactive', 'Complete'];
-
-Ajax.Request.prototype = Object.extend(new Ajax.Base(), {
-  initialize: function(url, options) {
-    this.transport = Ajax.getTransport();
-    this.setOptions(options);
-    this.request(url);
-  },
-
-  request: function(url) {
-    var parameters = this.options.parameters || '';
-    if (parameters.length > 0) parameters += '&_=';
-
-    try {
-      this.url = url;
-      if (this.options.method == 'get' && parameters.length > 0)
-        this.url += (this.url.match(/\?/) ? '&' : '?') + parameters;
-      
-      Ajax.Responders.dispatch('onCreate', this, this.transport);
-      
-      this.transport.open(this.options.method, this.url, 
-        this.options.asynchronous);
-
-      if (this.options.asynchronous) {
-        this.transport.onreadystatechange = this.onStateChange.bind(this);
-        setTimeout((function() {this.respondToReadyState(1)}).bind(this), 10);
-      }
-
-      this.setRequestHeaders();
-
-      var body = this.options.postBody ? this.options.postBody : parameters;
-      this.transport.send(this.options.method == 'post' ? body : null);
-
-    } catch (e) {
-      this.dispatchException(e);
-    }
-  },
-
-  setRequestHeaders: function() {
-    var requestHeaders = 
-      ['X-Requested-With', 'XMLHttpRequest',
-       'X-Prototype-Version', Prototype.Version,
-       'Accept', 'text/javascript, text/html, application/xml, text/xml, */*'];
-
-    if (this.options.method == 'post') {
-      requestHeaders.push('Content-type', this.options.contentType);
-
-      /* Force "Connection: close" for Mozilla browsers to work around
-       * a bug where XMLHttpReqeuest sends an incorrect Content-length
-       * header. See Mozilla Bugzilla #246651. 
-       */
-      if (this.transport.overrideMimeType)
-        requestHeaders.push('Connection', 'close');
-    }
-
-    if (this.options.requestHeaders)
-      requestHeaders.push.apply(requestHeaders, this.options.requestHeaders);
-
-    for (var i = 0; i < requestHeaders.length; i += 2)
-      this.transport.setRequestHeader(requestHeaders[i], requestHeaders[i+1]);
-  },
-
-  onStateChange: function() {
-    var readyState = this.transport.readyState;
-    if (readyState != 1)
-      this.respondToReadyState(this.transport.readyState);
-  },
-  
-  header: function(name) {
-    try {
-      return this.transport.getResponseHeader(name);
-    } catch (e) {}
-  },
-  
-  evalJSON: function() {
-    try {
-      return eval('(' + this.header('X-JSON') + ')');
-    } catch (e) {}
-  },
-  
-  evalResponse: function() {
-    try {
-      return eval(this.transport.responseText);
-    } catch (e) {
-      this.dispatchException(e);
-    }
-  },
-
-  respondToReadyState: function(readyState) {
-    var event = Ajax.Request.Events[readyState];
-    var transport = this.transport, json = this.evalJSON();
-
-    if (event == 'Complete') {
-      try {
-        (this.options['on' + this.transport.status]
-         || this.options['on' + (this.responseIsSuccess() ? 'Success' : 'Failure')]
-         || Prototype.emptyFunction)(transport, json);
-      } catch (e) {
-        this.dispatchException(e);
-      }
-      
-      if ((this.header('Content-type') || '').match(/^text\/javascript/i))
-        this.evalResponse();
-    }
-    
-    try {
-      (this.options['on' + event] || Prototype.emptyFunction)(transport, json);
-      Ajax.Responders.dispatch('on' + event, this, transport, json);
-    } catch (e) {
-      this.dispatchException(e);
-    }
-    
-    /* Avoid memory leak in MSIE: clean up the oncomplete event handler */
-    if (event == 'Complete')
-      this.transport.onreadystatechange = Prototype.emptyFunction;
-  },
-  
-  dispatchException: function(exception) {
-    (this.options.onException || Prototype.emptyFunction)(this, exception);
-    Ajax.Responders.dispatch('onException', this, exception);
-  }
-});
-
-Ajax.Updater = Class.create();
-
-Object.extend(Object.extend(Ajax.Updater.prototype, Ajax.Request.prototype), {
-  initialize: function(container, url, options) {
-    this.containers = {
-      success: container.success ? $(container.success) : $(container),
-      failure: container.failure ? $(container.failure) :
-        (container.success ? null : $(container))
-    }
-
-    this.transport = Ajax.getTransport();
-    this.setOptions(options);
-
-    var onComplete = this.options.onComplete || Prototype.emptyFunction;
-    this.options.onComplete = (function(transport, object) {
-      this.updateContent();
-      onComplete(transport, object);
-    }).bind(this);
-
-    this.request(url);
-  },
-
-  updateContent: function() {
-    var receiver = this.responseIsSuccess() ?
-      this.containers.success : this.containers.failure;
-    var response = this.transport.responseText;
-    
-    if (!this.options.evalScripts)
-      response = response.stripScripts();
-
-    if (receiver) {
-      if (this.options.insertion) {
-        new this.options.insertion(receiver, response);
-      } else {
-        Element.update(receiver, response);
-      }
-    }
-
-    if (this.responseIsSuccess()) {
-      if (this.onComplete)
-        setTimeout(this.onComplete.bind(this), 10);
-    }
-  }
-});
-
-Ajax.PeriodicalUpdater = Class.create();
-Ajax.PeriodicalUpdater.prototype = Object.extend(new Ajax.Base(), {
-  initialize: function(container, url, options) {
-    this.setOptions(options);
-    this.onComplete = this.options.onComplete;
-
-    this.frequency = (this.options.frequency || 2);
-    this.decay = (this.options.decay || 1);
-    
-    this.updater = {};
-    this.container = container;
-    this.url = url;
-
-    this.start();
-  },
-
-  start: function() {
-    this.options.onComplete = this.updateComplete.bind(this);
-    this.onTimerEvent();
-  },
-
-  stop: function() {
-    this.updater.onComplete = undefined;
-    clearTimeout(this.timer);
-    (this.onComplete || Prototype.emptyFunction).apply(this, arguments);
-  },
-
-  updateComplete: function(request) {
-    if (this.options.decay) {
-      this.decay = (request.responseText == this.lastText ? 
-        this.decay * this.options.decay : 1);
-
-      this.lastText = request.responseText;
-    }
-    this.timer = setTimeout(this.onTimerEvent.bind(this), 
-      this.decay * this.frequency * 1000);
-  },
-
-  onTimerEvent: function() {
-    this.updater = new Ajax.Updater(this.container, this.url, this.options);
-  }
-});
-
-
-// Copyright (c) 2005 Thomas Fuchs (http://script.aculo.us, http://mir.aculo.us)
-//           (c) 2005 Ivan Krstic (http://blogs.law.harvard.edu/ivan)
-//           (c) 2005 Jon Tirsen (http://www.tirsen.com)
-// Contributors:
-//  Richard Livsey
-//  Rahul Bhargava
-//  Rob Wills
-// 
-// See scriptaculous.js for full license.
-
-// Autocompleter.Base handles all the autocompletion functionality 
-// that's independent of the data source for autocompletion. This
-// includes drawing the autocompletion menu, observing keyboard
-// and mouse events, and similar.
-//
-// Specific autocompleters need to provide, at the very least, 
-// a getUpdatedChoices function that will be invoked every time
-// the text inside the monitored textbox changes. This method 
-// should get the text for which to provide autocompletion by
-// invoking this.getToken(), NOT by directly accessing
-// this.element.value. This is to allow incremental tokenized
-// autocompletion. Specific auto-completion logic (AJAX, etc)
-// belongs in getUpdatedChoices.
-//
-// Tokenized incremental autocompletion is enabled automatically
-// when an autocompleter is instantiated with the 'tokens' option
-// in the options parameter, e.g.:
-// new Ajax.Autocompleter('id','upd', '/url/', { tokens: ',' });
-// will incrementally autocomplete with a comma as the token.
-// Additionally, ',' in the above example can be replaced with
-// a token array, e.g. { tokens: [',', '\n'] } which
-// enables autocompletion on multiple tokens. This is most 
-// useful when one of the tokens is \n (a newline), as it 
-// allows smart autocompletion after linebreaks.
-
-if(typeof Effect == 'undefined')
-  throw("controls.js requires including script.aculo.us' effects.js library");
-
-var Autocompleter = {}
-Autocompleter.Base = function() {};
-Autocompleter.Base.prototype = {
-  baseInitialize: function(element, update, options) {
-    this.element     = $(element); 
-    this.update      = $(update);  
-    this.hasFocus    = false; 
-    this.changed     = false; 
-    this.active      = false; 
-    this.index       = 0;     
-    this.entryCount  = 0;
-
-    if (this.setOptions)
-      this.setOptions(options);
-    else
-      this.options = options || {};
-
-    this.options.paramName    = this.options.paramName || this.element.name;
-    this.options.tokens       = this.options.tokens || [];
-    this.options.frequency    = this.options.frequency || 0.4;
-    this.options.minChars     = this.options.minChars || 1;
-    this.options.onShow       = this.options.onShow || 
-    function(element, update){ 
-      if(!update.style.position || update.style.position=='absolute') {
-        update.style.position = 'absolute';
-        Position.clone(element, update, {setHeight: false, offsetTop: element.offsetHeight});
-      }
-      Effect.Appear(update,{duration:0.15});
-    };
-    this.options.onHide = this.options.onHide || 
-    function(element, update){ new Effect.Fade(update,{duration:0.15}) };
-
-    if (typeof(this.options.tokens) == 'string') 
-      this.options.tokens = new Array(this.options.tokens);
-
-    this.observer = null;
-    
-    this.element.setAttribute('autocomplete','off');
-
-    Element.hide(this.update);
-
-    Event.observe(this.element, "blur", this.onBlur.bindAsEventListener(this));
-    Event.observe(this.element, "keypress", this.onKeyPress.bindAsEventListener(this));
-  },
-
-  show: function() {
-    if(Element.getStyle(this.update, 'display')=='none') this.options.onShow(this.element, this.update);
-    if(!this.iefix && 
-      (navigator.appVersion.indexOf('MSIE')>0) &&
-      (navigator.userAgent.indexOf('Opera')<0) &&
-      (Element.getStyle(this.update, 'position')=='absolute')) {
-      new Insertion.After(this.update, 
-       '<iframe id="' + this.update.id + '_iefix" '+
-       'style="display:none;position:absolute;filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0);" ' +
-       'src="javascript:false;" frameborder="0" scrolling="no"></iframe>');
-      this.iefix = $(this.update.id+'_iefix');
-    }
-    if(this.iefix) setTimeout(this.fixIEOverlapping.bind(this), 50);
-  },
-  
-  fixIEOverlapping: function() {
-    Position.clone(this.update, this.iefix, {setTop:(!this.update.style.height)});
-    this.iefix.style.zIndex = 1;
-    this.update.style.zIndex = 2;
-    Element.show(this.iefix);
-  },
-
-  hide: function() {
-    this.stopIndicator();
-    if(Element.getStyle(this.update, 'display')!='none') this.options.onHide(this.element, this.update);
-    if(this.iefix) Element.hide(this.iefix);
-  },
-
-  startIndicator: function() {
-    if(this.options.indicator) Element.show(this.options.indicator);
-  },
-
-  stopIndicator: function() {
-    if(this.options.indicator) Element.hide(this.options.indicator);
-  },
-
-  onKeyPress: function(event) {
-    if(this.active)
-      switch(event.keyCode) {
-       case Event.KEY_TAB:
-       case Event.KEY_RETURN:
-         this.selectEntry();
-         Event.stop(event);
-       case Event.KEY_ESC:
-         this.hide();
-         this.active = false;
-         Event.stop(event);
-         return;
-       case Event.KEY_LEFT:
-       case Event.KEY_RIGHT:
-         return;
-       case Event.KEY_UP:
-         this.markPrevious();
-         this.render();
-         if(navigator.appVersion.indexOf('AppleWebKit')>0) Event.stop(event);
-         return;
-       case Event.KEY_DOWN:
-         this.markNext();
-         this.render();
-         if(navigator.appVersion.indexOf('AppleWebKit')>0) Event.stop(event);
-         return;
-      }
-     else 
-       if(event.keyCode==Event.KEY_TAB || event.keyCode==Event.KEY_RETURN || 
-         (navigator.appVersion.indexOf('AppleWebKit') > 0 && event.keyCode == 0)) return;
-
-    this.changed = true;
-    this.hasFocus = true;
-
-    if(this.observer) clearTimeout(this.observer);
-      this.observer = 
-        setTimeout(this.onObserverEvent.bind(this), this.options.frequency*1000);
-  },
-
-  activate: function() {
-    this.changed = false;
-    this.hasFocus = true;
-    this.getUpdatedChoices();
-  },
-
-  onHover: function(event) {
-    var element = Event.findElement(event, 'LI');
-    if(this.index != element.autocompleteIndex) 
-    {
-        this.index = element.autocompleteIndex;
-        this.render();
-    }
-    Event.stop(event);
-  },
-  
-  onClick: function(event) {
-    var element = Event.findElement(event, 'LI');
-    this.index = element.autocompleteIndex;
-    this.selectEntry();
-    this.hide();
-  },
-  
-  onBlur: function(event) {
-    // needed to make click events working
-    setTimeout(this.hide.bind(this), 250);
-    this.hasFocus = false;
-    this.active = false;     
-  }, 
-  
-  render: function() {
-    if(this.entryCount > 0) {
-      for (var i = 0; i < this.entryCount; i++)
-        this.index==i ? 
-          Element.addClassName(this.getEntry(i),"selected") : 
-          Element.removeClassName(this.getEntry(i),"selected");
-        
-      if(this.hasFocus) { 
-        this.show();
-        this.active = true;
-      }
-    } else {
-      this.active = false;
-      this.hide();
-    }
-  },
-  
-  markPrevious: function() {
-    if(this.index > 0) this.index--
-      else this.index = this.entryCount-1;
-    this.getEntry(this.index).scrollIntoView(true);
-  },
-  
-  markNext: function() {
-    if(this.index < this.entryCount-1) this.index++
-      else this.index = 0;
-    this.getEntry(this.index).scrollIntoView(false);
-  },
-  
-  getEntry: function(index) {
-    return this.update.firstChild.childNodes[index];
-  },
-  
-  getCurrentEntry: function() {
-    return this.getEntry(this.index);
-  },
-  
-  selectEntry: function() {
-    this.active = false;
-    this.updateElement(this.getCurrentEntry());
-  },
-
-  updateElement: function(selectedElement) {
-    if (this.options.updateElement) {
-      this.options.updateElement(selectedElement);
-      return;
-    }
-    var value = '';
-    if (this.options.select) {
-      var nodes = document.getElementsByClassName(this.options.select, selectedElement) || [];
-      if(nodes.length>0) value = Element.collectTextNodes(nodes[0], this.options.select);
-    } else
-      value = Element.collectTextNodesIgnoreClass(selectedElement, 'informal');
-    
-    var lastTokenPos = this.findLastToken();
-    if (lastTokenPos != -1) {
-      var newValue = this.element.value.substr(0, lastTokenPos + 1);
-      var whitespace = this.element.value.substr(lastTokenPos + 1).match(/^\s+/);
-      if (whitespace)
-        newValue += whitespace[0];
-      this.element.value = newValue + value;
-    } else {
-      this.element.value = value;
-    }
-    this.element.focus();
-    
-    if (this.options.afterUpdateElement)
-      this.options.afterUpdateElement(this.element, selectedElement);
-  },
-
-  updateChoices: function(choices) {
-    if(!this.changed && this.hasFocus) {
-      this.update.innerHTML = choices;
-      Element.cleanWhitespace(this.update);
-      Element.cleanWhitespace(this.update.firstChild);
-
-      if(this.update.firstChild && this.update.firstChild.childNodes) {
-        this.entryCount = 
-          this.update.firstChild.childNodes.length;
-        for (var i = 0; i < this.entryCount; i++) {
-          var entry = this.getEntry(i);
-          entry.autocompleteIndex = i;
-          this.addObservers(entry);
-        }
-      } else { 
-        this.entryCount = 0;
-      }
-
-      this.stopIndicator();
-
-      this.index = 0;
-      this.render();
-    }
-  },
-
-  addObservers: function(element) {
-    Event.observe(element, "mouseover", this.onHover.bindAsEventListener(this));
-    Event.observe(element, "click", this.onClick.bindAsEventListener(this));
-  },
-
-  onObserverEvent: function() {
-    this.changed = false;   
-    if(this.getToken().length>=this.options.minChars) {
-      this.startIndicator();
-      this.getUpdatedChoices();
-    } else {
-      this.active = false;
-      this.hide();
-    }
-  },
-
-  getToken: function() {
-    var tokenPos = this.findLastToken();
-    if (tokenPos != -1)
-      var ret = this.element.value.substr(tokenPos + 1).replace(/^\s+/,'').replace(/\s+$/,'');
-    else
-      var ret = this.element.value;
-
-    return /\n/.test(ret) ? '' : ret;
-  },
-
-  findLastToken: function() {
-    var lastTokenPos = -1;
-
-    for (var i=0; i<this.options.tokens.length; i++) {
-      var thisTokenPos = this.element.value.lastIndexOf(this.options.tokens[i]);
-      if (thisTokenPos > lastTokenPos)
-        lastTokenPos = thisTokenPos;
-    }
-    return lastTokenPos;
-  }
-}
-
-Ajax.Autocompleter = Class.create();
-Object.extend(Object.extend(Ajax.Autocompleter.prototype, Autocompleter.Base.prototype), {
-  initialize: function(element, update, url, options) {
-    this.baseInitialize(element, update, options);
-    this.options.asynchronous  = true;
-    this.options.onComplete    = this.onComplete.bind(this);
-    this.options.defaultParams = this.options.parameters || null;
-    this.url                   = url;
-  },
-
-  getUpdatedChoices: function() {
-    entry = encodeURIComponent(this.options.paramName) + '=' + 
-      encodeURIComponent(this.getToken());
-
-    this.options.parameters = this.options.callback ?
-      this.options.callback(this.element, entry) : entry;
-
-    if(this.options.defaultParams) 
-      this.options.parameters += '&' + this.options.defaultParams;
-
-    new Ajax.Request(this.url, this.options);
-  },
-
-  onComplete: function(request) {
-    this.updateChoices(request.responseText);
-  }
-
-});
-
-// The local array autocompleter. Used when you'd prefer to
-// inject an array of autocompletion options into the page, rather
-// than sending out Ajax queries, which can be quite slow sometimes.
-//
-// The constructor takes four parameters. The first two are, as usual,
-// the id of the monitored textbox, and id of the autocompletion menu.
-// The third is the array you want to autocomplete from, and the fourth
-// is the options block.
-//
-// Extra local autocompletion options:
-// - choices - How many autocompletion choices to offer
-//
-// - partialSearch - If false, the autocompleter will match entered
-//                    text only at the beginning of strings in the 
-//                    autocomplete array. Defaults to true, which will
-//                    match text at the beginning of any *word* in the
-//                    strings in the autocomplete array. If you want to
-//                    search anywhere in the string, additionally set
-//                    the option fullSearch to true (default: off).
-//
-// - fullSsearch - Search anywhere in autocomplete array strings.
-//
-// - partialChars - How many characters to enter before triggering
-//                   a partial match (unlike minChars, which defines
-//                   how many characters are required to do any match
-//                   at all). Defaults to 2.
-//
-// - ignoreCase - Whether to ignore case when autocompleting.
-//                 Defaults to true.
-//
-// It's possible to pass in a custom function as the 'selector' 
-// option, if you prefer to write your own autocompletion logic.
-// In that case, the other options above will not apply unless
-// you support them.
-
-Autocompleter.Local = Class.create();
-Autocompleter.Local.prototype = Object.extend(new Autocompleter.Base(), {
-  initialize: function(element, update, array, options) {
-    this.baseInitialize(element, update, options);
-    this.options.array = array;
-  },
-
-  getUpdatedChoices: function() {
-    this.updateChoices(this.options.selector(this));
-  },
-
-  setOptions: function(options) {
-    this.options = Object.extend({
-      choices: 10,
-      partialSearch: true,
-      partialChars: 2,
-      ignoreCase: true,
-      fullSearch: false,
-      selector: function(instance) {
-        var ret       = []; // Beginning matches
-        var partial   = []; // Inside matches
-        var entry     = instance.getToken();
-        var count     = 0;
-
-        for (var i = 0; i < instance.options.array.length &&  
-          ret.length < instance.options.choices ; i++) { 
-
-          var elem = instance.options.array[i];
-          var foundPos = instance.options.ignoreCase ? 
-            elem.toLowerCase().indexOf(entry.toLowerCase()) : 
-            elem.indexOf(entry);
-
-          while (foundPos != -1) {
-            if (foundPos == 0 && elem.length != entry.length) { 
-              ret.push("<li><strong>" + elem.substr(0, entry.length) + "</strong>" + 
-                elem.substr(entry.length) + "</li>");
-              break;
-            } else if (entry.length >= instance.options.partialChars && 
-              instance.options.partialSearch && foundPos != -1) {
-              if (instance.options.fullSearch || /\s/.test(elem.substr(foundPos-1,1))) {
-                partial.push("<li>" + elem.substr(0, foundPos) + "<strong>" +
-                  elem.substr(foundPos, entry.length) + "</strong>" + elem.substr(
-                  foundPos + entry.length) + "</li>");
-                break;
-              }
-            }
-
-            foundPos = instance.options.ignoreCase ? 
-              elem.toLowerCase().indexOf(entry.toLowerCase(), foundPos + 1) : 
-              elem.indexOf(entry, foundPos + 1);
-
-          }
-        }
-        if (partial.length)
-          ret = ret.concat(partial.slice(0, instance.options.choices - ret.length))
-        return "<ul>" + ret.join('') + "</ul>";
-      }
-    }, options || {});
-  }
-});
-
-// AJAX in-place editor
-//
-// see documentation on http://wiki.script.aculo.us/scriptaculous/show/Ajax.InPlaceEditor
-
-// Use this if you notice weird scrolling problems on some browsers,
-// the DOM might be a bit confused when this gets called so do this
-// waits 1 ms (with setTimeout) until it does the activation
-Field.scrollFreeActivate = function(field) {
-  setTimeout(function() {
-    Field.activate(field);
-  }, 1);
-}
-
-Ajax.InPlaceEditor = Class.create();
-Ajax.InPlaceEditor.defaultHighlightColor = "#FFFF99";
-Ajax.InPlaceEditor.prototype = {
-  initialize: function(element, url, options) {
-    this.url = url;
-    this.element = $(element);
-
-    this.options = Object.extend({
-      okButton: true,
-      okText: "ok",
-      cancelLink: true,
-      cancelText: "cancel",
-      savingText: "Saving...",
-      clickToEditText: "Click to edit",
-      okText: "ok",
-      rows: 1,
-      onComplete: function(transport, element) {
-        new Effect.Highlight(element, {startcolor: this.options.highlightcolor});
-      },
-      onFailure: function(transport) {
-        alert("Error communicating with the server: " + transport.responseText.stripTags());
-      },
-      callback: function(form) {
-        return Form.serialize(form);
-      },
-      handleLineBreaks: true,
-      loadingText: 'Loading...',
-      savingClassName: 'inplaceeditor-saving',
-      loadingClassName: 'inplaceeditor-loading',
-      formClassName: 'inplaceeditor-form',
-      highlightcolor: Ajax.InPlaceEditor.defaultHighlightColor,
-      highlightendcolor: "#FFFFFF",
-      externalControl: null,
-      submitOnBlur: false,
-      ajaxOptions: {},
-      evalScripts: false
-    }, options || {});
-
-    if(!this.options.formId && this.element.id) {
-      this.options.formId = this.element.id + "-inplaceeditor";
-      if ($(this.options.formId)) {
-        // there's already a form with that name, don't specify an id
-        this.options.formId = null;
-      }
-    }
-    
-    if (this.options.externalControl) {
-      this.options.externalControl = $(this.options.externalControl);
-    }
-    
-    this.originalBackground = Element.getStyle(this.element, 'background-color');
-    if (!this.originalBackground) {
-      this.originalBackground = "transparent";
-    }
-    
-    this.element.title = this.options.clickToEditText;
-    
-    this.onclickListener = this.enterEditMode.bindAsEventListener(this);
-    this.mouseoverListener = this.enterHover.bindAsEventListener(this);
-    this.mouseoutListener = this.leaveHover.bindAsEventListener(this);
-    Event.observe(this.element, 'click', this.onclickListener);
-    Event.observe(this.element, 'mouseover', this.mouseoverListener);
-    Event.observe(this.element, 'mouseout', this.mouseoutListener);
-    if (this.options.externalControl) {
-      Event.observe(this.options.externalControl, 'click', this.onclickListener);
-      Event.observe(this.options.externalControl, 'mouseover', this.mouseoverListener);
-      Event.observe(this.options.externalControl, 'mouseout', this.mouseoutListener);
-    }
-  },
-  enterEditMode: function(evt) {
-    if (this.saving) return;
-    if (this.editing) return;
-    this.editing = true;
-    this.onEnterEditMode();
-    if (this.options.externalControl) {
-      Element.hide(this.options.externalControl);
-    }
-    Element.hide(this.element);
-    this.createForm();
-    this.element.parentNode.insertBefore(this.form, this.element);
-    if (!this.options.loadTextURL) Field.scrollFreeActivate(this.editField);
-    // stop the event to avoid a page refresh in Safari
-    if (evt) {
-      Event.stop(evt);
-    }
-    return false;
-  },
-  createForm: function() {
-    this.form = document.createElement("form");
-    this.form.id = this.options.formId;
-    Element.addClassName(this.form, this.options.formClassName)
-    this.form.onsubmit = this.onSubmit.bind(this);
-
-    this.createEditField();
-
-    if (this.options.textarea) {
-      var br = document.createElement("br");
-      this.form.appendChild(br);
-    }
-
-    if (this.options.okButton) {
-      okButton = document.createElement("input");
-      okButton.type = "submit";
-      okButton.value = this.options.okText;
-      okButton.className = 'editor_ok_button';
-      this.form.appendChild(okButton);
-    }
-
-    if (this.options.cancelLink) {
-      cancelLink = document.createElement("a");
-      cancelLink.href = "#";
-      cancelLink.appendChild(document.createTextNode(this.options.cancelText));
-      cancelLink.onclick = this.onclickCancel.bind(this);
-      cancelLink.className = 'editor_cancel';      
-      this.form.appendChild(cancelLink);
-    }
-  },
-  hasHTMLLineBreaks: function(string) {
-    if (!this.options.handleLineBreaks) return false;
-    return string.match(/<br/i) || string.match(/<p>/i);
-  },
-  convertHTMLLineBreaks: function(string) {
-    return string.replace(/<br>/gi, "\n").replace(/<br\/>/gi, "\n").replace(/<\/p>/gi, "\n").replace(/<p>/gi, "");
-  },
-  createEditField: function() {
-    var text;
-    if(this.options.loadTextURL) {
-      text = this.options.loadingText;
-    } else {
-      text = this.getText();
-    }
-
-    var obj = this;
-    
-    if (this.options.rows == 1 && !this.hasHTMLLineBreaks(text)) {
-      this.options.textarea = false;
-      var textField = document.createElement("input");
-      textField.obj = this;
-      textField.type = "text";
-      textField.name = "value";
-      textField.value = text;
-      textField.style.backgroundColor = this.options.highlightcolor;
-      textField.className = 'editor_field';
-      var size = this.options.size || this.options.cols || 0;
-      if (size != 0) textField.size = size;
-      if (this.options.submitOnBlur)
-        textField.onblur = this.onSubmit.bind(this);
-      this.editField = textField;
-    } else {
-      this.options.textarea = true;
-      var textArea = document.createElement("textarea");
-      textArea.obj = this;
-      textArea.name = "value";
-      textArea.value = this.convertHTMLLineBreaks(text);
-      textArea.rows = this.options.rows;
-      textArea.cols = this.options.cols || 40;
-      textArea.className = 'editor_field';      
-      if (this.options.submitOnBlur)
-        textArea.onblur = this.onSubmit.bind(this);
-      this.editField = textArea;
-    }
-    
-    if(this.options.loadTextURL) {
-      this.loadExternalText();
-    }
-    this.form.appendChild(this.editField);
-  },
-  getText: function() {
-    return this.element.innerHTML;
-  },
-  loadExternalText: function() {
-    Element.addClassName(this.form, this.options.loadingClassName);
-    this.editField.disabled = true;
-    new Ajax.Request(
-      this.options.loadTextURL,
-      Object.extend({
-        asynchronous: true,
-        onComplete: this.onLoadedExternalText.bind(this)
-      }, this.options.ajaxOptions)
-    );
-  },
-  onLoadedExternalText: function(transport) {
-    Element.removeClassName(this.form, this.options.loadingClassName);
-    this.editField.disabled = false;
-    this.editField.value = transport.responseText.stripTags();
-    Field.scrollFreeActivate(this.editField);
-  },
-  onclickCancel: function() {
-    this.onComplete();
-    this.leaveEditMode();
-    return false;
-  },
-  onFailure: function(transport) {
-    this.options.onFailure(transport);
-    if (this.oldInnerHTML) {
-      this.element.innerHTML = this.oldInnerHTML;
-      this.oldInnerHTML = null;
-    }
-    return false;
-  },
-  onSubmit: function() {
-    // onLoading resets these so we need to save them away for the Ajax call
-    var form = this.form;
-    var value = this.editField.value;
-    
-    // do this first, sometimes the ajax call returns before we get a chance to switch on Saving...
-    // which means this will actually switch on Saving... *after* we've left edit mode causing Saving...
-    // to be displayed indefinitely
-    this.onLoading();
-    
-    if (this.options.evalScripts) {
-      new Ajax.Request(
-        this.url, Object.extend({
-          parameters: this.options.callback(form, value),
-          onComplete: this.onComplete.bind(this),
-          onFailure: this.onFailure.bind(this),
-          asynchronous:true, 
-          evalScripts:true
-        }, this.options.ajaxOptions));
-    } else  {
-      new Ajax.Updater(
-        { success: this.element,
-          // don't update on failure (this could be an option)
-          failure: null }, 
-        this.url, Object.extend({
-          parameters: this.options.callback(form, value),
-          onComplete: this.onComplete.bind(this),
-          onFailure: this.onFailure.bind(this)
-        }, this.options.ajaxOptions));
-    }
-    // stop the event to avoid a page refresh in Safari
-    if (arguments.length > 1) {
-      Event.stop(arguments[0]);
-    }
-    return false;
-  },
-  onLoading: function() {
-    this.saving = true;
-    this.removeForm();
-    this.leaveHover();
-    this.showSaving();
-  },
-  showSaving: function() {
-    this.oldInnerHTML = this.element.innerHTML;
-    this.element.innerHTML = this.options.savingText;
-    Element.addClassName(this.element, this.options.savingClassName);
-    this.element.style.backgroundColor = this.originalBackground;
-    Element.show(this.element);
-  },
-  removeForm: function() {
-    if(this.form) {
-      if (this.form.parentNode) Element.remove(this.form);
-      this.form = null;
-    }
-  },
-  enterHover: function() {
-    if (this.saving) return;
-    this.element.style.backgroundColor = this.options.highlightcolor;
-    if (this.effect) {
-      this.effect.cancel();
-    }
-    Element.addClassName(this.element, this.options.hoverClassName)
-  },
-  leaveHover: function() {
-    if (this.options.backgroundColor) {
-      this.element.style.backgroundColor = this.oldBackground;
-    }
-    Element.removeClassName(this.element, this.options.hoverClassName)
-    if (this.saving) return;
-    this.effect = new Effect.Highlight(this.element, {
-      startcolor: this.options.highlightcolor,
-      endcolor: this.options.highlightendcolor,
-      restorecolor: this.originalBackground
-    });
-  },
-  leaveEditMode: function() {
-    Element.removeClassName(this.element, this.options.savingClassName);
-    this.removeForm();
-    this.leaveHover();
-    this.element.style.backgroundColor = this.originalBackground;
-    Element.show(this.element);
-    if (this.options.externalControl) {
-      Element.show(this.options.externalControl);
-    }
-    this.editing = false;
-    this.saving = false;
-    this.oldInnerHTML = null;
-    this.onLeaveEditMode();
-  },
-  onComplete: function(transport) {
-    this.leaveEditMode();
-    this.options.onComplete.bind(this)(transport, this.element);
-  },
-  onEnterEditMode: function() {},
-  onLeaveEditMode: function() {},
-  dispose: function() {
-    if (this.oldInnerHTML) {
-      this.element.innerHTML = this.oldInnerHTML;
-    }
-    this.leaveEditMode();
-    Event.stopObserving(this.element, 'click', this.onclickListener);
-    Event.stopObserving(this.element, 'mouseover', this.mouseoverListener);
-    Event.stopObserving(this.element, 'mouseout', this.mouseoutListener);
-    if (this.options.externalControl) {
-      Event.stopObserving(this.options.externalControl, 'click', this.onclickListener);
-      Event.stopObserving(this.options.externalControl, 'mouseover', this.mouseoverListener);
-      Event.stopObserving(this.options.externalControl, 'mouseout', this.mouseoutListener);
-    }
-  }
-};
-
-Ajax.InPlaceCollectionEditor = Class.create();
-Object.extend(Ajax.InPlaceCollectionEditor.prototype, Ajax.InPlaceEditor.prototype);
-Object.extend(Ajax.InPlaceCollectionEditor.prototype, {
-  createEditField: function() {
-    if (!this.cached_selectTag) {
-      var selectTag = document.createElement("select");
-      var collection = this.options.collection || [];
-      var optionTag;
-      collection.each(function(e,i) {
-        optionTag = document.createElement("option");
-        optionTag.value = (e instanceof Array) ? e[0] : e;
-        if(this.options.value==optionTag.value) optionTag.selected = true;
-        optionTag.appendChild(document.createTextNode((e instanceof Array) ? e[1] : e));
-        selectTag.appendChild(optionTag);
-      }.bind(this));
-      this.cached_selectTag = selectTag;
-    }
-
-    this.editField = this.cached_selectTag;
-    if(this.options.loadTextURL) this.loadExternalText();
-    this.form.appendChild(this.editField);
-    this.options.callback = function(form, value) {
-      return "value=" + encodeURIComponent(value);
-    }
-  }
-});
-
-// Delayed observer, like Form.Element.Observer, 
-// but waits for delay after last key input
-// Ideal for live-search fields
-
-Form.Element.DelayedObserver = Class.create();
-Form.Element.DelayedObserver.prototype = {
-  initialize: function(element, delay, callback) {
-    this.delay     = delay || 0.5;
-    this.element   = $(element);
-    this.callback  = callback;
-    this.timer     = null;
-    this.lastValue = $F(this.element); 
-    Event.observe(this.element,'keyup',this.delayedListener.bindAsEventListener(this));
-  },
-  delayedListener: function(event) {
-    if(this.lastValue == $F(this.element)) return;
-    if(this.timer) clearTimeout(this.timer);
-    this.timer = setTimeout(this.onTimerEvent.bind(this), this.delay * 1000);
-    this.lastValue = $F(this.element);
-  },
-  onTimerEvent: function() {
-    this.timer = null;
-    this.callback(this.element, $F(this.element));
-  }
-};
-
-
-// Copyright (c) 2005 Thomas Fuchs (http://script.aculo.us, http://mir.aculo.us)
-//           (c) 2005 Sammi Williams (http://www.oriontransfer.co.nz, sammi@oriontransfer.co.nz)
-// 
-// See scriptaculous.js for full license.
-
-/*--------------------------------------------------------------------------*/
-
-if(typeof Effect == 'undefined')
-  throw("dragdrop.js requires including script.aculo.us' effects.js library");
-
-var Droppables = {
-  drops: [],
-
-  remove: function(element) {
-    this.drops = this.drops.reject(function(d) { return d.element==$(element) });
-  },
-
-  add: function(element) {
-    element = $(element);
-    var options = Object.extend({
-      greedy:     true,
-      hoverclass: null,
-      tree:       false
-    }, arguments[1] || {});
-
-    // cache containers
-    if(options.containment) {
-      options._containers = [];
-      var containment = options.containment;
-      if((typeof containment == 'object') && 
-        (containment.constructor == Array)) {
-        containment.each( function(c) { options._containers.push($(c)) });
-      } else {
-        options._containers.push($(containment));
-      }
-    }
-    
-    if(options.accept) options.accept = [options.accept].flatten();
-
-    Element.makePositioned(element); // fix IE
-    options.element = element;
-
-    this.drops.push(options);
-  },
-  
-  findDeepestChild: function(drops) {
-    deepest = drops[0];
-      
-    for (i = 1; i < drops.length; ++i)
-      if (Element.isParent(drops[i].element, deepest.element))
-        deepest = drops[i];
-    
-    return deepest;
-  },
-
-  isContained: function(element, drop) {
-    var containmentNode;
-    if(drop.tree) {
-      containmentNode = element.treeNode; 
-    } else {
-      containmentNode = element.parentNode;
-    }
-    return drop._containers.detect(function(c) { return containmentNode == c });
-  },
-  
-  isAffected: function(point, element, drop) {
-    return (
-      (drop.element!=element) &&
-      ((!drop._containers) ||
-        this.isContained(element, drop)) &&
-      ((!drop.accept) ||
-        (Element.classNames(element).detect( 
-          function(v) { return drop.accept.include(v) } ) )) &&
-      Position.within(drop.element, point[0], point[1]) );
-  },
-
-  deactivate: function(drop) {
-    if(drop.hoverclass)
-      Element.removeClassName(drop.element, drop.hoverclass);
-    this.last_active = null;
-  },
-
-  activate: function(drop) {
-    if(drop.hoverclass)
-      Element.addClassName(drop.element, drop.hoverclass);
-    this.last_active = drop;
-  },
-
-  show: function(point, element) {
-    if(!this.drops.length) return;
-    var affected = [];
-    
-    if(this.last_active) this.deactivate(this.last_active);
-    this.drops.each( function(drop) {
-      if(Droppables.isAffected(point, element, drop))
-        affected.push(drop);
-    });
-        
-    if(affected.length>0) {
-      drop = Droppables.findDeepestChild(affected);
-      Position.within(drop.element, point[0], point[1]);
-      if(drop.onHover)
-        drop.onHover(element, drop.element, Position.overlap(drop.overlap, drop.element));
-      
-      Droppables.activate(drop);
-    }
-  },
-
-  fire: function(event, element) {
-    if(!this.last_active) return;
-    Position.prepare();
-
-    if (this.isAffected([Event.pointerX(event), Event.pointerY(event)], element, this.last_active))
-      if (this.last_active.onDrop) 
-        this.last_active.onDrop(element, this.last_active.element, event);
-  },
-
-  reset: function() {
-    if(this.last_active)
-      this.deactivate(this.last_active);
-  }
-}
-
-var Draggables = {
-  drags: [],
-  observers: [],
-  
-  register: function(draggable) {
-    if(this.drags.length == 0) {
-      this.eventMouseUp   = this.endDrag.bindAsEventListener(this);
-      this.eventMouseMove = this.updateDrag.bindAsEventListener(this);
-      this.eventKeypress  = this.keyPress.bindAsEventListener(this);
-      
-      Event.observe(document, "mouseup", this.eventMouseUp);
-      Event.observe(document, "mousemove", this.eventMouseMove);
-      Event.observe(document, "keypress", this.eventKeypress);
-    }
-    this.drags.push(draggable);
-  },
-  
-  unregister: function(draggable) {
-    this.drags = this.drags.reject(function(d) { return d==draggable });
-    if(this.drags.length == 0) {
-      Event.stopObserving(document, "mouseup", this.eventMouseUp);
-      Event.stopObserving(document, "mousemove", this.eventMouseMove);
-      Event.stopObserving(document, "keypress", this.eventKeypress);
-    }
-  },
-  
-  activate: function(draggable) {
-    window.focus(); // allows keypress events if window isn't currently focused, fails for Safari
-    this.activeDraggable = draggable;
-  },
-  
-  deactivate: function() {
-    this.activeDraggable = null;
-  },
-  
-  updateDrag: function(event) {
-    if(!this.activeDraggable) return;
-    var pointer = [Event.pointerX(event), Event.pointerY(event)];
-    // Mozilla-based browsers fire successive mousemove events with
-    // the same coordinates, prevent needless redrawing (moz bug?)
-    if(this._lastPointer && (this._lastPointer.inspect() == pointer.inspect())) return;
-    this._lastPointer = pointer;
-    this.activeDraggable.updateDrag(event, pointer);
-  },
-  
-  endDrag: function(event) {
-    if(!this.activeDraggable) return;
-    this._lastPointer = null;
-    this.activeDraggable.endDrag(event);
-    this.activeDraggable = null;
-  },
-  
-  keyPress: function(event) {
-    if(this.activeDraggable)
-      this.activeDraggable.keyPress(event);
-  },
-  
-  addObserver: function(observer) {
-    this.observers.push(observer);
-    this._cacheObserverCallbacks();
-  },
-  
-  removeObserver: function(element) {  // element instead of observer fixes mem leaks
-    this.observers = this.observers.reject( function(o) { return o.element==element });
-    this._cacheObserverCallbacks();
-  },
-  
-  notify: function(eventName, draggable, event) {  // 'onStart', 'onEnd', 'onDrag'
-    if(this[eventName+'Count'] > 0)
-      this.observers.each( function(o) {
-        if(o[eventName]) o[eventName](eventName, draggable, event);
-      });
-  },
-  
-  _cacheObserverCallbacks: function() {
-    ['onStart','onEnd','onDrag'].each( function(eventName) {
-      Draggables[eventName+'Count'] = Draggables.observers.select(
-        function(o) { return o[eventName]; }
-      ).length;
-    });
-  }
-}
-
-/*--------------------------------------------------------------------------*/
-
-var Draggable = Class.create();
-Draggable._revertCache = {};
-Draggable._dragging    = {};
-
-Draggable.prototype = {
-  initialize: function(element) {
-    var options = Object.extend({
-      handle: false,
-      starteffect: function(element) {
-        element._opacity = Element.getOpacity(element);
-        Draggable._dragging[element] = true;
-        new Effect.Opacity(element, {duration:0.2, from:element._opacity, to:0.7}); 
-      },
-      reverteffect: function(element, top_offset, left_offset) {
-        var dur = Math.sqrt(Math.abs(top_offset^2)+Math.abs(left_offset^2))*0.02;
-        Draggable._revertCache[element] =
-          new Effect.Move(element, { x: -left_offset, y: -top_offset, duration: dur,
-            queue: {scope:'_draggable', position:'end'}
-          });
-      },
-      endeffect: function(element) {
-        var toOpacity = typeof element._opacity == 'number' ? element._opacity : 1.0;
-        new Effect.Opacity(element, {duration:0.2, from:0.7, to:toOpacity, 
-          queue: {scope:'_draggable', position:'end'},
-          afterFinish: function(){ Draggable._dragging[element] = false }
-        }); 
-      },
-      zindex: 1000,
-      revert: false,
-      scroll: false,
-      scrollSensitivity: 20,
-      scrollSpeed: 15,
-      snap: false   // false, or xy or [x,y] or function(x,y){ return [x,y] }
-    }, arguments[1] || {});
-
-    this.element = $(element);
-    
-    if(options.handle && (typeof options.handle == 'string')) {
-      var h = Element.childrenWithClassName(this.element, options.handle, true);
-      if(h.length>0) this.handle = h[0];
-    }
-    if(!this.handle) this.handle = $(options.handle);
-    if(!this.handle) this.handle = this.element;
-    
-    if(options.scroll && !options.scroll.scrollTo && !options.scroll.outerHTML)
-      options.scroll = $(options.scroll);
-
-    Element.makePositioned(this.element); // fix IE    
-
-    this.delta    = this.currentDelta();
-    this.options  = options;
-    this.dragging = false;   
-
-    this.eventMouseDown = this.initDrag.bindAsEventListener(this);
-    Event.observe(this.handle, "mousedown", this.eventMouseDown);
-    
-    Draggables.register(this);
-  },
-  
-  destroy: function() {
-    Event.stopObserving(this.handle, "mousedown", this.eventMouseDown);
-    Draggables.unregister(this);
-  },
-  
-  currentDelta: function() {
-    return([
-      parseInt(Element.getStyle(this.element,'left') || '0'),
-      parseInt(Element.getStyle(this.element,'top') || '0')]);
-  },
-  
-  initDrag: function(event) {
-    if(typeof Draggable._dragging[this.element] != undefined &&
-      Draggable._dragging[this.element]) return;
-    if(Event.isLeftClick(event)) {    
-      // abort on form elements, fixes a Firefox issue
-      var src = Event.element(event);
-      if(src.tagName && (
-        src.tagName=='INPUT' ||
-        src.tagName=='SELECT' ||
-        src.tagName=='OPTION' ||
-        src.tagName=='BUTTON' ||
-        src.tagName=='TEXTAREA')) return;
-        
-      if(Draggable._revertCache[this.element]) {
-        Draggable._revertCache[this.element].cancel();
-        Draggable._revertCache[this.element] = null;
-      }
-      
-      var pointer = [Event.pointerX(event), Event.pointerY(event)];
-      var pos     = Position.cumulativeOffset(this.element);
-      this.offset = [0,1].map( function(i) { return (pointer[i] - pos[i]) });
-      
-      Draggables.activate(this);
-      Event.stop(event);
-    }
-  },
-  
-  startDrag: function(event) {
-    this.dragging = true;
-    
-    if(this.options.zindex) {
-      this.originalZ = parseInt(Element.getStyle(this.element,'z-index') || 0);
-      this.element.style.zIndex = this.options.zindex;
-    }
-    
-    if(this.options.ghosting) {
-      this._clone = this.element.cloneNode(true);
-      Position.absolutize(this.element);
-      this.element.parentNode.insertBefore(this._clone, this.element);
-    }
-    
-    if(this.options.scroll) {
-      if (this.options.scroll == window) {
-        var where = this._getWindowScroll(this.options.scroll);
-        this.originalScrollLeft = where.left;
-        this.originalScrollTop = where.top;
-      } else {
-        this.originalScrollLeft = this.options.scroll.scrollLeft;
-        this.originalScrollTop = this.options.scroll.scrollTop;
-      }
-    }
-    
-    Draggables.notify('onStart', this, event);
-    if(this.options.starteffect) this.options.starteffect(this.element);
-  },
-  
-  updateDrag: function(event, pointer) {
-    if(!this.dragging) this.startDrag(event);
-    Position.prepare();
-    Droppables.show(pointer, this.element);
-    Draggables.notify('onDrag', this, event);
-    this.draw(pointer);
-    if(this.options.change) this.options.change(this);
-    
-    if(this.options.scroll) {
-      this.stopScrolling();
-      
-      var p;
-      if (this.options.scroll == window) {
-        with(this._getWindowScroll(this.options.scroll)) { p = [ left, top, left+width, top+height ]; }
-      } else {
-        p = Position.page(this.options.scroll);
-        p[0] += this.options.scroll.scrollLeft;
-        p[1] += this.options.scroll.scrollTop;
-        p.push(p[0]+this.options.scroll.offsetWidth);
-        p.push(p[1]+this.options.scroll.offsetHeight);
-      }
-      var speed = [0,0];
-      if(pointer[0] < (p[0]+this.options.scrollSensitivity)) speed[0] = pointer[0]-(p[0]+this.options.scrollSensitivity);
-      if(pointer[1] < (p[1]+this.options.scrollSensitivity)) speed[1] = pointer[1]-(p[1]+this.options.scrollSensitivity);
-      if(pointer[0] > (p[2]-this.options.scrollSensitivity)) speed[0] = pointer[0]-(p[2]-this.options.scrollSensitivity);
-      if(pointer[1] > (p[3]-this.options.scrollSensitivity)) speed[1] = pointer[1]-(p[3]-this.options.scrollSensitivity);
-      this.startScrolling(speed);
-    }
-    
-    // fix AppleWebKit rendering
-    if(navigator.appVersion.indexOf('AppleWebKit')>0) window.scrollBy(0,0);
-    
-    Event.stop(event);
-  },
-  
-  finishDrag: function(event, success) {
-    this.dragging = false;
-
-    if(this.options.ghosting) {
-      Position.relativize(this.element);
-      Element.remove(this._clone);
-      this._clone = null;
-    }
-
-    if(success) Droppables.fire(event, this.element);
-    Draggables.notify('onEnd', this, event);
-
-    var revert = this.options.revert;
-    if(revert && typeof revert == 'function') revert = revert(this.element);
-    
-    var d = this.currentDelta();
-    if(revert && this.options.reverteffect) {
-      this.options.reverteffect(this.element, 
-        d[1]-this.delta[1], d[0]-this.delta[0]);
-    } else {
-      this.delta = d;
-    }
-
-    if(this.options.zindex)
-      this.element.style.zIndex = this.originalZ;
-
-    if(this.options.endeffect) 
-      this.options.endeffect(this.element);
-
-    Draggables.deactivate(this);
-    Droppables.reset();
-  },
-  
-  keyPress: function(event) {
-    if(event.keyCode!=Event.KEY_ESC) return;
-    this.finishDrag(event, false);
-    Event.stop(event);
-  },
-  
-  endDrag: function(event) {
-    if(!this.dragging) return;
-    this.stopScrolling();
-    this.finishDrag(event, true);
-    Event.stop(event);
-  },
-  
-  draw: function(point) {
-    var pos = Position.cumulativeOffset(this.element);
-    var d = this.currentDelta();
-    pos[0] -= d[0]; pos[1] -= d[1];
-    
-    if(this.options.scroll && (this.options.scroll != window)) {
-      pos[0] -= this.options.scroll.scrollLeft-this.originalScrollLeft;
-      pos[1] -= this.options.scroll.scrollTop-this.originalScrollTop;
-    }
-    
-    var p = [0,1].map(function(i){ 
-      return (point[i]-pos[i]-this.offset[i]) 
-    }.bind(this));
-    
-    if(this.options.snap) {
-      if(typeof this.options.snap == 'function') {
-        p = this.options.snap(p[0],p[1],this);
-      } else {
-      if(this.options.snap instanceof Array) {
-        p = p.map( function(v, i) {
-          return Math.round(v/this.options.snap[i])*this.options.snap[i] }.bind(this))
-      } else {
-        p = p.map( function(v) {
-          return Math.round(v/this.options.snap)*this.options.snap }.bind(this))
-      }
-    }}
-    
-    var style = this.element.style;
-    if((!this.options.constraint) || (this.options.constraint=='horizontal'))
-      style.left = p[0] + "px";
-    if((!this.options.constraint) || (this.options.constraint=='vertical'))
-      style.top  = p[1] + "px";
-    if(style.visibility=="hidden") style.visibility = ""; // fix gecko rendering
-  },
-  
-  stopScrolling: function() {
-    if(this.scrollInterval) {
-      clearInterval(this.scrollInterval);
-      this.scrollInterval = null;
-      Draggables._lastScrollPointer = null;
-    }
-  },
-  
-  startScrolling: function(speed) {
-    if(!(speed[0] || speed[1])) return;
-    this.scrollSpeed = [speed[0]*this.options.scrollSpeed,speed[1]*this.options.scrollSpeed];
-    this.lastScrolled = new Date();
-    this.scrollInterval = setInterval(this.scroll.bind(this), 10);
-  },
-  
-  scroll: function() {
-    var current = new Date();
-    var delta = current - this.lastScrolled;
-    this.lastScrolled = current;
-    if(this.options.scroll == window) {
-      with (this._getWindowScroll(this.options.scroll)) {
-        if (this.scrollSpeed[0] || this.scrollSpeed[1]) {
-          var d = delta / 1000;
-          this.options.scroll.scrollTo( left + d*this.scrollSpeed[0], top + d*this.scrollSpeed[1] );
-        }
-      }
-    } else {
-      this.options.scroll.scrollLeft += this.scrollSpeed[0] * delta / 1000;
-      this.options.scroll.scrollTop  += this.scrollSpeed[1] * delta / 1000;
-    }
-    
-    Position.prepare();
-    Droppables.show(Draggables._lastPointer, this.element);
-    Draggables.notify('onDrag', this);
-    Draggables._lastScrollPointer = Draggables._lastScrollPointer || $A(Draggables._lastPointer);
-    Draggables._lastScrollPointer[0] += this.scrollSpeed[0] * delta / 1000;
-    Draggables._lastScrollPointer[1] += this.scrollSpeed[1] * delta / 1000;
-    if (Draggables._lastScrollPointer[0] < 0)
-      Draggables._lastScrollPointer[0] = 0;
-    if (Draggables._lastScrollPointer[1] < 0)
-      Draggables._lastScrollPointer[1] = 0;
-    this.draw(Draggables._lastScrollPointer);
-    
-    if(this.options.change) this.options.change(this);
-  },
-  
-  _getWindowScroll: function(w) {
-    var T, L, W, H;
-    with (w.document) {
-      if (w.document.documentElement && documentElement.scrollTop) {
-        T = documentElement.scrollTop;
-        L = documentElement.scrollLeft;
-      } else if (w.document.body) {
-        T = body.scrollTop;
-        L = body.scrollLeft;
-      }
-      if (w.innerWidth) {
-        W = w.innerWidth;
-        H = w.innerHeight;
-      } else if (w.document.documentElement && documentElement.clientWidth) {
-        W = documentElement.clientWidth;
-        H = documentElement.clientHeight;
-      } else {
-        W = body.offsetWidth;
-        H = body.offsetHeight
-      }
-    }
-    return { top: T, left: L, width: W, height: H };
-  }
-}
-
-/*--------------------------------------------------------------------------*/
-
-var SortableObserver = Class.create();
-SortableObserver.prototype = {
-  initialize: function(element, observer) {
-    this.element   = $(element);
-    this.observer  = observer;
-    this.lastValue = Sortable.serialize(this.element);
-  },
-  
-  onStart: function() {
-    this.lastValue = Sortable.serialize(this.element);
-  },
-  
-  onEnd: function() {
-    Sortable.unmark();
-    if(this.lastValue != Sortable.serialize(this.element))
-      this.observer(this.element)
-  }
-}
-
-var Sortable = {
-  sortables: {},
-  
-  _findRootElement: function(element) {
-    while (element.tagName != "BODY") {  
-      if(element.id && Sortable.sortables[element.id]) return element;
-      element = element.parentNode;
-    }
-  },
-
-  options: function(element) {
-    element = Sortable._findRootElement($(element));
-    if(!element) return;
-    return Sortable.sortables[element.id];
-  },
-  
-  destroy: function(element){
-    var s = Sortable.options(element);
-    
-    if(s) {
-      Draggables.removeObserver(s.element);
-      s.droppables.each(function(d){ Droppables.remove(d) });
-      s.draggables.invoke('destroy');
-      
-      delete Sortable.sortables[s.element.id];
-    }
-  },
-
-  create: function(element) {
-    element = $(element);
-    var options = Object.extend({ 
-      element:     element,
-      tag:         'li',       // assumes li children, override with tag: 'tagname'
-      dropOnEmpty: false,
-      tree:        false,
-      treeTag:     'ul',
-      overlap:     'vertical', // one of 'vertical', 'horizontal'
-      constraint:  'vertical', // one of 'vertical', 'horizontal', false
-      containment: element,    // also takes array of elements (or id's); or false
-      handle:      false,      // or a CSS class
-      only:        false,
-      hoverclass:  null,
-      ghosting:    false,
-      scroll:      false,
-      scrollSensitivity: 20,
-      scrollSpeed: 15,
-      format:      /^[^_]*_(.*)$/,
-      onChange:    Prototype.emptyFunction,
-      onUpdate:    Prototype.emptyFunction
-    }, arguments[1] || {});
-
-    // clear any old sortable with same element
-    this.destroy(element);
-
-    // build options for the draggables
-    var options_for_draggable = {
-      revert:      true,
-      scroll:      options.scroll,
-      scrollSpeed: options.scrollSpeed,
-      scrollSensitivity: options.scrollSensitivity,
-      ghosting:    options.ghosting,
-      constraint:  options.constraint,
-      handle:      options.handle };
-
-    if(options.starteffect)
-      options_for_draggable.starteffect = options.starteffect;
-
-    if(options.reverteffect)
-      options_for_draggable.reverteffect = options.reverteffect;
-    else
-      if(options.ghosting) options_for_draggable.reverteffect = function(element) {
-        element.style.top  = 0;
-        element.style.left = 0;
-      };
-
-    if(options.endeffect)
-      options_for_draggable.endeffect = options.endeffect;
-
-    if(options.zindex)
-      options_for_draggable.zindex = options.zindex;
-
-    // build options for the droppables  
-    var options_for_droppable = {
-      overlap:     options.overlap,
-      containment: options.containment,
-      tree:        options.tree,
-      hoverclass:  options.hoverclass,
-      onHover:     Sortable.onHover
-      //greedy:      !options.dropOnEmpty
-    }
-    
-    var options_for_tree = {
-      onHover:      Sortable.onEmptyHover,
-      overlap:      options.overlap,
-      containment:  options.containment,
-      hoverclass:   options.hoverclass
-    }
-
-    // fix for gecko engine
-    Element.cleanWhitespace(element); 
-
-    options.draggables = [];
-    options.droppables = [];
-
-    // drop on empty handling
-    if(options.dropOnEmpty || options.tree) {
-      Droppables.add(element, options_for_tree);
-      options.droppables.push(element);
-    }
-
-    (this.findElements(element, options) || []).each( function(e) {
-      // handles are per-draggable
-      var handle = options.handle ? 
-        Element.childrenWithClassName(e, options.handle)[0] : e;    
-      options.draggables.push(
-        new Draggable(e, Object.extend(options_for_draggable, { handle: handle })));
-      Droppables.add(e, options_for_droppable);
-      if(options.tree) e.treeNode = element;
-      options.droppables.push(e);      
-    });
-    
-    if(options.tree) {
-      (Sortable.findTreeElements(element, options) || []).each( function(e) {
-        Droppables.add(e, options_for_tree);
-        e.treeNode = element;
-        options.droppables.push(e);
-      });
-    }
-
-    // keep reference
-    this.sortables[element.id] = options;
-
-    // for onupdate
-    Draggables.addObserver(new SortableObserver(element, options.onUpdate));
-
-  },
-
-  // return all suitable-for-sortable elements in a guaranteed order
-  findElements: function(element, options) {
-    return Element.findChildren(
-      element, options.only, options.tree ? true : false, options.tag);
-  },
-  
-  findTreeElements: function(element, options) {
-    return Element.findChildren(
-      element, options.only, options.tree ? true : false, options.treeTag);
-  },
-
-  onHover: function(element, dropon, overlap) {
-    if(Element.isParent(dropon, element)) return;
-
-    if(overlap > .33 && overlap < .66 && Sortable.options(dropon).tree) {
-      return;
-    } else if(overlap>0.5) {
-      Sortable.mark(dropon, 'before');
-      if(dropon.previousSibling != element) {
-        var oldParentNode = element.parentNode;
-        element.style.visibility = "hidden"; // fix gecko rendering
-        dropon.parentNode.insertBefore(element, dropon);
-        if(dropon.parentNode!=oldParentNode) 
-          Sortable.options(oldParentNode).onChange(element);
-        Sortable.options(dropon.parentNode).onChange(element);
-      }
-    } else {
-      Sortable.mark(dropon, 'after');
-      var nextElement = dropon.nextSibling || null;
-      if(nextElement != element) {
-        var oldParentNode = element.parentNode;
-        element.style.visibility = "hidden"; // fix gecko rendering
-        dropon.parentNode.insertBefore(element, nextElement);
-        if(dropon.parentNode!=oldParentNode) 
-          Sortable.options(oldParentNode).onChange(element);
-        Sortable.options(dropon.parentNode).onChange(element);
-      }
-    }
-  },
-  
-  onEmptyHover: function(element, dropon, overlap) {
-    var oldParentNode = element.parentNode;
-    var droponOptions = Sortable.options(dropon);
-        
-    if(!Element.isParent(dropon, element)) {
-      var index;
-      
-      var children = Sortable.findElements(dropon, {tag: droponOptions.tag, only: droponOptions.only});
-      var child = null;
-            
-      if(children) {
-        var offset = Element.offsetSize(dropon, droponOptions.overlap) * (1.0 - overlap);
-        
-        for (index = 0; index < children.length; index += 1) {
-          if (offset - Element.offsetSize (children[index], droponOptions.overlap) >= 0) {
-            offset -= Element.offsetSize (children[index], droponOptions.overlap);
-          } else if (offset - (Element.offsetSize (children[index], droponOptions.overlap) / 2) >= 0) {
-            child = index + 1 < children.length ? children[index + 1] : null;
-            break;
-          } else {
-            child = children[index];
-            break;
-          }
-        }
-      }
-      
-      dropon.insertBefore(element, child);
-      
-      Sortable.options(oldParentNode).onChange(element);
-      droponOptions.onChange(element);
-    }
-  },
-
-  unmark: function() {
-    if(Sortable._marker) Element.hide(Sortable._marker);
-  },
-
-  mark: function(dropon, position) {
-    // mark on ghosting only
-    var sortable = Sortable.options(dropon.parentNode);
-    if(sortable && !sortable.ghosting) return; 
-
-    if(!Sortable._marker) {
-      Sortable._marker = $('dropmarker') || document.createElement('DIV');
-      Element.hide(Sortable._marker);
-      Element.addClassName(Sortable._marker, 'dropmarker');
-      Sortable._marker.style.position = 'absolute';
-      document.getElementsByTagName("body").item(0).appendChild(Sortable._marker);
-    }    
-    var offsets = Position.cumulativeOffset(dropon);
-    Sortable._marker.style.left = offsets[0] + 'px';
-    Sortable._marker.style.top = offsets[1] + 'px';
-    
-    if(position=='after')
-      if(sortable.overlap == 'horizontal') 
-        Sortable._marker.style.left = (offsets[0]+dropon.clientWidth) + 'px';
-      else
-        Sortable._marker.style.top = (offsets[1]+dropon.clientHeight) + 'px';
-    
-    Element.show(Sortable._marker);
-  },
-  
-  _tree: function(element, options, parent) {
-    var children = Sortable.findElements(element, options) || [];
-  
-    for (var i = 0; i < children.length; ++i) {
-      var match = children[i].id.match(options.format);
-
-      if (!match) continue;
-      
-      var child = {
-        id: encodeURIComponent(match ? match[1] : null),
-        element: element,
-        parent: parent,
-        children: new Array,
-        position: parent.children.length,
-        container: Sortable._findChildrenElement(children[i], options.treeTag.toUpperCase())
-      }
-      
-      /* Get the element containing the children and recurse over it */
-      if (child.container)
-        this._tree(child.container, options, child)
-      
-      parent.children.push (child);
-    }
-
-    return parent; 
-  },
-
-  /* Finds the first element of the given tag type within a parent element.
-    Used for finding the first LI[ST] within a L[IST]I[TEM].*/
-  _findChildrenElement: function (element, containerTag) {
-    if (element && element.hasChildNodes)
-      for (var i = 0; i < element.childNodes.length; ++i)
-        if (element.childNodes[i].tagName == containerTag)
-          return element.childNodes[i];
-  
-    return null;
-  },
-
-  tree: function(element) {
-    element = $(element);
-    var sortableOptions = this.options(element);
-    var options = Object.extend({
-      tag: sortableOptions.tag,
-      treeTag: sortableOptions.treeTag,
-      only: sortableOptions.only,
-      name: element.id,
-      format: sortableOptions.format
-    }, arguments[1] || {});
-    
-    var root = {
-      id: null,
-      parent: null,
-      children: new Array,
-      container: element,
-      position: 0
-    }
-    
-    return Sortable._tree (element, options, root);
-  },
-
-  /* Construct a [i] index for a particular node */
-  _constructIndex: function(node) {
-    var index = '';
-    do {
-      if (node.id) index = '[' + node.position + ']' + index;
-    } while ((node = node.parent) != null);
-    return index;
-  },
-
-  sequence: function(element) {
-    element = $(element);
-    var options = Object.extend(this.options(element), arguments[1] || {});
-    
-    return $(this.findElements(element, options) || []).map( function(item) {
-      return item.id.match(options.format) ? item.id.match(options.format)[1] : '';
-    });
-  },
-
-  setSequence: function(element, new_sequence) {
-    element = $(element);
-    var options = Object.extend(this.options(element), arguments[2] || {});
-    
-    var nodeMap = {};
-    this.findElements(element, options).each( function(n) {
-        if (n.id.match(options.format))
-            nodeMap[n.id.match(options.format)[1]] = [n, n.parentNode];
-        n.parentNode.removeChild(n);
-    });
-   
-    new_sequence.each(function(ident) {
-      var n = nodeMap[ident];
-      if (n) {
-        n[1].appendChild(n[0]);
-        delete nodeMap[ident];
-      }
-    });
-  },
-  
-  serialize: function(element) {
-    element = $(element);
-    var options = Object.extend(Sortable.options(element), arguments[1] || {});
-    var name = encodeURIComponent(
-      (arguments[1] && arguments[1].name) ? arguments[1].name : element.id);
-    
-    if (options.tree) {
-      return Sortable.tree(element, arguments[1]).children.map( function (item) {
-        return [name + Sortable._constructIndex(item) + "[id]=" + 
-                encodeURIComponent(item.id)].concat(item.children.map(arguments.callee));
-      }).flatten().join('&');
-    } else {
-      return Sortable.sequence(element, arguments[1]).map( function(item) {
-        return name + "[]=" + encodeURIComponent(item);
-      }).join('&');
-    }
-  }
-}
-
-/* Returns true if child is contained within element */
-Element.isParent = function(child, element) {
-  if (!child.parentNode || child == element) return false;
-
-  if (child.parentNode == element) return true;
-
-  return Element.isParent(child.parentNode, element);
-}
-
-Element.findChildren = function(element, only, recursive, tagName) {    
-  if(!element.hasChildNodes()) return null;
-  tagName = tagName.toUpperCase();
-  if(only) only = [only].flatten();
-  var elements = [];
-  $A(element.childNodes).each( function(e) {
-    if(e.tagName && e.tagName.toUpperCase()==tagName &&
-      (!only || (Element.classNames(e).detect(function(v) { return only.include(v) }))))
-        elements.push(e);
-    if(recursive) {
-      var grandchildren = Element.findChildren(e, only, recursive, tagName);
-      if(grandchildren) elements.push(grandchildren);
-    }
-  });
-
-  return (elements.length>0 ? elements.flatten() : []);
-}
-
-Element.offsetSize = function (element, type) {
-  if (type == 'vertical' || type == 'height')
-    return element.offsetHeight;
-  else
-    return element.offsetWidth;
-}
-
-// Copyright (c) 2005 Marty Haught, Thomas Fuchs 
-//
-// See http://script.aculo.us for more info
-// 
-// Permission is hereby granted, free of charge, to any person obtaining
-// a copy of this software and associated documentation files (the
-// "Software"), to deal in the Software without restriction, including
-// without limitation the rights to use, copy, modify, merge, publish,
-// distribute, sublicense, and/or sell copies of the Software, and to
-// permit persons to whom the Software is furnished to do so, subject to
-// the following conditions:
-// 
-// The above copyright notice and this permission notice shall be
-// included in all copies or substantial portions of the Software.
-//
-// THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
-// EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF
-// MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND
-// NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE
-// LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION
-// OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION
-// WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
-
-if(!Control) var Control = {};
-Control.Slider = Class.create();
-
-// options:
-//  axis: 'vertical', or 'horizontal' (default)
-//
-// callbacks:
-//  onChange(value)
-//  onSlide(value)
-Control.Slider.prototype = {
-  initialize: function(handle, track, options) {
-    var slider = this;
-    
-    if(handle instanceof Array) {
-      this.handles = handle.collect( function(e) { return $(e) });
-    } else {
-      this.handles = [$(handle)];
-    }
-    
-    this.track   = $(track);
-    this.options = options || {};
-
-    this.axis      = this.options.axis || 'horizontal';
-    this.increment = this.options.increment || 1;
-    this.step      = parseInt(this.options.step || '1');
-    this.range     = this.options.range || $R(0,1);
-    
-    this.value     = 0; // assure backwards compat
-    this.values    = this.handles.map( function() { return 0 });
-    this.spans     = this.options.spans ? this.options.spans.map(function(s){ return $(s) }) : false;
-    this.options.startSpan = $(this.options.startSpan || null);
-    this.options.endSpan   = $(this.options.endSpan || null);
-
-    this.restricted = this.options.restricted || false;
-
-    this.maximum   = this.options.maximum || this.range.end;
-    this.minimum   = this.options.minimum || this.range.start;
-
-    // Will be used to align the handle onto the track, if necessary
-    this.alignX = parseInt(this.options.alignX || '0');
-    this.alignY = parseInt(this.options.alignY || '0');
-    
-    this.trackLength = this.maximumOffset() - this.minimumOffset();
-
-    this.handleLength = this.isVertical() ? 
-      (this.handles[0].offsetHeight != 0 ? 
-        this.handles[0].offsetHeight : this.handles[0].style.height.replace(/px$/,"")) : 
-      (this.handles[0].offsetWidth != 0 ? this.handles[0].offsetWidth : 
-        this.handles[0].style.width.replace(/px$/,""));
-
-    this.active   = false;
-    this.dragging = false;
-    this.disabled = false;
-
-    if(this.options.disabled) this.setDisabled();
-
-    // Allowed values array
-    this.allowedValues = this.options.values ? this.options.values.sortBy(Prototype.K) : false;
-    if(this.allowedValues) {
-      this.minimum = this.allowedValues.min();
-      this.maximum = this.allowedValues.max();
-    }
-
-    this.eventMouseDown = this.startDrag.bindAsEventListener(this);
-    this.eventMouseUp   = this.endDrag.bindAsEventListener(this);
-    this.eventMouseMove = this.update.bindAsEventListener(this);
-
-    // Initialize handles in reverse (make sure first handle is active)
-    this.handles.each( function(h,i) {
-      i = slider.handles.length-1-i;
-      slider.setValue(parseFloat(
-        (slider.options.sliderValue instanceof Array ? 
-          slider.options.sliderValue[i] : slider.options.sliderValue) || 
-         slider.range.start), i);
-      Element.makePositioned(h); // fix IE
-      Event.observe(h, "mousedown", slider.eventMouseDown);
-    });
-    
-    Event.observe(this.track, "mousedown", this.eventMouseDown);
-    Event.observe(document, "mouseup", this.eventMouseUp);
-    Event.observe(document, "mousemove", this.eventMouseMove);
-    
-    this.initialized = true;
-  },
-  dispose: function() {
-    var slider = this;    
-    Event.stopObserving(this.track, "mousedown", this.eventMouseDown);
-    Event.stopObserving(document, "mouseup", this.eventMouseUp);
-    Event.stopObserving(document, "mousemove", this.eventMouseMove);
-    this.handles.each( function(h) {
-      Event.stopObserving(h, "mousedown", slider.eventMouseDown);
-    });
-  },
-  setDisabled: function(){
-    this.disabled = true;
-  },
-  setEnabled: function(){
-    this.disabled = false;
-  },  
-  getNearestValue: function(value){
-    if(this.allowedValues){
-      if(value >= this.allowedValues.max()) return(this.allowedValues.max());
-      if(value <= this.allowedValues.min()) return(this.allowedValues.min());
-      
-      var offset = Math.abs(this.allowedValues[0] - value);
-      var newValue = this.allowedValues[0];
-      this.allowedValues.each( function(v) {
-        var currentOffset = Math.abs(v - value);
-        if(currentOffset <= offset){
-          newValue = v;
-          offset = currentOffset;
-        } 
-      });
-      return newValue;
-    }
-    if(value > this.range.end) return this.range.end;
-    if(value < this.range.start) return this.range.start;
-    return value;
-  },
-  setValue: function(sliderValue, handleIdx){
-    if(!this.active) {
-      this.activeHandleIdx = handleIdx || 0;
-      this.activeHandle    = this.handles[this.activeHandleIdx];
-      this.updateStyles();
-    }
-    handleIdx = handleIdx || this.activeHandleIdx || 0;
-    if(this.initialized && this.restricted) {
-      if((handleIdx>0) && (sliderValue<this.values[handleIdx-1]))
-        sliderValue = this.values[handleIdx-1];
-      if((handleIdx < (this.handles.length-1)) && (sliderValue>this.values[handleIdx+1]))
-        sliderValue = this.values[handleIdx+1];
-    }
-    sliderValue = this.getNearestValue(sliderValue);
-    this.values[handleIdx] = sliderValue;
-    this.value = this.values[0]; // assure backwards compat
-    
-    this.handles[handleIdx].style[this.isVertical() ? 'top' : 'left'] = 
-      this.translateToPx(sliderValue);
-    
-    this.drawSpans();
-    if(!this.dragging || !this.event) this.updateFinished();
-  },
-  setValueBy: function(delta, handleIdx) {
-    this.setValue(this.values[handleIdx || this.activeHandleIdx || 0] + delta, 
-      handleIdx || this.activeHandleIdx || 0);
-  },
-  translateToPx: function(value) {
-    return Math.round(
-      ((this.trackLength-this.handleLength)/(this.range.end-this.range.start)) * 
-      (value - this.range.start)) + "px";
-  },
-  translateToValue: function(offset) {
-    return ((offset/(this.trackLength-this.handleLength) * 
-      (this.range.end-this.range.start)) + this.range.start);
-  },
-  getRange: function(range) {
-    var v = this.values.sortBy(Prototype.K); 
-    range = range || 0;
-    return $R(v[range],v[range+1]);
-  },
-  minimumOffset: function(){
-    return(this.isVertical() ? this.alignY : this.alignX);
-  },
-  maximumOffset: function(){
-    return(this.isVertical() ? 
-      (this.track.offsetHeight != 0 ? this.track.offsetHeight :
-        this.track.style.height.replace(/px$/,"")) - this.alignY : 
-      (this.track.offsetWidth != 0 ? this.track.offsetWidth : 
-        this.track.style.width.replace(/px$/,"")) - this.alignY);
-  },  
-  isVertical:  function(){
-    return (this.axis == 'vertical');
-  },
-  drawSpans: function() {
-    var slider = this;
-    if(this.spans)
-      $R(0, this.spans.length-1).each(function(r) { slider.setSpan(slider.spans[r], slider.getRange(r)) });
-    if(this.options.startSpan)
-      this.setSpan(this.options.startSpan,
-        $R(0, this.values.length>1 ? this.getRange(0).min() : this.value ));
-    if(this.options.endSpan)
-      this.setSpan(this.options.endSpan, 
-        $R(this.values.length>1 ? this.getRange(this.spans.length-1).max() : this.value, this.maximum));
-  },
-  setSpan: function(span, range) {
-    if(this.isVertical()) {
-      span.style.top = this.translateToPx(range.start);
-      span.style.height = this.translateToPx(range.end - range.start + this.range.start);
-    } else {
-      span.style.left = this.translateToPx(range.start);
-      span.style.width = this.translateToPx(range.end - range.start + this.range.start);
-    }
-  },
-  updateStyles: function() {
-    this.handles.each( function(h){ Element.removeClassName(h, 'selected') });
-    Element.addClassName(this.activeHandle, 'selected');
-  },
-  startDrag: function(event) {
-    if(Event.isLeftClick(event)) {
-      if(!this.disabled){
-        this.active = true;
-        
-        var handle = Event.element(event);
-        var pointer  = [Event.pointerX(event), Event.pointerY(event)];
-        var track = handle;
-        if(track==this.track) {
-          var offsets  = Position.cumulativeOffset(this.track); 
-          this.event = event;
-          this.setValue(this.translateToValue( 
-           (this.isVertical() ? pointer[1]-offsets[1] : pointer[0]-offsets[0])-(this.handleLength/2)
-          ));
-          var offsets  = Position.cumulativeOffset(this.activeHandle);
-          this.offsetX = (pointer[0] - offsets[0]);
-          this.offsetY = (pointer[1] - offsets[1]);
-        } else {
-          // find the handle (prevents issues with Safari)
-          while((this.handles.indexOf(handle) == -1) && handle.parentNode) 
-            handle = handle.parentNode;
-        
-          this.activeHandle    = handle;
-          this.activeHandleIdx = this.handles.indexOf(this.activeHandle);
-          this.updateStyles();
-        
-          var offsets  = Position.cumulativeOffset(this.activeHandle);
-          this.offsetX = (pointer[0] - offsets[0]);
-          this.offsetY = (pointer[1] - offsets[1]);
-        }
-      }
-      Event.stop(event);
-    }
-  },
-  update: function(event) {
-   if(this.active) {
-      if(!this.dragging) this.dragging = true;
-      this.draw(event);
-      // fix AppleWebKit rendering
-      if(navigator.appVersion.indexOf('AppleWebKit')>0) window.scrollBy(0,0);
-      Event.stop(event);
-   }
-  },
-  draw: function(event) {
-    var pointer = [Event.pointerX(event), Event.pointerY(event)];
-    var offsets = Position.cumulativeOffset(this.track);
-    pointer[0] -= this.offsetX + offsets[0];
-    pointer[1] -= this.offsetY + offsets[1];
-    this.event = event;
-    this.setValue(this.translateToValue( this.isVertical() ? pointer[1] : pointer[0] ));
-    if(this.initialized && this.options.onSlide)
-      this.options.onSlide(this.values.length>1 ? this.values : this.value, this);
-  },
-  endDrag: function(event) {
-    if(this.active && this.dragging) {
-      this.finishDrag(event, true);
-      Event.stop(event);
-    }
-    this.active = false;
-    this.dragging = false;
-  },  
-  finishDrag: function(event, success) {
-    this.active = false;
-    this.dragging = false;
-    this.updateFinished();
-  },
-  updateFinished: function() {
-    if(this.initialized && this.options.onChange) 
-      this.options.onChange(this.values.length>1 ? this.values : this.value, this);
-    this.event = null;
-  }
-}
-
diff --git a/framework/Web/Javascripts/js/debug/clientscripts.php b/framework/Web/Javascripts/js/debug/clientscripts.php
index 3ac3b062..a0321bc2 100644
--- a/framework/Web/Javascripts/js/debug/clientscripts.php
+++ b/framework/Web/Javascripts/js/debug/clientscripts.php
@@ -12,7 +12,7 @@ $debugMode=(isset($_GET['mode']) && $_GET['mode']==='debug');
 $expiresOffset = $debugMode ? -10000 : 3600 * 24 * 10; //no cache

 

 //allowed libraries

-$library = array('prado', 'effects', 'ajax', 'validator', 'logger', 'datepicker', 'rico', 'colorpicker');

+$library = array('prado', 'effects', 'validator', 'logger', 'datepicker', 'colorpicker');

 

 $param = isset($_GET['js']) ? $_GET['js'] : '';

 

diff --git a/framework/Web/Javascripts/js/debug/colorpicker.js b/framework/Web/Javascripts/js/debug/colorpicker.js
index 914c2d75..a48e6dc5 100644
--- a/framework/Web/Javascripts/js/debug/colorpicker.js
+++ b/framework/Web/Javascripts/js/debug/colorpicker.js
@@ -1,253 +1,8 @@
-//-------------------- ricoColor.js

-if(typeof(Rico) == "undefined") Rico = {};

-

-Rico.Color = Class.create();

-

-Rico.Color.prototype = {

-

-   initialize: function(red, green, blue) {

-      this.rgb = { r: red, g : green, b : blue };

-   },

-

-   setRed: function(r) {

-      this.rgb.r = r;

-   },

-

-   setGreen: function(g) {

-      this.rgb.g = g;

-   },

-

-   setBlue: function(b) {

-      this.rgb.b = b;

-   },

-

-   setHue: function(h) {

-

-      // get an HSB model, and set the new hue...

-      var hsb = this.asHSB();

-      hsb.h = h;

-

-      // convert back to RGB...

-      this.rgb = Rico.Color.HSBtoRGB(hsb.h, hsb.s, hsb.b);

-   },

-

-   setSaturation: function(s) {

-      // get an HSB model, and set the new hue...

-      var hsb = this.asHSB();

-      hsb.s = s;

-

-      // convert back to RGB and set values...

-      this.rgb = Rico.Color.HSBtoRGB(hsb.h, hsb.s, hsb.b);

-   },

-

-   setBrightness: function(b) {

-      // get an HSB model, and set the new hue...

-      var hsb = this.asHSB();

-      hsb.b = b;

-

-      // convert back to RGB and set values...

-      this.rgb = Rico.Color.HSBtoRGB( hsb.h, hsb.s, hsb.b );

-   },

-

-   darken: function(percent) {

-      var hsb  = this.asHSB();

-      this.rgb = Rico.Color.HSBtoRGB(hsb.h, hsb.s, Math.max(hsb.b - percent,0));

-   },

-

-   brighten: function(percent) {

-      var hsb  = this.asHSB();

-      this.rgb = Rico.Color.HSBtoRGB(hsb.h, hsb.s, Math.min(hsb.b + percent,1));

-   },

-

-   blend: function(other) {

-      this.rgb.r = Math.floor((this.rgb.r + other.rgb.r)/2);

-      this.rgb.g = Math.floor((this.rgb.g + other.rgb.g)/2);

-      this.rgb.b = Math.floor((this.rgb.b + other.rgb.b)/2);

-   },

-

-   isBright: function() {

-      var hsb = this.asHSB();

-      return this.asHSB().b > 0.5;

-   },

-

-   isDark: function() {

-      return ! this.isBright();

-   },

-

-   asRGB: function() {

-      return "rgb(" + this.rgb.r + "," + this.rgb.g + "," + this.rgb.b + ")";

-   },

-

-   asHex: function() {

-      return "#" + this.rgb.r.toColorPart() + this.rgb.g.toColorPart() + this.rgb.b.toColorPart();

-   },

-

-   asHSB: function() {

-      return Rico.Color.RGBtoHSB(this.rgb.r, this.rgb.g, this.rgb.b);

-   },

-

-   toString: function() {

-      return this.asHex();

-   }

-

-};

-

-Rico.Color.createFromHex = function(hexCode) {

-

-   if ( hexCode.indexOf('#') == 0 )

-      hexCode = hexCode.substring(1);

-

-   var red = "ff", green = "ff", blue="ff";

-   if(hexCode.length > 4)

-	{

-	   red   = hexCode.substring(0,2);

-	   green = hexCode.substring(2,4);

-	   blue  = hexCode.substring(4,6);

-	}

-	else if(hexCode.length > 0 & hexCode.length < 4)

-	{

-	  var r = hexCode.substring(0,1);

-	  var g = hexCode.substring(1,2);

-	  var b = hexCode.substring(2);

-	  red = r+r;

-	  green = g+g;

-	  blue = b+b;

-	}

-   return new Rico.Color( parseInt(red,16), parseInt(green,16), parseInt(blue,16) );

-}

-

-/**

- * Factory method for creating a color from the background of

- * an HTML element.

- */

-Rico.Color.createColorFromBackground = function(elem) {

-

-   var actualColor = Element.getStyle($(elem), "background-color");

-  if ( actualColor == "transparent" && elem.parent )

-      return Rico.Color.createColorFromBackground(elem.parent);

-

-   if ( actualColor == null )

-      return new Rico.Color(255,255,255);

-

-   if ( actualColor.indexOf("rgb(") == 0 ) {

-      var colors = actualColor.substring(4, actualColor.length - 1 );

-      var colorArray = colors.split(",");

-      return new Rico.Color( parseInt( colorArray[0] ),

-                            parseInt( colorArray[1] ),

-                            parseInt( colorArray[2] )  );

-

-   }

-   else if ( actualColor.indexOf("#") == 0 ) {

-	  return Rico.Color.createFromHex(actualColor);

-   }

-   else

-      return new Rico.Color(255,255,255);

-}

-

-Rico.Color.HSBtoRGB = function(hue, saturation, brightness) {

-

-   var red   = 0;

-	var green = 0;

-	var blue  = 0;

-

-   if (saturation == 0) {

-      red = parseInt(brightness * 255.0 + 0.5);

-	   green = red;

-	   blue = red;

-	}

-	else {

-      var h = (hue - Math.floor(hue)) * 6.0;

-      var f = h - Math.floor(h);

-      var p = brightness * (1.0 - saturation);

-      var q = brightness * (1.0 - saturation * f);

-      var t = brightness * (1.0 - (saturation * (1.0 - f)));

-

-      switch (parseInt(h)) {

-         case 0:

-            red   = (brightness * 255.0 + 0.5);

-            green = (t * 255.0 + 0.5);

-            blue  = (p * 255.0 + 0.5);

-            break;

-         case 1:

-            red   = (q * 255.0 + 0.5);

-            green = (brightness * 255.0 + 0.5);

-            blue  = (p * 255.0 + 0.5);

-            break;

-         case 2:

-            red   = (p * 255.0 + 0.5);

-            green = (brightness * 255.0 + 0.5);

-            blue  = (t * 255.0 + 0.5);

-            break;

-         case 3:

-            red   = (p * 255.0 + 0.5);

-            green = (q * 255.0 + 0.5);

-            blue  = (brightness * 255.0 + 0.5);

-            break;

-         case 4:

-            red   = (t * 255.0 + 0.5);

-            green = (p * 255.0 + 0.5);

-            blue  = (brightness * 255.0 + 0.5);

-            break;

-          case 5:

-            red   = (brightness * 255.0 + 0.5);

-            green = (p * 255.0 + 0.5);

-            blue  = (q * 255.0 + 0.5);

-            break;

-	    }

-	}

-

-   return { r : parseInt(red), g : parseInt(green) , b : parseInt(blue) };

-}

-

-Rico.Color.RGBtoHSB = function(r, g, b) {

-

-   var hue;

-   var saturaton;

-   var brightness;

-

-   var cmax = (r > g) ? r : g;

-   if (b > cmax)

-      cmax = b;

-

-   var cmin = (r < g) ? r : g;

-   if (b < cmin)

-      cmin = b;

-

-   brightness = cmax / 255.0;

-   if (cmax != 0)

-      saturation = (cmax - cmin)/cmax;

-   else

-      saturation = 0;

-

-   if (saturation == 0)

-      hue = 0;

-   else {

-      var redc   = (cmax - r)/(cmax - cmin);

-    	var greenc = (cmax - g)/(cmax - cmin);

-    	var bluec  = (cmax - b)/(cmax - cmin);

-

-    	if (r == cmax)

-    	   hue = bluec - greenc;

-    	else if (g == cmax)

-    	   hue = 2.0 + redc - bluec;

-      else

-    	   hue = 4.0 + greenc - redc;

-

-    	hue = hue / 6.0;

-    	if (hue < 0)

-    	   hue = hue + 1.0;

-   }

-

-   return { h : hue, s : saturation, b : brightness };

-}

-

-

-

 Prado.WebUI.TColorPicker = Class.create();

 

 Object.extend(Prado.WebUI.TColorPicker,

 {

-	palettes:

+	palettes: 

 	{

 		Small : [["fff", "fcc", "fc9", "ff9", "ffc", "9f9", "9ff", "cff", "ccf", "fcf"],

 				["ccc", "f66", "f96", "ff6", "ff3", "6f9", "3ff", "6ff", "99f", "f9f"],

@@ -262,7 +17,7 @@ Object.extend(Prado.WebUI.TColorPicker,
 				["808080"/*gray*/, "ff0000"/*red*/, "800080"/*purple*/, "000000"/*black*/]]

 	},

 

-	UIImages :

+	UIImages : 

 	{

 		'button.gif' : 'button.gif',

 //		'target_black.gif' : 'target_black.gif',

@@ -273,11 +28,11 @@ Object.extend(Prado.WebUI.TColorPicker,
 	}

 });

 

-Object.extend(Prado.WebUI.TColorPicker.prototype,

+Object.extend(Prado.WebUI.TColorPicker.prototype, 

 {

 	initialize : function(options)

 	{

-		var basics =

+		var basics = 

 		{

 			Palette : 'Small',

 			ClassName : 'TColorPicker',

@@ -286,7 +41,7 @@ Object.extend(Prado.WebUI.TColorPicker.prototype,
 			CancelButtonText : 'Cancel',

 			ShowColorPicker : true

 		}

-

+		

 		this.element = null;

 		this.showing = false;

 

@@ -302,10 +57,10 @@ Object.extend(Prado.WebUI.TColorPicker.prototype,
 

 	updatePicker : function(e)

 	{

-		var color = Rico.Color.createFromHex(this.input.value);

+		var color = Rico.Color.createFromHex(this.input.value);	

 		this.button.style.backgroundColor = color.toString();

 	},

-

+	

 	buttonOnClick : function(event)

 	{

 		var mode = this.options['Mode'];

@@ -329,7 +84,7 @@ Object.extend(Prado.WebUI.TColorPicker.prototype,
 				this.initializeFullPicker();

 		}

 		this.show(mode);

-	},

+	},		

 

 	show : function(type)

 	{

@@ -341,14 +96,14 @@ Object.extend(Prado.WebUI.TColorPicker.prototype,
 			this.element.style.top = (pos[1]-1) + "px";

 			this.element.style.left = pos[0] + "px";

 			this.element.style.display = "block";

-

+			

 			this.ieHack(type);

 

 			//observe for clicks on the document body

 			this._documentClickEvent = this.hideOnClick.bindEvent(this, type);

 			this._documentKeyDownEvent = this.keyPressed.bindEvent(this, type);

 			Event.observe(document.body, "click", this._documentClickEvent);

-			Event.observe(document,"keydown", this._documentKeyDownEvent);

+			Event.observe(document,"keydown", this._documentKeyDownEvent); 

 			this.showing = true;

 

 			if(type == "Full")

@@ -360,7 +115,7 @@ Object.extend(Prado.WebUI.TColorPicker.prototype,
 			}

 		}

 	},

-

+	

 	hide : function(event)

 	{

 		if(this.showing)

@@ -371,11 +126,11 @@ Object.extend(Prado.WebUI.TColorPicker.prototype,
 			this.element.style.display = "none";

 			this.showing = false;

 			Event.stopObserving(document.body, "click", this._documentClickEvent);

-			Event.stopObserving(document,"keydown", this._documentKeyDownEvent);

-

+			Event.stopObserving(document,"keydown", this._documentKeyDownEvent); 

+			

 			if(this._observingMouseMove)

-			{

-				Event.stopObserving(document.body, "mousemove", this._onMouseMove);

+			{			

+				Event.stopObserving(document.body, "mousemove", this._onMouseMove);	

 				this._observingMouseMove = false;

 			}

 		}

@@ -397,16 +152,16 @@ Object.extend(Prado.WebUI.TColorPicker.prototype,
 			within = within || el == this.button;

 			within = within || el == this.input;

 			if(within) break;

-			el = el.parentNode;

+			el = el.parentNode;			

 		}

 		while(el);

 		if(!within) this.hide(ev);

 	},

 

-	ieHack : function()

+	ieHack : function() 

 	{

 		// IE hack

-		if(this.iePopUp)

+		if(this.iePopUp) 

 		{

 			this.iePopUp.style.display = "block";

 			this.iePopUp.style.top = (this.element.offsetTop) + "px";

@@ -449,7 +204,7 @@ Object.extend(Prado.WebUI.TColorPicker.prototype,
 

 	cellOnClick : function(e)

 	{

-		var el = Event.element(e);

+		var el = Event.element(e); 

 		if(el.tagName.toLowerCase() != "img")

 			return;

 		var color = Rico.Color.createColorFromBackground(el);

@@ -465,15 +220,15 @@ Object.extend(Prado.WebUI.TColorPicker.prototype,
 	},

 

 	getFullPickerContainer : function(pickerID)

-	{

+	{			

 		//create the 3 buttons

-		this.buttons =

+		this.buttons = 

 		{

 			//Less   : INPUT({value:'Less Colors', className:'button', type:'button'}),

 			OK	   : INPUT({value:this.options.OKButtonText, className:'button', type:'button'}),

 			Cancel : INPUT({value:this.options.CancelButtonText, className:'button', type:'button'})

 		};

-

+		

 		//create the 6 inputs

 		var inputs = {};

 		['H','S','V','R','G','B'].each(function(type)

@@ -484,13 +239,13 @@ Object.extend(Prado.WebUI.TColorPicker.prototype,
 		//create the HEX input

 		inputs['HEX'] = INPUT({className:'hex',type:'text',size:'6',maxlength:'6'});

 		this.inputs = inputs;

-

+		

 		var images = Prado.WebUI.TColorPicker.UIImages;

 

 		this.inputs['currentColor'] = SPAN({className:'currentColor'});

 		this.inputs['oldColor'] = SPAN({className:'oldColor'});

 

-		var inputsTable =

+		var inputsTable = 

 			TABLE({className:'inputs'}, TBODY(null,

 				TR(null,

 					TD({className:'currentcolor',colSpan:2},

@@ -503,30 +258,30 @@ Object.extend(Prado.WebUI.TColorPicker.prototype,
 				TR(null,

 					TD(null,'S:'),

 					TD(null,this.inputs['S'], '%')),

-

-				TR(null,

+				

+				TR(null, 

 					TD(null,'V:'),

 					TD(null,this.inputs['V'], '%')),

-

-				TR(null,

+				

+				TR(null, 

 					TD({className:'gap'},'R:'),

 					TD({className:'gap'},this.inputs['R'])),

-

-				TR(null,

+				

+				TR(null, 

 					TD(null,'G:'),

 					TD(null, this.inputs['G'])),

 

-				TR(null,

+				TR(null, 

 					TD(null,'B:'),

 					TD(null, this.inputs['B'])),

 

-				TR(null,

+				TR(null, 

 					TD({className:'gap'},'#'),

 					TD({className:'gap'},this.inputs['HEX']))

 			));

 

-		var UIimages =

-		{

+		var UIimages = 

+		{		

 			selector : SPAN({className:'selector'}),

 			background : SPAN({className:'colorpanel'}),

 			slider : SPAN({className:'slider'}),

@@ -539,23 +294,23 @@ Object.extend(Prado.WebUI.TColorPicker.prototype,
 			var filter = "filter:progid:DXImageTransform.Microsoft.AlphaImageLoader";

 			UIimages['background'] = SPAN({className:'colorpanel',style:filter+"(src='"+images['background.png']+"' sizingMethod=scale);"})

 		}

-

+		

 		this.inputs = Object.extend(this.inputs, UIimages);

 

-		var pickerTable =

+		var pickerTable = 

 			TABLE(null,TBODY(null,

 				TR({className:'selection'},

 					TD({className:'colors'},UIimages['selector'],UIimages['background']),

 					TD({className:'hue'},UIimages['slider'],UIimages['hue']),

 					TD({className:'inputs'}, inputsTable)

 				),

-				TR({className:'options'},

-					TD({colSpan:3},

-						this.buttons['OK'],

+				TR({className:'options'}, 

+					TD({colSpan:3}, 

+						this.buttons['OK'], 

 						this.buttons['Cancel'])

 				)

 			));

-

+		

 		return DIV({className:this.options['ClassName']+" FullColorPicker",

 						id:pickerID+"_picker"},pickerTable);

 	},

@@ -566,16 +321,16 @@ Object.extend(Prado.WebUI.TColorPicker.prototype,
 		this.inputs.oldColor.style.backgroundColor = color.asHex();

 		this.setColor(color,true);

 

-		var i = 0;

+		var i = 0; 

 		for(var type in this.inputs)

 		{

-			Event.observe(this.inputs[type], "change",

+			Event.observe(this.inputs[type], "change", 

 				this.onInputChanged.bindEvent(this,type));

 			i++;

 

 			if(i > 6) break;

 		}

-

+	

 		this.isMouseDownOnColor = false;

 		this.isMouseDownOnHue = false;

 

@@ -588,9 +343,9 @@ Object.extend(Prado.WebUI.TColorPicker.prototype,
 		Event.observe(this.inputs.selector, "mousedown", this._onColorMouseDown);

 		Event.observe(this.inputs.hue, "mousedown", this._onHueMouseDown);

 		Event.observe(this.inputs.slider, "mousedown", this._onHueMouseDown);

-

+		

 		Event.observe(document.body, "mouseup", this._onMouseUp);

-

+		

 		this.observeMouseMovement();

 

 		Event.observe(this.buttons.Cancel, "click", this.hide.bindEvent(this,this.options['Mode']));

@@ -603,7 +358,7 @@ Object.extend(Prado.WebUI.TColorPicker.prototype,
 		{

 			Event.observe(document.body, "mousemove", this._onMouseMove);

 			this._observingMouseMove = true;

-		}

+		}		

 	},

 

 	onColorMouseDown : function(ev)

@@ -634,15 +389,15 @@ Object.extend(Prado.WebUI.TColorPicker.prototype,
 		if(this.isMouseDownOnHue)

 			this.changeH(ev);

 		Event.stop(ev);

-	},

+	},	

 

 	changeSV : function(ev)

 	{

 		var px = Event.pointerX(ev);

 		var py = Event.pointerY(ev);

 		var pos = Position.cumulativeOffset(this.inputs.background);

-

-		var x = this.truncate(px - pos[0],0,255);

+		

+		var x = this.truncate(px - pos[0],0,255); 

 		var y = this.truncate(py - pos[1],0,255);

 

 

@@ -651,7 +406,7 @@ Object.extend(Prado.WebUI.TColorPicker.prototype,
 

 		var current_s = parseInt(this.inputs.S.value);

 		var current_b = parseInt(this.inputs.V.value);

-

+		

 		if(current_s == parseInt(s*100) && current_b == parseInt(b*100)) return;

 

 		var h = this.truncate(this.inputs.H.value,0,360)/360;

@@ -662,7 +417,7 @@ Object.extend(Prado.WebUI.TColorPicker.prototype,
 

 		this.inputs.selector.style.left = x+"px";

 		this.inputs.selector.style.top = y+"px";

-

+		

 		this.inputs.currentColor.style.backgroundColor = color.asHex();

 

 		return this.setColor(color);

@@ -673,7 +428,7 @@ Object.extend(Prado.WebUI.TColorPicker.prototype,
 		var py = Event.pointerY(ev);

 		var pos = Position.cumulativeOffset(this.inputs.background);

 		var y = this.truncate(py - pos[1],0,255);

-

+		

 		var h = (255-y)/255;

 		var current_h = this.truncate(this.inputs.H.value,0,360);

 		current_h = current_h == 0 ? 360 : current_h;

@@ -744,12 +499,12 @@ Object.extend(Prado.WebUI.TColorPicker.prototype,
 		this.inputs.G.value = color.rgb.g;

 		this.inputs.B.value = color.rgb.b;

 		this.inputs.HEX.value = color.asHex().substring(1).toUpperCase();

-

+		

 		var images = Prado.WebUI.TColorPicker.UIImages;

 

 		var changeCss = color.isBright() ? 'removeClassName' : 'addClassName';

 		Element[changeCss](this.inputs.selector, 'target_white');

-

+		

 		if(update)

 			this.updateSelectors(color);

 	},

@@ -758,11 +513,11 @@ Object.extend(Prado.WebUI.TColorPicker.prototype,
 	{

 		var hsb = color.asHSB();

 		var pos = [hsb.s*255, hsb.b*255, hsb.h*255];

-

+		

 		this.inputs.selector.style.left = this.truncate(pos[0],0,255)+"px";

 		this.inputs.selector.style.top = this.truncate(255-pos[1],0,255)+"px";

 		this.inputs.slider.style.top = this.truncate(255-pos[2],0,255)+"px";

-

+		

 		var hue = new Rico.Color(color.rgb.r,color.rgb.g,color.rgb.b);

 		hue.setSaturation(1); hue.setBrightness(1);

 		this.inputs.background.style.backgroundColor = hue.asHex();

diff --git a/framework/Web/Javascripts/js/debug/rico.js b/framework/Web/Javascripts/js/debug/rico.js
deleted file mode 100644
index 07ae9537..00000000
--- a/framework/Web/Javascripts/js/debug/rico.js
+++ /dev/null
@@ -1,3503 +0,0 @@
-/**

-  *

-  *  Copyright 2005 Sabre Airline Solutions

-  *

-  *  Licensed under the Apache License, Version 2.0 (the "License"); you may not use this

-  *  file except in compliance with the License. You may obtain a copy of the License at

-  *

-  *         http://www.apache.org/licenses/LICENSE-2.0

-  *

-  *  Unless required by applicable law or agreed to in writing, software distributed under the

-  *  License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND,

-  *  either express or implied. See the License for the specific language governing permissions

-  *  and limitations under the License.

-  **/

-

-

-//-------------------- rico.js

-var Rico = {

-  Version: '1.1rc1',

-  prototypeVersion: parseFloat(Prototype.Version.split(".")[0] + "." + Prototype.Version.split(".")[1])

-}

-

-/*

-if((typeof Prototype=='undefined') || Rico.prototypeVersion < 1.3)

-      throw("Rico requires the Prototype JavaScript framework >= 1.3");

-*/

-Rico.ArrayExtensions = new Array();

-

-if (Object.prototype.extend) {

-   Rico.ArrayExtensions[ Rico.ArrayExtensions.length ] = Object.prototype.extend;

-}else{

-  Object.prototype.extend = function(object) {

-    return Object.extend.apply(this, [this, object]);

-  }

-  Rico.ArrayExtensions[ Rico.ArrayExtensions.length ] = Object.prototype.extend;

-}

-

-if (Array.prototype.push) {

-   Rico.ArrayExtensions[ Rico.ArrayExtensions.length ] = Array.prototype.push;

-}

-

-if (!Array.prototype.remove) {

-   Array.prototype.remove = function(dx) {

-      if( isNaN(dx) || dx > this.length )

-         return false;

-      for( var i=0,n=0; i<this.length; i++ )

-         if( i != dx )

-            this[n++]=this[i];

-      this.length-=1;

-   };

-  Rico.ArrayExtensions[ Rico.ArrayExtensions.length ] = Array.prototype.remove;

-}

-

-if (!Array.prototype.removeItem) {

-   Array.prototype.removeItem = function(item) {

-      for ( var i = 0 ; i < this.length ; i++ )

-         if ( this[i] == item ) {

-            this.remove(i);

-            break;

-         }

-   };

-  Rico.ArrayExtensions[ Rico.ArrayExtensions.length ] = Array.prototype.removeItem;

-}

-

-if (!Array.prototype.indices) {

-   Array.prototype.indices = function() {

-      var indexArray = new Array();

-      for ( index in this ) {

-         var ignoreThis = false;

-         for ( var i = 0 ; i < Rico.ArrayExtensions.length ; i++ ) {

-            if ( this[index] == Rico.ArrayExtensions[i] ) {

-               ignoreThis = true;

-               break;

-            }

-         }

-         if ( !ignoreThis )

-            indexArray[ indexArray.length ] = index;

-      }

-      return indexArray;

-   }

-  Rico.ArrayExtensions[ Rico.ArrayExtensions.length ] = Array.prototype.indices;

-}

-

-// Create the loadXML method and xml getter for Mozilla

-if ( window.DOMParser &&

-	  window.XMLSerializer &&

-	  window.Node && Node.prototype && Node.prototype.__defineGetter__ ) {

-

-   if (!Document.prototype.loadXML) {

-      Document.prototype.loadXML = function (s) {

-         var doc2 = (new DOMParser()).parseFromString(s, "text/xml");

-         while (this.hasChildNodes())

-            this.removeChild(this.lastChild);

-

-         for (var i = 0; i < doc2.childNodes.length; i++) {

-            this.appendChild(this.importNode(doc2.childNodes[i], true));

-         }

-      };

-	}

-

-	Document.prototype.__defineGetter__( "xml",

-	   function () {

-		   return (new XMLSerializer()).serializeToString(this);

-	   }

-	 );

-}

-

-document.getElementsByTagAndClassName = function(tagName, className) {

-  if ( tagName == null )

-     tagName = '*';

-

-  var children = document.getElementsByTagName(tagName) || document.all;

-  var elements = new Array();

-

-  if ( className == null )

-    return children;

-

-  for (var i = 0; i < children.length; i++) {

-    var child = children[i];

-    var classNames = child.className.split(' ');

-    for (var j = 0; j < classNames.length; j++) {

-      if (classNames[j] == className) {

-        elements.push(child);

-        break;

-      }

-    }

-  }

-

-  return elements;

-}

-

-

-//-------------------- ricoAccordion.js

-Rico.Accordion = Class.create();

-

-Rico.Accordion.prototype = {

-

-   initialize: function(container, options) {

-      this.container            = $(container);

-      this.lastExpandedTab      = null;

-      this.accordionTabs        = new Array();

-      this.setOptions(options);

-      this._attachBehaviors();

-      if(!container) return;

-

-      this.container.style.borderBottom = '1px solid ' + this.options.borderColor;

-      // validate onloadShowTab

-       if (this.options.onLoadShowTab >= this.accordionTabs.length)

-        this.options.onLoadShowTab = 0;

-

-      // set the initial visual state...

-      for ( var i=0 ; i < this.accordionTabs.length ; i++ )

-      {

-        if (i != this.options.onLoadShowTab){

-         this.accordionTabs[i].collapse();

-         this.accordionTabs[i].content.style.display = 'none';

-        }

-      }

-      this.lastExpandedTab = this.accordionTabs[this.options.onLoadShowTab];

-      if (this.options.panelHeight == 'auto'){

-          var tabToCheck = (this.options.onloadShowTab === 0)? 1 : 0;

-          var titleBarSize = parseInt(RicoUtil.getElementsComputedStyle(this.accordionTabs[tabToCheck].titleBar, 'height'));

-          if (isNaN(titleBarSize))

-            titleBarSize = this.accordionTabs[tabToCheck].titleBar.offsetHeight;

-

-          var totalTitleBarSize = this.accordionTabs.length * titleBarSize;

-          var parentHeight = parseInt(RicoUtil.getElementsComputedStyle(this.container.parentNode, 'height'));

-          if (isNaN(parentHeight))

-            parentHeight = this.container.parentNode.offsetHeight;

-

-          this.options.panelHeight = parentHeight - totalTitleBarSize-2;

-      }

-

-      this.lastExpandedTab.content.style.height = this.options.panelHeight + "px";

-      this.lastExpandedTab.showExpanded();

-      this.lastExpandedTab.titleBar.style.fontWeight = this.options.expandedFontWeight;

-

-   },

-

-   setOptions: function(options) {

-      this.options = {

-         expandedBg          : '#63699c',

-         hoverBg             : '#63699c',

-         collapsedBg         : '#6b79a5',

-         expandedTextColor   : '#ffffff',

-         expandedFontWeight  : 'bold',

-         hoverTextColor      : '#ffffff',

-         collapsedTextColor  : '#ced7ef',

-         collapsedFontWeight : 'normal',

-         hoverTextColor      : '#ffffff',

-         borderColor         : '#1f669b',

-         panelHeight         : 200,

-         onHideTab           : null,

-         onShowTab           : null,

-         onLoadShowTab       : 0

-      }

-      Object.extend(this.options, options || {});

-   },

-

-   showTabByIndex: function( anIndex, animate ) {

-      var doAnimate = arguments.length == 1 ? true : animate;

-      this.showTab( this.accordionTabs[anIndex], doAnimate );

-   },

-

-   showTab: function( accordionTab, animate ) {

-

-      var doAnimate = arguments.length == 1 ? true : animate;

-

-      if ( this.options.onHideTab )

-         this.options.onHideTab(this.lastExpandedTab);

-

-      this.lastExpandedTab.showCollapsed();

-      var accordion = this;

-      var lastExpandedTab = this.lastExpandedTab;

-

-      this.lastExpandedTab.content.style.height = (this.options.panelHeight - 1) + 'px';

-      accordionTab.content.style.display = '';

-

-      accordionTab.titleBar.style.fontWeight = this.options.expandedFontWeight;

-

-      if ( doAnimate ) {

-         new Effect.AccordionSize( this.lastExpandedTab.content,

-                                   accordionTab.content,

-                                   1,

-                                   this.options.panelHeight,

-                                   100, 10,

-                                   { complete: function() {accordion.showTabDone(lastExpandedTab)} } );

-         this.lastExpandedTab = accordionTab;

-      }

-      else {

-         this.lastExpandedTab.content.style.height = "1px";

-         accordionTab.content.style.height = this.options.panelHeight + "px";

-         this.lastExpandedTab = accordionTab;

-         this.showTabDone(lastExpandedTab);

-      }

-   },

-

-   showTabDone: function(collapsedTab) {

-      collapsedTab.content.style.display = 'none';

-      this.lastExpandedTab.showExpanded();

-      if ( this.options.onShowTab )

-         this.options.onShowTab(this.lastExpandedTab);

-   },

-

-   _attachBehaviors: function() {

-      var panels = this._getDirectChildrenByTag(this.container, 'DIV');

-      for ( var i = 0 ; i < panels.length ; i++ ) {

-

-         var tabChildren = this._getDirectChildrenByTag(panels[i],'DIV');

-         if ( tabChildren.length != 2 )

-            continue; // unexpected

-

-         var tabTitleBar   = tabChildren[0];

-         var tabContentBox = tabChildren[1];

-         this.accordionTabs.push( new Rico.Accordion.Tab(this,tabTitleBar,tabContentBox) );

-      }

-   },

-

-   _getDirectChildrenByTag: function(e, tagName) {

-      var kids = new Array();

-      var allKids = e.childNodes;

-      for( var i = 0 ; i < allKids.length ; i++ )

-         if ( allKids[i] && allKids[i].tagName && allKids[i].tagName == tagName )

-            kids.push(allKids[i]);

-      return kids;

-   }

-

-};

-

-Rico.Accordion.Tab = Class.create();

-

-Rico.Accordion.Tab.prototype = {

-

-   initialize: function(accordion, titleBar, content) {

-      this.accordion = accordion;

-      this.titleBar  = titleBar;

-      this.content   = content;

-      this._attachBehaviors();

-   },

-

-   collapse: function() {

-      this.showCollapsed();

-      this.content.style.height = "1px";

-   },

-

-   showCollapsed: function() {

-      this.expanded = false;

-      this.titleBar.style.backgroundColor = this.accordion.options.collapsedBg;

-      this.titleBar.style.color           = this.accordion.options.collapsedTextColor;

-      this.titleBar.style.fontWeight      = this.accordion.options.collapsedFontWeight;

-      this.content.style.overflow = "hidden";

-   },

-

-   showExpanded: function() {

-      this.expanded = true;

-      this.titleBar.style.backgroundColor = this.accordion.options.expandedBg;

-      this.titleBar.style.color           = this.accordion.options.expandedTextColor;

-      this.content.style.overflow         = "visible";

-   },

-

-   titleBarClicked: function(e) {

-      if ( this.accordion.lastExpandedTab == this )

-         return;

-      this.accordion.showTab(this);

-   },

-

-   hover: function(e) {

-		this.titleBar.style.backgroundColor = this.accordion.options.hoverBg;

-		this.titleBar.style.color           = this.accordion.options.hoverTextColor;

-   },

-

-   unhover: function(e) {

-      if ( this.expanded ) {

-         this.titleBar.style.backgroundColor = this.accordion.options.expandedBg;

-         this.titleBar.style.color           = this.accordion.options.expandedTextColor;

-      }

-      else {

-         this.titleBar.style.backgroundColor = this.accordion.options.collapsedBg;

-         this.titleBar.style.color           = this.accordion.options.collapsedTextColor;

-      }

-   },

-

-   _attachBehaviors: function() {

-      this.content.style.border = "1px solid " + this.accordion.options.borderColor;

-      this.content.style.borderTopWidth    = "0px";

-      this.content.style.borderBottomWidth = "0px";

-      this.content.style.margin            = "0px";

-

-      this.titleBar.onclick     = this.titleBarClicked.bindAsEventListener(this);

-      this.titleBar.onmouseover = this.hover.bindAsEventListener(this);

-      this.titleBar.onmouseout  = this.unhover.bindAsEventListener(this);

-   }

-

-};

-

-

-//-------------------- ricoAjaxEngine.js

-/*

-Rico.AjaxEngine = Class.create();

-

-Rico.AjaxEngine.prototype = {

-

-   initialize: function() {

-      this.ajaxElements = new Array();

-      this.ajaxObjects  = new Array();

-      this.requestURLS  = new Array();

-      this.options = {};

-   },

-

-   registerAjaxElement: function( anId, anElement ) {

-      if ( !anElement )

-         anElement = $(anId);

-      this.ajaxElements[anId] = anElement;

-   },

-

-   registerAjaxObject: function( anId, anObject ) {

-      this.ajaxObjects[anId] = anObject;

-   },

-

-   registerRequest: function (requestLogicalName, requestURL) {

-      this.requestURLS[requestLogicalName] = requestURL;

-   },

-

-   sendRequest: function(requestName, options) {

-      // Allow for backwards Compatibility

-      if ( arguments.length >= 2 )

-       if (typeof arguments[1] == 'string')

-         options = {parameters: this._createQueryString(arguments, 1)};

-      this.sendRequestWithData(requestName, null, options);

-   },

-

-   sendRequestWithData: function(requestName, xmlDocument, options) {

-      var requestURL = this.requestURLS[requestName];

-      if ( requestURL == null )

-         return;

-

-      // Allow for backwards Compatibility

-      if ( arguments.length >= 3 )

-        if (typeof arguments[2] == 'string')

-          options.parameters = this._createQueryString(arguments, 2);

-

-      new Ajax.Request(requestURL, this._requestOptions(options,xmlDocument));

-   },

-

-   sendRequestAndUpdate: function(requestName,container,options) {

-      // Allow for backwards Compatibility

-      if ( arguments.length >= 3 )

-        if (typeof arguments[2] == 'string')

-          options.parameters = this._createQueryString(arguments, 2);

-

-      this.sendRequestWithDataAndUpdate(requestName, null, container, options);

-   },

-

-   sendRequestWithDataAndUpdate: function(requestName,xmlDocument,container,options) {

-      var requestURL = this.requestURLS[requestName];

-      if ( requestURL == null )

-         return;

-

-      // Allow for backwards Compatibility

-      if ( arguments.length >= 4 )

-        if (typeof arguments[3] == 'string')

-          options.parameters = this._createQueryString(arguments, 3);

-

-      var updaterOptions = this._requestOptions(options,xmlDocument);

-      // Turn off onComplete

-      //updaterOptions.onComplete = null;

-

-      new Ajax.Updater(container, requestURL, updaterOptions);

-   },

-

-   // Private -- not part of intended engine API --------------------------------------------------------------------

-

-   _requestOptions: function(options,xmlDoc) {

-      var requestHeaders = ['X-Rico-Version', Rico.Version ];

-      var sendMethod = 'post';

-      if ( xmlDoc == null )

-        if (Rico.prototypeVersion < 1.4)

-        requestHeaders.push( 'Content-type', 'text/xml' );

-      else

-          sendMethod = 'get';

-      (!options) ? options = {} : '';

-

-      // Check and keep any user onComplete functions

-      if (options.onComplete)

-           options.onRicoComplete = options.onComplete;

-      // Fix onComplete

-      if (options.overrideOnComplete)

-        options.onComplete = options.overrideOnComplete;

-      else

-        options.onComplete = this._onRequestComplete.bind(this);

-

-     // Set the default options and extend with any user options

-     this.options = {

-                     requestHeaders: requestHeaders,

-                     parameters:     options.parameters,

-                     postBody:       xmlDoc,

-                     method:         sendMethod,

-                     onComplete:     options.onComplete

-                    };

-     // Set any user options:

-     Object.extend(this.options, options);

-     return this.options;

-   },

-

-   _createQueryString: function( theArgs, offset ) {

-      var queryString = ""

-      for ( var i = offset ; i < theArgs.length ; i++ ) {

-          if ( i != offset )

-            queryString += "&";

-

-          var anArg = theArgs[i];

-

-          if ( anArg.name != undefined && anArg.value != undefined ) {

-            queryString += anArg.name +  "=" + escape(anArg.value);

-          }

-          else {

-             var ePos  = anArg.indexOf('=');

-             var argName  = anArg.substring( 0, ePos );

-             var argValue = anArg.substring( ePos + 1 );

-             queryString += argName + "=" + escape(argValue);

-          }

-      }

-      return queryString;

-   },

-

-   _onRequestComplete : function(request) {

-      if(!request)

-          return;

-      // User can set an onFailure option - which will be called by prototype

-      if (request.status != 200)

-        return;

-

-      var response = request.responseXML.getElementsByTagName("ajax-response");

-      if (response == null || response.length != 1)

-         return;

-      this._processAjaxResponse( response[0].childNodes );

-

-      // Check if user has set a onComplete function

-      var onRicoComplete = this.options.onRicoComplete;

-      if (onRicoComplete != null)

-          onRicoComplete();

-   },

-

-   _processAjaxResponse: function( xmlResponseElements ) {

-      for ( var i = 0 ; i < xmlResponseElements.length ; i++ ) {

-         var responseElement = xmlResponseElements[i];

-

-         // only process nodes of type element.....

-         if ( responseElement.nodeType != 1 )

-            continue;

-

-         var responseType = responseElement.getAttribute("type");

-         var responseId   = responseElement.getAttribute("id");

-

-         if ( responseType == "object" )

-            this._processAjaxObjectUpdate( this.ajaxObjects[ responseId ], responseElement );

-         else if ( responseType == "element" )

-            this._processAjaxElementUpdate( this.ajaxElements[ responseId ], responseElement );

-         else

-            alert('unrecognized AjaxResponse type : ' + responseType );

-      }

-   },

-

-   _processAjaxObjectUpdate: function( ajaxObject, responseElement ) {

-      ajaxObject.ajaxUpdate( responseElement );

-   },

-

-   _processAjaxElementUpdate: function( ajaxElement, responseElement ) {

-      ajaxElement.innerHTML = RicoUtil.getContentAsString(responseElement);

-   }

-

-}

-

-var ajaxEngine = new Rico.AjaxEngine();

-*/

-

-//-------------------- ricoColor.js

-/*Rico.Color = Class.create();

-

-Rico.Color.prototype = {

-

-   initialize: function(red, green, blue) {

-      this.rgb = { r: red, g : green, b : blue };

-   },

-

-   setRed: function(r) {

-      this.rgb.r = r;

-   },

-

-   setGreen: function(g) {

-      this.rgb.g = g;

-   },

-

-   setBlue: function(b) {

-      this.rgb.b = b;

-   },

-

-   setHue: function(h) {

-

-      // get an HSB model, and set the new hue...

-      var hsb = this.asHSB();

-      hsb.h = h;

-

-      // convert back to RGB...

-      this.rgb = Rico.Color.HSBtoRGB(hsb.h, hsb.s, hsb.b);

-   },

-

-   setSaturation: function(s) {

-      // get an HSB model, and set the new hue...

-      var hsb = this.asHSB();

-      hsb.s = s;

-

-      // convert back to RGB and set values...

-      this.rgb = Rico.Color.HSBtoRGB(hsb.h, hsb.s, hsb.b);

-   },

-

-   setBrightness: function(b) {

-      // get an HSB model, and set the new hue...

-      var hsb = this.asHSB();

-      hsb.b = b;

-

-      // convert back to RGB and set values...

-      this.rgb = Rico.Color.HSBtoRGB( hsb.h, hsb.s, hsb.b );

-   },

-

-   darken: function(percent) {

-      var hsb  = this.asHSB();

-      this.rgb = Rico.Color.HSBtoRGB(hsb.h, hsb.s, Math.max(hsb.b - percent,0));

-   },

-

-   brighten: function(percent) {

-      var hsb  = this.asHSB();

-      this.rgb = Rico.Color.HSBtoRGB(hsb.h, hsb.s, Math.min(hsb.b + percent,1));

-   },

-

-   blend: function(other) {

-      this.rgb.r = Math.floor((this.rgb.r + other.rgb.r)/2);

-      this.rgb.g = Math.floor((this.rgb.g + other.rgb.g)/2);

-      this.rgb.b = Math.floor((this.rgb.b + other.rgb.b)/2);

-   },

-

-   isBright: function() {

-      var hsb = this.asHSB();

-      return this.asHSB().b > 0.5;

-   },

-

-   isDark: function() {

-      return ! this.isBright();

-   },

-

-   asRGB: function() {

-      return "rgb(" + this.rgb.r + "," + this.rgb.g + "," + this.rgb.b + ")";

-   },

-

-   asHex: function() {

-      return "#" + this.rgb.r.toColorPart() + this.rgb.g.toColorPart() + this.rgb.b.toColorPart();

-   },

-

-   asHSB: function() {

-      return Rico.Color.RGBtoHSB(this.rgb.r, this.rgb.g, this.rgb.b);

-   },

-

-   toString: function() {

-      return this.asHex();

-   }

-

-};

-

-Rico.Color.createFromHex = function(hexCode) {

-

-   if ( hexCode.indexOf('#') == 0 )

-      hexCode = hexCode.substring(1);

-   var red   = hexCode.substring(0,2);

-   var green = hexCode.substring(2,4);

-   var blue  = hexCode.substring(4,6);

-   return new Rico.Color( parseInt(red,16), parseInt(green,16), parseInt(blue,16) );

-}

-

-/**

- * Factory method for creating a color from the background of

- * an HTML element.

- *

-Rico.Color.createColorFromBackground = function(elem) {

-

-   var actualColor = RicoUtil.getElementsComputedStyle($(elem), "backgroundColor", "background-color");

-

-   if ( actualColor == "transparent" && elem.parent )

-      return Rico.Color.createColorFromBackground(elem.parent);

-

-   if ( actualColor == null )

-      return new Rico.Color(255,255,255);

-

-   if ( actualColor.indexOf("rgb(") == 0 ) {

-      var colors = actualColor.substring(4, actualColor.length - 1 );

-      var colorArray = colors.split(",");

-      return new Rico.Color( parseInt( colorArray[0] ),

-                            parseInt( colorArray[1] ),

-                            parseInt( colorArray[2] )  );

-

-   }

-   else if ( actualColor.indexOf("#") == 0 ) {

-      var redPart   = parseInt(actualColor.substring(1,3), 16);

-      var greenPart = parseInt(actualColor.substring(3,5), 16);

-      var bluePart  = parseInt(actualColor.substring(5), 16);

-      return new Rico.Color( redPart, greenPart, bluePart );

-   }

-   else

-      return new Rico.Color(255,255,255);

-}

-

-Rico.Color.HSBtoRGB = function(hue, saturation, brightness) {

-

-   var red   = 0;

-	var green = 0;

-	var blue  = 0;

-

-   if (saturation == 0) {

-      red = parseInt(brightness * 255.0 + 0.5);

-	   green = red;

-	   blue = red;

-	}

-	else {

-      var h = (hue - Math.floor(hue)) * 6.0;

-      var f = h - Math.floor(h);

-      var p = brightness * (1.0 - saturation);

-      var q = brightness * (1.0 - saturation * f);

-      var t = brightness * (1.0 - (saturation * (1.0 - f)));

-

-      switch (parseInt(h)) {

-         case 0:

-            red   = (brightness * 255.0 + 0.5);

-            green = (t * 255.0 + 0.5);

-            blue  = (p * 255.0 + 0.5);

-            break;

-         case 1:

-            red   = (q * 255.0 + 0.5);

-            green = (brightness * 255.0 + 0.5);

-            blue  = (p * 255.0 + 0.5);

-            break;

-         case 2:

-            red   = (p * 255.0 + 0.5);

-            green = (brightness * 255.0 + 0.5);

-            blue  = (t * 255.0 + 0.5);

-            break;

-         case 3:

-            red   = (p * 255.0 + 0.5);

-            green = (q * 255.0 + 0.5);

-            blue  = (brightness * 255.0 + 0.5);

-            break;

-         case 4:

-            red   = (t * 255.0 + 0.5);

-            green = (p * 255.0 + 0.5);

-            blue  = (brightness * 255.0 + 0.5);

-            break;

-          case 5:

-            red   = (brightness * 255.0 + 0.5);

-            green = (p * 255.0 + 0.5);

-            blue  = (q * 255.0 + 0.5);

-            break;

-	    }

-	}

-

-   return { r : parseInt(red), g : parseInt(green) , b : parseInt(blue) };

-}

-

-Rico.Color.RGBtoHSB = function(r, g, b) {

-

-   var hue;

-   var saturaton;

-   var brightness;

-

-   var cmax = (r > g) ? r : g;

-   if (b > cmax)

-      cmax = b;

-

-   var cmin = (r < g) ? r : g;

-   if (b < cmin)

-      cmin = b;

-

-   brightness = cmax / 255.0;

-   if (cmax != 0)

-      saturation = (cmax - cmin)/cmax;

-   else

-      saturation = 0;

-

-   if (saturation == 0)

-      hue = 0;

-   else {

-      var redc   = (cmax - r)/(cmax - cmin);

-    	var greenc = (cmax - g)/(cmax - cmin);

-    	var bluec  = (cmax - b)/(cmax - cmin);

-

-    	if (r == cmax)

-    	   hue = bluec - greenc;

-    	else if (g == cmax)

-    	   hue = 2.0 + redc - bluec;

-      else

-    	   hue = 4.0 + greenc - redc;

-

-    	hue = hue / 6.0;

-    	if (hue < 0)

-    	   hue = hue + 1.0;

-   }

-

-   return { h : hue, s : saturation, b : brightness };

-}

-*/

-

-//-------------------- ricoCorner.js

-Rico.Corner = {

-

-   round: function(e, options) {

-      var e = $(e);

-      this._setOptions(options);

-

-      var color = this.options.color;

-      if ( this.options.color == "fromElement" )

-         color = this._background(e);

-

-      var bgColor = this.options.bgColor;

-      if ( this.options.bgColor == "fromParent" )

-         bgColor = this._background(e.offsetParent);

-

-      this._roundCornersImpl(e, color, bgColor);

-   },

-

-   _roundCornersImpl: function(e, color, bgColor) {

-      if(this.options.border)

-         this._renderBorder(e,bgColor);

-      if(this._isTopRounded())

-         this._roundTopCorners(e,color,bgColor);

-      if(this._isBottomRounded())

-         this._roundBottomCorners(e,color,bgColor);

-   },

-

-   _renderBorder: function(el,bgColor) {

-      var borderValue = "1px solid " + this._borderColor(bgColor);

-      var borderL = "border-left: "  + borderValue;

-      var borderR = "border-right: " + borderValue;

-      var style   = "style='" + borderL + ";" + borderR +  "'";

-      el.innerHTML = "<div " + style + ">" + el.innerHTML + "</div>"

-   },

-

-   _roundTopCorners: function(el, color, bgColor) {

-      var corner = this._createCorner(bgColor);

-      for(var i=0 ; i < this.options.numSlices ; i++ )

-         corner.appendChild(this._createCornerSlice(color,bgColor,i,"top"));

-      el.style.paddingTop = 0;

-      el.insertBefore(corner,el.firstChild);

-   },

-

-   _roundBottomCorners: function(el, color, bgColor) {

-      var corner = this._createCorner(bgColor);

-      for(var i=(this.options.numSlices-1) ; i >= 0 ; i-- )

-         corner.appendChild(this._createCornerSlice(color,bgColor,i,"bottom"));

-      el.style.paddingBottom = 0;

-      el.appendChild(corner);

-   },

-

-   _createCorner: function(bgColor) {

-      var corner = document.createElement("div");

-      corner.style.backgroundColor = (this._isTransparent() ? "transparent" : bgColor);

-      return corner;

-   },

-

-   _createCornerSlice: function(color,bgColor, n, position) {

-      var slice = document.createElement("span");

-

-      var inStyle = slice.style;

-      inStyle.backgroundColor = color;

-      inStyle.display  = "block";

-      inStyle.height   = "1px";

-      inStyle.overflow = "hidden";

-      inStyle.fontSize = "1px";

-

-      var borderColor = this._borderColor(color,bgColor);

-      if ( this.options.border && n == 0 ) {

-         inStyle.borderTopStyle    = "solid";

-         inStyle.borderTopWidth    = "1px";

-         inStyle.borderLeftWidth   = "0px";

-         inStyle.borderRightWidth  = "0px";

-         inStyle.borderBottomWidth = "0px";

-         inStyle.height            = "0px"; // assumes css compliant box model

-         inStyle.borderColor       = borderColor;

-      }

-      else if(borderColor) {

-         inStyle.borderColor = borderColor;

-         inStyle.borderStyle = "solid";

-         inStyle.borderWidth = "0px 1px";

-      }

-

-      if ( !this.options.compact && (n == (this.options.numSlices-1)) )

-         inStyle.height = "2px";

-

-      this._setMargin(slice, n, position);

-      this._setBorder(slice, n, position);

-      return slice;

-   },

-

-   _setOptions: function(options) {

-      this.options = {

-         corners : "all",

-         color   : "fromElement",

-         bgColor : "fromParent",

-         blend   : true,

-         border  : false,

-         compact : false

-      }

-      Object.extend(this.options, options || {});

-

-      this.options.numSlices = this.options.compact ? 2 : 4;

-      if ( this._isTransparent() )

-         this.options.blend = false;

-   },

-

-   _whichSideTop: function() {

-      if ( this._hasString(this.options.corners, "all", "top") )

-         return "";

-

-      if ( this.options.corners.indexOf("tl") >= 0 && this.options.corners.indexOf("tr") >= 0 )

-         return "";

-

-      if (this.options.corners.indexOf("tl") >= 0)

-         return "left";

-      else if (this.options.corners.indexOf("tr") >= 0)

-          return "right";

-      return "";

-   },

-

-   _whichSideBottom: function() {

-      if ( this._hasString(this.options.corners, "all", "bottom") )

-         return "";

-

-      if ( this.options.corners.indexOf("bl")>=0 && this.options.corners.indexOf("br")>=0 )

-         return "";

-

-      if(this.options.corners.indexOf("bl") >=0)

-         return "left";

-      else if(this.options.corners.indexOf("br")>=0)

-         return "right";

-      return "";

-   },

-

-   _borderColor : function(color,bgColor) {

-      if ( color == "transparent" )

-         return bgColor;

-      else if ( this.options.border )

-         return this.options.border;

-      else if ( this.options.blend )

-         return this._blend( bgColor, color );

-      else

-         return "";

-   },

-

-

-   _setMargin: function(el, n, corners) {

-      var marginSize = this._marginSize(n);

-      var whichSide = corners == "top" ? this._whichSideTop() : this._whichSideBottom();

-

-      if ( whichSide == "left" ) {

-         el.style.marginLeft = marginSize + "px"; el.style.marginRight = "0px";

-      }

-      else if ( whichSide == "right" ) {

-         el.style.marginRight = marginSize + "px"; el.style.marginLeft  = "0px";

-      }

-      else {

-         el.style.marginLeft = marginSize + "px"; el.style.marginRight = marginSize + "px";

-      }

-   },

-

-   _setBorder: function(el,n,corners) {

-      var borderSize = this._borderSize(n);

-      var whichSide = corners == "top" ? this._whichSideTop() : this._whichSideBottom();

-      if ( whichSide == "left" ) {

-         el.style.borderLeftWidth = borderSize + "px"; el.style.borderRightWidth = "0px";

-      }

-      else if ( whichSide == "right" ) {

-         el.style.borderRightWidth = borderSize + "px"; el.style.borderLeftWidth  = "0px";

-      }

-      else {

-         el.style.borderLeftWidth = borderSize + "px"; el.style.borderRightWidth = borderSize + "px";

-      }

-      if (this.options.border != false)

-        el.style.borderLeftWidth = borderSize + "px"; el.style.borderRightWidth = borderSize + "px";

-   },

-

-   _marginSize: function(n) {

-      if ( this._isTransparent() )

-         return 0;

-

-      var marginSizes          = [ 5, 3, 2, 1 ];

-      var blendedMarginSizes   = [ 3, 2, 1, 0 ];

-      var compactMarginSizes   = [ 2, 1 ];

-      var smBlendedMarginSizes = [ 1, 0 ];

-

-      if ( this.options.compact && this.options.blend )

-         return smBlendedMarginSizes[n];

-      else if ( this.options.compact )

-         return compactMarginSizes[n];

-      else if ( this.options.blend )

-         return blendedMarginSizes[n];

-      else

-         return marginSizes[n];

-   },

-

-   _borderSize: function(n) {

-      var transparentBorderSizes = [ 5, 3, 2, 1 ];

-      var blendedBorderSizes     = [ 2, 1, 1, 1 ];

-      var compactBorderSizes     = [ 1, 0 ];

-      var actualBorderSizes      = [ 0, 2, 0, 0 ];

-

-      if ( this.options.compact && (this.options.blend || this._isTransparent()) )

-         return 1;

-      else if ( this.options.compact )

-         return compactBorderSizes[n];

-      else if ( this.options.blend )

-         return blendedBorderSizes[n];

-      else if ( this.options.border )

-         return actualBorderSizes[n];

-      else if ( this._isTransparent() )

-         return transparentBorderSizes[n];

-      return 0;

-   },

-

-   _hasString: function(str) { for(var i=1 ; i<arguments.length ; i++) if (str.indexOf(arguments[i]) >= 0) return true; return false; },

-   _blend: function(c1, c2) { var cc1 = Rico.Color.createFromHex(c1); cc1.blend(Rico.Color.createFromHex(c2)); return cc1; },

-   _background: function(el) { try { return Rico.Color.createColorFromBackground(el).asHex(); } catch(err) { return "#ffffff"; } },

-   _isTransparent: function() { return this.options.color == "transparent"; },

-   _isTopRounded: function() { return this._hasString(this.options.corners, "all", "top", "tl", "tr"); },

-   _isBottomRounded: function() { return this._hasString(this.options.corners, "all", "bottom", "bl", "br"); },

-   _hasSingleTextChild: function(el) { return el.childNodes.length == 1 && el.childNodes[0].nodeType == 3; }

-}

-

-

-//-------------------- ricoDragAndDrop.js

-/*

-Rico.DragAndDrop = Class.create();

-

-Rico.DragAndDrop.prototype = {

-

-   initialize: function() {

-      this.dropZones                = new Array();

-      this.draggables               = new Array();

-      this.currentDragObjects       = new Array();

-      this.dragElement              = null;

-      this.lastSelectedDraggable    = null;

-      this.currentDragObjectVisible = false;

-      this.interestedInMotionEvents = false;

-      this._mouseDown = this._mouseDownHandler.bindAsEventListener(this);

-      this._mouseMove = this._mouseMoveHandler.bindAsEventListener(this);

-      this._mouseUp = this._mouseUpHandler.bindAsEventListener(this);

-   },

-

-   registerDropZone: function(aDropZone) {

-      this.dropZones[ this.dropZones.length ] = aDropZone;

-   },

-

-   deregisterDropZone: function(aDropZone) {

-      var newDropZones = new Array();

-      var j = 0;

-      for ( var i = 0 ; i < this.dropZones.length ; i++ ) {

-         if ( this.dropZones[i] != aDropZone )

-            newDropZones[j++] = this.dropZones[i];

-      }

-

-      this.dropZones = newDropZones;

-   },

-

-   clearDropZones: function() {

-      this.dropZones = new Array();

-   },

-

-   registerDraggable: function( aDraggable ) {

-      this.draggables[ this.draggables.length ] = aDraggable;

-      this._addMouseDownHandler( aDraggable );

-   },

-

-   clearSelection: function() {

-      for ( var i = 0 ; i < this.currentDragObjects.length ; i++ )

-         this.currentDragObjects[i].deselect();

-      this.currentDragObjects = new Array();

-      this.lastSelectedDraggable = null;

-   },

-

-   hasSelection: function() {

-      return this.currentDragObjects.length > 0;

-   },

-

-   setStartDragFromElement: function( e, mouseDownElement ) {

-      this.origPos = RicoUtil.toDocumentPosition(mouseDownElement);

-      this.startx = e.screenX - this.origPos.x

-      this.starty = e.screenY - this.origPos.y

-      //this.startComponentX = e.layerX ? e.layerX : e.offsetX;

-      //this.startComponentY = e.layerY ? e.layerY : e.offsetY;

-      //this.adjustedForDraggableSize = false;

-

-      this.interestedInMotionEvents = this.hasSelection();

-      this._terminateEvent(e);

-   },

-

-   updateSelection: function( draggable, extendSelection ) {

-      if ( ! extendSelection )

-         this.clearSelection();

-

-      if ( draggable.isSelected() ) {

-         this.currentDragObjects.removeItem(draggable);

-         draggable.deselect();

-         if ( draggable == this.lastSelectedDraggable )

-            this.lastSelectedDraggable = null;

-      }

-      else {

-         this.currentDragObjects[ this.currentDragObjects.length ] = draggable;

-         draggable.select();

-         this.lastSelectedDraggable = draggable;

-      }

-   },

-

-   _mouseDownHandler: function(e) {

-      if ( arguments.length == 0 )

-         e = event;

-

-      // if not button 1 ignore it...

-      var nsEvent = e.which != undefined;

-      if ( (nsEvent && e.which != 1) || (!nsEvent && e.button != 1))

-         return;

-

-      var eventTarget      = e.target ? e.target : e.srcElement;

-      var draggableObject  = eventTarget.draggable;

-

-      var candidate = eventTarget;

-      while (draggableObject == null && candidate.parentNode) {

-         candidate = candidate.parentNode;

-         draggableObject = candidate.draggable;

-      }

-

-      if ( draggableObject == null )

-         return;

-

-      this.updateSelection( draggableObject, e.ctrlKey );

-

-      // clear the drop zones postion cache...

-      if ( this.hasSelection() )

-         for ( var i = 0 ; i < this.dropZones.length ; i++ )

-            this.dropZones[i].clearPositionCache();

-

-      this.setStartDragFromElement( e, draggableObject.getMouseDownHTMLElement() );

-   },

-

-

-   _mouseMoveHandler: function(e) {

-      var nsEvent = e.which != undefined;

-      if ( !this.interestedInMotionEvents ) {

-         //this._terminateEvent(e);

-         return;

-      }

-

-      if ( ! this.hasSelection() )

-         return;

-

-      if ( ! this.currentDragObjectVisible )

-         this._startDrag(e);

-

-      if ( !this.activatedDropZones )

-         this._activateRegisteredDropZones();

-

-      //if ( !this.adjustedForDraggableSize )

-      //   this._adjustForDraggableSize(e);

-

-      this._updateDraggableLocation(e);

-      this._updateDropZonesHover(e);

-

-      this._terminateEvent(e);

-   },

-

-   _makeDraggableObjectVisible: function(e)

-   {

-      if ( !this.hasSelection() )

-         return;

-

-      var dragElement;

-      if ( this.currentDragObjects.length > 1 )

-         dragElement = this.currentDragObjects[0].getMultiObjectDragGUI(this.currentDragObjects);

-      else

-         dragElement = this.currentDragObjects[0].getSingleObjectDragGUI();

-

-      // go ahead and absolute position it...

-      if ( RicoUtil.getElementsComputedStyle(dragElement, "position")  != "absolute" )

-         dragElement.style.position = "absolute";

-

-      // need to parent him into the document...

-      if ( dragElement.parentNode == null || dragElement.parentNode.nodeType == 11 )

-         document.body.appendChild(dragElement);

-

-      this.dragElement = dragElement;

-      this._updateDraggableLocation(e);

-

-      this.currentDragObjectVisible = true;

-   },

-

-   /**

-   _adjustForDraggableSize: function(e) {

-      var dragElementWidth  = this.dragElement.offsetWidth;

-      var dragElementHeight = this.dragElement.offsetHeight;

-      if ( this.startComponentX > dragElementWidth )

-         this.startx -= this.startComponentX - dragElementWidth + 2;

-      if ( e.offsetY ) {

-         if ( this.startComponentY > dragElementHeight )

-            this.starty -= this.startComponentY - dragElementHeight + 2;

-      }

-      this.adjustedForDraggableSize = true;

-   },

-   **/

-/*

-   _updateDraggableLocation: function(e) {

-      var dragObjectStyle = this.dragElement.style;

-      dragObjectStyle.left = (e.screenX - this.startx) + "px"

-      dragObjectStyle.top  = (e.screenY - this.starty) + "px";

-   },

-

-   _updateDropZonesHover: function(e) {

-      var n = this.dropZones.length;

-      for ( var i = 0 ; i < n ; i++ ) {

-         if ( ! this._mousePointInDropZone( e, this.dropZones[i] ) )

-            this.dropZones[i].hideHover();

-      }

-

-      for ( var i = 0 ; i < n ; i++ ) {

-         if ( this._mousePointInDropZone( e, this.dropZones[i] ) ) {

-            if ( this.dropZones[i].canAccept(this.currentDragObjects) )

-               this.dropZones[i].showHover();

-         }

-      }

-   },

-

-   _startDrag: function(e) {

-      for ( var i = 0 ; i < this.currentDragObjects.length ; i++ )

-         this.currentDragObjects[i].startDrag();

-

-      this._makeDraggableObjectVisible(e);

-   },

-

-   _mouseUpHandler: function(e) {

-      if ( ! this.hasSelection() )

-         return;

-

-      var nsEvent = e.which != undefined;

-      if ( (nsEvent && e.which != 1) || (!nsEvent && e.button != 1))

-         return;

-

-      this.interestedInMotionEvents = false;

-

-      if ( this.dragElement == null ) {

-         this._terminateEvent(e);

-         return;

-      }

-

-      if ( this._placeDraggableInDropZone(e) )

-         this._completeDropOperation(e);

-      else {

-         this._terminateEvent(e);

-         new Effect.Position( this.dragElement,

-                              this.origPos.x,

-                              this.origPos.y,

-                              200,

-                              20,

-                              { complete : this._doCancelDragProcessing.bind(this) } );

-      }

-

-     Event.stopObserving(document.body, "mousemove", this._mouseMove);

-     Event.stopObserving(document.body, "mouseup",  this._mouseUp);

-   },

-

-   _retTrue: function () {

-      return true;

-   },

-

-   _completeDropOperation: function(e) {

-      if ( this.dragElement != this.currentDragObjects[0].getMouseDownHTMLElement() ) {

-         if ( this.dragElement.parentNode != null )

-            this.dragElement.parentNode.removeChild(this.dragElement);

-      }

-

-      this._deactivateRegisteredDropZones();

-      this._endDrag();

-      this.clearSelection();

-      this.dragElement = null;

-      this.currentDragObjectVisible = false;

-      this._terminateEvent(e);

-   },

-

-   _doCancelDragProcessing: function() {

-      this._cancelDrag();

-

-        if ( this.dragElement != this.currentDragObjects[0].getMouseDownHTMLElement() && this.dragElement)

-           if ( this.dragElement.parentNode != null )

-              this.dragElement.parentNode.removeChild(this.dragElement);

-

-

-      this._deactivateRegisteredDropZones();

-      this.dragElement = null;

-      this.currentDragObjectVisible = false;

-   },

-

-   _placeDraggableInDropZone: function(e) {

-      var foundDropZone = false;

-      var n = this.dropZones.length;

-      for ( var i = 0 ; i < n ; i++ ) {

-         if ( this._mousePointInDropZone( e, this.dropZones[i] ) ) {

-            if ( this.dropZones[i].canAccept(this.currentDragObjects) ) {

-               this.dropZones[i].hideHover();

-               this.dropZones[i].accept(this.currentDragObjects);

-               foundDropZone = true;

-               break;

-            }

-         }

-      }

-

-      return foundDropZone;

-   },

-

-   _cancelDrag: function() {

-      for ( var i = 0 ; i < this.currentDragObjects.length ; i++ )

-         this.currentDragObjects[i].cancelDrag();

-   },

-

-   _endDrag: function() {

-      for ( var i = 0 ; i < this.currentDragObjects.length ; i++ )

-         this.currentDragObjects[i].endDrag();

-   },

-

-   _mousePointInDropZone: function( e, dropZone ) {

-

-      var absoluteRect = dropZone.getAbsoluteRect();

-

-      return e.clientX  > absoluteRect.left  &&

-             e.clientX  < absoluteRect.right &&

-             e.clientY  > absoluteRect.top   &&

-             e.clientY  < absoluteRect.bottom;

-   },

-

-   _addMouseDownHandler: function( aDraggable )

-   {

-       htmlElement  = aDraggable.getMouseDownHTMLElement();

-      if ( htmlElement  != null ) {

-         htmlElement.draggable = aDraggable;

-         Event.observe(htmlElement , "mousedown", this._onmousedown.bindAsEventListener(this));

-         Event.observe(htmlElement, "mousedown", this._mouseDown);

-      }

-   },

-

-   _activateRegisteredDropZones: function() {

-      var n = this.dropZones.length;

-      for ( var i = 0 ; i < n ; i++ ) {

-         var dropZone = this.dropZones[i];

-         if ( dropZone.canAccept(this.currentDragObjects) )

-            dropZone.activate();

-      }

-

-      this.activatedDropZones = true;

-   },

-

-   _deactivateRegisteredDropZones: function() {

-      var n = this.dropZones.length;

-      for ( var i = 0 ; i < n ; i++ )

-         this.dropZones[i].deactivate();

-      this.activatedDropZones = false;

-   },

-

-   _onmousedown: function () {

-     Event.observe(document.body, "mousemove", this._mouseMove);

-     Event.observe(document.body, "mouseup",  this._mouseUp);

-   },

-

-   _terminateEvent: function(e) {

-      if ( e.stopPropagation != undefined )

-         e.stopPropagation();

-      else if ( e.cancelBubble != undefined )

-         e.cancelBubble = true;

-

-      if ( e.preventDefault != undefined )

-         e.preventDefault();

-      else

-         e.returnValue = false;

-   }

-

-}

-

-Rico.Draggable = Class.create();

-

-Rico.Draggable.prototype = {

-

-   initialize: function( type, htmlElement ) {

-      this.type          = type;

-      this.htmlElement   = $(htmlElement);

-      this.selected      = false;

-   },

-

-   /**

-    *   Returns the HTML element that should have a mouse down event

-    *   added to it in order to initiate a drag operation

-    *

-    **//*

-   getMouseDownHTMLElement: function() {

-      return this.htmlElement;

-   },

-

-   select: function() {

-      this.selected = true;

-

-      if ( this.showingSelected )

-         return;

-

-      var htmlElement = this.getMouseDownHTMLElement();

-

-      var color = Rico.Color.createColorFromBackground(htmlElement);

-      color.isBright() ? color.darken(0.033) : color.brighten(0.033);

-

-      this.saveBackground = RicoUtil.getElementsComputedStyle(htmlElement, "backgroundColor", "background-color");

-      htmlElement.style.backgroundColor = color.asHex();

-      this.showingSelected = true;

-   },

-

-   deselect: function() {

-      this.selected = false;

-      if ( !this.showingSelected )

-         return;

-

-      var htmlElement = this.getMouseDownHTMLElement();

-

-      htmlElement.style.backgroundColor = this.saveBackground;

-      this.showingSelected = false;

-   },

-

-   isSelected: function() {

-      return this.selected;

-   },

-

-   startDrag: function() {

-   },

-

-   cancelDrag: function() {

-   },

-

-   endDrag: function() {

-   },

-

-   getSingleObjectDragGUI: function() {

-      return this.htmlElement;

-   },

-

-   getMultiObjectDragGUI: function( draggables ) {

-      return this.htmlElement;

-   },

-

-   getDroppedGUI: function() {

-      return this.htmlElement;

-   },

-

-   toString: function() {

-      return this.type + ":" + this.htmlElement + ":";

-   }

-

-}

-

-Rico.Dropzone = Class.create();

-

-Rico.Dropzone.prototype = {

-

-   initialize: function( htmlElement ) {

-      this.htmlElement  = $(htmlElement);

-      this.absoluteRect = null;

-   },

-

-   getHTMLElement: function() {

-      return this.htmlElement;

-   },

-

-   clearPositionCache: function() {

-      this.absoluteRect = null;

-   },

-

-   getAbsoluteRect: function() {

-      if ( this.absoluteRect == null ) {

-         var htmlElement = this.getHTMLElement();

-         var pos = RicoUtil.toViewportPosition(htmlElement);

-

-         this.absoluteRect = {

-            top:    pos.y,

-            left:   pos.x,

-            bottom: pos.y + htmlElement.offsetHeight,

-            right:  pos.x + htmlElement.offsetWidth

-         };

-      }

-      return this.absoluteRect;

-   },

-

-   activate: function() {

-      var htmlElement = this.getHTMLElement();

-      if (htmlElement == null  || this.showingActive)

-         return;

-

-      this.showingActive = true;

-      this.saveBackgroundColor = htmlElement.style.backgroundColor;

-

-      var fallbackColor = "#ffea84";

-      var currentColor = Rico.Color.createColorFromBackground(htmlElement);

-      if ( currentColor == null )

-         htmlElement.style.backgroundColor = fallbackColor;

-      else {

-         currentColor.isBright() ? currentColor.darken(0.2) : currentColor.brighten(0.2);

-         htmlElement.style.backgroundColor = currentColor.asHex();

-      }

-   },

-

-   deactivate: function() {

-      var htmlElement = this.getHTMLElement();

-      if (htmlElement == null || !this.showingActive)

-         return;

-

-      htmlElement.style.backgroundColor = this.saveBackgroundColor;

-      this.showingActive = false;

-      this.saveBackgroundColor = null;

-   },

-

-   showHover: function() {

-      var htmlElement = this.getHTMLElement();

-      if ( htmlElement == null || this.showingHover )

-         return;

-

-      this.saveBorderWidth = htmlElement.style.borderWidth;

-      this.saveBorderStyle = htmlElement.style.borderStyle;

-      this.saveBorderColor = htmlElement.style.borderColor;

-

-      this.showingHover = true;

-      htmlElement.style.borderWidth = "1px";

-      htmlElement.style.borderStyle = "solid";

-      //htmlElement.style.borderColor = "#ff9900";

-      htmlElement.style.borderColor = "#ffff00";

-   },

-

-   hideHover: function() {

-      var htmlElement = this.getHTMLElement();

-      if ( htmlElement == null || !this.showingHover )

-         return;

-

-      htmlElement.style.borderWidth = this.saveBorderWidth;

-      htmlElement.style.borderStyle = this.saveBorderStyle;

-      htmlElement.style.borderColor = this.saveBorderColor;

-      this.showingHover = false;

-   },

-

-   canAccept: function(draggableObjects) {

-      return true;

-   },

-

-   accept: function(draggableObjects) {

-      var htmlElement = this.getHTMLElement();

-      if ( htmlElement == null )

-         return;

-

-      n = draggableObjects.length;

-      for ( var i = 0 ; i < n ; i++ )

-      {

-         var theGUI = draggableObjects[i].getDroppedGUI();

-         if ( RicoUtil.getElementsComputedStyle( theGUI, "position" ) == "absolute" )

-         {

-            theGUI.style.position = "static";

-            theGUI.style.top = "";

-            theGUI.style.top = "";

-         }

-         htmlElement.appendChild(theGUI);

-      }

-   }

-}

-

-var dndMgr = new Rico.DragAndDrop();

-

-

-

-//-------------------- ricoDraggable.js

-Rico.Draggable = Class.create();

-

-Rico.Draggable.prototype = {

-

-   initialize: function( type, htmlElement ) {

-      this.type          = type;

-      this.htmlElement   = $(htmlElement);

-      this.selected      = false;

-   },

-

-   /**

-    *   Returns the HTML element that should have a mouse down event

-    *   added to it in order to initiate a drag operation

-    *

-    **//*

-   getMouseDownHTMLElement: function() {

-      return this.htmlElement;

-   },

-

-   select: function() {

-      this.selected = true;

-

-      if ( this.showingSelected )

-         return;

-

-      var htmlElement = this.getMouseDownHTMLElement();

-

-      var color = Rico.Color.createColorFromBackground(htmlElement);

-      color.isBright() ? color.darken(0.033) : color.brighten(0.033);

-

-      this.saveBackground = RicoUtil.getElementsComputedStyle(htmlElement, "backgroundColor", "background-color");

-      htmlElement.style.backgroundColor = color.asHex();

-      this.showingSelected = true;

-   },

-

-   deselect: function() {

-      this.selected = false;

-      if ( !this.showingSelected )

-         return;

-

-      var htmlElement = this.getMouseDownHTMLElement();

-

-      htmlElement.style.backgroundColor = this.saveBackground;

-      this.showingSelected = false;

-   },

-

-   isSelected: function() {

-      return this.selected;

-   },

-

-   startDrag: function() {

-   },

-

-   cancelDrag: function() {

-   },

-

-   endDrag: function() {

-   },

-

-   getSingleObjectDragGUI: function() {

-      return this.htmlElement;

-   },

-

-   getMultiObjectDragGUI: function( draggables ) {

-      return this.htmlElement;

-   },

-

-   getDroppedGUI: function() {

-      return this.htmlElement;

-   },

-

-   toString: function() {

-      return this.type + ":" + this.htmlElement + ":";

-   }

-

-}

-

-

-//-------------------- ricoDropzone.js

-Rico.Dropzone = Class.create();

-

-Rico.Dropzone.prototype = {

-

-   initialize: function( htmlElement ) {

-      this.htmlElement  = $(htmlElement);

-      this.absoluteRect = null;

-   },

-

-   getHTMLElement: function() {

-      return this.htmlElement;

-   },

-

-   clearPositionCache: function() {

-      this.absoluteRect = null;

-   },

-

-   getAbsoluteRect: function() {

-      if ( this.absoluteRect == null ) {

-         var htmlElement = this.getHTMLElement();

-         var pos = RicoUtil.toViewportPosition(htmlElement);

-

-         this.absoluteRect = {

-            top:    pos.y,

-            left:   pos.x,

-            bottom: pos.y + htmlElement.offsetHeight,

-            right:  pos.x + htmlElement.offsetWidth

-         };

-      }

-      return this.absoluteRect;

-   },

-

-   activate: function() {

-      var htmlElement = this.getHTMLElement();

-      if (htmlElement == null  || this.showingActive)

-         return;

-

-      this.showingActive = true;

-      this.saveBackgroundColor = htmlElement.style.backgroundColor;

-

-      var fallbackColor = "#ffea84";

-      var currentColor = Rico.Color.createColorFromBackground(htmlElement);

-      if ( currentColor == null )

-         htmlElement.style.backgroundColor = fallbackColor;

-      else {

-         currentColor.isBright() ? currentColor.darken(0.2) : currentColor.brighten(0.2);

-         htmlElement.style.backgroundColor = currentColor.asHex();

-      }

-   },

-

-   deactivate: function() {

-      var htmlElement = this.getHTMLElement();

-      if (htmlElement == null || !this.showingActive)

-         return;

-

-      htmlElement.style.backgroundColor = this.saveBackgroundColor;

-      this.showingActive = false;

-      this.saveBackgroundColor = null;

-   },

-

-   showHover: function() {

-      var htmlElement = this.getHTMLElement();

-      if ( htmlElement == null || this.showingHover )

-         return;

-

-      this.saveBorderWidth = htmlElement.style.borderWidth;

-      this.saveBorderStyle = htmlElement.style.borderStyle;

-      this.saveBorderColor = htmlElement.style.borderColor;

-

-      this.showingHover = true;

-      htmlElement.style.borderWidth = "1px";

-      htmlElement.style.borderStyle = "solid";

-      //htmlElement.style.borderColor = "#ff9900";

-      htmlElement.style.borderColor = "#ffff00";

-   },

-

-   hideHover: function() {

-      var htmlElement = this.getHTMLElement();

-      if ( htmlElement == null || !this.showingHover )

-         return;

-

-      htmlElement.style.borderWidth = this.saveBorderWidth;

-      htmlElement.style.borderStyle = this.saveBorderStyle;

-      htmlElement.style.borderColor = this.saveBorderColor;

-      this.showingHover = false;

-   },

-

-   canAccept: function(draggableObjects) {

-      return true;

-   },

-

-   accept: function(draggableObjects) {

-      var htmlElement = this.getHTMLElement();

-      if ( htmlElement == null )

-         return;

-

-      n = draggableObjects.length;

-      for ( var i = 0 ; i < n ; i++ )

-      {

-         var theGUI = draggableObjects[i].getDroppedGUI();

-         if ( RicoUtil.getElementsComputedStyle( theGUI, "position" ) == "absolute" )

-         {

-            theGUI.style.position = "static";

-            theGUI.style.top = "";

-            theGUI.style.top = "";

-         }

-         htmlElement.appendChild(theGUI);

-      }

-   }

-}

-*/

-

-

-//-------------------- ricoEffect.js

-

-/**

-  *  Use the Effect namespace for effects.  If using scriptaculous effects

-  *  this will already be defined, otherwise we'll just create an empty

-  *  object for it...

- **/

-if ( window.Effect == undefined )

-   Effect = {};

-

-Effect.SizeAndPosition = Class.create();

-Effect.SizeAndPosition.prototype = {

-

-   initialize: function(element, x, y, w, h, duration, steps, options) {

-      this.element = $(element);

-      this.x = x;

-      this.y = y;

-      this.w = w;

-      this.h = h;

-      this.duration = duration;

-      this.steps    = steps;

-      this.options  = arguments[7] || {};

-

-      this.sizeAndPosition();

-   },

-

-   sizeAndPosition: function() {

-      if (this.isFinished()) {

-         if(this.options.complete) this.options.complete(this);

-         return;

-      }

-

-      if (this.timer)

-         clearTimeout(this.timer);

-

-      var stepDuration = Math.round(this.duration/this.steps) ;

-

-      // Get original values: x,y = top left corner;  w,h = width height

-      var currentX = this.element.offsetLeft;

-      var currentY = this.element.offsetTop;

-      var currentW = this.element.offsetWidth;

-      var currentH = this.element.offsetHeight;

-

-      // If values not set, or zero, we do not modify them, and take original as final as well

-      this.x = (this.x) ? this.x : currentX;

-      this.y = (this.y) ? this.y : currentY;

-      this.w = (this.w) ? this.w : currentW;

-      this.h = (this.h) ? this.h : currentH;

-

-      // how much do we need to modify our values for each step?

-      var difX = this.steps >  0 ? (this.x - currentX)/this.steps : 0;

-      var difY = this.steps >  0 ? (this.y - currentY)/this.steps : 0;

-      var difW = this.steps >  0 ? (this.w - currentW)/this.steps : 0;

-      var difH = this.steps >  0 ? (this.h - currentH)/this.steps : 0;

-

-      this.moveBy(difX, difY);

-      this.resizeBy(difW, difH);

-

-      this.duration -= stepDuration;

-      this.steps--;

-

-      this.timer = setTimeout(this.sizeAndPosition.bind(this), stepDuration);

-   },

-

-   isFinished: function() {

-      return this.steps <= 0;

-   },

-

-   moveBy: function( difX, difY ) {

-      var currentLeft = this.element.offsetLeft;

-      var currentTop  = this.element.offsetTop;

-      var intDifX     = parseInt(difX);

-      var intDifY     = parseInt(difY);

-

-      var style = this.element.style;

-      if ( intDifX != 0 )

-         style.left = (currentLeft + intDifX) + "px";

-      if ( intDifY != 0 )

-         style.top  = (currentTop + intDifY) + "px";

-   },

-

-   resizeBy: function( difW, difH ) {

-      var currentWidth  = this.element.offsetWidth;

-      var currentHeight = this.element.offsetHeight;

-      var intDifW       = parseInt(difW);

-      var intDifH       = parseInt(difH);

-

-      var style = this.element.style;

-      if ( intDifW != 0 )

-         style.width   = (currentWidth  + intDifW) + "px";

-      if ( intDifH != 0 )

-         style.height  = (currentHeight + intDifH) + "px";

-   }

-}

-

-Effect.Size = Class.create();

-Effect.Size.prototype = {

-

-   initialize: function(element, w, h, duration, steps, options) {

-      new Effect.SizeAndPosition(element, null, null, w, h, duration, steps, options);

-  }

-}

-

-Effect.Position = Class.create();

-Effect.Position.prototype = {

-

-   initialize: function(element, x, y, duration, steps, options) {

-      new Effect.SizeAndPosition(element, x, y, null, null, duration, steps, options);

-  }

-}

-

-Effect.Round = Class.create();

-Effect.Round.prototype = {

-

-   initialize: function(tagName, className, options) {

-      var elements = document.getElementsByTagAndClassName(tagName,className);

-      for ( var i = 0 ; i < elements.length ; i++ )

-         Rico.Corner.round( elements[i], options );

-   }

-};

-

-Effect.FadeTo = Class.create();

-Effect.FadeTo.prototype = {

-

-   initialize: function( element, opacity, duration, steps, options) {

-      this.element  = $(element);

-      this.opacity  = opacity;

-      this.duration = duration;

-      this.steps    = steps;

-      this.options  = arguments[4] || {};

-      this.fadeTo();

-   },

-

-   fadeTo: function() {

-      if (this.isFinished()) {

-         if(this.options.complete) this.options.complete(this);

-         return;

-      }

-

-      if (this.timer)

-         clearTimeout(this.timer);

-

-      var stepDuration = Math.round(this.duration/this.steps) ;

-      var currentOpacity = this.getElementOpacity();

-      var delta = this.steps > 0 ? (this.opacity - currentOpacity)/this.steps : 0;

-

-      this.changeOpacityBy(delta);

-      this.duration -= stepDuration;

-      this.steps--;

-

-      this.timer = setTimeout(this.fadeTo.bind(this), stepDuration);

-   },

-

-   changeOpacityBy: function(v) {

-      var currentOpacity = this.getElementOpacity();

-      var newOpacity = Math.max(0, Math.min(currentOpacity+v, 1));

-      this.element.ricoOpacity = newOpacity;

-

-      this.element.style.filter = "alpha(opacity:"+Math.round(newOpacity*100)+")";

-      this.element.style.opacity = newOpacity; /*//*/;

-   },

-

-   isFinished: function() {

-      return this.steps <= 0;

-   },

-

-   getElementOpacity: function() {

-      if ( this.element.ricoOpacity == undefined ) {

-         var opacity = RicoUtil.getElementsComputedStyle(this.element, 'opacity');

-         this.element.ricoOpacity = opacity != undefined ? opacity : 1.0;

-      }

-      return parseFloat(this.element.ricoOpacity);

-   }

-}

-

-Effect.AccordionSize = Class.create();

-

-Effect.AccordionSize.prototype = {

-

-   initialize: function(e1, e2, start, end, duration, steps, options) {

-      this.e1       = $(e1);

-      this.e2       = $(e2);

-      this.start    = start;

-      this.end      = end;

-      this.duration = duration;

-      this.steps    = steps;

-      this.options  = arguments[6] || {};

-

-      this.accordionSize();

-   },

-

-   accordionSize: function() {

-

-      if (this.isFinished()) {

-         // just in case there are round errors or such...

-         this.e1.style.height = this.start + "px";

-         this.e2.style.height = this.end + "px";

-

-         if(this.options.complete)

-            this.options.complete(this);

-         return;

-      }

-

-      if (this.timer)

-         clearTimeout(this.timer);

-

-      var stepDuration = Math.round(this.duration/this.steps) ;

-

-      var diff = this.steps > 0 ? (parseInt(this.e1.offsetHeight) - this.start)/this.steps : 0;

-      this.resizeBy(diff);

-

-      this.duration -= stepDuration;

-      this.steps--;

-

-      this.timer = setTimeout(this.accordionSize.bind(this), stepDuration);

-   },

-

-   isFinished: function() {

-      return this.steps <= 0;

-   },

-

-   resizeBy: function(diff) {

-      var h1Height = this.e1.offsetHeight;

-      var h2Height = this.e2.offsetHeight;

-      var intDiff = parseInt(diff);

-      if ( diff != 0 ) {

-         this.e1.style.height = (h1Height - intDiff) + "px";

-         this.e2.style.height = (h2Height + intDiff) + "px";

-      }

-   }

-

-};

-

-

-//-------------------- ricoEffects.js

-

-/**

-  *  Use the Effect namespace for effects.  If using scriptaculous effects

-  *  this will already be defined, otherwise we'll just create an empty

-  *  object for it...

- **/

-if ( window.Effect == undefined )

-   Effect = {};

-

-Effect.SizeAndPosition = Class.create();

-Effect.SizeAndPosition.prototype = {

-

-   initialize: function(element, x, y, w, h, duration, steps, options) {

-      this.element = $(element);

-      this.x = x;

-      this.y = y;

-      this.w = w;

-      this.h = h;

-      this.duration = duration;

-      this.steps    = steps;

-      this.options  = arguments[7] || {};

-

-      this.sizeAndPosition();

-   },

-

-   sizeAndPosition: function() {

-      if (this.isFinished()) {

-         if(this.options.complete) this.options.complete(this);

-         return;

-      }

-

-      if (this.timer)

-         clearTimeout(this.timer);

-

-      var stepDuration = Math.round(this.duration/this.steps) ;

-

-      // Get original values: x,y = top left corner;  w,h = width height

-      var currentX = this.element.offsetLeft;

-      var currentY = this.element.offsetTop;

-      var currentW = this.element.offsetWidth;

-      var currentH = this.element.offsetHeight;

-

-      // If values not set, or zero, we do not modify them, and take original as final as well

-      this.x = (this.x) ? this.x : currentX;

-      this.y = (this.y) ? this.y : currentY;

-      this.w = (this.w) ? this.w : currentW;

-      this.h = (this.h) ? this.h : currentH;

-

-      // how much do we need to modify our values for each step?

-      var difX = this.steps >  0 ? (this.x - currentX)/this.steps : 0;

-      var difY = this.steps >  0 ? (this.y - currentY)/this.steps : 0;

-      var difW = this.steps >  0 ? (this.w - currentW)/this.steps : 0;

-      var difH = this.steps >  0 ? (this.h - currentH)/this.steps : 0;

-

-      this.moveBy(difX, difY);

-      this.resizeBy(difW, difH);

-

-      this.duration -= stepDuration;

-      this.steps--;

-

-      this.timer = setTimeout(this.sizeAndPosition.bind(this), stepDuration);

-   },

-

-   isFinished: function() {

-      return this.steps <= 0;

-   },

-

-   moveBy: function( difX, difY ) {

-      var currentLeft = this.element.offsetLeft;

-      var currentTop  = this.element.offsetTop;

-      var intDifX     = parseInt(difX);

-      var intDifY     = parseInt(difY);

-

-      var style = this.element.style;

-      if ( intDifX != 0 )

-         style.left = (currentLeft + intDifX) + "px";

-      if ( intDifY != 0 )

-         style.top  = (currentTop + intDifY) + "px";

-   },

-

-   resizeBy: function( difW, difH ) {

-      var currentWidth  = this.element.offsetWidth;

-      var currentHeight = this.element.offsetHeight;

-      var intDifW       = parseInt(difW);

-      var intDifH       = parseInt(difH);

-

-      var style = this.element.style;

-      if ( intDifW != 0 )

-         style.width   = (currentWidth  + intDifW) + "px";

-      if ( intDifH != 0 )

-         style.height  = (currentHeight + intDifH) + "px";

-   }

-}

-

-Effect.Size = Class.create();

-Effect.Size.prototype = {

-

-   initialize: function(element, w, h, duration, steps, options) {

-      new Effect.SizeAndPosition(element, null, null, w, h, duration, steps, options);

-  }

-}

-

-Effect.Position = Class.create();

-Effect.Position.prototype = {

-

-   initialize: function(element, x, y, duration, steps, options) {

-      new Effect.SizeAndPosition(element, x, y, null, null, duration, steps, options);

-  }

-}

-

-Effect.Round = Class.create();

-Effect.Round.prototype = {

-

-   initialize: function(tagName, className, options) {

-      var elements = document.getElementsByTagAndClassName(tagName,className);

-      for ( var i = 0 ; i < elements.length ; i++ )

-         Rico.Corner.round( elements[i], options );

-   }

-};

-

-Effect.FadeTo = Class.create();

-Effect.FadeTo.prototype = {

-

-   initialize: function( element, opacity, duration, steps, options) {

-      this.element  = $(element);

-      this.opacity  = opacity;

-      this.duration = duration;

-      this.steps    = steps;

-      this.options  = arguments[4] || {};

-      this.fadeTo();

-   },

-

-   fadeTo: function() {

-      if (this.isFinished()) {

-         if(this.options.complete) this.options.complete(this);

-         return;

-      }

-

-      if (this.timer)

-         clearTimeout(this.timer);

-

-      var stepDuration = Math.round(this.duration/this.steps) ;

-      var currentOpacity = this.getElementOpacity();

-      var delta = this.steps > 0 ? (this.opacity - currentOpacity)/this.steps : 0;

-

-      this.changeOpacityBy(delta);

-      this.duration -= stepDuration;

-      this.steps--;

-

-      this.timer = setTimeout(this.fadeTo.bind(this), stepDuration);

-   },

-

-   changeOpacityBy: function(v) {

-      var currentOpacity = this.getElementOpacity();

-      var newOpacity = Math.max(0, Math.min(currentOpacity+v, 1));

-      this.element.ricoOpacity = newOpacity;

-

-      this.element.style.filter = "alpha(opacity:"+Math.round(newOpacity*100)+")";

-      this.element.style.opacity = newOpacity; /*//*/;

-   },

-

-   isFinished: function() {

-      return this.steps <= 0;

-   },

-

-   getElementOpacity: function() {

-      if ( this.element.ricoOpacity == undefined ) {

-         var opacity = RicoUtil.getElementsComputedStyle(this.element, 'opacity');

-         this.element.ricoOpacity = opacity != undefined ? opacity : 1.0;

-      }

-      return parseFloat(this.element.ricoOpacity);

-   }

-}

-

-Effect.AccordionSize = Class.create();

-

-Effect.AccordionSize.prototype = {

-

-   initialize: function(e1, e2, start, end, duration, steps, options) {

-      this.e1       = $(e1);

-      this.e2       = $(e2);

-      this.start    = start;

-      this.end      = end;

-      this.duration = duration;

-      this.steps    = steps;

-      this.options  = arguments[6] || {};

-

-      this.accordionSize();

-   },

-

-   accordionSize: function() {

-

-      if (this.isFinished()) {

-         // just in case there are round errors or such...

-         this.e1.style.height = this.start + "px";

-         this.e2.style.height = this.end + "px";

-

-         if(this.options.complete)

-            this.options.complete(this);

-         return;

-      }

-

-      if (this.timer)

-         clearTimeout(this.timer);

-

-      var stepDuration = Math.round(this.duration/this.steps) ;

-

-      var diff = this.steps > 0 ? (parseInt(this.e1.offsetHeight) - this.start)/this.steps : 0;

-      this.resizeBy(diff);

-

-      this.duration -= stepDuration;

-      this.steps--;

-

-      this.timer = setTimeout(this.accordionSize.bind(this), stepDuration);

-   },

-

-   isFinished: function() {

-      return this.steps <= 0;

-   },

-

-   resizeBy: function(diff) {

-      var h1Height = this.e1.offsetHeight;

-      var h2Height = this.e2.offsetHeight;

-      var intDiff = parseInt(diff);

-      if ( diff != 0 ) {

-         this.e1.style.height = (h1Height - intDiff) + "px";

-         this.e2.style.height = (h2Height + intDiff) + "px";

-      }

-   }

-

-};

-

-

-//-------------------- ricoLiveGrid.js

-// Rico.LiveGridMetaData -----------------------------------------------------

-

-Rico.LiveGridMetaData = Class.create();

-

-Rico.LiveGridMetaData.prototype = {

-

-   initialize: function( pageSize, totalRows, columnCount, options ) {

-      this.pageSize  = pageSize;

-      this.totalRows = totalRows;

-      this.setOptions(options);

-      this.ArrowHeight = 16;

-      this.columnCount = columnCount;

-   },

-

-   setOptions: function(options) {

-      this.options = {

-         largeBufferSize    : 7.0,   // 7 pages

-         nearLimitFactor    : 0.2    // 20% of buffer

-      };

-      Object.extend(this.options, options || {});

-   },

-

-   getPageSize: function() {

-      return this.pageSize;

-   },

-

-   getTotalRows: function() {

-      return this.totalRows;

-   },

-

-   setTotalRows: function(n) {

-      this.totalRows = n;

-   },

-

-   getLargeBufferSize: function() {

-      return parseInt(this.options.largeBufferSize * this.pageSize);

-   },

-

-   getLimitTolerance: function() {

-      return parseInt(this.getLargeBufferSize() * this.options.nearLimitFactor);

-   }

-};

-

-// Rico.LiveGridScroller -----------------------------------------------------

-

-Rico.LiveGridScroller = Class.create();

-

-Rico.LiveGridScroller.prototype = {

-

-   initialize: function(liveGrid, viewPort) {

-      this.isIE = navigator.userAgent.toLowerCase().indexOf("msie") >= 0;

-      this.liveGrid = liveGrid;

-      this.metaData = liveGrid.metaData;

-      this.createScrollBar();

-      this.scrollTimeout = null;

-      this.lastScrollPos = 0;

-      this.viewPort = viewPort;

-      this.rows = new Array();

-   },

-

-   isUnPlugged: function() {

-      return this.scrollerDiv.onscroll == null;

-   },

-

-   plugin: function() {

-      this.scrollerDiv.onscroll = this.handleScroll.bindAsEventListener(this);

-   },

-

-   unplug: function() {

-      this.scrollerDiv.onscroll = null;

-   },

-

-   sizeIEHeaderHack: function() {

-      if ( !this.isIE ) return;

-      var headerTable = $(this.liveGrid.tableId + "_header");

-      if ( headerTable )

-         headerTable.rows[0].cells[0].style.width =

-            (headerTable.rows[0].cells[0].offsetWidth + 1) + "px";

-   },

-

-   createScrollBar: function() {

-      var visibleHeight = this.liveGrid.viewPort.visibleHeight();

-      // create the outer div...

-      this.scrollerDiv  = document.createElement("div");

-      var scrollerStyle = this.scrollerDiv.style;

-      scrollerStyle.borderRight = this.liveGrid.options.scrollerBorderRight;

-      scrollerStyle.position    = "relative";

-      scrollerStyle.left        = this.isIE ? "-6px" : "-3px";

-      scrollerStyle.width       = "19px";

-      scrollerStyle.height      = visibleHeight + "px";

-      scrollerStyle.overflow    = "auto";

-

-      // create the inner div...

-      this.heightDiv = document.createElement("div");

-      this.heightDiv.style.width  = "1px";

-

-      this.heightDiv.style.height = parseInt(visibleHeight *

-                        this.metaData.getTotalRows()/this.metaData.getPageSize()) + "px" ;

-      this.scrollerDiv.appendChild(this.heightDiv);

-      this.scrollerDiv.onscroll = this.handleScroll.bindAsEventListener(this);

-

-     var table = this.liveGrid.table;

-     table.parentNode.parentNode.insertBefore( this.scrollerDiv, table.parentNode.nextSibling );

-  	  var eventName = this.isIE ? "mousewheel" : "DOMMouseScroll";

-	  Event.observe(table, eventName,

-	                function(evt) {

-	                   if (evt.wheelDelta>=0 || evt.detail < 0) //wheel-up

-	                      this.scrollerDiv.scrollTop -= (2*this.viewPort.rowHeight);

-	                   else

-	                      this.scrollerDiv.scrollTop += (2*this.viewPort.rowHeight);

-	                   this.handleScroll(false);

-	                }.bindAsEventListener(this),

-	                false);

-     },

-

-   updateSize: function() {

-      var table = this.liveGrid.table;

-      var visibleHeight = this.viewPort.visibleHeight();

-      this.heightDiv.style.height = parseInt(visibleHeight *

-                                  this.metaData.getTotalRows()/this.metaData.getPageSize()) + "px";

-   },

-

-   rowToPixel: function(rowOffset) {

-      return (rowOffset / this.metaData.getTotalRows()) * this.heightDiv.offsetHeight

-   },

-

-   moveScroll: function(rowOffset) {

-      this.scrollerDiv.scrollTop = this.rowToPixel(rowOffset);

-      if ( this.metaData.options.onscroll )

-         this.metaData.options.onscroll( this.liveGrid, rowOffset );

-   },

-

-   handleScroll: function() {

-     if ( this.scrollTimeout )

-         clearTimeout( this.scrollTimeout );

-

-    var scrollDiff = this.lastScrollPos-this.scrollerDiv.scrollTop;

-    if (scrollDiff != 0.00) {

-       var r = this.scrollerDiv.scrollTop % this.viewPort.rowHeight;

-       if (r != 0) {

-          this.unplug();

-          if ( scrollDiff < 0 ) {

-             this.scrollerDiv.scrollTop += (this.viewPort.rowHeight-r);

-          } else {

-             this.scrollerDiv.scrollTop -= r;

-          }

-          this.plugin();

-       }

-    }

-    var contentOffset = parseInt(this.scrollerDiv.scrollTop / this.viewPort.rowHeight);

-    this.liveGrid.requestContentRefresh(contentOffset);

-    this.viewPort.scrollTo(this.scrollerDiv.scrollTop);

-

-    if ( this.metaData.options.onscroll )

-       this.metaData.options.onscroll( this.liveGrid, contentOffset );

-

-    this.scrollTimeout = setTimeout(this.scrollIdle.bind(this), 1200 );

-    this.lastScrollPos = this.scrollerDiv.scrollTop;

-

-   },

-

-   scrollIdle: function() {

-      if ( this.metaData.options.onscrollidle )

-         this.metaData.options.onscrollidle();

-   }

-};

-

-// Rico.LiveGridBuffer -----------------------------------------------------

-

-Rico.LiveGridBuffer = Class.create();

-

-Rico.LiveGridBuffer.prototype = {

-

-   initialize: function(metaData, viewPort) {

-      this.startPos = 0;

-      this.size     = 0;

-      this.metaData = metaData;

-      this.rows     = new Array();

-      this.updateInProgress = false;

-      this.viewPort = viewPort;

-      this.maxBufferSize = metaData.getLargeBufferSize() * 2;

-      this.maxFetchSize = metaData.getLargeBufferSize();

-      this.lastOffset = 0;

-   },

-

-   getBlankRow: function() {

-      if (!this.blankRow ) {

-         this.blankRow = new Array();

-         for ( var i=0; i < this.metaData.columnCount ; i++ )

-            this.blankRow[i] = "&nbsp;";

-     }

-     return this.blankRow;

-   },

-

-   loadRows: function(ajaxResponse) {

-      var rowsElement = ajaxResponse.getElementsByTagName('rows')[0];

-      this.updateUI = rowsElement.getAttribute("update_ui") == "true"

-      var newRows = new Array()

-      var trs = rowsElement.getElementsByTagName("tr");

-      for ( var i=0 ; i < trs.length; i++ ) {

-         var row = newRows[i] = new Array();

-         var cells = trs[i].getElementsByTagName("td");

-         for ( var j=0; j < cells.length ; j++ ) {

-            var cell = cells[j];

-            var convertSpaces = cell.getAttribute("convert_spaces") == "true";

-            var cellContent = RicoUtil.getContentAsString(cell);

-            row[j] = convertSpaces ? this.convertSpaces(cellContent) : cellContent;

-            if (!row[j])

-               row[j] = '&nbsp;';

-         }

-      }

-      return newRows;

-   },

-

-   update: function(ajaxResponse, start) {

-     var newRows = this.loadRows(ajaxResponse);

-      if (this.rows.length == 0) { // initial load

-         this.rows = newRows;

-         this.size = this.rows.length;

-         this.startPos = start;

-         return;

-      }

-      if (start > this.startPos) { //appending

-         if (this.startPos + this.rows.length < start) {

-            this.rows =  newRows;

-            this.startPos = start;//

-         } else {

-              this.rows = this.rows.concat( newRows.slice(0, newRows.length));

-            if (this.rows.length > this.maxBufferSize) {

-               var fullSize = this.rows.length;

-               this.rows = this.rows.slice(this.rows.length - this.maxBufferSize, this.rows.length)

-               this.startPos = this.startPos +  (fullSize - this.rows.length);

-            }

-         }

-      } else { //prepending

-         if (start + newRows.length < this.startPos) {

-            this.rows =  newRows;

-         } else {

-            this.rows = newRows.slice(0, this.startPos).concat(this.rows);

-            if (this.rows.length > this.maxBufferSize)

-               this.rows = this.rows.slice(0, this.maxBufferSize)

-         }

-         this.startPos =  start;

-      }

-      this.size = this.rows.length;

-   },

-

-   clear: function() {

-      this.rows = new Array();

-      this.startPos = 0;

-      this.size = 0;

-   },

-

-   isOverlapping: function(start, size) {

-      return ((start < this.endPos()) && (this.startPos < start + size)) || (this.endPos() == 0)

-   },

-

-   isInRange: function(position) {

-      return (position >= this.startPos) && (position + this.metaData.getPageSize() <= this.endPos());

-             //&& this.size()  != 0;

-   },

-

-   isNearingTopLimit: function(position) {

-      return position - this.startPos < this.metaData.getLimitTolerance();

-   },

-

-   endPos: function() {

-      return this.startPos + this.rows.length;

-   },

-

-   isNearingBottomLimit: function(position) {

-      return this.endPos() - (position + this.metaData.getPageSize()) < this.metaData.getLimitTolerance();

-   },

-

-   isAtTop: function() {

-      return this.startPos == 0;

-   },

-

-   isAtBottom: function() {

-      return this.endPos() == this.metaData.getTotalRows();

-   },

-

-   isNearingLimit: function(position) {

-      return ( !this.isAtTop()    && this.isNearingTopLimit(position)) ||

-             ( !this.isAtBottom() && this.isNearingBottomLimit(position) )

-   },

-

-   getFetchSize: function(offset) {

-      var adjustedOffset = this.getFetchOffset(offset);

-      var adjustedSize = 0;

-      if (adjustedOffset >= this.startPos) { //apending

-         var endFetchOffset = this.maxFetchSize  + adjustedOffset;

-         if (endFetchOffset > this.metaData.totalRows)

-            endFetchOffset = this.metaData.totalRows;

-         adjustedSize = endFetchOffset - adjustedOffset;

-			if(adjustedOffset == 0 && adjustedSize < this.maxFetchSize){

-			   adjustedSize = this.maxFetchSize;

-			}

-      } else {//prepending

-         var adjustedSize = this.startPos - adjustedOffset;

-         if (adjustedSize > this.maxFetchSize)

-            adjustedSize = this.maxFetchSize;

-      }

-      return adjustedSize;

-   },

-

-   getFetchOffset: function(offset) {

-      var adjustedOffset = offset;

-      if (offset > this.startPos)  //apending

-         adjustedOffset = (offset > this.endPos()) ? offset :  this.endPos();

-      else { //prepending

-         if (offset + this.maxFetchSize >= this.startPos) {

-            var adjustedOffset = this.startPos - this.maxFetchSize;

-            if (adjustedOffset < 0)

-               adjustedOffset = 0;

-         }

-      }

-      this.lastOffset = adjustedOffset;

-      return adjustedOffset;

-   },

-

-   getRows: function(start, count) {

-      var begPos = start - this.startPos

-      var endPos = begPos + count

-

-      // er? need more data...

-      if ( endPos > this.size )

-         endPos = this.size

-

-      var results = new Array()

-      var index = 0;

-      for ( var i=begPos ; i < endPos; i++ ) {

-         results[index++] = this.rows[i]

-      }

-      return results

-   },

-

-   convertSpaces: function(s) {

-      return s.split(" ").join("&nbsp;");

-   }

-

-};

-

-

-//Rico.GridViewPort --------------------------------------------------

-Rico.GridViewPort = Class.create();

-

-Rico.GridViewPort.prototype = {

-

-   initialize: function(table, rowHeight, visibleRows, buffer, liveGrid) {

-      this.lastDisplayedStartPos = 0;

-      this.div = table.parentNode;

-      this.table = table

-      this.rowHeight = rowHeight;

-      this.div.style.height = this.rowHeight * visibleRows;

-      this.div.style.overflow = "hidden";

-      this.buffer = buffer;

-      this.liveGrid = liveGrid;

-      this.visibleRows = visibleRows + 1;

-      this.lastPixelOffset = 0;

-      this.startPos = 0;

-   },

-

-   populateRow: function(htmlRow, row) {

-      for (var j=0; j < row.length; j++) {

-         htmlRow.cells[j].innerHTML = row[j]

-      }

-   },

-

-   bufferChanged: function() {

-      this.refreshContents( parseInt(this.lastPixelOffset / this.rowHeight));

-   },

-

-   clearRows: function() {

-      if (!this.isBlank) {

-         this.liveGrid.table.className = this.liveGrid.options.loadingClass;

-         for (var i=0; i < this.visibleRows; i++)

-            this.populateRow(this.table.rows[i], this.buffer.getBlankRow());

-         this.isBlank = true;

-      }

-   },

-

-   clearContents: function() {

-      this.clearRows();

-      this.scrollTo(0);

-      this.startPos = 0;

-      this.lastStartPos = -1;

-   },

-

-   refreshContents: function(startPos) {

-      if (startPos == this.lastRowPos && !this.isPartialBlank && !this.isBlank) {

-         return;

-      }

-      if ((startPos + this.visibleRows < this.buffer.startPos)

-          || (this.buffer.startPos + this.buffer.size < startPos)

-          || (this.buffer.size == 0)) {

-         this.clearRows();

-         return;

-      }

-      this.isBlank = false;

-      var viewPrecedesBuffer = this.buffer.startPos > startPos

-      var contentStartPos = viewPrecedesBuffer ? this.buffer.startPos: startPos;

-      var contentEndPos = (this.buffer.startPos + this.buffer.size < startPos + this.visibleRows)

-                                 ? this.buffer.startPos + this.buffer.size

-                                 : startPos + this.visibleRows;

-      var rowSize = contentEndPos - contentStartPos;

-      var rows = this.buffer.getRows(contentStartPos, rowSize );

-      var blankSize = this.visibleRows - rowSize;

-      var blankOffset = viewPrecedesBuffer ? 0: rowSize;

-      var contentOffset = viewPrecedesBuffer ? blankSize: 0;

-

-      for (var i=0; i < rows.length; i++) {//initialize what we have

-        this.populateRow(this.table.rows[i + contentOffset], rows[i]);

-      }

-      for (var i=0; i < blankSize; i++) {// blank out the rest

-        this.populateRow(this.table.rows[i + blankOffset], this.buffer.getBlankRow());

-      }

-      this.isPartialBlank = blankSize > 0;

-      this.lastRowPos = startPos;

-

-       this.liveGrid.table.className = this.liveGrid.options.tableClass;

-       // Check if user has set a onRefreshComplete function

-       var onRefreshComplete = this.liveGrid.options.onRefreshComplete;

-       if (onRefreshComplete != null)

-           onRefreshComplete();

-   },

-

-   scrollTo: function(pixelOffset) {

-      if (this.lastPixelOffset == pixelOffset)

-         return;

-

-      this.refreshContents(parseInt(pixelOffset / this.rowHeight))

-      this.div.scrollTop = pixelOffset % this.rowHeight

-

-      this.lastPixelOffset = pixelOffset;

-   },

-

-   visibleHeight: function() {

-      return parseInt(RicoUtil.getElementsComputedStyle(this.div, 'height'));

-   }

-

-};

-

-

-Rico.LiveGridRequest = Class.create();

-Rico.LiveGridRequest.prototype = {

-   initialize: function( requestOffset, options ) {

-      this.requestOffset = requestOffset;

-   }

-};

-

-// Rico.LiveGrid -----------------------------------------------------

-

-Rico.LiveGrid = Class.create();

-

-Rico.LiveGrid.prototype = {

-

-   initialize: function( tableId, visibleRows, totalRows, url, options, ajaxOptions ) {

-

-     this.options = {

-                tableClass:           $(tableId).className,

-                loadingClass:         $(tableId).className,

-                scrollerBorderRight: '1px solid #ababab',

-                bufferTimeout:        20000,

-                sortAscendImg:        'images/sort_asc.gif',

-                sortDescendImg:       'images/sort_desc.gif',

-                sortImageWidth:       9,

-                sortImageHeight:      5,

-                ajaxSortURLParms:     [],

-                onRefreshComplete:    null,

-                requestParameters:    null,

-                inlineStyles:         true

-                };

-      Object.extend(this.options, options || {});

-

-      this.ajaxOptions = {parameters: null};

-      Object.extend(this.ajaxOptions, ajaxOptions || {});

-

-      this.tableId     = tableId;

-      this.table       = $(tableId);

-

-      this.addLiveGridHtml();

-

-      var columnCount  = this.table.rows[0].cells.length;

-      this.metaData    = new Rico.LiveGridMetaData(visibleRows, totalRows, columnCount, options);

-      this.buffer      = new Rico.LiveGridBuffer(this.metaData);

-

-      var rowCount = this.table.rows.length;

-      this.viewPort =  new Rico.GridViewPort(this.table,

-                                            this.table.offsetHeight/rowCount,

-                                            visibleRows,

-                                            this.buffer, this);

-      this.scroller    = new Rico.LiveGridScroller(this,this.viewPort);

-      this.options.sortHandler = this.sortHandler.bind(this);

-

-      if ( $(tableId + '_header') )

-         this.sort = new Rico.LiveGridSort(tableId + '_header', this.options)

-

-      this.processingRequest = null;

-      this.unprocessedRequest = null;

-

-      this.initAjax(url);

-      if ( this.options.prefetchBuffer || this.options.prefetchOffset > 0) {

-         var offset = 0;

-         if (this.options.offset ) {

-            offset = this.options.offset;

-            this.scroller.moveScroll(offset);

-            this.viewPort.scrollTo(this.scroller.rowToPixel(offset));

-         }

-         if (this.options.sortCol) {

-             this.sortCol = options.sortCol;

-             this.sortDir = options.sortDir;

-         }

-         this.requestContentRefresh(offset);

-      }

-   },

-

-   addLiveGridHtml: function() {

-     // Check to see if need to create a header table.

-     if (this.table.getElementsByTagName("thead").length > 0){

-       // Create Table this.tableId+'_header'

-       var tableHeader = this.table.cloneNode(true);

-       tableHeader.setAttribute('id', this.tableId+'_header');

-       tableHeader.setAttribute('class', this.table.className+'_header');

-

-       // Clean up and insert

-       for( var i = 0; i < tableHeader.tBodies.length; i++ )

-       tableHeader.removeChild(tableHeader.tBodies[i]);

-       this.table.deleteTHead();

-       this.table.parentNode.insertBefore(tableHeader,this.table);

-     }

-

-    new Insertion.Before(this.table, "<div id='"+this.tableId+"_container'></div>");

-    this.table.previousSibling.appendChild(this.table);

-    new Insertion.Before(this.table,"<div id='"+this.tableId+"_viewport' style='float:left;'></div>");

-    this.table.previousSibling.appendChild(this.table);

-   },

-

-   resetContents: function() {

-      this.scroller.moveScroll(0);

-      this.buffer.clear();

-      this.viewPort.clearContents();

-   },

-

-   sortHandler: function(column) {

-      this.sortCol = column.name;

-      this.sortDir = column.currentSort;

-

-      this.resetContents();

-      this.requestContentRefresh(0)

-   },

-

-   setTotalRows: function( newTotalRows ) {

-      this.resetContents();

-      this.metaData.setTotalRows(newTotalRows);

-      this.scroller.updateSize();

-   },

-

-   initAjax: function(url) {

-      ajaxEngine.registerRequest( this.tableId + '_request', url );

-      ajaxEngine.registerAjaxObject( this.tableId + '_updater', this );

-   },

-

-   invokeAjax: function() {

-   },

-

-   handleTimedOut: function() {

-      //server did not respond in 4 seconds... assume that there could have been

-      //an error or something, and allow requests to be processed again...

-      this.processingRequest = null;

-      this.processQueuedRequest();

-   },

-

-   fetchBuffer: function(offset) {

-      if ( this.buffer.isInRange(offset) &&

-         !this.buffer.isNearingLimit(offset)) {

-         return;

-         }

-      if (this.processingRequest) {

-          this.unprocessedRequest = new Rico.LiveGridRequest(offset);

-         return;

-      }

-      var bufferStartPos = this.buffer.getFetchOffset(offset);

-      this.processingRequest = new Rico.LiveGridRequest(offset);

-      this.processingRequest.bufferOffset = bufferStartPos;

-      var fetchSize = this.buffer.getFetchSize(offset);

-      var partialLoaded = false;

-

-      var queryString

-      if (this.options.requestParameters)

-         queryString = this._createQueryString(this.options.requestParameters, 0);

-

-        queryString = (queryString == null) ? '' : queryString+'&';

-        queryString  = queryString+'id='+this.tableId+'&page_size='+fetchSize+'&offset='+bufferStartPos;

-        if (this.sortCol)

-            queryString = queryString+'&sort_col='+escape(this.sortCol)+'&sort_dir='+this.sortDir;

-

-        this.ajaxOptions.parameters = queryString;

-

-       ajaxEngine.sendRequest( this.tableId + '_request', this.ajaxOptions );

-

-       this.timeoutHandler = setTimeout( this.handleTimedOut.bind(this), this.options.bufferTimeout);

-

-   },

-

-   setRequestParams: function() {

-      this.options.requestParameters = [];

-      for ( var i=0 ; i < arguments.length ; i++ )

-         this.options.requestParameters[i] = arguments[i];

-   },

-

-   requestContentRefresh: function(contentOffset) {

-      this.fetchBuffer(contentOffset);

-   },

-

-   ajaxUpdate: function(ajaxResponse) {

-      try {

-         clearTimeout( this.timeoutHandler );

-         this.buffer.update(ajaxResponse,this.processingRequest.bufferOffset);

-         this.viewPort.bufferChanged();

-      }

-      catch(err) {}

-      finally {this.processingRequest = null; }

-      this.processQueuedRequest();

-   },

-

-   _createQueryString: function( theArgs, offset ) {

-      var queryString = ""

-      if (!theArgs)

-          return queryString;

-

-      for ( var i = offset ; i < theArgs.length ; i++ ) {

-          if ( i != offset )

-            queryString += "&";

-

-          var anArg = theArgs[i];

-

-          if ( anArg.name != undefined && anArg.value != undefined ) {

-            queryString += anArg.name +  "=" + escape(anArg.value);

-          }

-          else {

-             var ePos  = anArg.indexOf('=');

-             var argName  = anArg.substring( 0, ePos );

-             var argValue = anArg.substring( ePos + 1 );

-             queryString += argName + "=" + escape(argValue);

-          }

-      }

-      return queryString;

-   },

-

-   processQueuedRequest: function() {

-      if (this.unprocessedRequest != null) {

-         this.requestContentRefresh(this.unprocessedRequest.requestOffset);

-         this.unprocessedRequest = null

-      }

-   }

-};

-

-

-//-------------------- ricoLiveGridSort.js

-Rico.LiveGridSort = Class.create();

-

-Rico.LiveGridSort.prototype = {

-

-   initialize: function(headerTableId, options) {

-      this.headerTableId = headerTableId;

-      this.headerTable   = $(headerTableId);

-      this.options = options;

-      this.setOptions();

-      this.applySortBehavior();

-

-      if ( this.options.sortCol ) {

-         this.setSortUI( this.options.sortCol, this.options.sortDir );

-      }

-   },

-

-   setSortUI: function( columnName, sortDirection ) {

-      var cols = this.options.columns;

-      for ( var i = 0 ; i < cols.length ; i++ ) {

-         if ( cols[i].name == columnName ) {

-            this.setColumnSort(i, sortDirection);

-            break;

-         }

-      }

-   },

-

-   setOptions: function() {

-      // preload the images...

-      new Image().src = this.options.sortAscendImg;

-      new Image().src = this.options.sortDescendImg;

-

-      this.sort = this.options.sortHandler;

-      if ( !this.options.columns )

-         this.options.columns = this.introspectForColumnInfo();

-      else {

-         // allow client to pass { columns: [ ["a", true], ["b", false] ] }

-         // and convert to an array of Rico.TableColumn objs...

-         this.options.columns = this.convertToTableColumns(this.options.columns);

-      }

-   },

-

-   applySortBehavior: function() {

-      var headerRow   = this.headerTable.rows[0];

-      var headerCells = headerRow.cells;

-      for ( var i = 0 ; i < headerCells.length ; i++ ) {

-         this.addSortBehaviorToColumn( i, headerCells[i] );

-      }

-   },

-

-   addSortBehaviorToColumn: function( n, cell ) {

-      if ( this.options.columns[n].isSortable() ) {

-         cell.id            = this.headerTableId + '_' + n;

-         cell.style.cursor  = 'pointer';

-         cell.onclick       = this.headerCellClicked.bindAsEventListener(this);

-         cell.innerHTML     = cell.innerHTML + '<span id="' + this.headerTableId + '_img_' + n + '">'

-                           + '&nbsp;&nbsp;&nbsp;</span>';

-      }

-   },

-

-   // event handler....

-   headerCellClicked: function(evt) {

-      var eventTarget = evt.target ? evt.target : evt.srcElement;

-      var cellId = eventTarget.id;

-      var columnNumber = parseInt(cellId.substring( cellId.lastIndexOf('_') + 1 ));

-      var sortedColumnIndex = this.getSortedColumnIndex();

-      if ( sortedColumnIndex != -1 ) {

-         if ( sortedColumnIndex != columnNumber ) {

-            this.removeColumnSort(sortedColumnIndex);

-            this.setColumnSort(columnNumber, Rico.TableColumn.SORT_ASC);

-         }

-         else

-            this.toggleColumnSort(sortedColumnIndex);

-      }

-      else

-         this.setColumnSort(columnNumber, Rico.TableColumn.SORT_ASC);

-

-      if (this.options.sortHandler) {

-         this.options.sortHandler(this.options.columns[columnNumber]);

-      }

-   },

-

-   removeColumnSort: function(n) {

-      this.options.columns[n].setUnsorted();

-      this.setSortImage(n);

-   },

-

-   setColumnSort: function(n, direction) {

-      this.options.columns[n].setSorted(direction);

-      this.setSortImage(n);

-   },

-

-   toggleColumnSort: function(n) {

-      this.options.columns[n].toggleSort();

-      this.setSortImage(n);

-   },

-

-   setSortImage: function(n) {

-      var sortDirection = this.options.columns[n].getSortDirection();

-

-      var sortImageSpan = $( this.headerTableId + '_img_' + n );

-      if ( sortDirection == Rico.TableColumn.UNSORTED )

-         sortImageSpan.innerHTML = '&nbsp;&nbsp;';

-      else if ( sortDirection == Rico.TableColumn.SORT_ASC )

-         sortImageSpan.innerHTML = '&nbsp;&nbsp;<img width="'  + this.options.sortImageWidth    + '" ' +

-                                                     'height="'+ this.options.sortImageHeight   + '" ' +

-                                                     'src="'   + this.options.sortAscendImg + '"/>';

-      else if ( sortDirection == Rico.TableColumn.SORT_DESC )

-         sortImageSpan.innerHTML = '&nbsp;&nbsp;<img width="'  + this.options.sortImageWidth    + '" ' +

-                                                     'height="'+ this.options.sortImageHeight   + '" ' +

-                                                     'src="'   + this.options.sortDescendImg + '"/>';

-   },

-

-   getSortedColumnIndex: function() {

-      var cols = this.options.columns;

-      for ( var i = 0 ; i < cols.length ; i++ ) {

-         if ( cols[i].isSorted() )

-            return i;

-      }

-

-      return -1;

-   },

-

-   introspectForColumnInfo: function() {

-      var columns = new Array();

-      var headerRow   = this.headerTable.rows[0];

-      var headerCells = headerRow.cells;

-      for ( var i = 0 ; i < headerCells.length ; i++ )

-         columns.push( new Rico.TableColumn( this.deriveColumnNameFromCell(headerCells[i],i), true ) );

-      return columns;

-   },

-

-   convertToTableColumns: function(cols) {

-      var columns = new Array();

-      for ( var i = 0 ; i < cols.length ; i++ )

-         columns.push( new Rico.TableColumn( cols[i][0], cols[i][1] ) );

-      return columns;

-   },

-

-   deriveColumnNameFromCell: function(cell,columnNumber) {

-      var cellContent = cell.innerText != undefined ? cell.innerText : cell.textContent;

-      return cellContent ? cellContent.toLowerCase().split(' ').join('_') : "col_" + columnNumber;

-   }

-};

-

-Rico.TableColumn = Class.create();

-

-Rico.TableColumn.UNSORTED  = 0;

-Rico.TableColumn.SORT_ASC  = "ASC";

-Rico.TableColumn.SORT_DESC = "DESC";

-

-Rico.TableColumn.prototype = {

-   initialize: function(name, sortable) {

-      this.name        = name;

-      this.sortable    = sortable;

-      this.currentSort = Rico.TableColumn.UNSORTED;

-   },

-

-   isSortable: function() {

-      return this.sortable;

-   },

-

-   isSorted: function() {

-      return this.currentSort != Rico.TableColumn.UNSORTED;

-   },

-

-   getSortDirection: function() {

-      return this.currentSort;

-   },

-

-   toggleSort: function() {

-      if ( this.currentSort == Rico.TableColumn.UNSORTED || this.currentSort == Rico.TableColumn.SORT_DESC )

-         this.currentSort = Rico.TableColumn.SORT_ASC;

-      else if ( this.currentSort == Rico.TableColumn.SORT_ASC )

-         this.currentSort = Rico.TableColumn.SORT_DESC;

-   },

-

-   setUnsorted: function(direction) {

-      this.setSorted(Rico.TableColumn.UNSORTED);

-   },

-

-   setSorted: function(direction) {

-      // direction must by one of Rico.TableColumn.UNSORTED, .SORT_ASC, or .SORT_DESC...

-      this.currentSort = direction;

-   }

-

-};

-

-

-//-------------------- ricoUtil.js

-Rico.ArrayExtensions = new Array();

-

-if (Object.prototype.extend) {

-   // in prototype.js...

-   Rico.ArrayExtensions[ Rico.ArrayExtensions.length ] = Object.prototype.extend;

-}else{

-  Object.prototype.extend = function(object) {

-    return Object.extend.apply(this, [this, object]);

-  }

-  Rico.ArrayExtensions[ Rico.ArrayExtensions.length ] = Object.prototype.extend;

-}

-

-if (Array.prototype.push) {

-   // in prototype.js...

-   Rico.ArrayExtensions[ Rico.ArrayExtensions.length ] = Array.prototype.push;

-}

-

-if (!Array.prototype.remove) {

-   Array.prototype.remove = function(dx) {

-      if( isNaN(dx) || dx > this.length )

-         return false;

-      for( var i=0,n=0; i<this.length; i++ )

-         if( i != dx )

-            this[n++]=this[i];

-      this.length-=1;

-   };

-  Rico.ArrayExtensions[ Rico.ArrayExtensions.length ] = Array.prototype.remove;

-}

-

-if (!Array.prototype.removeItem) {

-   Array.prototype.removeItem = function(item) {

-      for ( var i = 0 ; i < this.length ; i++ )

-         if ( this[i] == item ) {

-            this.remove(i);

-            break;

-         }

-   };

-  Rico.ArrayExtensions[ Rico.ArrayExtensions.length ] = Array.prototype.removeItem;

-}

-

-if (!Array.prototype.indices) {

-   Array.prototype.indices = function() {

-      var indexArray = new Array();

-      for ( index in this ) {

-         var ignoreThis = false;

-         for ( var i = 0 ; i < Rico.ArrayExtensions.length ; i++ ) {

-            if ( this[index] == Rico.ArrayExtensions[i] ) {

-               ignoreThis = true;

-               break;

-            }

-         }

-         if ( !ignoreThis )

-            indexArray[ indexArray.length ] = index;

-      }

-      return indexArray;

-   }

-  Rico.ArrayExtensions[ Rico.ArrayExtensions.length ] = Array.prototype.indices;

-}

-

-  Rico.ArrayExtensions[ Rico.ArrayExtensions.length ] = Array.prototype.unique;

-  Rico.ArrayExtensions[ Rico.ArrayExtensions.length ] = Array.prototype.inArray;

-

-

-// Create the loadXML method and xml getter for Mozilla

-if ( window.DOMParser &&

-	  window.XMLSerializer &&

-	  window.Node && Node.prototype && Node.prototype.__defineGetter__ ) {

-

-   if (!Document.prototype.loadXML) {

-      Document.prototype.loadXML = function (s) {

-         var doc2 = (new DOMParser()).parseFromString(s, "text/xml");

-         while (this.hasChildNodes())

-            this.removeChild(this.lastChild);

-

-         for (var i = 0; i < doc2.childNodes.length; i++) {

-            this.appendChild(this.importNode(doc2.childNodes[i], true));

-         }

-      };

-	}

-

-	Document.prototype.__defineGetter__( "xml",

-	   function () {

-		   return (new XMLSerializer()).serializeToString(this);

-	   }

-	 );

-}

-

-document.getElementsByTagAndClassName = function(tagName, className) {

-  if ( tagName == null )

-     tagName = '*';

-

-  var children = document.getElementsByTagName(tagName) || document.all;

-  var elements = new Array();

-

-  if ( className == null )

-    return children;

-

-  for (var i = 0; i < children.length; i++) {

-    var child = children[i];

-    var classNames = child.className.split(' ');

-    for (var j = 0; j < classNames.length; j++) {

-      if (classNames[j] == className) {

-        elements.push(child);

-        break;

-      }

-    }

-  }

-

-  return elements;

-}

-

-var RicoUtil = {

-

-   getElementsComputedStyle: function ( htmlElement, cssProperty, mozillaEquivalentCSS) {

-      if ( arguments.length == 2 )

-         mozillaEquivalentCSS = cssProperty;

-

-      var el = $(htmlElement);

-      if ( el.currentStyle )

-         return el.currentStyle[cssProperty];

-      else

-         return document.defaultView.getComputedStyle(el, null).getPropertyValue(mozillaEquivalentCSS);

-   },

-

-   createXmlDocument : function() {

-      if (document.implementation && document.implementation.createDocument) {

-         var doc = document.implementation.createDocument("", "", null);

-

-         if (doc.readyState == null) {

-            doc.readyState = 1;

-            doc.addEventListener("load", function () {

-               doc.readyState = 4;

-               if (typeof doc.onreadystatechange == "function")

-                  doc.onreadystatechange();

-            }, false);

-         }

-

-         return doc;

-      }

-

-      if (window.ActiveXObject)

-          return Try.these(

-            function() { return new ActiveXObject('MSXML2.DomDocument')   },

-            function() { return new ActiveXObject('Microsoft.DomDocument')},

-            function() { return new ActiveXObject('MSXML.DomDocument')    },

-            function() { return new ActiveXObject('MSXML3.DomDocument')   }

-          ) || false;

-

-      return null;

-   },

-

-   getContentAsString: function( parentNode ) {

-      return parentNode.xml != undefined ?

-         this._getContentAsStringIE(parentNode) :

-         this._getContentAsStringMozilla(parentNode);

-   },

-

-  _getContentAsStringIE: function(parentNode) {

-     var contentStr = "";

-     for ( var i = 0 ; i < parentNode.childNodes.length ; i++ ) {

-         var n = parentNode.childNodes[i];

-         if (n.nodeType == 4) {

-             contentStr += n.nodeValue;

-         }

-         else {

-           contentStr += n.xml;

-       }

-     }

-     return contentStr;

-  },

-

-  _getContentAsStringMozilla: function(parentNode) {

-     var xmlSerializer = new XMLSerializer();

-     var contentStr = "";

-     for ( var i = 0 ; i < parentNode.childNodes.length ; i++ ) {

-          var n = parentNode.childNodes[i];

-          if (n.nodeType == 4) { // CDATA node

-              contentStr += n.nodeValue;

-          }

-          else {

-            contentStr += xmlSerializer.serializeToString(n);

-        }

-     }

-     return contentStr;

-  },

-

-   toViewportPosition: function(element) {

-      return this._toAbsolute(element,true);

-   },

-

-   toDocumentPosition: function(element) {

-      return this._toAbsolute(element,false);

-   },

-

-   /**

-    *  Compute the elements position in terms of the window viewport

-    *  so that it can be compared to the position of the mouse (dnd)

-    *  This is additions of all the offsetTop,offsetLeft values up the

-    *  offsetParent hierarchy, ...taking into account any scrollTop,

-    *  scrollLeft values along the way...

-    *

-    * IE has a bug reporting a correct offsetLeft of elements within a

-    * a relatively positioned parent!!!

-    **/

-   _toAbsolute: function(element,accountForDocScroll) {

-

-      if ( navigator.userAgent.toLowerCase().indexOf("msie") == -1 )

-         return this._toAbsoluteMozilla(element,accountForDocScroll);

-

-      var x = 0;

-      var y = 0;

-      var parent = element;

-      while ( parent ) {

-

-         var borderXOffset = 0;

-         var borderYOffset = 0;

-         if ( parent != element ) {

-            var borderXOffset = parseInt(this.getElementsComputedStyle(parent, "borderLeftWidth" ));

-            var borderYOffset = parseInt(this.getElementsComputedStyle(parent, "borderTopWidth" ));

-            borderXOffset = isNaN(borderXOffset) ? 0 : borderXOffset;

-            borderYOffset = isNaN(borderYOffset) ? 0 : borderYOffset;

-         }

-

-         x += parent.offsetLeft - parent.scrollLeft + borderXOffset;

-         y += parent.offsetTop - parent.scrollTop + borderYOffset;

-         parent = parent.offsetParent;

-      }

-

-      if ( accountForDocScroll ) {

-         x -= this.docScrollLeft();

-         y -= this.docScrollTop();

-      }

-

-      return { x:x, y:y };

-   },

-

-   /**

-    *  Mozilla did not report all of the parents up the hierarchy via the

-    *  offsetParent property that IE did.  So for the calculation of the

-    *  offsets we use the offsetParent property, but for the calculation of

-    *  the scrollTop/scrollLeft adjustments we navigate up via the parentNode

-    *  property instead so as to get the scroll offsets...

-    *

-    **/

-   _toAbsoluteMozilla: function(element,accountForDocScroll) {

-      var x = 0;

-      var y = 0;

-      var parent = element;

-      while ( parent ) {

-         x += parent.offsetLeft;

-         y += parent.offsetTop;

-         parent = parent.offsetParent;

-      }

-

-      parent = element;

-      while ( parent &&

-              parent != document.body &&

-              parent != document.documentElement ) {

-         if ( parent.scrollLeft  )

-            x -= parent.scrollLeft;

-         if ( parent.scrollTop )

-            y -= parent.scrollTop;

-         parent = parent.parentNode;

-      }

-

-      if ( accountForDocScroll ) {

-         x -= this.docScrollLeft();

-         y -= this.docScrollTop();

-      }

-

-      return { x:x, y:y };

-   },

-

-   docScrollLeft: function() {

-      if ( window.pageXOffset )

-         return window.pageXOffset;

-      else if ( document.documentElement && document.documentElement.scrollLeft )

-         return document.documentElement.scrollLeft;

-      else if ( document.body )

-         return document.body.scrollLeft;

-      else

-         return 0;

-   },

-

-   docScrollTop: function() {

-      if ( window.pageYOffset )

-         return window.pageYOffset;

-      else if ( document.documentElement && document.documentElement.scrollTop )

-         return document.documentElement.scrollTop;

-      else if ( document.body )

-         return document.body.scrollTop;

-      else

-         return 0;

-   }

-

-};
-
-Prado.RicoLiveGrid = Class.create();

-Prado.RicoLiveGrid.prototype = Object.extend(Rico.LiveGrid.prototype,

-{

-	initialize : function(tableId, options)

-	{

-	     this.options = {

-                tableClass:           $(tableId).className || '',

-                loadingClass:         $(tableId).className || '',

-                scrollerBorderRight: '1px solid #ababab',

-                bufferTimeout:        20000,

-                sortAscendImg:        'images/sort_asc.gif',

-                sortDescendImg:       'images/sort_desc.gif',

-                sortImageWidth:       9,

-                sortImageHeight:      5,

-                ajaxSortURLParms:     [],

-                onRefreshComplete:    null,

-                requestParameters:    null,

-                inlineStyles:         true,

-				visibleRows:		  10,

-				totalRows:			  0,

-				initialOffset:		  0

-		};

-		Object.extend(this.options, options || {});

-

-      //this.ajaxOptions = {parameters: null};

-      //Object.extend(this.ajaxOptions, ajaxOptions || {});

-

-      this.tableId     = tableId; 

-      this.table       = $(tableId);

-

-      this.addLiveGridHtml();

-

-      var columnCount  = this.table.rows[0].cells.length;

-      this.metaData    = new Rico.LiveGridMetaData(this.options.visibleRows, this.options.totalRows, columnCount, options);

-      this.buffer      = new Rico.LiveGridBuffer(this.metaData);

-

-      var rowCount = this.table.rows.length;

-      this.viewPort =  new Rico.GridViewPort(this.table, 

-                                            this.table.offsetHeight/rowCount,

-                                            this.options.visibleRows,

-                                            this.buffer, this);

-      this.scroller    = new Rico.LiveGridScroller(this,this.viewPort);

-      this.options.sortHandler = this.sortHandler.bind(this);

-

-      if ( $(tableId + '_header') )

-         this.sort = new Rico.LiveGridSort(tableId + '_header', this.options)

-

-      this.processingRequest = null;

-      this.unprocessedRequest = null;

-

-      //this.initAjax(url);

-      if (this.options.initialOffset >= 0) 

-	  {

-         var offset = this.options.initialOffset;

-            this.scroller.moveScroll(offset);

-            this.viewPort.scrollTo(this.scroller.rowToPixel(offset));            

-         if (this.options.sortCol) {

-             this.sortCol = options.sortCol;

-             this.sortDir = options.sortDir;

-         }

-         var grid = this;

-		 setTimeout(function(){

-			 grid.requestContentRefresh(offset);

-		 },100);

-      }

-	},

-

-   fetchBuffer: function(offset) 

-   {

-      if ( this.buffer.isInRange(offset) &&

-         !this.buffer.isNearingLimit(offset)) {

-         return;

-         }

-      if (this.processingRequest) {

-          this.unprocessedRequest = new Rico.LiveGridRequest(offset);

-         return;

-      }

-      var bufferStartPos = this.buffer.getFetchOffset(offset);

-      this.processingRequest = new Rico.LiveGridRequest(offset);

-      this.processingRequest.bufferOffset = bufferStartPos;   

-      var fetchSize = this.buffer.getFetchSize(offset);

-      var partialLoaded = false;

-      

-     // var queryString

-    //  if (this.options.requestParameters)

-       //  queryString = this._createQueryString(this.options.requestParameters, 0);

-		var param = 

-	   {

-			'page_size' : fetchSize,

-			'offset' : bufferStartPos

-	   };

-		if(this.sortCol)

-	   {

-			Object.extend(param,

-		   {

-				'sort_col': this.sortCol,

-				'sort_dir': this.sortDir

-			});

-	   }

-        /*queryString = (queryString == null) ? '' : queryString+'&';

-        queryString  = queryString+'id='+this.tableId+'&page_size='+fetchSize+'&offset='+bufferStartPos;

-        if (this.sortCol)

-            queryString = queryString+'&sort_col='+escape(this.sortCol)+'&sort_dir='+this.sortDir;

-

-        this.ajaxOptions.parameters = queryString;

-

-       ajaxEngine.sendRequest( this.tableId + '_request', this.ajaxOptions );

-		*/

-		Prado.Callback(this.tableId, param, this.ajaxUpdate.bind(this), this.options);

-       this.timeoutHandler = setTimeout( this.handleTimedOut.bind(this), this.options.bufferTimeout);

-

-   },

-

-   ajaxUpdate: function(result, output) 

-   {

-      try {

-         clearTimeout( this.timeoutHandler );

-         this.buffer.update(result,this.processingRequest.bufferOffset);

-         this.viewPort.bufferChanged();

-      }

-      catch(err) {}

-      finally {this.processingRequest = null; }

-      this.processQueuedRequest();

-   }

-});

-

-Object.extend(Rico.LiveGridBuffer.prototype,

-{

-   update: function(newRows, start) 

-  {

-     if (this.rows.length == 0) { // initial load

-         this.rows = newRows;

-         this.size = this.rows.length;

-         this.startPos = start;

-         return;

-      }

-      if (start > this.startPos) { //appending

-         if (this.startPos + this.rows.length < start) {

-            this.rows =  newRows;

-            this.startPos = start;//

-         } else {

-              this.rows = this.rows.concat( newRows.slice(0, newRows.length));

-            if (this.rows.length > this.maxBufferSize) {

-               var fullSize = this.rows.length;

-               this.rows = this.rows.slice(this.rows.length - this.maxBufferSize, this.rows.length)

-               this.startPos = this.startPos +  (fullSize - this.rows.length);

-            }

-         }

-      } else { //prepending

-         if (start + newRows.length < this.startPos) {

-            this.rows =  newRows;

-         } else {

-            this.rows = newRows.slice(0, this.startPos).concat(this.rows);

-            if (this.rows.length > this.maxBufferSize) 

-               this.rows = this.rows.slice(0, this.maxBufferSize)

-         }

-         this.startPos =  start;

-      }

-      this.size = this.rows.length;

-   }

-});

-

-

-Object.extend(Rico.GridViewPort.prototype,

-{

-   populateRow: function(htmlRow, row) 

-   {

-	   if(isdef(htmlRow))

-	   {

-		  for (var j=0; j < row.length; j++) {

-			 htmlRow.cells[j].innerHTML = row[j]

-		  }

-	   }

-   }

-});
-