/* START MicrosoftAjax.js */ //---------------------------------------------------------- // Copyright (C) Microsoft Corporation. All rights reserved. //---------------------------------------------------------- // MicrosoftAjax.js Function.__typeName="Function";Function.__class=true;Function.createCallback=function(b,a){return function(){var e=arguments.length;if(e>0){var d=[];for(var c=0;cc){var f=Error.parameterCount();f.popStackFrame();return f}return null};Function._validateParameter=function(c,a,h){var b,g=a.type,l=!!a.integer,k=!!a.domElement,m=!!a.mayBeNull;b=Function._validateParameterType(c,g,l,k,m,h);if(b){b.popStackFrame();return b}var e=a.elementType,f=!!a.elementMayBeNull;if(g===Array&&typeof c!=="undefined"&&c!==null&&(e||!f)){var j=!!a.elementInteger,i=!!a.elementDomElement;for(var d=0;d0&&(dc.Calendar.TwoDigitYearMax)return a-100}return a};Date._getParseRegExp=function(b,e){if(!b._parseRegExp)b._parseRegExp={};else if(b._parseRegExp[e])return b._parseRegExp[e];var c=Date._expandFormat(b,e);c=c.replace(/([\^\$\.\*\+\?\|\[\]\(\)\{\}])/g,"\\\\$1");var a=new Sys.StringBuilder("^"),j=[],f=0,i=0,h=Date._getTokenRegExp(),d;while((d=h.exec(c))!==null){var l=c.slice(f,d.index);f=h.lastIndex;i+=Date._appendPreOrPostMatch(l,a);if(i%2===1){a.append(d[0]);continue}switch(d[0]){case "dddd":case "ddd":case "MMMM":case "MMM":a.append("(\\D+)");break;case "tt":case "t":a.append("(\\D*)");break;case "yyyy":a.append("(\\d{4})");break;case "fff":a.append("(\\d{3})");break;case "ff":a.append("(\\d{2})");break;case "f":a.append("(\\d)");break;case "dd":case "d":case "MM":case "M":case "yy":case "y":case "HH":case "H":case "hh":case "h":case "mm":case "m":case "ss":case "s":a.append("(\\d\\d?)");break;case "zzz":a.append("([+-]?\\d\\d?:\\d{2})");break;case "zz":case "z":a.append("([+-]?\\d\\d?)")}Array.add(j,d[0])}Date._appendPreOrPostMatch(c.slice(f),a);a.append("$");var k=a.toString().replace(/\s+/g,"\\s+"),g={"regExp":k,"groups":j};b._parseRegExp[e]=g;return g};Date._getTokenRegExp=function(){return /dddd|ddd|dd|d|MMMM|MMM|MM|M|yyyy|yy|y|hh|h|HH|H|mm|m|ss|s|tt|t|fff|ff|f|zzz|zz|z/g};Date.parseLocale=function(a){return Date._parse(a,Sys.CultureInfo.CurrentCulture,arguments)};Date.parseInvariant=function(a){return Date._parse(a,Sys.CultureInfo.InvariantCulture,arguments)};Date._parse=function(g,c,h){var e=false;for(var a=1,i=h.length;a31)return null;break;case "MMMM":c=j._getMonthIndex(a);if(c<0||c>11)return null;break;case "MMM":c=j._getAbbrMonthIndex(a);if(c<0||c>11)return null;break;case "M":case "MM":var c=parseInt(a,10)-1;if(c<0||c>11)return null;break;case "y":case "yy":f=Date._expandYear(m,parseInt(a,10));if(f<0||f>9999)return null;break;case "yyyy":f=parseInt(a,10);if(f<0||f>9999)return null;break;case "h":case "hh":d=parseInt(a,10);if(d===12)d=0;if(d<0||d>11)return null;break;case "H":case "HH":d=parseInt(a,10);if(d<0||d>23)return null;break;case "m":case "mm":n=parseInt(a,10);if(n<0||n>59)return null;break;case "s":case "ss":o=parseInt(a,10);if(o<0||o>59)return null;break;case "tt":case "t":var u=a.toUpperCase();r=u===m.PMDesignator.toUpperCase();if(!r&&u!==m.AMDesignator.toUpperCase())return null;break;case "f":e=parseInt(a,10)*100;if(e<0||e>999)return null;break;case "ff":e=parseInt(a,10)*10;if(e<0||e>999)return null;break;case "fff":e=parseInt(a,10);if(e<0||e>999)return null;break;case "dddd":g=j._getDayIndex(a);if(g<0||g>6)return null;break;case "ddd":g=j._getAbbrDayIndex(a);if(g<0||g>6)return null;break;case "zzz":var q=a.split(/:/);if(q.length!==2)return null;var i=parseInt(q[0],10);if(i<-12||i>13)return null;var l=parseInt(q[1],10);if(l<0||l>59)return null;k=i*60+(a.startsWith("-")?-l:l);break;case "z":case "zz":var i=parseInt(a,10);if(i<-12||i>13)return null;k=i*60}}var b=new Date;if(f===null)f=b.getFullYear();if(c===null)c=b.getMonth();if(h===null)h=b.getDate();b.setFullYear(f,c,h);if(b.getDate()!==h)return null;if(g!==null&&b.getDay()!==g)return null;if(r&&d<12)d+=12;b.setHours(d,n,o,e);if(k!==null){var t=b.getMinutes()-(k+b.getTimezoneOffset());b.setHours(b.getHours()+parseInt(t/60,10),t%60)}return b};Date.prototype.format=function(a){return this._toFormattedString(a,Sys.CultureInfo.InvariantCulture)};Date.prototype.localeFormat=function(a){return this._toFormattedString(a,Sys.CultureInfo.CurrentCulture)};Date.prototype._toFormattedString=function(e,h){if(!e||e.length===0||e==="i")if(h&&h.name.length>0)return this.toLocaleString();else return this.toString();var d=h.dateTimeFormat;e=Date._expandFormat(d,e);var a=new Sys.StringBuilder,b;function c(a){if(a<10)return "0"+a;return a.toString()}function g(a){if(a<10)return "00"+a;if(a<100)return "0"+a;return a.toString()}var j=0,i=Date._getTokenRegExp();for(;true;){var l=i.lastIndex,f=i.exec(e),k=e.slice(l,f?f.index:e.length);j+=Date._appendPreOrPostMatch(k,a);if(!f)break;if(j%2===1){a.append(f[0]);continue}switch(f[0]){case "dddd":a.append(d.DayNames[this.getDay()]);break;case "ddd":a.append(d.AbbreviatedDayNames[this.getDay()]);break;case "dd":a.append(c(this.getDate()));break;case "d":a.append(this.getDate());break;case "MMMM":a.append(d.MonthNames[this.getMonth()]);break;case "MMM":a.append(d.AbbreviatedMonthNames[this.getMonth()]);break;case "MM":a.append(c(this.getMonth()+1));break;case "M":a.append(this.getMonth()+1);break;case "yyyy":a.append(this.getFullYear());break;case "yy":a.append(c(this.getFullYear()%100));break;case "y":a.append(this.getFullYear()%100);break;case "hh":b=this.getHours()%12;if(b===0)b=12;a.append(c(b));break;case "h":b=this.getHours()%12;if(b===0)b=12;a.append(b);break;case "HH":a.append(c(this.getHours()));break;case "H":a.append(this.getHours());break;case "mm":a.append(c(this.getMinutes()));break;case "m":a.append(this.getMinutes());break;case "ss":a.append(c(this.getSeconds()));break;case "s":a.append(this.getSeconds());break;case "tt":a.append(this.getHours()<12?d.AMDesignator:d.PMDesignator);break;case "t":a.append((this.getHours()<12?d.AMDesignator:d.PMDesignator).charAt(0));break;case "f":a.append(g(this.getMilliseconds()).charAt(0));break;case "ff":a.append(g(this.getMilliseconds()).substr(0,2));break;case "fff":a.append(g(this.getMilliseconds()));break;case "z":b=this.getTimezoneOffset()/60;a.append((b<=0?"+":"-")+Math.floor(Math.abs(b)));break;case "zz":b=this.getTimezoneOffset()/60;a.append((b<=0?"+":"-")+c(Math.floor(Math.abs(b))));break;case "zzz":b=this.getTimezoneOffset()/60;a.append((b<=0?"+":"-")+c(Math.floor(Math.abs(b)))+d.TimeSeparator+c(Math.abs(this.getTimezoneOffset()%60)))}}return a.toString()};Number.__typeName="Number";Number.__class=true;Number.parseLocale=function(a){return Number._parse(a,Sys.CultureInfo.CurrentCulture)};Number.parseInvariant=function(a){return Number._parse(a,Sys.CultureInfo.InvariantCulture)};Number._parse=function(b,o){b=b.trim();if(b.match(/^[+-]?infinity$/i))return parseFloat(b);if(b.match(/^0x[a-f0-9]+$/i))return parseInt(b);var a=o.numberFormat,g=Number._parseNumberNegativePattern(b,a,a.NumberNegativePattern),h=g[0],e=g[1];if(h===""&&a.NumberNegativePattern!==1){g=Number._parseNumberNegativePattern(b,a,1);h=g[0];e=g[1]}if(h==="")h="+";var j,d,f=e.indexOf("e");if(f<0)f=e.indexOf("E");if(f<0){d=e;j=null}else{d=e.substr(0,f);j=e.substr(f+1)}var c,k,m=d.indexOf(a.NumberDecimalSeparator);if(m<0){c=d;k=null}else{c=d.substr(0,m);k=d.substr(m+a.NumberDecimalSeparator.length)}c=c.split(a.NumberGroupSeparator).join("");var n=a.NumberGroupSeparator.replace(/\u00A0/g," ");if(a.NumberGroupSeparator!==n)c=c.split(n).join("");var l=h+c;if(k!==null)l+="."+k;if(j!==null){var i=Number._parseNumberNegativePattern(j,a,1);if(i[0]==="")i[0]="+";l+="e"+i[0]+i[1]}if(l.match(/^[+-]?\d*\.?\d*(e[+-]?\d+)?$/))return parseFloat(l);return Number.NaN};Number._parseNumberNegativePattern=function(a,d,e){var b=d.NegativeSign,c=d.PositiveSign;switch(e){case 4:b=" "+b;c=" "+c;case 3:if(a.endsWith(b))return ["-",a.substr(0,a.length-b.length)];else if(a.endsWith(c))return ["+",a.substr(0,a.length-c.length)];break;case 2:b+=" ";c+=" ";case 1:if(a.startsWith(b))return ["-",a.substr(b.length)];else if(a.startsWith(c))return ["+",a.substr(c.length)];break;case 0:if(a.startsWith("(")&&a.endsWith(")"))return ["-",a.substr(1,a.length-2)]}return ["",a]};Number.prototype.format=function(a){return this._toFormattedString(a,Sys.CultureInfo.InvariantCulture)};Number.prototype.localeFormat=function(a){return this._toFormattedString(a,Sys.CultureInfo.CurrentCulture)};Number.prototype._toFormattedString=function(d,j){if(!d||d.length===0||d==="i")if(j&&j.name.length>0)return this.toLocaleString();else return this.toString();var o=["n %","n%","%n"],n=["-n %","-n%","-%n"],p=["(n)","-n","- n","n-","n -"],m=["$n","n$","$ n","n $"],l=["($n)","-$n","$-n","$n-","(n$)","-n$","n-$","n$-","-n $","-$ n","n $-","$ n-","$ -n","n- $","($ n)","(n $)"];function g(a,c,d){for(var b=a.length;b1?parseInt(e[1]):0;e=b.split(".");b=e[0];a=e.length>1?e[1]:"";var q;if(c>0){a=g(a,c,false);b+=a.slice(0,c);a=a.substr(c)}else if(c<0){c=-c;b=g(b,c+1,true);a=b.slice(-c,b.length)+a;b=b.slice(0,-c)}if(i>0){if(a.length>i)a=a.slice(0,i);else a=g(a,i,false);a=p+a}else a="";var d=b.length-1,f="";while(d>=0){if(h===0||h>d)if(f.length>0)return b.slice(0,d+1)+n+f+a;else return b.slice(0,d+1)+a;if(f.length>0)f=b.slice(d-h+1,d+1)+n+f;else f=b.slice(d-h+1,d+1);d-=h;if(k1)b=parseInt(d.slice(1),10);var c;switch(d.charAt(0)){case "d":case "D":c="n";if(b!==-1)e=g(""+e,b,true);if(this<0)e=-e;break;case "c":case "C":if(this<0)c=l[a.CurrencyNegativePattern];else c=m[a.CurrencyPositivePattern];if(b===-1)b=a.CurrencyDecimalDigits;e=i(Math.abs(this),b,a.CurrencyGroupSizes,a.CurrencyGroupSeparator,a.CurrencyDecimalSeparator);break;case "n":case "N":if(this<0)c=p[a.NumberNegativePattern];else c="n";if(b===-1)b=a.NumberDecimalDigits;e=i(Math.abs(this),b,a.NumberGroupSizes,a.NumberGroupSeparator,a.NumberDecimalSeparator);break;case "p":case "P":if(this<0)c=n[a.PercentNegativePattern];else c=o[a.PercentPositivePattern];if(b===-1)b=a.PercentDecimalDigits;e=i(Math.abs(this)*100,b,a.PercentGroupSizes,a.PercentGroupSeparator,a.PercentDecimalSeparator);break;default:throw Error.format(Sys.Res.formatBadFormatSpecifier)}var k=/n|\$|-|%/g,f="";for(;true;){var q=k.lastIndex,h=k.exec(c);f+=c.slice(q,h?h.index:c.length);if(!h)break;switch(h[0]){case "n":f+=e;break;case "$":f+=a.CurrencySymbol;break;case "-":f+=a.NegativeSign;break;case "%":f+=a.PercentSymbol}}return f};RegExp.__typeName="RegExp";RegExp.__class=true;Array.__typeName="Array";Array.__class=true;Array.add=Array.enqueue=function(a,b){a[a.length]=b};Array.addRange=function(a,b){a.push.apply(a,b)};Array.clear=function(a){a.length=0};Array.clone=function(a){if(a.length===1)return [a[0]];else return Array.apply(null,a)};Array.contains=function(a,b){return Array.indexOf(a,b)>=0};Array.dequeue=function(a){return a.shift()};Array.forEach=function(b,e,d){for(var a=0,f=b.length;a=0)b.splice(a,1);return a>=0};Array.removeAt=function(a,b){a.splice(b,1)};if(!window)this.window=this;window.Type=Function;Type.prototype.callBaseMethod=function(a,d,b){var c=this.getBaseMethod(a,d);if(!b)return c.apply(a);else return c.apply(a,b)};Type.prototype.getBaseMethod=function(d,c){var b=this.getBaseType();if(b){var a=b.prototype[c];return a instanceof Function?a:null}return null};Type.prototype.getBaseType=function(){return typeof this.__baseType==="undefined"?null:this.__baseType};Type.prototype.getInterfaces=function(){var a=[],b=this;while(b){var c=b.__interfaces;if(c)for(var d=0,f=c.length;d-1){Sys.Browser.agent=Sys.Browser.InternetExplorer;Sys.Browser.version=parseFloat(navigator.userAgent.match(/MSIE (\d+\.\d+)/)[1]);if(Sys.Browser.version>=8)if(document.documentMode>=7)Sys.Browser.documentMode=document.documentMode;Sys.Browser.hasDebuggerStatement=true}else if(navigator.userAgent.indexOf(" Firefox/")>-1){Sys.Browser.agent=Sys.Browser.Firefox;Sys.Browser.version=parseFloat(navigator.userAgent.match(/Firefox\/(\d+\.\d+)/)[1]);Sys.Browser.name="Firefox";Sys.Browser.hasDebuggerStatement=true}else if(navigator.userAgent.indexOf(" AppleWebKit/")>-1){Sys.Browser.agent=Sys.Browser.Safari;Sys.Browser.version=parseFloat(navigator.userAgent.match(/AppleWebKit\/(\d+(\.\d+)?)/)[1]);Sys.Browser.name="Safari"}else if(navigator.userAgent.indexOf("Opera/")>-1)Sys.Browser.agent=Sys.Browser.Opera;Type.registerNamespace("Sys.UI");Sys._Debug=function(){};Sys._Debug.prototype={_appendConsole:function(a){if(typeof Debug!=="undefined"&&Debug.writeln)Debug.writeln(a);if(window.console&&window.console.log)window.console.log(a);if(window.opera)window.opera.postError(a);if(window.debugService)window.debugService.trace(a)},_appendTrace:function(b){var a=document.getElementById("TraceConsole");if(a&&a.tagName.toUpperCase()==="TEXTAREA")a.value+=b+"\n"},assert:function(c,a,b){if(!c){a=b&&this.assert.caller?String.format(Sys.Res.assertFailedCaller,a,this.assert.caller):String.format(Sys.Res.assertFailed,a);if(confirm(String.format(Sys.Res.breakIntoDebugger,a)))this.fail(a)}},clearTrace:function(){var a=document.getElementById("TraceConsole");if(a&&a.tagName.toUpperCase()==="TEXTAREA")a.value=""},fail:function(message){this._appendConsole(message);if(Sys.Browser.hasDebuggerStatement)eval("debugger")},trace:function(a){this._appendConsole(a);this._appendTrace(a)},traceDump:function(a,b){var c=this._traceDump(a,b,true)},_traceDump:function(a,c,f,b,d){c=c?c:"traceDump";b=b?b:"";if(a===null){this.trace(b+c+": null");return}switch(typeof a){case "undefined":this.trace(b+c+": Undefined");break;case "number":case "string":case "boolean":this.trace(b+c+": "+a);break;default:if(Date.isInstanceOfType(a)||RegExp.isInstanceOfType(a)){this.trace(b+c+": "+a.toString());break}if(!d)d=[];else if(Array.contains(d,a)){this.trace(b+c+": ...");return}Array.add(d,a);if(a==window||a===document||window.HTMLElement&&a instanceof HTMLElement||typeof a.nodeName==="string"){var k=a.tagName?a.tagName:"DomElement";if(a.id)k+=" - "+a.id;this.trace(b+c+" {"+k+"}")}else{var i=Object.getTypeName(a);this.trace(b+c+(typeof i==="string"?" {"+i+"}":""));if(b===""||f){b+=" ";var e,j,l,g,h;if(Array.isInstanceOfType(a)){j=a.length;for(e=0;e=0;d--){var k=h[d].trim();b=a[k];if(typeof b!=="number")throw Error.argument("value",String.format(Sys.Res.enumInvalidValue,c.split(",")[d].trim(),this.__typeName));j|=b}return j}}function Sys$Enum$toString(c){if(typeof c==="undefined"||c===null)return this.__string;var d=this.prototype,a;if(!this.__flags||c===0){for(a in d)if(d[a]===c)return a}else{var b=this.__sortedValues;if(!b){b=[];for(a in d)b[b.length]={key:a,value:d[a]};b.sort(function(a,b){return a.value-b.value});this.__sortedValues=b}var e=[],g=c;for(a=b.length-1;a>=0;a--){var h=b[a],f=h.value;if(f===0)continue;if((f&c)===f){e[e.length]=h.key;g-=f;if(g===0)break}}if(e.length&&g===0)return e.reverse().join(", ")}return ""}Type.prototype.registerEnum=function(b,c){Sys.__upperCaseTypes[b.toUpperCase()]=this;for(var a in this.prototype)this[a]=this.prototype[a];this.__typeName=b;this.parse=Sys$Enum$parse;this.__string=this.toString();this.toString=Sys$Enum$toString;this.__flags=c;this.__enum=true};Type.isEnum=function(a){if(typeof a==="undefined"||a===null)return false;return !!a.__enum};Type.isFlags=function(a){if(typeof a==="undefined"||a===null)return false;return !!a.__flags};Sys.EventHandlerList=function(){this._list={}};Sys.EventHandlerList.prototype={addHandler:function(b,a){Array.add(this._getEvent(b,true),a)},removeHandler:function(c,b){var a=this._getEvent(c);if(!a)return;Array.remove(a,b)},getHandler:function(b){var a=this._getEvent(b);if(!a||a.length===0)return null;a=Array.clone(a);return function(c,d){for(var b=0,e=a.length;b=0;c--)$removeHandler(a,b,d[c].handler)}a._events=null}},$removeHandler=Sys.UI.DomEvent.removeHandler=function(a,e,f){var d=null,c=a._events[e];for(var b=0,g=c.length;b=0)d.className=(a.substr(0,b)+" "+a.substring(b+c.length+1,a.length)).trim()};Sys.UI.DomElement.setLocation=function(b,c,d){var a=b.style;a.position="absolute";a.left=c+"px";a.top=d+"px"};Sys.UI.DomElement.toggleCssClass=function(b,a){if(Sys.UI.DomElement.containsCssClass(b,a))Sys.UI.DomElement.removeCssClass(b,a);else Sys.UI.DomElement.addCssClass(b,a)};Sys.UI.DomElement.getVisibilityMode=function(a){return a._visibilityMode===Sys.UI.VisibilityMode.hide?Sys.UI.VisibilityMode.hide:Sys.UI.VisibilityMode.collapse};Sys.UI.DomElement.setVisibilityMode=function(a,b){Sys.UI.DomElement._ensureOldDisplayMode(a);if(a._visibilityMode!==b){a._visibilityMode=b;if(Sys.UI.DomElement.getVisible(a)===false)if(a._visibilityMode===Sys.UI.VisibilityMode.hide)a.style.display=a._oldDisplayMode;else a.style.display="none";a._visibilityMode=b}};Sys.UI.DomElement.getVisible=function(b){var a=b.currentStyle||Sys.UI.DomElement._getCurrentStyle(b);if(!a)return true;return a.visibility!=="hidden"&&a.display!=="none"};Sys.UI.DomElement.setVisible=function(a,b){if(b!==Sys.UI.DomElement.getVisible(a)){Sys.UI.DomElement._ensureOldDisplayMode(a);a.style.visibility=b?"visible":"hidden";if(b||a._visibilityMode===Sys.UI.VisibilityMode.hide)a.style.display=a._oldDisplayMode;else a.style.display="none"}};Sys.UI.DomElement._ensureOldDisplayMode=function(a){if(!a._oldDisplayMode){var b=a.currentStyle||Sys.UI.DomElement._getCurrentStyle(a);a._oldDisplayMode=b?b.display:null;if(!a._oldDisplayMode||a._oldDisplayMode==="none")switch(a.tagName.toUpperCase()){case "DIV":case "P":case "ADDRESS":case "BLOCKQUOTE":case "BODY":case "COL":case "COLGROUP":case "DD":case "DL":case "DT":case "FIELDSET":case "FORM":case "H1":case "H2":case "H3":case "H4":case "H5":case "H6":case "HR":case "IFRAME":case "LEGEND":case "OL":case "PRE":case "TABLE":case "TD":case "TH":case "TR":case "UL":a._oldDisplayMode="block";break;case "LI":a._oldDisplayMode="list-item";break;default:a._oldDisplayMode="inline"}}};Sys.UI.DomElement._getWindow=function(a){var b=a.ownerDocument||a.document||a;return b.defaultView||b.parentWindow};Sys.UI.DomElement._getCurrentStyle=function(a){if(a.nodeType===3)return null;var c=Sys.UI.DomElement._getWindow(a);if(a.documentElement)a=a.documentElement;var b=c&&a!==c&&c.getComputedStyle?c.getComputedStyle(a,null):a.currentStyle||a.style;if(!b&&Sys.Browser.agent===Sys.Browser.Safari&&a.style){var g=a.style.display,f=a.style.position;a.style.position="absolute";a.style.display="block";var e=c.getComputedStyle(a,null);a.style.display=g;a.style.position=f;b={};for(var d in e)b[d]=e[d];b.display="none"}return b};Sys.IContainer=function(){};Sys.IContainer.prototype={};Sys.IContainer.registerInterface("Sys.IContainer");Sys._ScriptLoader=function(){this._scriptsToLoad=null;this._sessions=[];this._scriptLoadedDelegate=Function.createDelegate(this,this._scriptLoadedHandler)};Sys._ScriptLoader.prototype={dispose:function(){this._stopSession();this._loading=false;if(this._events)delete this._events;this._sessions=null;this._currentSession=null;this._scriptLoadedDelegate=null},loadScripts:function(d,b,c,a){var e={allScriptsLoadedCallback:b,scriptLoadFailedCallback:c,scriptLoadTimeoutCallback:a,scriptsToLoad:this._scriptsToLoad,scriptTimeout:d};this._scriptsToLoad=null;this._sessions[this._sessions.length]=e;if(!this._loading)this._nextSession()},notifyScriptLoaded:function(){if(!this._loading)return;this._currentTask._notified++;if(Sys.Browser.agent===Sys.Browser.Safari)if(this._currentTask._notified===1)window.setTimeout(Function.createDelegate(this,function(){this._scriptLoadedHandler(this._currentTask.get_scriptElement(),true)}),0)},queueCustomScriptTag:function(a){if(!this._scriptsToLoad)this._scriptsToLoad=[];Array.add(this._scriptsToLoad,a)},queueScriptBlock:function(a){if(!this._scriptsToLoad)this._scriptsToLoad=[];Array.add(this._scriptsToLoad,{text:a})},queueScriptReference:function(a){if(!this._scriptsToLoad)this._scriptsToLoad=[];Array.add(this._scriptsToLoad,{src:a})},_createScriptElement:function(c){var a=document.createElement("script");a.type="text/javascript";for(var b in c)a[b]=c[b];return a},_loadScriptsInternal:function(){var b=this._currentSession;if(b.scriptsToLoad&&b.scriptsToLoad.length>0){var c=Array.dequeue(b.scriptsToLoad),a=this._createScriptElement(c);if(a.text&&Sys.Browser.agent===Sys.Browser.Safari){a.innerHTML=a.text;delete a.text}if(typeof c.src==="string"){this._currentTask=new Sys._ScriptLoaderTask(a,this._scriptLoadedDelegate);this._currentTask.execute()}else{document.getElementsByTagName("head")[0].appendChild(a);Sys._ScriptLoader._clearScript(a);this._loadScriptsInternal()}}else{this._stopSession();var d=b.allScriptsLoadedCallback;if(d)d(this);this._nextSession()}},_nextSession:function(){if(this._sessions.length===0){this._loading=false;this._currentSession=null;return}this._loading=true;var a=Array.dequeue(this._sessions);this._currentSession=a;if(a.scriptTimeout>0)this._timeoutCookie=window.setTimeout(Function.createDelegate(this,this._scriptLoadTimeoutHandler),a.scriptTimeout*1000);this._loadScriptsInternal()},_raiseError:function(a){var c=this._currentSession.scriptLoadFailedCallback,b=this._currentTask.get_scriptElement();this._stopSession();if(c){c(this,b,a);this._nextSession()}else{this._loading=false;throw Sys._ScriptLoader._errorScriptLoadFailed(b.src,a)}},_scriptLoadedHandler:function(a,b){if(b&&this._currentTask._notified)if(this._currentTask._notified>1)this._raiseError(true);else{Array.add(Sys._ScriptLoader._getLoadedScripts(),a.src);this._currentTask.dispose();this._currentTask=null;this._loadScriptsInternal()}else this._raiseError(false)},_scriptLoadTimeoutHandler:function(){var a=this._currentSession.scriptLoadTimeoutCallback;this._stopSession();if(a)a(this);this._nextSession()},_stopSession:function(){if(this._timeoutCookie){window.clearTimeout(this._timeoutCookie);this._timeoutCookie=null}if(this._currentTask){this._currentTask.dispose();this._currentTask=null}}};Sys._ScriptLoader.registerClass("Sys._ScriptLoader",null,Sys.IDisposable);Sys._ScriptLoader.getInstance=function(){var a=Sys._ScriptLoader._activeInstance;if(!a)a=Sys._ScriptLoader._activeInstance=new Sys._ScriptLoader;return a};Sys._ScriptLoader.isScriptLoaded=function(b){var a=document.createElement("script");a.src=b;return Array.contains(Sys._ScriptLoader._getLoadedScripts(),a.src)};Sys._ScriptLoader.readLoadedScripts=function(){if(!Sys._ScriptLoader._referencedScripts){var b=Sys._ScriptLoader._referencedScripts=[],c=document.getElementsByTagName("script");for(i=c.length-1;i>=0;i--){var d=c[i],a=d.src;if(a.length)if(!Array.contains(b,a))Array.add(b,a)}}};Sys._ScriptLoader._clearScript=function(a){if(!Sys.Debug.isDebug)a.parentNode.removeChild(a)};Sys._ScriptLoader._errorScriptLoadFailed=function(b,d){var a;if(d)a=Sys.Res.scriptLoadMultipleCallbacks;else a=Sys.Res.scriptLoadFailed;var e="Sys.ScriptLoadFailedException: "+String.format(a,b),c=Error.create(e,{name:"Sys.ScriptLoadFailedException","scriptUrl":b});c.popStackFrame();return c};Sys._ScriptLoader._getLoadedScripts=function(){if(!Sys._ScriptLoader._referencedScripts){Sys._ScriptLoader._referencedScripts=[];Sys._ScriptLoader.readLoadedScripts()}return Sys._ScriptLoader._referencedScripts};Sys._ScriptLoaderTask=function(b,a){this._scriptElement=b;this._completedCallback=a;this._notified=0};Sys._ScriptLoaderTask.prototype={get_scriptElement:function(){return this._scriptElement},dispose:function(){if(this._disposed)return;this._disposed=true;this._removeScriptElementHandlers();Sys._ScriptLoader._clearScript(this._scriptElement);this._scriptElement=null},execute:function(){this._addScriptElementHandlers();document.getElementsByTagName("head")[0].appendChild(this._scriptElement)},_addScriptElementHandlers:function(){this._scriptLoadDelegate=Function.createDelegate(this,this._scriptLoadHandler);if(Sys.Browser.agent!==Sys.Browser.InternetExplorer){this._scriptElement.readyState="loaded";$addHandler(this._scriptElement,"load",this._scriptLoadDelegate)}else $addHandler(this._scriptElement,"readystatechange",this._scriptLoadDelegate);if(this._scriptElement.addEventListener){this._scriptErrorDelegate=Function.createDelegate(this,this._scriptErrorHandler);this._scriptElement.addEventListener("error",this._scriptErrorDelegate,false)}},_removeScriptElementHandlers:function(){if(this._scriptLoadDelegate){var a=this.get_scriptElement();if(Sys.Browser.agent!==Sys.Browser.InternetExplorer)$removeHandler(a,"load",this._scriptLoadDelegate);else $removeHandler(a,"readystatechange",this._scriptLoadDelegate);if(this._scriptErrorDelegate){this._scriptElement.removeEventListener("error",this._scriptErrorDelegate,false);this._scriptErrorDelegate=null}this._scriptLoadDelegate=null}},_scriptErrorHandler:function(){if(this._disposed)return;this._completedCallback(this.get_scriptElement(),false)},_scriptLoadHandler:function(){if(this._disposed)return;var a=this.get_scriptElement();if(a.readyState!=="loaded"&&a.readyState!=="complete")return;var b=this;window.setTimeout(function(){b._completedCallback(a,true)},0)}};Sys._ScriptLoaderTask.registerClass("Sys._ScriptLoaderTask",null,Sys.IDisposable);Sys.ApplicationLoadEventArgs=function(b,a){Sys.ApplicationLoadEventArgs.initializeBase(this);this._components=b;this._isPartialLoad=a};Sys.ApplicationLoadEventArgs.prototype={get_components:function(){return this._components},get_isPartialLoad:function(){return this._isPartialLoad}};Sys.ApplicationLoadEventArgs.registerClass("Sys.ApplicationLoadEventArgs",Sys.EventArgs);Sys.HistoryEventArgs=function(a){Sys.HistoryEventArgs.initializeBase(this);this._state=a};Sys.HistoryEventArgs.prototype={get_state:function(){return this._state}};Sys.HistoryEventArgs.registerClass("Sys.HistoryEventArgs",Sys.EventArgs);Sys._Application=function(){Sys._Application.initializeBase(this);this._disposableObjects=[];this._components={};this._createdComponents=[];this._secondPassComponents=[];this._appLoadHandler=null;this._beginRequestHandler=null;this._clientId=null;this._currentEntry="";this._endRequestHandler=null;this._history=null;this._enableHistory=false;this._historyFrame=null;this._historyInitialized=false;this._historyInitialLength=0;this._historyLength=0;this._historyPointIsNew=false;this._ignoreTimer=false;this._initialState=null;this._state={};this._timerCookie=0;this._timerHandler=null;this._uniqueId=null;this._unloadHandlerDelegate=Function.createDelegate(this,this._unloadHandler);this._loadHandlerDelegate=Function.createDelegate(this,this._loadHandler);Sys.UI.DomEvent.addHandler(window,"unload",this._unloadHandlerDelegate);Sys.UI.DomEvent.addHandler(window,"load",this._loadHandlerDelegate)};Sys._Application.prototype={_creatingComponents:false,_disposing:false,get_isCreatingComponents:function(){return this._creatingComponents},get_stateString:function(){var a=window.location.hash;if(this._isSafari2()){var b=this._getHistory();if(b)a=b[window.history.length-this._historyInitialLength]}if(a.length>0&&a.charAt(0)==="#")a=a.substring(1);if(Sys.Browser.agent===Sys.Browser.Firefox)a=this._serializeState(this._deserializeState(a,true));return a},get_enableHistory:function(){return this._enableHistory},set_enableHistory:function(a){this._enableHistory=a},add_init:function(a){if(this._initialized)a(this,Sys.EventArgs.Empty);else this.get_events().addHandler("init",a)},remove_init:function(a){this.get_events().removeHandler("init",a)},add_load:function(a){this.get_events().addHandler("load",a)},remove_load:function(a){this.get_events().removeHandler("load",a)},add_navigate:function(a){this.get_events().addHandler("navigate",a)},remove_navigate:function(a){this.get_events().removeHandler("navigate",a)},add_unload:function(a){this.get_events().addHandler("unload",a)},remove_unload:function(a){this.get_events().removeHandler("unload",a)},addComponent:function(a){this._components[a.get_id()]=a},addHistoryPoint:function(c,f){this._ensureHistory();var b=this._state;for(var a in c){var d=c[a];if(d===null){if(typeof b[a]!=="undefined")delete b[a]}else b[a]=d}var e=this._serializeState(b);this._historyPointIsNew=true;this._setState(e,f);this._raiseNavigate()},beginCreateComponents:function(){this._creatingComponents=true},dispose:function(){if(!this._disposing){this._disposing=true;if(this._timerCookie){window.clearTimeout(this._timerCookie);delete this._timerCookie}if(this._endRequestHandler){Sys.WebForms.PageRequestManager.getInstance().remove_endRequest(this._endRequestHandler);delete this._endRequestHandler}if(this._beginRequestHandler){Sys.WebForms.PageRequestManager.getInstance().remove_beginRequest(this._beginRequestHandler);delete this._beginRequestHandler}if(window.pageUnload)window.pageUnload(this,Sys.EventArgs.Empty);var c=this.get_events().getHandler("unload");if(c)c(this,Sys.EventArgs.Empty);var b=Array.clone(this._disposableObjects);for(var a=0,e=b.length;a'");d.write(""+(c||document.title)+"parent.Sys.Application._onIFrameLoad(\''+a+"');");d.close()}this._ignoreTimer=false;var h=this.get_stateString();this._currentEntry=a;if(a!==h){if(this._isSafari2()){var g=this._getHistory();g[window.history.length-this._historyInitialLength+1]=a;this._setHistory(g);this._historyLength=window.history.length+1;var b=document.createElement("form");b.method="get";b.action="#"+a;document.appendChild(b);b.submit();document.removeChild(b)}else window.location.hash=a;if(typeof c!=="undefined"&&c!==null)document.title=c}}},_unloadHandler:function(){this.dispose()},_updateHiddenField:function(b){if(this._clientId){var a=document.getElementById(this._clientId);if(a)a.value=b}}};Sys._Application.registerClass("Sys._Application",Sys.Component,Sys.IContainer);Sys.Application=new Sys._Application;var $find=Sys.Application.findComponent;Type.registerNamespace("Sys.Net");Sys.Net.WebRequestExecutor=function(){this._webRequest=null;this._resultObject=null};Sys.Net.WebRequestExecutor.prototype={get_webRequest:function(){return this._webRequest},_set_webRequest:function(a){this._webRequest=a},get_started:function(){throw Error.notImplemented()},get_responseAvailable:function(){throw Error.notImplemented()},get_timedOut:function(){throw Error.notImplemented()},get_aborted:function(){throw Error.notImplemented()},get_responseData:function(){throw Error.notImplemented()},get_statusCode:function(){throw Error.notImplemented()},get_statusText:function(){throw Error.notImplemented()},get_xml:function(){throw Error.notImplemented()},get_object:function(){if(!this._resultObject)this._resultObject=Sys.Serialization.JavaScriptSerializer.deserialize(this.get_responseData());return this._resultObject},executeRequest:function(){throw Error.notImplemented()},abort:function(){throw Error.notImplemented()},getResponseHeader:function(){throw Error.notImplemented()},getAllResponseHeaders:function(){throw Error.notImplemented()}};Sys.Net.WebRequestExecutor.registerClass("Sys.Net.WebRequestExecutor");Sys.Net.XMLDOM=function(d){if(!window.DOMParser){var c=["Msxml2.DOMDocument.3.0","Msxml2.DOMDocument"];for(var b=0,f=c.length;b0)this._timer=window.setTimeout(Function.createDelegate(this,this._onTimeout),d);this._xmlHttpRequest.send(c);this._started=true},getResponseHeader:function(b){var a;try{a=this._xmlHttpRequest.getResponseHeader(b)}catch(c){}if(!a)a="";return a},getAllResponseHeaders:function(){return this._xmlHttpRequest.getAllResponseHeaders()},get_responseData:function(){return this._xmlHttpRequest.responseText},get_statusCode:function(){var a=0;try{a=this._xmlHttpRequest.status}catch(b){}return a},get_statusText:function(){return this._xmlHttpRequest.statusText},get_xml:function(){var a=this._xmlHttpRequest.responseXML;if(!a||!a.documentElement){a=Sys.Net.XMLDOM(this._xmlHttpRequest.responseText);if(!a||!a.documentElement)return null}else if(navigator.userAgent.indexOf("MSIE")!==-1)a.setProperty("SelectionLanguage","XPath");if(a.documentElement.namespaceURI==="http://www.mozilla.org/newlayout/xml/parsererror.xml"&&a.documentElement.tagName==="parsererror")return null;if(a.documentElement.firstChild&&a.documentElement.firstChild.tagName==="parsererror")return null;return a},abort:function(){if(this._aborted||this._responseAvailable||this._timedOut)return;this._aborted=true;this._clearTimer();if(this._xmlHttpRequest&&!this._responseAvailable){this._xmlHttpRequest.onreadystatechange=Function.emptyMethod;this._xmlHttpRequest.abort();this._xmlHttpRequest=null;this._webRequest.completed(Sys.EventArgs.Empty)}}};Sys.Net.XMLHttpExecutor.registerClass("Sys.Net.XMLHttpExecutor",Sys.Net.WebRequestExecutor);Sys.Net._WebRequestManager=function(){this._defaultTimeout=0;this._defaultExecutorType="Sys.Net.XMLHttpExecutor"};Sys.Net._WebRequestManager.prototype={add_invokingRequest:function(a){this._get_eventHandlerList().addHandler("invokingRequest",a)},remove_invokingRequest:function(a){this._get_eventHandlerList().removeHandler("invokingRequest",a)},add_completedRequest:function(a){this._get_eventHandlerList().addHandler("completedRequest",a)},remove_completedRequest:function(a){this._get_eventHandlerList().removeHandler("completedRequest",a)},_get_eventHandlerList:function(){if(!this._events)this._events=new Sys.EventHandlerList;return this._events},get_defaultTimeout:function(){return this._defaultTimeout},set_defaultTimeout:function(a){this._defaultTimeout=a},get_defaultExecutorType:function(){return this._defaultExecutorType},set_defaultExecutorType:function(a){this._defaultExecutorType=a},executeRequest:function(webRequest){var executor=webRequest.get_executor();if(!executor){var failed=false;try{var executorType=eval(this._defaultExecutorType);executor=new executorType}catch(a){failed=true}webRequest.set_executor(executor)}if(executor.get_aborted())return;var evArgs=new Sys.Net.NetworkRequestEventArgs(webRequest),handler=this._get_eventHandlerList().getHandler("invokingRequest");if(handler)handler(this,evArgs);if(!evArgs.get_cancel())executor.executeRequest()}};Sys.Net._WebRequestManager.registerClass("Sys.Net._WebRequestManager");Sys.Net.WebRequestManager=new Sys.Net._WebRequestManager;Sys.Net.NetworkRequestEventArgs=function(a){Sys.Net.NetworkRequestEventArgs.initializeBase(this);this._webRequest=a};Sys.Net.NetworkRequestEventArgs.prototype={get_webRequest:function(){return this._webRequest}};Sys.Net.NetworkRequestEventArgs.registerClass("Sys.Net.NetworkRequestEventArgs",Sys.CancelEventArgs);Sys.Net.WebRequest=function(){this._url="";this._headers={};this._body=null;this._userContext=null;this._httpVerb=null;this._executor=null;this._invokeCalled=false;this._timeout=0};Sys.Net.WebRequest.prototype={add_completed:function(a){this._get_eventHandlerList().addHandler("completed",a)},remove_completed:function(a){this._get_eventHandlerList().removeHandler("completed",a)},completed:function(b){var a=Sys.Net.WebRequestManager._get_eventHandlerList().getHandler("completedRequest");if(a)a(this._executor,b);a=this._get_eventHandlerList().getHandler("completed");if(a)a(this._executor,b)},_get_eventHandlerList:function(){if(!this._events)this._events=new Sys.EventHandlerList;return this._events},get_url:function(){return this._url},set_url:function(a){this._url=a},get_headers:function(){return this._headers},get_httpVerb:function(){if(this._httpVerb===null){if(this._body===null)return "GET";return "POST"}return this._httpVerb},set_httpVerb:function(a){this._httpVerb=a},get_body:function(){return this._body},set_body:function(a){this._body=a},get_userContext:function(){return this._userContext},set_userContext:function(a){this._userContext=a},get_executor:function(){return this._executor},set_executor:function(a){this._executor=a;this._executor._set_webRequest(this)},get_timeout:function(){if(this._timeout===0)return Sys.Net.WebRequestManager.get_defaultTimeout();return this._timeout},set_timeout:function(a){this._timeout=a},getResolvedUrl:function(){return Sys.Net.WebRequest._resolveUrl(this._url)},invoke:function(){Sys.Net.WebRequestManager.executeRequest(this);this._invokeCalled=true}};Sys.Net.WebRequest._resolveUrl=function(b,a){if(b&&b.indexOf("://")!==-1)return b;if(!a||a.length===0){var d=document.getElementsByTagName("base")[0];if(d&&d.href&&d.href.length>0)a=d.href;else a=document.URL}var c=a.indexOf("?");if(c!==-1)a=a.substr(0,c);c=a.indexOf("#");if(c!==-1)a=a.substr(0,c);a=a.substr(0,a.lastIndexOf("/")+1);if(!b||b.length===0)return a;if(b.charAt(0)==="/"){var e=a.indexOf("://"),g=a.indexOf("/",e+3);return a.substr(0,g)+b}else{var f=a.lastIndexOf("/");return a.substr(0,f+1)+b}};Sys.Net.WebRequest._createQueryString=function(d,b){if(!b)b=encodeURIComponent;var a=new Sys.StringBuilder,f=0;for(var c in d){var e=d[c];if(typeof e==="function")continue;var g=Sys.Serialization.JavaScriptSerializer.serialize(e);if(f!==0)a.append("&");a.append(c);a.append("=");a.append(b(g));f++}return a.toString()};Sys.Net.WebRequest._createUrl=function(a,b){if(!b)return a;var d=Sys.Net.WebRequest._createQueryString(b);if(d.length>0){var c="?";if(a&&a.indexOf("?")!==-1)c="&";return a+c+d}else return a};Sys.Net.WebRequest.registerClass("Sys.Net.WebRequest");Sys.Net.WebServiceProxy=function(){};Sys.Net.WebServiceProxy.prototype={get_timeout:function(){return this._timeout},set_timeout:function(a){if(a<0)throw Error.argumentOutOfRange("value",a,Sys.Res.invalidTimeout);this._timeout=a},get_defaultUserContext:function(){return this._userContext},set_defaultUserContext:function(a){this._userContext=a},get_defaultSucceededCallback:function(){return this._succeeded},set_defaultSucceededCallback:function(a){this._succeeded=a},get_defaultFailedCallback:function(){return this._failed},set_defaultFailedCallback:function(a){this._failed=a},get_path:function(){return this._path},set_path:function(a){this._path=a},_invoke:function(d,e,g,f,c,b,a){if(c===null||typeof c==="undefined")c=this.get_defaultSucceededCallback();if(b===null||typeof b==="undefined")b=this.get_defaultFailedCallback();if(a===null||typeof a==="undefined")a=this.get_defaultUserContext();return Sys.Net.WebServiceProxy.invoke(d,e,g,f,c,b,a,this.get_timeout())}};Sys.Net.WebServiceProxy.registerClass("Sys.Net.WebServiceProxy");Sys.Net.WebServiceProxy.invoke=function(k,a,j,d,i,c,f,h){var b=new Sys.Net.WebRequest;b.get_headers()["Content-Type"]="application/json; charset=utf-8";if(!d)d={};var g=d;if(!j||!g)g={};b.set_url(Sys.Net.WebRequest._createUrl(k+"/"+encodeURIComponent(a),g));var e=null;if(!j){e=Sys.Serialization.JavaScriptSerializer.serialize(d);if(e==="{}")e=""}b.set_body(e);b.add_completed(l);if(h&&h>0)b.set_timeout(h);b.invoke();function l(d){if(d.get_responseAvailable()){var g=d.get_statusCode(),b=null;try{var e=d.getResponseHeader("Content-Type");if(e.startsWith("application/json"))b=d.get_object();else if(e.startsWith("text/xml"))b=d.get_xml();else b=d.get_responseData()}catch(m){}var k=d.getResponseHeader("jsonerror"),h=k==="true";if(h){if(b)b=new Sys.Net.WebServiceError(false,b.Message,b.StackTrace,b.ExceptionType)}else if(e.startsWith("application/json"))b=b.d;if(g<200||g>=300||h){if(c){if(!b||!h)b=new Sys.Net.WebServiceError(false,String.format(Sys.Res.webServiceFailedNoMsg,a),"","");b._statusCode=g;c(b,f,a)}}else if(i)i(b,f,a)}else{var j;if(d.get_timedOut())j=String.format(Sys.Res.webServiceTimedOut,a);else j=String.format(Sys.Res.webServiceFailedNoMsg,a);if(c)c(new Sys.Net.WebServiceError(d.get_timedOut(),j,"",""),f,a)}}return b};Sys.Net.WebServiceProxy._generateTypedConstructor=function(a){return function(b){if(b)for(var c in b)this[c]=b[c];this.__type=a}};Sys.Net.WebServiceError=function(c,d,b,a){this._timedOut=c;this._message=d;this._stackTrace=b;this._exceptionType=a;this._statusCode=-1};Sys.Net.WebServiceError.prototype={get_timedOut:function(){return this._timedOut},get_statusCode:function(){return this._statusCode},get_message:function(){return this._message},get_stackTrace:function(){return this._stackTrace},get_exceptionType:function(){return this._exceptionType}};Sys.Net.WebServiceError.registerClass("Sys.Net.WebServiceError");Type.registerNamespace("Sys.Services");Sys.Services._ProfileService=function(){Sys.Services._ProfileService.initializeBase(this);this.properties={}};Sys.Services._ProfileService.DefaultWebServicePath="";Sys.Services._ProfileService.prototype={_defaultLoadCompletedCallback:null,_defaultSaveCompletedCallback:null,_path:"",_timeout:0,get_defaultLoadCompletedCallback:function(){return this._defaultLoadCompletedCallback},set_defaultLoadCompletedCallback:function(a){this._defaultLoadCompletedCallback=a},get_defaultSaveCompletedCallback:function(){return this._defaultSaveCompletedCallback},set_defaultSaveCompletedCallback:function(a){this._defaultSaveCompletedCallback=a},get_path:function(){return this._path||""},load:function(c,d,e,f){var b,a;if(!c){a="GetAllPropertiesForCurrentUser";b={authenticatedUserOnly:false}}else{a="GetPropertiesForCurrentUser";b={properties:this._clonePropertyNames(c),authenticatedUserOnly:false}}this._invoke(this._get_path(),a,false,b,Function.createDelegate(this,this._onLoadComplete),Function.createDelegate(this,this._onLoadFailed),[d,e,f])},save:function(d,b,c,e){var a=this._flattenProperties(d,this.properties);this._invoke(this._get_path(),"SetPropertiesForCurrentUser",false,{values:a.value,authenticatedUserOnly:false},Function.createDelegate(this,this._onSaveComplete),Function.createDelegate(this,this._onSaveFailed),[b,c,e,a.count])},_clonePropertyNames:function(e){var c=[],d={};for(var b=0;b0)a.append(",");Sys.Serialization.JavaScriptSerializer._serializeWithBuilder(b[c],a,false,g)}a.append("]")}else{if(Date.isInstanceOfType(b)){a.append('"\\/Date(');a.append(b.getTime());a.append(')\\/"');break}var d=[],f=0;for(var e in b){if(e.startsWith("$"))continue;if(e===Sys.Serialization.JavaScriptSerializer._serverTypeFieldName&&f!==0){d[f++]=d[0];d[0]=e}else d[f++]=e}if(i)d.sort();a.append("{");var j=false;for(c=0;c /// Gets the "content-box" size of an element. /// /// /// DOM element /// /// /// Size of the element (in the form {width,height}) /// /// /// The "content-box" is the size of the content area *inside* of the borders and /// padding of an element. The "content-box" size does not include the margins around /// the element. /// if (!element) { throw Error.argumentNull('element'); } var size = $telerik.getSize(element); var borderBox = $telerik.getBorderBox(element); var paddingBox = $telerik.getPaddingBox(element); return { width : size.width - borderBox.horizontal - paddingBox.horizontal, height : size.height - borderBox.vertical - paddingBox.vertical } }, getSize : function(element) { /// /// Gets the "border-box" size of an element. /// /// /// DOM element /// /// /// Size of the element (in the form {width,height}) /// /// /// The "border-box" is the size of the content area *outside* of the borders and /// padding of an element. The "border-box" size does not include the margins around /// the element. /// if (!element) { throw Error.argumentNull('element'); } return { width: element.offsetWidth, height: element.offsetHeight }; }, setContentSize : function(element, size) { /// /// Sets the "content-box" size of an element. /// /// /// DOM element /// /// /// Size of the element (in the form {width,height}) /// /// /// The "content-box" is the size of the content area *inside* of the borders and /// padding of an element. The "content-box" size does not include the margins around /// the element. /// if (!element) { throw Error.argumentNull('element'); } if (!size) { throw Error.argumentNull('size'); } // FF respects -moz-box-sizing css extension, so adjust the box size for the border-box if($telerik.getCurrentStyle(element, 'MozBoxSizing') == 'border-box' || $telerik.getCurrentStyle(element, 'BoxSizing') == 'border-box') { var borderBox = $telerik.getBorderBox(element); var paddingBox = $telerik.getPaddingBox(element); size = { width: size.width + borderBox.horizontal + paddingBox.horizontal, height: size.height + borderBox.vertical + paddingBox.vertical }; } element.style.width = size.width.toString() + 'px'; element.style.height = size.height.toString() + 'px'; }, setSize : function(element, size) { /// /// Sets the "border-box" size of an element. /// /// /// The "border-box" is the size of the content area *outside* of the borders and /// padding of an element. The "border-box" size does not include the margins around /// the element. /// /// DOM element /// Size of the element (in the form {width,height}) /// if (!element) { throw Error.argumentNull('element'); } if (!size) { throw Error.argumentNull('size'); } var borderBox = $telerik.getBorderBox(element); var paddingBox = $telerik.getPaddingBox(element); var contentSize = { width: size.width - borderBox.horizontal - paddingBox.horizontal, height: size.height - borderBox.vertical - paddingBox.vertical }; $telerik.setContentSize(element, contentSize); }, getBounds : function(element) { /// Gets the coordinates, width and height of an element. /// /// /// A Bounds object with four fields, x, y, width and height, which contain the pixel coordinates, /// width and height of the element. /// var offset = $telerik.getLocation(element); return new Sys.UI.Bounds(offset.x, offset.y, element.offsetWidth || 0, element.offsetHeight || 0); }, setBounds : function(element, bounds) { /// /// Sets the "border-box" bounds of an element /// /// /// DOM element /// /// /// Bounds of the element (of the form {x,y,width,height}) /// /// /// The "border-box" is the size of the content area *outside* of the borders and /// padding of an element. The "border-box" size does not include the margins around /// the element. /// if (!element) { throw Error.argumentNull('element'); } if (!bounds) { throw Error.argumentNull('bounds'); } $telerik.setSize(element, bounds); $telerik.setLocation(element, bounds); }, getClientBounds : function() { /// /// Gets the width and height of the browser client window (excluding scrollbars) /// /// /// Browser's client width and height /// var clientWidth; var clientHeight; switch(Sys.Browser.agent) { case Sys.Browser.InternetExplorer: clientWidth = document.documentElement.clientWidth; clientHeight = document.documentElement.clientHeight; if (clientWidth == 0 && clientHeight == 0) { //no doctype. use the body settings clientWidth = document.body.clientWidth; clientHeight = document.body.clientHeight; } break; case Sys.Browser.Safari: clientWidth = window.innerWidth; clientHeight = window.innerHeight; break; case Sys.Browser.Opera: clientWidth = Math.min(window.innerWidth, document.body.clientWidth); clientHeight = Math.min(window.innerHeight, document.body.clientHeight); break; default: // Sys.Browser.Firefox, etc. clientWidth = Math.min(window.innerWidth, document.documentElement.clientWidth); clientHeight = Math.min(window.innerHeight, document.documentElement.clientHeight); break; } return new Sys.UI.Bounds(0, 0, clientWidth, clientHeight); }, getMarginBox : function(element) { /// /// Gets the entire margin box sizes. /// /// /// DOM element /// /// /// Element's margin box sizes (of the form {top,left,bottom,right,horizontal,vertical}) /// if (!element) { throw Error.argumentNull('element'); } var box = { top: $telerik.getMargin(element, Telerik.Web.BoxSide.Top), right: $telerik.getMargin(element, Telerik.Web.BoxSide.Right), bottom: $telerik.getMargin(element, Telerik.Web.BoxSide.Bottom), left: $telerik.getMargin(element, Telerik.Web.BoxSide.Left) } box.horizontal = box.left + box.right; box.vertical = box.top + box.bottom; return box; }, getPaddingBox : function(element) { /// /// Gets the entire padding box sizes. /// /// /// DOM element /// /// /// Element's padding box sizes (of the form {top,left,bottom,right,horizontal,vertical}) /// if (!element) { throw Error.argumentNull('element'); } var box = { top: $telerik.getPadding(element, Telerik.Web.BoxSide.Top), right: $telerik.getPadding(element, Telerik.Web.BoxSide.Right), bottom: $telerik.getPadding(element, Telerik.Web.BoxSide.Bottom), left: $telerik.getPadding(element, Telerik.Web.BoxSide.Left) } box.horizontal = box.left + box.right; box.vertical = box.top + box.bottom; return box; }, getBorderBox : function(element) { /// /// Gets the entire border box sizes. /// /// /// DOM element /// /// /// Element's border box sizes (of the form {top,left,bottom,right,horizontal,vertical}) /// if (!element) { throw Error.argumentNull('element'); } var box = { top: $telerik.getBorderWidth(element, Telerik.Web.BoxSide.Top), right: $telerik.getBorderWidth(element, Telerik.Web.BoxSide.Right), bottom: $telerik.getBorderWidth(element, Telerik.Web.BoxSide.Bottom), left: $telerik.getBorderWidth(element, Telerik.Web.BoxSide.Left) } box.horizontal = box.left + box.right; box.vertical = box.top + box.bottom; return box; }, isBorderVisible : function(element, boxSide) { /// /// Gets whether the current border style for an element on a specific boxSide is not 'none'. /// /// /// DOM element /// /// /// Side of the element /// /// /// Whether the current border style for an element on a specific boxSide is not 'none'. /// if (!element) { throw Error.argumentNull('element'); } if(boxSide < Telerik.Web.BoxSide.Top || boxSide > Telerik.Web.BoxSide.Left) { throw Error.argumentOutOfRange(String.format(Sys.Res.enumInvalidValue, boxSide, 'Telerik.Web.BoxSide')); } var styleName = $telerik._borderStyleNames[boxSide]; var styleValue = $telerik.getCurrentStyle(element, styleName); return styleValue != "none"; }, getMargin : function(element, boxSide) { /// /// Gets the margin thickness of an element on a specific boxSide. /// /// /// DOM element /// /// /// Side of the element /// /// /// Margin thickness on the element's specified side /// if (!element) { throw Error.argumentNull('element'); } if(boxSide < Telerik.Web.BoxSide.Top || boxSide > Telerik.Web.BoxSide.Left) { throw Error.argumentOutOfRange(String.format(Sys.Res.enumInvalidValue, boxSide, 'Telerik.Web.BoxSide')); } var styleName = $telerik._marginWidthNames[boxSide]; var styleValue = $telerik.getCurrentStyle(element, styleName); try { return $telerik.parsePadding(styleValue); } catch(ex) { return 0; } }, getBorderWidth : function(element, boxSide) { /// /// Gets the border thickness of an element on a specific boxSide. /// /// /// DOM element /// /// /// Side of the element /// /// /// Border thickness on the element's specified side /// if (!element) { throw Error.argumentNull('element'); } if(boxSide < Telerik.Web.BoxSide.Top || boxSide > Telerik.Web.BoxSide.Left) { throw Error.argumentOutOfRange(String.format(Sys.Res.enumInvalidValue, boxSide, 'Telerik.Web.BoxSide')); } if(!$telerik.isBorderVisible(element, boxSide)) { return 0; } var styleName = $telerik._borderWidthNames[boxSide]; var styleValue = $telerik.getCurrentStyle(element, styleName); return $telerik.parseBorderWidth(styleValue); }, getPadding : function(element, boxSide) { /// /// Gets the padding thickness of an element on a specific boxSide. /// /// /// DOM element /// /// /// Side of the element /// /// /// Padding on the element's specified side /// if (!element) { throw Error.argumentNull('element'); } if(boxSide < Telerik.Web.BoxSide.Top || boxSide > Telerik.Web.BoxSide.Left) { throw Error.argumentOutOfRange(String.format(Sys.Res.enumInvalidValue, boxSide, 'Telerik.Web.BoxSide')); } var styleName = $telerik._paddingWidthNames[boxSide]; var styleValue = $telerik.getCurrentStyle(element, styleName); return $telerik.parsePadding(styleValue); }, parseBorderWidth : function(borderWidth) { /// /// Parses a border-width string into a pixel size /// /// /// Type of border ('thin','medium','thick','inherit',px unit,null,'') /// /// /// Number of pixels in the border-width /// if(borderWidth) { switch(borderWidth) { case 'thin': case 'medium': case 'thick': return $telerik._borderThicknesses[borderWidth]; case 'inherit': return 0; } var unit = $telerik.parseUnit(borderWidth); return unit.size; } return 0; }, parsePadding : function(padding) { /// /// Parses a padding string into a pixel size /// /// /// Padding to parse ('inherit',px unit,null,'') /// /// /// Number of pixels in the padding /// if(padding) { if(padding == 'inherit') { return 0; } var unit = $telerik.parseUnit(padding); return unit.size; } return 0; }, parseUnit : function(value) { /// /// Parses a unit string into a unit object /// /// /// Value to parse (of the form px unit,% unit,em unit,...) /// /// /// Parsed unit (of the form {size,type}) /// if (!value) { throw Error.argumentNull('value'); } value = value.trim().toLowerCase(); var l = value.length; var s = -1; for(var i = 0; i < l; i++) { var ch = value.substr(i, 1); if((ch < '0' || ch > '9') && ch != '-' && ch != '.' && ch != ',') { break; } s = i; } if(s == -1) { throw Error.create('No digits'); } var type; var size; if(s < (l - 1)) { type = value.substring(s + 1).trim(); } else { type = 'px'; } size = parseFloat(value.substr(0, s + 1)); if(type == 'px') { size = Math.floor(size); } return { size: size, type: type }; }, containsPoint : function(rect, x, y) { /// /// Tests whether a point (x,y) is contained within a rectangle /// /// The rectangle /// The x coordinate of the point /// The y coordinate of the point //ORIGINAL TOOLKIT SCRIPT CHANGE: instead of rect.height it was written rect.width (!!!) Clearly a major bug!!!! return x >= rect.x && x <= (rect.x + rect.width) && y >= rect.y && y <= (rect.y + rect.height); }, isDescendant : function(ancestor, descendant) { /// /// Whether the specified element is a descendant of the ancestor /// /// Ancestor node /// Possible descendant node /// for (var n = descendant.parentNode; n != null; n = n.parentNode) { if (n == ancestor) return true; } return false; }, isDescendantOrSelf : function(ancestor, descendant) { /// /// Whether the specified element is a descendant of the ancestor or the same as the ancestor /// /// Ancestor node /// Possible descendant node /// if (ancestor === descendant) return true; return $telerik.isDescendant(ancestor, descendant); }, setOuterHeight : function (element, height) { if (height <= 0 || height == "") { element.style.height = ""; } else { element.style.height = height + "px"; var diff = element.offsetHeight - height; var newHeight = height - diff; if (newHeight > 0) { element.style.height = newHeight + "px"; } else { element.style.height = ""; } } }, setOpacity : function(element, value) { /// /// Set the element's opacity /// /// /// Element /// /// /// Opacity of the element /// if (!element) { throw Error.argumentNull('element'); } try { if (element.filters) { var filters = element.filters; var createFilter = true; if (filters.length !== 0) { var alphaFilter = filters['DXImageTransform.Microsoft.Alpha']; if (alphaFilter) { createFilter = false; alphaFilter.opacity = value * 100; } } if (createFilter) { element.style.filter = 'progid:DXImageTransform.Microsoft.Alpha(opacity=' + (value * 100) + ')'; } } else { element.style.opacity = value; } } catch (ex) {} }, getOpacity : function(element) { /// /// Get the element's opacity /// /// /// Element /// /// /// Opacity of the element /// if (!element) { throw Error.argumentNull('element'); } var hasOpacity = false; var opacity; try { if (element.filters) { var filters = element.filters; if (filters.length !== 0) { var alphaFilter = filters['DXImageTransform.Microsoft.Alpha']; if (alphaFilter) { opacity = alphaFilter.opacity / 100.0; hasOpacity = true; } } } else { opacity = $telerik.getCurrentStyle(element, 'opacity', 1); hasOpacity = true; } } catch (ex) {} if (hasOpacity === false) { return 1.0; } return parseFloat(opacity); }, addCssClasses : function(element, classNames) { /// /// Adds multiple css classes to a DomElement /// /// The element to modify /// The class names to add for(var i = 0; i < classNames.length; i++) { Sys.UI.DomElement.addCssClass(element, classNames[i]); } }, removeCssClasses : function(element, classNames) { /// /// Removes multiple css classes to a DomElement /// /// The element to modify /// The class names to remove for(var i = 0; i < classNames.length; i++) { Sys.UI.DomElement.removeCssClass(element, classNames[i]); } }, setOuterWidth : function (element, width) { if (width <= 0 || width == "") { element.style.width = ""; } else { element.style.width = width + "px"; var diff = element.offsetWidth - width; var newWidth = width - diff; if (newWidth > 0) { element.style.width = newWidth + "px"; } else { element.style.width = ""; } } }, getScrollOffset : function(element, recursive) { var left = 0; var top = 0; var parent = element; while (parent != null && parent.scrollLeft != null) { left += parent.scrollLeft; top += parent.scrollTop; // Don't include anything below the body. if (!recursive || (parent == document.body && (parent.scrollLeft != 0 || parent.scrollTop != 0))) break; parent = parent.parentNode; } return { x: left, y: top }; }, getElementByClassName : function(element, className, tagName) { var children = null; if (tagName) { children = element.getElementsByTagName(tagName); } else { children = element.getElementsByTagName("*"); } for (var i = 0, length = children.length; i < length; i++) { var child = children[i]; if (Sys.UI.DomElement.containsCssClass(child, className)) { return child; } } return null; }, //The $addHandler and $removeHandler only work with DOM HTML elements. //In products that use iframes (RadWindow, RadEditor, EditorPopup) events need to be attached to the iframes' document and/or contentWindow. //In addition to this to construct an event object, the MS AJAX framework attempts to use the window.event - which is null in the main page, when the event originates from a child frame //Thus, the need to provide an alternative to the MS AJAX framework arises addExternalHandler : function(element, eventName, handler) { if (element.addEventListener) { element.addEventListener(eventName, handler, false); } else if (element.attachEvent) { element.attachEvent("on" + eventName, handler); } }, removeExternalHandler : function(element, eventName, handler) { if (element.addEventListener) { element.removeEventListener(eventName, handler, false); } else if (element.detachEvent) { element.detachEvent("on" + eventName, handler); } }, cancelRawEvent : function(e) { if (!e) return false; if (e.preventDefault) e.preventDefault(); if (e.stopPropagation) e.stopPropagation(); e.cancelBubble = true; e.returnValue = false; return false; }, getOuterHtml : function(element) { if (element.outerHTML) { return element.outerHTML; } else { var elementCopy = element.cloneNode(true); var tmpDiv = element.ownerDocument.createElement("DIV"); tmpDiv.appendChild(elementCopy); return tmpDiv.innerHTML; } }, setVisible : function(e, value) { if (!e) return; if (value != $telerik.getVisible(e)) { if (value) { if (e.style.removeAttribute) { e.style.removeAttribute("display"); } else { e.style.removeProperty("display"); } } else { e.style.display = 'none'; } e.style.visibility = value ? 'visible' : 'hidden'; } }, getVisible : function(e) { if (!e) return false; return (("none" != $telerik.getCurrentStyle(e, "display")) && ("hidden" != $telerik.getCurrentStyle(e, "visibility"))); }, getViewPortSize : function() { var width = 0; var height = 0; var canvas = document.body; if (!$telerik.quirksMode && !$telerik.isSafari) { canvas = document.documentElement; } if (window.innerWidth) { width = window.innerWidth; height = window.innerHeight; } else { width = canvas.clientWidth; height = canvas.clientHeight; } width += canvas.scrollLeft; height += canvas.scrollTop; return { width : width - 6, height : height - 6 }; }, elementOverflowsTop : function (element) { return $telerik.getLocation(element).y < 0; }, elementOverflowsLeft : function (element) { return $telerik.getLocation(element).x < 0; }, elementOverflowsBottom : function (screenSize, element) { var bottomEdge = $telerik.getLocation(element).y + element.offsetHeight; return bottomEdge > screenSize.height; }, elementOverflowsRight : function (screenSize, element) { var rightEdge = $telerik.getLocation(element).x + element.offsetWidth; return rightEdge > screenSize.width; }, getDocumentRelativeCursorPosition : function(e) { var scrollLeft = document.documentElement.scrollLeft || document.body.scrollLeft; var scrollTop = document.documentElement.scrollTop || document.body.scrollTop; var left = e.clientX + scrollLeft; var top = e.clientY + scrollTop; return {left:left, top:top}; }, // //Lini: this code is not needed anymore. It will be removed for the Q1 2008 release. // makeCompatible : function(type) // { // /// // /// // /// Doubles the get_propertyName, set_propertyName, add_event, remove_event // /// methods with get_PropertyName, set_PropertyName, etc. ones, to save troubles for // /// users already having client-side code with the mistaken client-side convention. // /// // /// Doubles the methodName(...) with MethodName(...) member to save troubles for // /// users already having client-side code with the mistaken client-side convention. // /// // var proto = type.prototype; // for (var memberName in proto) // { // if (/([gs]et|add|remove|raise)_[a-z].*/.test(memberName)) // { // var propNameStart = RegExp.$1.length + 1; // var oldPropName = memberName.substr(0, propNameStart) + memberName.charAt(propNameStart).toUpperCase() + memberName.substr(propNameStart + 1); // proto[oldPropName] = proto[memberName]; // } // else if (/^[a-z][a-zA-Z]+$/.test(memberName) && // proto.hasOwnProperty(memberName) && // typeof(proto[memberName]) == "function" && // memberName != "initialize" && // memberName != "dispose") // { // var oldMethodName = memberName.charAt(0).toUpperCase() + memberName.substr(1); // proto[oldMethodName] = proto[memberName]; // } // } // }, getFirstChildByTagName : function (element, tagName, index) { if (!element || !element.childNodes) { return null; } var currentNode = element.childNodes[index] || element.firstChild; while (currentNode) { if (currentNode.nodeType == 1 && currentNode.tagName.toLowerCase() == tagName) return currentNode; currentNode = currentNode.nextSibling; } return null; }, getChildByClassName : function(element, className, index) { var currentNode = element.childNodes[index] || element.firstChild; while (currentNode) { if (currentNode.nodeType == 1 && currentNode.className.indexOf(className) > -1) return currentNode; currentNode = currentNode.nextSibling; } return null; }, getChildrenByTagName : function (element, tagName) { var children = new Array(); var childNodes = element.children || element.childNodes; for (var i = 0, length = childNodes.length; i < length; i++) { var child = childNodes[i]; if (child.nodeType == 1 && child.tagName.toLowerCase() == tagName) Array.add(children, child); } return children; }, getChildrenByClassName : function (element, className) { var children = new Array(); var childNodes = element.children || element.childNodes; for (var i = 0, length = childNodes.length; i < length; i++) { var child = childNodes[i]; if (child.nodeType == 1 && child.className.indexOf(className) > -1) Array.add(children, child); } return children; }, isMouseOverElement : function(element, e) { var elementBounds = $telerik.getBounds(element); var cursor = $telerik.getDocumentRelativeCursorPosition(e); return $telerik.containsPoint(elementBounds, cursor.left, cursor.top); } } if (typeof(Sys.Browser.WebKit) == "undefined") { Sys.Browser.WebKit = {}; //Safari 3 is considered WebKit } if (typeof(Sys.Browser.Chrome) == "undefined") { Sys.Browser.Chrome = {}; } if(navigator.userAgent.indexOf("Chrome") > -1) { //Sys.Browser.version = navigator.userAgent.match(/Chrome\/(\d+(\.\d+(\.\d+))?)/)[1]; Sys.Browser.version = parseFloat(navigator.userAgent.match(/WebKit\/(\d+(\.\d+)?)/)[1]); Sys.Browser.agent = Sys.Browser.Chrome; Sys.Browser.name = "Chrome"; } else if(navigator.userAgent.indexOf("WebKit/") > -1) { Sys.Browser.version = parseFloat(navigator.userAgent.match(/WebKit\/(\d+(\.\d+)?)/)[1]); if (Sys.Browser.version < 500) { Sys.Browser.agent = Sys.Browser.Safari; Sys.Browser.name = "Safari"; } else { Sys.Browser.agent = Sys.Browser.WebKit; Sys.Browser.name = "WebKit"; } } $telerik.isChrome = Sys.Browser.agent == Sys.Browser.Chrome; $telerik.isSafari3 = Sys.Browser.agent == Sys.Browser.WebKit || Sys.Browser.agent == Sys.Browser.Chrome; $telerik.isSafari2 = Sys.Browser.agent == Sys.Browser.Safari; $telerik.isSafari = $telerik.isSafari2 || $telerik.isSafari3; $telerik.isIE = Sys.Browser.agent == Sys.Browser.InternetExplorer; $telerik.isIE7 = $telerik.isIE && Sys.Browser.version == 7; $telerik.isIE6 = $telerik.isIE && Sys.Browser.version < 7; $telerik.isOpera = Sys.Browser.agent == Sys.Browser.Opera; $telerik.isFirefox = Sys.Browser.agent == Sys.Browser.Firefox; $telerik.quirksMode = $telerik.isIE && document.compatMode != "CSS1Compat"; $telerik.standardsMode = !$telerik.quirksMode; //Initialize the thickness of borders based on their style $telerik._borderThickness(); Telerik.Web.UI.Orientation = function() { /// /// The Telerik.Web.UI.Orientation enumeration is used to specify /// the orientation of a given asset /// /// /// throw Error.invalidOperation(); } Telerik.Web.UI.Orientation.prototype = { Horizontal : 0, Vertical : 1 } Telerik.Web.UI.Orientation.registerEnum('Telerik.Web.UI.Orientation', false); Telerik.Web.UI.RadWebControl = function(element) { Telerik.Web.UI.RadWebControl.initializeBase(this, [element]); this._clientStateFieldID = null; } Telerik.Web.UI.RadWebControl.prototype = { initialize: function() { Telerik.Web.UI.RadWebControl.callBaseMethod(this, 'initialize'); $telerik.registerControl(this); if(!this.get_clientStateFieldID()) return; var input = $get(this.get_clientStateFieldID()); if(!input) return; input.setAttribute('autocomplete', 'off'); }, dispose: function() { $telerik.unregisterControl(this); var element = this.get_element(); Telerik.Web.UI.RadWebControl.callBaseMethod(this, 'dispose'); if (element) { element.control = null; element._events = null; } }, raiseEvent : function(eventName, eventArgs) { /// /// Raise the event /// /// /// Name of the event to be raised /// /// /// Event arguments for the given event /// /// var handler = this.get_events().getHandler(eventName); if (handler) { if (!eventArgs) { eventArgs = Sys.EventArgs.Empty; } handler(this, eventArgs); } }, updateClientState: function() { /// /// Call this function to update the client state hidden field. /// Use this function with caution, because it is resource hungry. /// this.set_clientState(this.saveClientState()); }, saveClientState: function() { /// /// This function should return the serialized client state of the control. /// /// /// saveClientState: function() /// { /// var state = /// { /// Collapsed : this.get_collapsed(), /// Width : this.get_width(), /// Height : this.get_height() /// }; /// return Sys.Serialization.JavaScriptSerializer.serialize(state); /// } /// return null; }, get_clientStateFieldID : function() { /// /// ID of the hidden field used to store the client state /// return this._clientStateFieldID; }, set_clientStateFieldID : function(value) { if (this._clientStateFieldID != value) { this._clientStateFieldID = value; this.raisePropertyChanged('ClientStateFieldID'); } }, get_clientState : function() { /// /// Client state /// if (this._clientStateFieldID) { var input = document.getElementById(this._clientStateFieldID); if (input) { return input.value; } } return null; }, set_clientState : function(value) { if (this._clientStateFieldID) { var input = document.getElementById(this._clientStateFieldID); if (input) { input.value = value; } } }, _getChildElement : function(id) { return $get(this.get_id() + "_" + id); }, _findChildControl : function(id) { return $find(this.get_id() + "_" + id); } } Telerik.Web.UI.RadWebControl.registerClass('Telerik.Web.UI.RadWebControl', Sys.UI.Control); Telerik.Web.Timer = function() { Telerik.Web.Timer.initializeBase(this); this._interval = 1000; this._enabled = false; this._timer = null; this._timerCallbackDelegate = Function.createDelegate(this, this._timerCallback); } Telerik.Web.Timer.prototype = { get_interval: function() { return this._interval; }, set_interval: function(value) { if (this._interval !== value) { this._interval = value; this.raisePropertyChanged('interval'); if (!this.get_isUpdating() && (this._timer !== null)) { this._stopTimer(); this._startTimer(); } } }, get_enabled: function() { return this._enabled; }, set_enabled: function(value) { if (value !== this.get_enabled()) { this._enabled = value; this.raisePropertyChanged('enabled'); if (!this.get_isUpdating()) { if (value) { this._startTimer(); } else { this._stopTimer(); } } } }, add_tick: function(handler) { this.get_events().addHandler("tick", handler); }, remove_tick: function(handler) { this.get_events().removeHandler("tick", handler); }, dispose: function() { this.set_enabled(false); this._stopTimer(); Telerik.Web.Timer.callBaseMethod(this, 'dispose'); }, updated: function() { Telerik.Web.Timer.callBaseMethod(this, 'updated'); if (this._enabled) { this._stopTimer(); this._startTimer(); } }, _timerCallback: function() { var handler = this.get_events().getHandler("tick"); if (handler) { handler(this, Sys.EventArgs.Empty); } }, _startTimer: function() { this._timer = window.setInterval(this._timerCallbackDelegate, this._interval); }, _stopTimer: function() { window.clearInterval(this._timer); this._timer = null; } } Telerik.Web.Timer.registerClass('Telerik.Web.Timer', Sys.Component); Telerik.Web.BoxSide = function() { } Telerik.Web.BoxSide.prototype = { Top : 0, Right : 1, Bottom : 2, Left : 3 } Telerik.Web.BoxSide.registerEnum("Telerik.Web.BoxSide", false); if (Sys.CultureInfo.prototype._getAbbrMonthIndex) { try { Sys.CultureInfo.prototype._getAbbrMonthIndex(''); } catch(ex) { Sys.CultureInfo.prototype._getAbbrMonthIndex = function(value) { if (!this._upperAbbrMonths) { this._upperAbbrMonths = this._toUpperArray(this.dateTimeFormat.AbbreviatedMonthNames); } return Array.indexOf(this._upperAbbrMonths, this._toUpper(value)); } Sys.CultureInfo.CurrentCulture._getAbbrMonthIndex = Sys.CultureInfo.prototype._getAbbrMonthIndex; Sys.CultureInfo.InvariantCulture._getAbbrMonthIndex = Sys.CultureInfo.prototype._getAbbrMonthIndex; } } Type.registerNamespace("Telerik.Web.UI.Dialogs"); Telerik.Web.IParameterConsumer = function() { } Telerik.Web.IParameterConsumer.prototype = { clientInit: function(parameters) { throw Error.notImplemented(); } } Telerik.Web.IParameterConsumer.registerInterface('Telerik.Web.IParameterConsumer'); Telerik.Web.UI.Dialogs.CommonDialogScript = function() { } Telerik.Web.UI.Dialogs.CommonDialogScript.get_windowReference = function() { if (window.radWindow) { return window.radWindow; } if (window.frameElement && window.frameElement.radWindow) { return window.frameElement.radWindow; } return null; }; Telerik.Web.UI.Dialogs.CommonDialogScript.registerClass('Telerik.Web.UI.Dialogs.CommonDialogScript', null); Telerik.Web.UI.WebServiceLoaderEventArgs = function(context) { Telerik.Web.UI.WebServiceLoaderEventArgs.initializeBase(this); this._context = context; } Telerik.Web.UI.WebServiceLoaderEventArgs.prototype = { get_context : function () { return this._context; } } Telerik.Web.UI.WebServiceLoaderEventArgs.registerClass('Telerik.Web.UI.WebServiceLoaderEventArgs', Sys.EventArgs); // ---------- WebServiceLoaderSuccessEventArgs Class ---------- Telerik.Web.UI.WebServiceLoaderSuccessEventArgs = function(data, context) { Telerik.Web.UI.WebServiceLoaderSuccessEventArgs.initializeBase(this, [context]); this._data = data; } Telerik.Web.UI.WebServiceLoaderSuccessEventArgs.prototype = { get_data : function () { return this._data; } } Telerik.Web.UI.WebServiceLoaderSuccessEventArgs.registerClass('Telerik.Web.UI.WebServiceLoaderSuccessEventArgs', Telerik.Web.UI.WebServiceLoaderEventArgs); // ---------- WebServiceLoaderErrorEventArgs Class ---------- Telerik.Web.UI.WebServiceLoaderErrorEventArgs = function(message, context) { Telerik.Web.UI.WebServiceLoaderErrorEventArgs.initializeBase(this, [context]); this._message = message; } Telerik.Web.UI.WebServiceLoaderErrorEventArgs.prototype = { get_message : function () { return this._message; } } Telerik.Web.UI.WebServiceLoaderErrorEventArgs.registerClass('Telerik.Web.UI.WebServiceLoaderErrorEventArgs', Telerik.Web.UI.WebServiceLoaderEventArgs); // ---------- WebServiceLoader Class ---------- Telerik.Web.UI.WebServiceLoader = function(webServiceSettings) { this._webServiceSettings = webServiceSettings; this._events = null; this._currentWebRequest = null; this._onWebServiceSuccessDelegate = Function.createDelegate(this, this._onWebServiceSuccess); this._onWebServiceErrorDelegate = Function.createDelegate(this, this._onWebServiceError); } Telerik.Web.UI.WebServiceLoader.prototype = { // Public properties get_webServiceSettings : function () { return this._webServiceSettings; }, get_events: function () { if (!this._events) { this._events = new Sys.EventHandlerList(); } return this._events; }, // Public methods loadData : function (params, context) { var webServiceSettings = this.get_webServiceSettings(); if (webServiceSettings.get_isEmpty()) { Error.invalidOperation("Please, specify valid web service and method."); return; } var webServicePath = webServiceSettings.get_path(); var webMethod = webServiceSettings.get_method(); this._raiseEvent("loadingStarted", new Telerik.Web.UI.WebServiceLoaderEventArgs(context)); this._currentWebRequest = Sys.Net.WebServiceProxy.invoke(webServicePath, webMethod, false, params, this._onWebServiceSuccessDelegate, this._onWebServiceErrorDelegate, context); }, // Events add_loadingStarted : function(handler) { this.get_events().addHandler("loadingStarted", handler); }, add_loadingError : function(handler) { this.get_events().addHandler("loadingError", handler); }, add_loadingSuccess : function(handler) { this.get_events().addHandler("loadingSuccess", handler); }, // Private methods _onWebServiceSuccess : function (data, context) { var successEventArgs = new Telerik.Web.UI.WebServiceLoaderSuccessEventArgs(data, context); this._raiseEvent("loadingSuccess", successEventArgs); }, _onWebServiceError : function (error, context) { var errorEventArgs = new Telerik.Web.UI.WebServiceLoaderErrorEventArgs(error.get_message(), context); this._raiseEvent("loadingError", errorEventArgs); }, _raiseEvent : function (eventName, eventArgs) { var handler = this.get_events().getHandler(eventName); if (handler) { if (!eventArgs) { eventArgs = Sys.EventArgs.Empty; } handler(this, eventArgs); } } } Telerik.Web.UI.WebServiceLoader.registerClass('Telerik.Web.UI.WebServiceLoader'); Telerik.Web.UI.WebServiceSettings = function(serializedWebServiceSettings) { this._path = null; this._method = null; //Add a check for the parameter existance if (!serializedWebServiceSettings) serializedWebServiceSettings = {}; if (typeof(serializedWebServiceSettings.path) != "undefined") { this._path = serializedWebServiceSettings.path; } if (typeof(serializedWebServiceSettings.method) != "undefined") { this._method = serializedWebServiceSettings.method; } } Telerik.Web.UI.WebServiceSettings.prototype = { get_path : function () { return this._path; }, set_path : function(value) { this._path = value; }, get_method : function () { return this._method; }, set_method : function(value) { this._method = value; }, get_isEmpty : function () { /// /// A value indicating wether the web service settings contain /// a non-null and non-empty service path and method. /// var path = this.get_path(); var method = this.get_method(); return (!(path && method)) } } Telerik.Web.UI.WebServiceSettings.registerClass('Telerik.Web.UI.WebServiceSettings'); /* END Telerik.Web.UI.Common.Core.js */ /* START Telerik.Web.UI.Common.Animation.Animations.js */ // (c) Copyright Microsoft Corporation. // This source is subject to the Microsoft Permissive License. // See http://www.microsoft.com/resources/sharedsource/licensingbasics/sharedsourcelicenses.mspx. // All other rights reserved. Type.registerNamespace('Telerik.Web.Animation'); // Create an alias for the namespace to save 25 chars each time it's used since // this is a very long script and will take awhile to download var $TWA = Telerik.Web.Animation; $TWA.registerAnimation = function(name, type) { /// /// Register an animation with the AJAX Control Toolkit animation framework. This serves a dual purpose: /// 1) to add standard utility methods to the animation type (such as a play method that creates /// an animation, plays it, and disposes it when the animation is over), and 2) to associate a name with the /// type that will be used when creating animations from a JSON description. This method can also be called /// by other animation libraries to seamlessly interoperate with the AJAX Control Toolkit's animation /// framework. /// /// /// Name of the animation that will be used as the XML tag name in the XML animation description. It /// should be a valid XML tag (i.e. an alpha-numeric sequence with no spaces, special characters, etc.). /// /// /// The type of the new animation must inherit from . /// /// // Make sure the type inherits from Telerik.Web.Animation.Animation if (type && ((type === $TWA.Animation) || (type.inheritsFrom && type.inheritsFrom($TWA.Animation)))) { // We'll store the animation name/type mapping in a "static" object off of // Telerik.Web.Animation. If this __animations object hasn't been // created yet, demand create it on the first registration. if (!$TWA.__animations) { $TWA.__animations = { }; } // Add the current type to the collection of animations $TWA.__animations[name.toLowerCase()] = type; // Add a play function that will make it very easy to create, play, and // dispose of an animation. This is effectively a "static" function on // each animation and will take the same parameters as that animation's // constructor. type.play = function() { /// /// Create an animation, play it immediately, and dispose it when finished. /// /// /// The play function takes the same parameters as the type's constructor /// /// // Create and initialize a new animation of the right type and pass in // any arguments given to the play function var animation = new type(); type.apply(animation, arguments); animation.initialize(); // Add an event handler to dispose the animation when it's finished var handler = Function.createDelegate(animation, function() { /// /// Dispose the animation after playing /// /// animation.remove_ended(handler); handler = null; animation.dispose(); }); animation.add_ended(handler); // Once the animation has been created and initialized, play it and // dispose it as soon as it's finished animation.play(); } } else { // Raise an error if someone registers an animation that doesn't inherit // from our base Animation class throw Error.argumentType('type', type, $TWA.Animation, "Telerik.Web.Animation.registerAnimation can only register types that inherit from Telerik.Web.Animation.Animation"); } } // In the Xml comments for each of the animations below, there is a special tag // that describes how the animation is referenced from a generic XML animation description $TWA.Animation = function(target, duration, fps) { /// /// Animation is an abstract base class used as a starting point for all the other animations. /// It provides the basic mechanics for the animation (playing, pausing, stopping, timing, etc.) /// and leaves the actual animation to be done in the abstract methods getAnimatedValue /// and setValue. /// /// /// Target of the animation /// /// /// Length of the animation in seconds. The default is 1. /// /// /// Number of steps per second. The default is 25. /// /// /// The DynamicProperties collection is used to associate JavaScript expressions with /// properties. The expressions are evaluated just before the animation is played /// everytime (in the base onStart method). The object itself maps strings with the /// names of property setters (like "set_verticalOffset") to JavaScript expressions /// (like "$find('MyBehavior').get_element().offsetHeight"). Note specifically that /// the dynamic properties are JavaScript expressions and not abitrary statements (i.e. /// you can't include things like "return foo;"), although you can include anything /// inside an anonymous function definition that you immediately invoke (i.e., /// "(function() { return foo; })()"). A dynamic property can be set in the generic /// XML animation description by appending Script onto any legitimate property name /// (for example, instead of Height="70" we could use /// HeightScript="$find('MyBehavior').get_element().offsetHeight"). Any exceptions /// raised when setting dynamic properties (including both JavaScript evaluation errors /// and other exceptions raised by property setters) will only be propogated when /// debugging. /// /// /// Animations need to be as fast as possible - even in debug mode. Don't add validation code to /// methods involved in every step of the animation. /// /// Animation $TWA.Animation.initializeBase(this); // Length of the animation in seconds this._duration = 1; // Number of steps per second this._fps = 25; // Target Sys.UI.DomElement of the animation this._target = null; // Tick event handler this._tickHandler = null; // Animation timer this._timer = null; // Percentage of the animation already played this._percentComplete = 0; // Percentage of the animation to play on each step this._percentDelta = null; // Reference to the animation that owns this animation (currently only set in // ParallelAnimation.add). This concept of ownership allows an entire animation // subtree to be driven off a single timer so all the operations are properly // synchronized. this._owner = null; // Reference to the animation that contains this as a child (this is set // in ParentAnimation.add). The primary use of the parent animation is in // resolving the animation target when one isn't specified. this._parentAnimation = null; // The DynamicProperties collection is used to associate JavaScript expressions with // properties. The expressions are evaluated just before the animation is played // everytime (in the base onStart method). See the additional information in the // XML comment above. this.DynamicProperties = { }; // Set the target, duration, and fps if they were provided in the constructor if (target) { this.set_target(target); } if (duration) { this.set_duration(duration); } if (fps) { this.set_fps(fps); } } $TWA.Animation.prototype = { dispose : function() { /// /// Dispose the animation /// /// if (this._timer) { this._timer.dispose(); this._timer = null; } this._tickHandler = null; this._target = null; $TWA.Animation.callBaseMethod(this, 'dispose'); }, play : function() { /// /// Play the animation from the beginning or where it was left off when paused. /// /// /// /// If this animation is the child of another, you must call play on its parent instead. /// // If ownership of this animation has been claimed, then we'll require the parent to // handle playing the animation (this is very important because then the entire animation // tree runs on the same timer and updates consistently) if (!this._owner) { var resume = true; if (!this._timer) { resume = false; if (!this._tickHandler) { this._tickHandler = Function.createDelegate(this, this._onTimerTick); } this._timer = new Telerik.Web.Timer(); this._timer.add_tick(this._tickHandler); this.onStart(); this._timer.set_interval(1000 / this._fps); this._percentDelta = 100 / (this._duration * this._fps); this._updatePercentComplete(0, true); } this._timer.set_enabled(true); this.raisePropertyChanged('isPlaying'); if (!resume) { this.raisePropertyChanged('isActive'); } } }, pause : function() { /// /// Pause the animation if it is playing. Calling play will resume where /// the animation left off. /// /// /// /// If this animation is the child of another, you must call pause on its parent instead. /// if (!this._owner) { if (this._timer) { this._timer.set_enabled(false); this.raisePropertyChanged('isPlaying'); } } }, stop : function(finish) { /// /// Stop playing the animation. /// /// /// Whether or not stopping the animation should leave the target element in a state /// consistent with the animation playing completely by performing the last step. /// The default value is true. /// /// /// /// If this animation is the child of another, you must call stop on /// its parent instead. /// if (!this._owner) { var t = this._timer; this._timer = null; if (t) { t.dispose(); if (this._percentComplete !== 100) { this._percentComplete = 100; this.raisePropertyChanged('percentComplete'); if (finish || finish === undefined) { this.onStep(100); } } this.onEnd(); this.raisePropertyChanged('isPlaying'); this.raisePropertyChanged('isActive'); } } }, onStart : function() { /// /// The onStart method is called just before the animation is played each time. /// /// this.raiseStarted(); // Initialize any dynamic properties for (var property in this.DynamicProperties) { try { // Invoke the property's setter on the evaluated expression this[property](eval(this.DynamicProperties[property])); } catch(ex) { // Propogate any exceptions if we're debugging, otherwise eat them if ( Sys.Debug.isDebug) { throw ex; } } } }, onStep : function(percentage) { /// /// The onStep method is called repeatedly to progress the animation through each frame /// /// Percentage of the animation already complete /// this.setValue(this.getAnimatedValue(percentage)); }, onEnd : function() { /// /// The onEnd method is called just after the animation is played each time. /// /// this.raiseEnded(); }, getAnimatedValue : function(percentage) { /// /// Determine the state of the animation after the given percentage of its duration has elapsed /// /// Percentage of the animation already complete /// /// State of the animation after the given percentage of its duration has elapsed that will /// be passed to setValue /// throw Error.notImplemented(); }, setValue : function(value) { /// /// Set the current state of the animation /// /// Current state of the animation (as retreived from getAnimatedValue) /// throw Error.notImplemented(); }, interpolate : function(start, end, percentage) { /// /// The interpolate function is used to find the appropriate value between starting and /// ending values given the current percentage. /// /// /// Start of the range to interpolate /// /// /// End of the range to interpolate /// /// /// Percentage completed in the range to interpolate /// /// /// Value the desired percentage between the start and end values /// /// /// In the future, we hope to make several implementations of this available so we can dynamically /// change the apparent speed of the animations, although it may make more sense to modify the /// _updatePercentComplete function instead. /// return start + (end - start) * (percentage / 100); }, _onTimerTick : function() { /// /// Handler for the tick event to move the animation along through its duration /// /// this._updatePercentComplete(this._percentComplete + this._percentDelta, true); this.raise_onTick(); }, _updatePercentComplete : function(percentComplete, animate) { /// /// Update the animation and its target given the current percentage of its duration that /// has already elapsed /// /// /// Percentage of the animation duration that has already elapsed /// /// /// Whether or not updating the animation should visually modify the animation's target /// /// if (percentComplete > 100) { percentComplete = 100; } this._percentComplete = percentComplete; this.raisePropertyChanged('percentComplete'); if (animate) { this.onStep(percentComplete); } if (percentComplete === 100) { this.stop(false); } }, setOwner : function(owner) { /// /// Make this animation the child of another animation /// /// /// Parent animation /// /// this._owner = owner; }, raiseStarted : function() { /// /// Raise the started event /// /// var handlers = this.get_events().getHandler('started'); if (handlers) { handlers(this, Sys.EventArgs.Empty); } }, add_started : function(handler) { /// /// Adds an event handler for the started event. /// /// /// The handler to add to the event. /// /// this.get_events().addHandler("started", handler); }, remove_started : function(handler) { /// /// Removes an event handler for the started event. /// /// /// The handler to remove from the event. /// /// this.get_events().removeHandler("started", handler); }, raiseEnded : function() { /// /// Raise the ended event /// /// var handlers = this.get_events().getHandler('ended'); if (handlers) { handlers(this, Sys.EventArgs.Empty); } }, add_ended : function(handler) { /// /// Adds an event handler for the ended event. /// /// /// The handler to add to the event. /// /// this.get_events().addHandler("ended", handler); }, remove_ended : function(handler) { /// /// Removes an event handler for the ended event. /// /// /// The handler to remove from the event. /// /// this.get_events().removeHandler("ended", handler); }, raise_onTick : function () { var handlers = this.get_events().getHandler('onTick'); if (handlers) { handlers(this, Sys.EventArgs.Empty); } }, add_onTick : function (handler) { this.get_events().addHandler("onTick", handler); }, remove_onTick : function (handler) { this.get_events().removeHandler("onTick", handler); }, get_target : function() { /// /// Target of the animation. If the target of this animation is null and /// the animation has a parent, then it will recursively use the target of /// the parent animation instead. /// /// /// Do not set this property in a generic Xml animation description. It should be set /// using either the extender's TargetControlID or the AnimationTarget property (the latter /// maps to Telerik.Web.Animation.set_animationTarget). The only valid way to /// set this property in the generic Xml animation description is to use the dynamic /// property TargetScript="$get('myElement')". /// if (!this._target && this._parentAnimation) { return this._parentAnimation.get_target(); } return this._target; }, set_target : function(value) { if (this._target != value) { this._target = value; this.raisePropertyChanged('target'); } }, set_animationTarget : function(id) { /// /// ID of a Sys.UI.DomElement or Sys.UI.Control to use as the target of the animation /// /// /// If no Sys.UI.DomElement or Sys.UI.Control can be found for the given ID, an /// argument exception will be thrown. /// // Try to find a Sys.UI.DomElement var target = null; var element = $get(id); if (element) { target = element; } else { // Try to find the control in the AJAX controls collection var ctrl = $find(id); if (ctrl) { element = ctrl.get_element(); if (element) { target = element; } } } // Use the new target if we have one, or raise an error if not if (target) { this.set_target(target); } else { throw Error.argument('id', String.format('Telerik.Web.Animation.Animation.set_animationTarget requires the ID of a Sys.UI.DomElement or Sys.UI.Control. No element or control could be found corresponding to "{0}"', id)); } }, get_duration : function() { /// /// Length of the animation in seconds. The default is 1. /// return this._duration; }, set_duration : function(value) { value = this._getFloat(value); if (this._duration != value) { this._duration = value; this.raisePropertyChanged('duration'); } }, get_fps : function() { /// /// Number of steps per second. The default is 25. /// return this._fps; }, set_fps : function(value) { value = this._getInteger(value); if (this.fps != value) { this._fps = value; this.raisePropertyChanged('fps'); } }, get_isActive : function() { /// /// true if animation is active, false if not. /// return (this._timer !== null); }, get_isPlaying : function() { /// /// true if animation is playing, false if not. /// return (this._timer !== null) && this._timer.get_enabled(); }, get_percentComplete : function() { /// /// Percentage of the animation already played. /// return this._percentComplete; }, _getBoolean : function(value) { /// /// Helper to convert strings to booleans for property setters /// /// /// Value to convert if it's a string /// /// /// Value that has been converted if it was a string /// if (String.isInstanceOfType(value)) { return Boolean.parse(value); } return value; }, _getInteger : function(value) { /// /// Helper to convert strings to integers for property setters /// /// Value to convert if it's a string /// Value that has been converted if it was a string if (String.isInstanceOfType(value)) { return parseInt(value); } return value; }, _getFloat : function(value) { /// /// Helper to convert strings to floats for property setters /// /// Value to convert if it's a string /// Value that has been converted if it was a string if (String.isInstanceOfType(value)) { return parseFloat(value); } return value; }, _getEnum : function(value, type) { /// /// Helper to convert strings to enum values for property setters /// /// Value to convert if it's a string /// Type of the enum to convert to /// Value that has been converted if it was a string if (String.isInstanceOfType(value) && type && type.parse) { return type.parse(value); } return value; } } $TWA.Animation.registerClass('Telerik.Web.Animation.Animation', Sys.Component); $TWA.registerAnimation('animation', $TWA.Animation); $TWA.ParentAnimation = function(target, duration, fps, animations) { /// /// The ParentAnimation serves as a base class for all animations that contain children (such as /// , , /// etc.). It does not actually play the animations, so any classes that inherit from it must do so. Any animation /// that requires nested child animations must inherit from this class, although it will likely want to inherit off of /// or /// which will actually play their child animations. /// /// /// Target of the animation /// /// /// Length of the animation in seconds. The default is 1. /// /// /// Number of steps per second. The default is 25. /// /// /// Array of child animations to be played /// /// Parent $TWA.ParentAnimation.initializeBase(this, [target, duration, fps]); // Array of child animations (there are no assumptions placed on order because // it will matter for some derived animations like SequenceAnimation, but not // for others like ParallelAnimation) that is demand created in add this._animations = []; // Add any child animations passed into the constructor if (animations && animations.length) { for (var i = 0; i < animations.length; i++) { this.add(animations[i]); } } } $TWA.ParentAnimation.prototype = { initialize : function() { /// /// Initialize the parent along with any child animations that have not yet been initialized themselves /// /// $TWA.ParentAnimation.callBaseMethod(this, 'initialize'); // Initialize all the uninitialized child animations if (this._animations) { for (var i = 0; i < this._animations.length; i++) { var animation = this._animations[i]; if (animation && !animation.get_isInitialized) { animation.initialize(); } } } }, dispose : function() { /// /// Dispose of the child animations /// /// this.clear(); this._animations = null; $TWA.ParentAnimation.callBaseMethod(this, 'dispose'); }, get_animations : function() { /// /// Array of child animations to be played (there are no assumptions placed on order because it will matter for some /// derived animations like , but not for /// others like ). To manipulate the child /// animations, use the functions add, clear, remove, and removeAt. /// return this._animations; }, add : function(animation) { /// /// Add an animation as a child of this animation. /// /// Child animation to add /// if (this._animations) { if (animation) { animation._parentAnimation = this; } Array.add(this._animations, animation); this.raisePropertyChanged('animations'); } }, remove : function(animation) { /// /// Remove the animation from the array of child animations. /// /// /// Child animation to remove /// /// /// /// This will dispose the removed animation. /// if (this._animations) { if (animation) { animation.dispose(); } Array.remove(this._animations, animation); this.raisePropertyChanged('animations'); } }, removeAt : function(index) { /// /// Remove the animation at a given index from the array of child animations. /// /// /// Index of the child animation to remove /// /// if (this._animations) { var animation = this._animations[index]; if (animation) { animation.dispose(); } Array.removeAt(this._animations, index); this.raisePropertyChanged('animations'); } }, clear : function() { /// /// Clear the array of child animations. /// /// /// This will dispose the cleared child animations. /// /// if (this._animations) { for (var i = this._animations.length - 1; i >= 0; i--) { this._animations[i].dispose(); this._animations[i] = null; } Array.clear(this._animations); this._animations = []; this.raisePropertyChanged('animations'); } } } $TWA.ParentAnimation.registerClass('Telerik.Web.Animation.ParentAnimation', $TWA.Animation); $TWA.registerAnimation('parent', $TWA.ParentAnimation); $TWA.ParallelAnimation = function(target, duration, fps, animations) { /// /// The ParallelAnimation plays several animations simultaneously. It inherits from /// , but makes itself the owner of all /// its child animations to allow the use a single timer and syncrhonization mechanisms shared with /// all the children (in other words, the duration properties of any child animations /// are ignored in favor of the parent's duration). It is very useful in creating /// sophisticated effects through combination of simpler animations. /// /// /// Target of the animation /// /// /// Length of the animation in seconds. The default is 1. /// /// /// Number of steps per second. The default is 25. /// /// /// Array of child animations /// /// Parallel $TWA.ParallelAnimation.initializeBase(this, [target, duration, fps, animations]); } $TWA.ParallelAnimation.prototype = { add : function(animation) { /// /// Add an animation as a child of this animation and make ourselves its owner. /// /// Child animation to add /// $TWA.ParallelAnimation.callBaseMethod(this, 'add', [animation]); animation.setOwner(this); }, onStart : function() { /// /// Get the child animations ready to play /// /// $TWA.ParallelAnimation.callBaseMethod(this, 'onStart'); var animations = this.get_animations(); for (var i = 0; i < animations.length; i++) { animations[i].onStart(); } }, onStep : function(percentage) { /// /// Progress the child animations through each frame /// /// /// Percentage of the animation already complete /// /// var animations = this.get_animations(); for (var i = 0; i < animations.length; i++) { animations[i].onStep(percentage); } }, onEnd : function() { /// /// Finish playing all of the child animations /// /// var animations = this.get_animations(); for (var i = 0; i < animations.length; i++) { animations[i].onEnd(); } $TWA.ParallelAnimation.callBaseMethod(this, 'onEnd'); } } $TWA.ParallelAnimation.registerClass('Telerik.Web.Animation.ParallelAnimation', $TWA.ParentAnimation); $TWA.registerAnimation('parallel', $TWA.ParallelAnimation); $TWA.FadeEffect = function() { /// /// The FadeEffect enumeration determines whether a fade animation is used to fade in or fade out. /// /// /// throw Error.invalidOperation(); } $TWA.FadeEffect.prototype = { FadeIn : 0, FadeOut : 1 } $TWA.FadeEffect.registerEnum("Telerik.Web.Animation.FadeEffect", false); $TWA.FadeAnimation = function(target, duration, fps, effect, minimumOpacity, maximumOpacity, forceLayoutInIE) { /// /// The FadeAnimation is used to fade an element in or out of view, depending on the /// provided , by settings its opacity. /// The minimum and maximum opacity values can be specified to precisely control the fade. /// You may also consider using or /// if you know the only direction you /// are fading. /// /// /// Target of the animation /// /// /// Length of the animation in seconds. The default is 1. /// /// /// Number of steps per second. The default is 25. /// /// /// Determine whether to fade the element in or fade the element out. The possible values are FadeIn /// and FadeOut. The default value is FadeOut. /// /// /// Minimum opacity to use when fading in or out. Its value can range from between 0 to 1. The default value is 0. /// /// /// Maximum opacity to use when fading in or out. Its value can range from between 0 to 1. The default value is 1. /// /// /// Whether or not we should force a layout to be created for Internet Explorer by giving it a width and setting its /// background color (the latter is required in case the user has ClearType enabled). The default value is true. /// This is obviously ignored when working in other browsers. /// /// Fade $TWA.FadeAnimation.initializeBase(this, [target, duration, fps]); // The effect determines whether or not we fade in or out this._effect = (effect !== undefined) ? effect : $TWA.FadeEffect.FadeIn; // Maximum and minimum opacities default to 100% and 0% this._max = (maximumOpacity !== undefined) ? maximumOpacity : 1; this._min = (minimumOpacity !== undefined) ? minimumOpacity : 0; // Starting and ending opacities this._start = this._min; this._end = this._max; // Whether the a layout has already been created (to work around IE problems) this._layoutCreated = false; // Whether or not we should force a layout to be created for IE by giving it a width // and setting its background color (the latter is required in case the user has ClearType enabled). // http://msdn.microsoft.com/library/default.asp?url=/workshop/author/filter/reference/filters/alpha.asp this._forceLayoutInIE = (forceLayoutInIE === undefined || forceLayoutInIE === null) ? true : forceLayoutInIE; // Current target of the animation that is cached before the animation plays (since looking up // the target could mean walking all the way up to the root of the animation's tree, which we don't // want to do for every step of the animation) this._currentTarget = null; // Properly set up the min/max values provided by the constructor this._resetOpacities(); } $TWA.FadeAnimation.prototype = { _resetOpacities : function() { /// /// Set the starting and ending opacity values based on the effect (i.e. when we're fading /// in we go from _min to _max, but we go _max to /// _min when fading out) /// /// if (this._effect == $TWA.FadeEffect.FadeIn) { this._start = this._min; this._end = this._max; } else { this._start = this._max; this._end = this._min; } }, _createLayout : function() { /// /// Create a layout when using Internet Explorer (which entails setting a width and also /// a background color if it currently has neither) /// /// var element = this._currentTarget; if (element) { // Get the original width/height/back color var originalWidth = $telerik.getCurrentStyle(element, 'width'); var originalHeight = $telerik.getCurrentStyle(element, 'height'); var originalBackColor = $telerik.getCurrentStyle(element, 'backgroundColor'); // Set the width which will force the creation of a layout if ((!originalWidth || originalWidth == '' || originalWidth == 'auto') && (!originalHeight || originalHeight == '' || originalHeight == 'auto')) { element.style.width = element.offsetWidth + 'px'; } // Set the back color to avoid ClearType problems if (!originalBackColor || originalBackColor == '' || originalBackColor == 'transparent' || originalBackColor == 'rgba(0, 0, 0, 0)') { element.style.backgroundColor = $telerik.getInheritedBackgroundColor(element); } // Mark that we've created the layout so we only do it once this._layoutCreated = true; } }, onStart : function() { /// /// The onStart method is called just before the animation is played each time. /// /// $TWA.FadeAnimation.callBaseMethod(this, 'onStart'); this._currentTarget = this.get_target(); this.setValue(this._start); // Force the creation of a layout in IE if we're supposed to and the current browser is Internet Explorer if (this._forceLayoutInIE && !this._layoutCreated && Sys.Browser.agent == Sys.Browser.InternetExplorer) { this._createLayout(); } }, getAnimatedValue : function(percentage) { /// /// Determine the current opacity after the given percentage of its duration has elapsed /// /// Percentage of the animation already complete /// /// Current opacity after the given percentage of its duration has elapsed that will /// be passed to setValue /// return this.interpolate(this._start, this._end, percentage); }, setValue : function(value) { /// /// Set the current opacity of the element. /// /// /// Current opacity (as retreived from getAnimatedValue) /// /// /// /// This method will be replaced by a dynamically generated function that requires no logic /// to determine whether it should use filters or the style's opacity. /// if (this._currentTarget) { $telerik.setOpacity(this._currentTarget, value); } }, // set_target : function(value) { // /// // /// Override the target property to dynamically create the setValue function. // /// // /// // /// Do not set this property in a generic Xml animation description. It will be set automatically // /// using either the extender's TargetControlID or the AnimationTarget property. // /// // $TWA.FadeAnimation.callBaseMethod(this, 'set_target', [value]); // // var element = value; // if (element) { // var filters = element.filters; // if (filters) { // var alphaFilter = null; // if (filters.length !== 0) { // alphaFilter = filters['DXImageTransform.Microsoft.Alpha']; // } // if (!alphaFilter) { // element.style.filter = 'progid:DXImageTransform.Microsoft.Alpha(opacity=' + (this._start * 100) + ')'; // alphaFilter = filters['DXImageTransform.Microsoft.Alpha']; // } // if (alphaFilter) { // this.setValue = function(val) { alphaFilter.opacity = val * 100; } // } else { // this.setValue = function(val) { // element.style.filter = 'progid:DXImageTransform.Microsoft.Alpha(opacity=' + (val * 100) + ')'; // }; // } // } // else { // this.setValue = function(val) { element.style.opacity = val; }; // } // } // }, get_effect : function() { /// /// Determine whether to fade the element in or fade the element out. The possible values are /// FadeIn and FadeOut. The default value is FadeOut. /// return this._effect; }, set_effect : function(value) { value = this._getEnum(value, $TWA.FadeEffect); if (this._effect != value) { this._effect = value; this._resetOpacities(); this.raisePropertyChanged('effect'); } }, get_minimumOpacity : function() { /// /// Minimum opacity to use when fading in or out. Its value can range from between 0 to 1. /// The default value is 0. /// return this._min; }, set_minimumOpacity : function(value) { value = this._getFloat(value); if (this._min != value) { this._min = value; this._resetOpacities(); this.raisePropertyChanged('minimumOpacity'); } }, get_maximumOpacity : function() { /// /// Maximum opacity to use when fading in or out. Its value can range from between 0 to 1. /// The default value is 1. /// return this._max; }, set_maximumOpacity : function(value) { value = this._getFloat(value); if (this._max != value) { this._max = value; this._resetOpacities(); this.raisePropertyChanged('maximumOpacity'); } }, get_forceLayoutInIE : function() { /// /// Whether or not we should force a layout to be created for Internet Explorer by giving it a width and setting its /// background color (the latter is required in case the user has ClearType enabled). The default value is true. /// This is obviously ignored when working in other browsers. /// return this._forceLayoutInIE; }, set_forceLayoutInIE : function(value) { value = this._getBoolean(value); if (this._forceLayoutInIE != value) { this._forceLayoutInIE = value; this.raisePropertyChanged('forceLayoutInIE'); } }, set_startValue : function(value) { /// /// Set the start value (so that child animations can set the current opacity as the start value when fading in or out) /// value = this._getFloat(value); this._start = value; } } $TWA.FadeAnimation.registerClass('Telerik.Web.Animation.FadeAnimation', $TWA.Animation); $TWA.registerAnimation('fade', $TWA.FadeAnimation); $TWA.FadeInAnimation = function(target, duration, fps, minimumOpacity, maximumOpacity, forceLayoutInIE) { /// /// The FadeInAnimation will fade the target in by moving from hidden to visible. /// It starts the animation the target's current opacity. /// /// /// Target of the animation /// /// /// Length of the animation in seconds. The default is 1. /// /// /// Number of steps per second. The default is 25. /// /// /// Minimum opacity to use when fading in or out. Its value can range from between 0 to 1. The default value is 0. /// /// /// Maximum opacity to use when fading in or out. Its value can range from between 0 to 1. The default value is 1. /// /// /// Whether or not we should force a layout to be created for Internet Explorer by giving it a width and setting its /// background color (the latter is required in case the user has ClearType enabled). The default value is true. /// This is obviously ignored when working in other browsers. /// /// FadeIn $TWA.FadeInAnimation.initializeBase(this, [target, duration, fps, $TWA.FadeEffect.FadeIn, minimumOpacity, maximumOpacity, forceLayoutInIE]); } $TWA.FadeInAnimation.prototype = { onStart : function() { /// /// The onStart method is called just before the animation is played each time. /// /// $TWA.FadeInAnimation.callBaseMethod(this, 'onStart'); if (this._currentTarget) { this.set_startValue($telerik.getOpacity(this._currentTarget)); } } } $TWA.FadeInAnimation.registerClass('Telerik.Web.Animation.FadeInAnimation', $TWA.FadeAnimation); $TWA.registerAnimation('fadeIn', $TWA.FadeInAnimation); $TWA.FadeOutAnimation = function(target, duration, fps, minimumOpacity, maximumOpacity, forceLayoutInIE) { /// /// The FadeInAnimation will fade the element out by moving from visible to hidden. It starts the animation /// at the element's current opacity. /// /// /// Target of the animation /// /// /// Length of the animation in seconds. The default is 1. /// /// /// Number of steps per second. The default is 25. /// /// /// Minimum opacity to use when fading in or out. Its value can range from between 0 to 1. The default value is 0. /// /// /// Maximum opacity to use when fading in or out. Its value can range from between 0 to 1. The default value is 1. /// /// /// Whether or not we should force a layout to be created for Internet Explorer by giving it a width and setting its /// background color (the latter is required in case the user has ClearType enabled). The default value is true. /// This is obviously ignored when working in other browsers. /// /// FadeOut $TWA.FadeOutAnimation.initializeBase(this, [target, duration, fps, $TWA.FadeEffect.FadeOut, minimumOpacity, maximumOpacity, forceLayoutInIE]); } $TWA.FadeOutAnimation.prototype = { onStart : function() { /// /// The onStart method is called just before the animation is played each time. /// /// $TWA.FadeOutAnimation.callBaseMethod(this, 'onStart'); if (this._currentTarget) { this.set_startValue($telerik.getOpacity(this._currentTarget)); } } } $TWA.FadeOutAnimation.registerClass('Telerik.Web.Animation.FadeOutAnimation', $TWA.FadeAnimation); $TWA.registerAnimation('fadeOut', $TWA.FadeOutAnimation); $TWA.PropertyAnimation = function(target, duration, fps, property, propertyKey) { /// /// The PropertyAnimation is a useful base animation that will assign the value from /// getAnimatedValue to a specified property. You can provide the name of /// a property alongside an optional propertyKey (which indicates the value /// property[propertyKey], like style['backgroundColor']). /// /// /// Target of the animation /// /// /// Length of the animation in seconds. The default is 1. /// /// /// Number of steps per second. The default is 25. /// /// /// Property of the target element to set when animating /// /// /// Optional key of the property to be set (which indicates the value property[propertyKey], like style['backgroundColor']). Note that for the style property, the key must be in a JavaScript friendly format (i.e. backgroundColor instead of background-color). /// /// Property $TWA.PropertyAnimation.initializeBase(this, [target, duration, fps]); // Name of the property to set this._property = property; // Optional Key of the property to set (i.e., if the property were "style" then // this might be "backgroundColor") this._propertyKey = propertyKey; // Current target of the animation that is cached before the animation plays (since looking up // the target could mean walking all the way up to the root of the animation's tree, which we don't // want to do for every step of the animation) this._currentTarget = null; } $TWA.PropertyAnimation.prototype = { onStart : function() { /// /// The onStart method is called just before the animation is played each time. /// /// $TWA.PropertyAnimation.callBaseMethod(this, 'onStart'); this._currentTarget = this.get_target(); }, setValue : function(value) { /// /// Set the current value of the property /// /// /// Value to assign /// /// var element = this._currentTarget; if (element && this._property && this._property.length > 0) { if (this._propertyKey && this._propertyKey.length > 0 && element[this._property]) { element[this._property][this._propertyKey] = value; } else { element[this._property] = value; } } // Sys.TypeDescriptor.setProperty(this.get_target(), this._property, value, this._propertyKey); }, getValue : function() { /// /// Get the current value from the property /// /// /// Current value of the property /// var element = this.get_target(); if (element && this._property && this._property.length > 0) { var property = element[this._property]; if (property) { if (this._propertyKey && this._propertyKey.length > 0) { return property[this._propertyKey]; } return property; } } return null; // return Sys.TypeDescriptor.getProperty(this.get_target(), this._property, this._propertyKey); }, get_property : function() { /// /// Property of the target element to set when animating /// return this._property; }, set_property : function(value) { if (this._property != value) { this._property = value; this.raisePropertyChanged('property'); } }, get_propertyKey : function() { /// /// Optional key of the property to be set (which indicates the value property[propertyKey], like style['backgroundColor']). Note that for the style property, the key must be in a JavaScript friendly format (i.e. backgroundColor instead of background-color). /// return this._propertyKey; }, set_propertyKey : function(value) { if (this._propertyKey != value) { this._propertyKey = value; this.raisePropertyChanged('propertyKey'); } } } $TWA.PropertyAnimation.registerClass('Telerik.Web.Animation.PropertyAnimation', $TWA.Animation); $TWA.registerAnimation('property', $TWA.PropertyAnimation); $TWA.DiscreteAnimation = function(target, duration, fps, property, propertyKey, values) { /// /// The DiscreteAnimation inherits from /// and sets the value of the property to the elements in a provided array of values. /// /// /// Target of the animation /// /// /// Length of the animation in seconds. The default is 1. /// /// /// Number of steps per second. The default is 25. /// /// /// Property of the target element to set when animating /// /// /// Optional key of the property to be set (which indicates the value property[propertyKey], like style['backgroundColor']). Note that for the style property, the key must be in a JavaScript friendly format (i.e. backgroundColor instead of background-color). /// /// /// Array of possible values of the property that will be iterated over as the animation is played /// /// Discrete $TWA.DiscreteAnimation.initializeBase(this, [target, duration, fps, property, propertyKey]); // Values to assign to the property this._values = (values && values.length) ? values : []; } $TWA.DiscreteAnimation.prototype = { getAnimatedValue : function(percentage) { /// /// Assign the value whose index corresponds to the current percentage /// /// /// Percentage of the animation already complete /// /// /// State of the animation after the given percentage of its duration has elapsed that will /// be passed to setValue /// var index = Math.floor(this.interpolate(0, this._values.length - 1, percentage)); return this._values[index]; }, get_values : function() { /// /// Array of possible values of the property that will be iterated over as the animation is played /// return this._values; }, set_values : function(value) { if (this._values != value) { this._values = value; this.raisePropertyChanged('values'); } } } $TWA.DiscreteAnimation.registerClass('Telerik.Web.Animation.DiscreteAnimation', $TWA.PropertyAnimation); $TWA.registerAnimation('discrete', $TWA.DiscreteAnimation); $TWA.InterpolatedAnimation = function(target, duration, fps, property, propertyKey, startValue, endValue) { /// /// The InterpolatedAnimation assigns a range of values between startValue /// and endValue to the designated property. /// /// /// Target of the animation /// /// /// Length of the animation in seconds. The default is 1. /// /// /// Number of steps per second. The default is 25. /// /// /// Property of the target element to set when animating. The default value is 'style'. /// /// /// Optional key of the property to be set (which indicates the value property[propertyKey], like style['backgroundColor']). Note that for the style property, the key must be in a JavaScript friendly format (i.e. backgroundColor instead of background-color). /// /// /// Start of the range of values /// /// /// End of the range of values /// /// Interpolated $TWA.InterpolatedAnimation.initializeBase(this, [target, duration, fps, ((property !== undefined) ? property : 'style'), propertyKey]); // Start and end values this._startValue = startValue; this._endValue = endValue; } $TWA.InterpolatedAnimation.prototype = { get_startValue : function() { /// /// Start of the range of values /// return this._startValue; }, set_startValue : function(value) { value = this._getFloat(value); if (this._startValue != value) { this._startValue = value; this.raisePropertyChanged('startValue'); } }, get_endValue : function() { /// /// End of the range of values /// return this._endValue; }, set_endValue : function(value) { value = this._getFloat(value); if (this._endValue != value) { this._endValue = value; this.raisePropertyChanged('endValue'); } } } $TWA.InterpolatedAnimation.registerClass('Telerik.Web.Animation.InterpolatedAnimation', $TWA.PropertyAnimation); $TWA.registerAnimation('interpolated', $TWA.InterpolatedAnimation); $TWA.ColorAnimation = function(target, duration, fps, property, propertyKey, startValue, endValue) { /// /// The ColorAnimation transitions the value of the property between /// two colors (although it does ignore the alpha channel). The colors must be 7-character hex strings /// (like #246ACF). /// /// /// Target of the animation /// /// /// Length of the animation in seconds. The default is 1. /// /// /// Number of steps per second. The default is 25. /// /// /// Property of the target element to set when animating. The default value is 'style'. /// /// /// Optional key of the property to be set (which indicates the value property[propertyKey], like style['backgroundColor']). Note that for the style property, the key must be in a JavaScript friendly format (i.e. backgroundColor instead of background-color). /// /// /// Start of the range of colors /// /// /// End of the range of colors /// /// Color $TWA.ColorAnimation.initializeBase(this, [target, duration, fps, property, propertyKey, startValue, endValue]); // Cached start/end RBG triplets this._start = null; this._end = null; // Flags indicating whether each dimension of color will be interpolated this._interpolateRed = false; this._interpolateGreen = false; this._interpolateBlue = false; } $TWA.ColorAnimation.prototype = { onStart : function() { /// /// Determine which dimensions of color will be animated /// /// $TWA.ColorAnimation.callBaseMethod(this, 'onStart'); this._start = $TWA.ColorAnimation.getRGB(this.get_startValue()); this._end = $TWA.ColorAnimation.getRGB(this.get_endValue()); this._interpolateRed = (this._start.Red != this._end.Red); this._interpolateGreen = (this._start.Green != this._end.Green); this._interpolateBlue = (this._start.Blue != this._end.Blue); }, getAnimatedValue : function(percentage) { /// /// Get the interpolated color values /// /// /// Percentage of the animation already complete /// /// /// Current color formatted as a 7-character hex string (like #246ACF). /// var r = this._start.Red; var g = this._start.Green; var b = this._start.Blue; if (this._interpolateRed) r = Math.round(this.interpolate(r, this._end.Red, percentage)); if (this._interpolateGreen) g = Math.round(this.interpolate(g, this._end.Green, percentage)); if (this._interpolateBlue) b = Math.round(this.interpolate(b, this._end.Blue, percentage)); return $TWA.ColorAnimation.toColor(r, g, b); }, set_startValue : function(value) { /// /// Starting color of the transition formatted as a 7-character hex string (like #246ACF). /// if (this._startValue != value) { this._startValue = value; this.raisePropertyChanged('startValue'); } }, set_endValue : function(value) { /// /// Ending color of the transition formatted as a 7-character hex string (like #246ACF). /// if (this._endValue != value) { this._endValue = value; this.raisePropertyChanged('endValue'); } } } $TWA.ColorAnimation.getRGB = function(color) { /// /// Convert the color to an RGB triplet /// /// /// Color formatted as a 7-character hex string (like #246ACF) /// /// /// Object representing the color with Red, Green, and Blue properties. /// if (!color || color.length != 7) { throw String.format('Color must be a 7-character hex representation (e.g. #246ACF), not "{0}"', color); } return { 'Red': parseInt(color.substr(1,2), 16), 'Green': parseInt(color.substr(3,2), 16), 'Blue': parseInt(color.substr(5,2), 16) }; } $TWA.ColorAnimation.toColor = function(red, green, blue) { /// /// Convert an RBG triplet into a 7-character hex string (like #246ACF) /// /// /// Value of the color's red dimension /// /// /// Value of the color's green dimension /// /// /// Value of the color's blue dimension /// /// /// Color as a 7-character hex string (like #246ACF) /// var r = red.toString(16); var g = green.toString(16); var b = blue.toString(16); if (r.length == 1) r = '0' + r; if (g.length == 1) g = '0' + g; if (b.length == 1) b = '0' + b; return '#' + r + g + b; } $TWA.ColorAnimation.registerClass('Telerik.Web.Animation.ColorAnimation', $TWA.InterpolatedAnimation); $TWA.registerAnimation('color', $TWA.ColorAnimation); $TWA.LengthAnimation = function(target, duration, fps, property, propertyKey, startValue, endValue, unit) { /// /// The LengthAnimation is identical to /// except it adds a unit to the value before assigning it to the property. /// /// /// Target of the animation /// /// /// Length of the animation in seconds. The default is 1. /// /// /// Number of steps per second. The default is 25. /// /// /// Property of the target element to set when animating. The default value is 'style'. /// /// /// Optional key of the property to be set (which indicates the value property[propertyKey], like style['backgroundColor']). Note that for the style property, the key must be in a JavaScript friendly format (i.e. backgroundColor instead of background-color). /// /// /// Start of the range of values /// /// /// End of the range of values /// /// /// Unit of the interpolated values. The default value is 'px'. /// /// Length $TWA.LengthAnimation.initializeBase(this, [target, duration, fps, property, propertyKey, startValue, endValue]); // Unit of length (which defaults to px) this._unit = (unit != null) ? unit : 'px'; } $TWA.LengthAnimation.prototype = { getAnimatedValue : function(percentage) { /// /// Get the interpolated length value /// /// /// Percentage of the animation already complete /// /// /// Interpolated length /// var value = this.interpolate(this.get_startValue(), this.get_endValue(), percentage); return Math.round(value) + this._unit; }, get_unit : function() { /// /// Unit of the interpolated values. The default value is 'px'. /// return this._unit; }, set_unit : function(value) { if (this._unit != value) { this._unit = value; this.raisePropertyChanged('unit'); } } } $TWA.LengthAnimation.registerClass('Telerik.Web.Animation.LengthAnimation', $TWA.InterpolatedAnimation); $TWA.registerAnimation('length', $TWA.LengthAnimation); $TWA.MoveAnimation = function(target, duration, fps, horizontal, vertical, relative, unit) { /// /// The MoveAnimation is used to move the target element. If the /// relative flag is set to true, then it treats the horizontal /// and vertical properties as offsets to move the element. If the relative /// flag is false, then it will treat the horizontal and vertical /// properties as coordinates on the page where the target element should be moved. It is /// important to note that the target must be positioned (i.e. absolutely) so /// that settings its top/left style attributes will change its location. /// /// /// Target of the animation /// /// /// Length of the animation in seconds. The default is 1. /// /// /// Number of steps per second. The default is 25. /// /// /// If relative is true, this is the offset to move horizontally. Otherwise this is the x /// coordinate on the page where the target should be moved. /// /// /// If relative is true, this is the offset to move vertically. Otherwise this is the y /// coordinate on the page where the target should be moved. /// /// /// true if we are moving relative to the current position, false if we are moving absolutely /// /// /// Length unit for the size of the target. The default value is 'px'. /// /// Move $TWA.MoveAnimation.initializeBase(this, [target, duration, fps, null]); // Distance to move horizontally and vertically this._horizontal = horizontal ? horizontal : 0; this._vertical = vertical ? vertical : 0; this._relative = (relative === undefined) ? true : relative; // Length animations representing the movememnts this._horizontalAnimation = new $TWA.LengthAnimation(target, duration, fps, 'style', 'left', null, null, unit); this._verticalAnimation = new $TWA.LengthAnimation(target, duration, fps, 'style', 'top', null, null, unit); this.add(this._verticalAnimation); this.add(this._horizontalAnimation); } $TWA.MoveAnimation.prototype = { onStart : function() { /// /// Use the target's current position as the starting point for the animation /// /// $TWA.MoveAnimation.callBaseMethod(this, 'onStart'); // Set the start and end values of the animations by getting // the element's current position and applying the offsets var element = this.get_target(); this._horizontalAnimation.set_startValue(element.offsetLeft); this._horizontalAnimation.set_endValue(this._relative ? element.offsetLeft + this._horizontal : this._horizontal); this._verticalAnimation.set_startValue(element.offsetTop); this._verticalAnimation.set_endValue(this._relative ? element.offsetTop + this._vertical : this._vertical); }, get_horizontal : function() { /// /// If relative is true, this is the offset to move horizontally. Otherwise this is the x /// coordinate on the page where the target should be moved. /// return this._horizontal; }, set_horizontal : function(value) { value = this._getFloat(value); if (this._horizontal != value) { this._horizontal = value; this.raisePropertyChanged('horizontal'); } }, get_vertical : function() { /// /// If relative is true, this is the offset to move vertically. Otherwise this is the y /// coordinate on the page where the target should be moved. /// return this._vertical; }, set_vertical : function(value) { value = this._getFloat(value); if (this._vertical != value) { this._vertical = value; this.raisePropertyChanged('vertical'); } }, get_relative : function() { /// /// true if we are moving relative to the current position, false if we are moving absolutely /// return this._relative; }, set_relative : function(value) { value = this._getBoolean(value); if (this._relative != value) { this._relative = value; this.raisePropertyChanged('relative'); } }, get_unit : function() { /// /// Length unit for the size of the target. The default value is 'px'. /// this._horizontalAnimation.get_unit(); }, set_unit : function(value) { var unit = this._horizontalAnimation.get_unit(); if (unit != value) { this._horizontalAnimation.set_unit(value); this._verticalAnimation.set_unit(value); this.raisePropertyChanged('unit'); } } } $TWA.MoveAnimation.registerClass('Telerik.Web.Animation.MoveAnimation', $TWA.ParallelAnimation); $TWA.registerAnimation('move', $TWA.MoveAnimation); $TWA.ResizeAnimation = function(target, duration, fps, width, height, unit) { /// /// The ResizeAnimation changes the size of the target from its /// current value to the specified width and height. /// /// /// Target of the animation /// /// /// Length of the animation in seconds. The default is 1. /// /// /// Number of steps per second. The default is 25. /// /// /// New width of the target /// /// /// New height of the target /// /// /// Length unit for the size of the target. The default value is 'px'. /// /// Resize $TWA.ResizeAnimation.initializeBase(this, [target, duration, fps, null]); // New size of the element this._width = width; this._height = height; // Animations to set the size across both dimensions this._horizontalAnimation = new $TWA.LengthAnimation(target, duration, fps, 'style', 'width', null, null, unit); this._verticalAnimation = new $TWA.LengthAnimation(target, duration, fps, 'style', 'height', null, null, unit); this.add(this._horizontalAnimation); this.add(this._verticalAnimation); } $TWA.ResizeAnimation.prototype = { onStart : function() { /// /// Use the target's current size as the starting point for the animation /// /// $TWA.ResizeAnimation.callBaseMethod(this, 'onStart'); // Set the start and end values of the animations by getting // the element's current width and height var element = this.get_target(); this._horizontalAnimation.set_startValue(element.offsetWidth); this._verticalAnimation.set_startValue(element.offsetHeight); this._horizontalAnimation.set_endValue((this._width !== null && this._width !== undefined) ? this._width : element.offsetWidth); this._verticalAnimation.set_endValue((this._height !== null && this._height !== undefined) ? this._height : element.offsetHeight); }, get_width : function() { /// /// New width of the target /// return this._width; }, set_width : function(value) { value = this._getFloat(value); if (this._width != value) { this._width = value; this.raisePropertyChanged('width'); } }, get_height : function() { /// /// New height of the target /// return this._height; }, set_height : function(value) { value = this._getFloat(value); if (this._height != value) { this._height = value; this.raisePropertyChanged('height'); } }, get_unit : function() { /// /// Length unit for the size of the target. The default value is 'px'. /// this._horizontalAnimation.get_unit(); }, set_unit : function(value) { var unit = this._horizontalAnimation.get_unit(); if (unit != value) { this._horizontalAnimation.set_unit(value); this._verticalAnimation.set_unit(value); this.raisePropertyChanged('unit'); } } } $TWA.ResizeAnimation.registerClass('Telerik.Web.Animation.ResizeAnimation', $TWA.ParallelAnimation); $TWA.registerAnimation('resize', $TWA.ResizeAnimation); $TWA.SequenceAnimation = function(target, duration, fps, animations, iterations) { /// /// The SequenceAnimation runs several animations one after the other. It can also /// repeat the sequence of animations for a specified number of iterations (which defaults to a /// single iteration, but will repeat forever if you specify zero or less iterations). Also, the /// SequenceAnimation cannot be a child of a /// (or any animation inheriting from it). /// /// /// Target of the animation /// /// /// Length of the animation in seconds. The default is 1. /// /// /// Number of steps per second. The default is 25. /// /// /// Array of child animations /// /// /// Number of times to repeatedly play the sequence. If zero or less iterations are specified, the sequence /// will repeat forever. The default value is 1 iteration. /// /// /// The SequenceAnimation ignores the duration and fps /// properties, and will let each of its child animations use any settings they please. /// /// Sequence $TWA.SequenceAnimation.initializeBase(this, [target, duration, fps, animations]); // Handler used to determine when an animation has finished this._handler = null; // Flags to note whether we're playing, paused, or stopped this._paused = false; this._playing = false; // Index of the currently executing animation in the sequence this._index = 0; // Counter used when playing the animation to determine the remaining number of times to play the entire sequence this._remainingIterations = 0; // Number of iterations this._iterations = (iterations !== undefined) ? iterations : 1; } $TWA.SequenceAnimation.prototype = { dispose : function() { /// /// Dispose the animation /// /// this._handler = null; $TWA.SequenceAnimation.callBaseMethod(this, 'dispose'); }, stop : function() { /// /// Stop playing the entire sequence of animations /// /// /// /// Stopping this animation will perform the last step of each child animation, thereby leaving their /// target elements in a state consistent with the animation playing completely. If this animation is /// the child of another, you must call stop on its parent instead. /// if (this._playing) { var animations = this.get_animations(); if (this._index < animations.length) { // Remove the handler from the currently running animation animations[this._index].remove_ended(this._handler); // Call stop on all remaining animations to ensure their // effects will be seen for (var i = this._index; i < animations.length; i++) { animations[i].stop(); } } this._playing = false; this._paused = false; this.raisePropertyChanged('isPlaying'); this.onEnd(); } }, pause : function() { /// /// Pause the animation if it is playing. Calling play will resume where /// the animation left off. /// /// /// /// If this animation is the child of another, you must call pause on its parent instead. /// if (this.get_isPlaying()) { var current = this.get_animations()[this._index]; if (current != null) { current.pause(); } this._paused = true; this.raisePropertyChanged('isPlaying'); } }, play : function() { /// /// Play the sequence of animations from the beginning or where it was left off when paused /// /// /// /// If this animation is the child of another, you must call play on its parent instead /// var animations = this.get_animations(); if (!this._playing) { this._playing = true; if (this._paused) { this._paused = false; var current = animations[this._index]; if (current != null) { current.play(); this.raisePropertyChanged('isPlaying'); } } else { this.onStart(); // Reset the index and attach the handler to the first this._index = 0; var first = animations[this._index]; if (first) { first.add_ended(this._handler); first.play(); this.raisePropertyChanged('isPlaying'); } else { this.stop(); } } } }, onStart : function() { /// /// The onStart method is called just before the animation is played each time /// /// $TWA.SequenceAnimation.callBaseMethod(this, 'onStart'); this._remainingIterations = this._iterations - 1; // Create the handler we attach to each animation as it plays to determine when we've finished with it if (!this._handler) { this._handler = Function.createDelegate(this, this._onEndAnimation); } }, _onEndAnimation : function() { /// /// Wait for the end of each animation, and then continue by playing the other animations remaining /// in the sequence. Stop when it reaches the last animation and there are no remaining iterations. /// /// // Remove the handler from the current animation var animations = this.get_animations(); var current = animations[this._index++]; if (current) { current.remove_ended(this._handler); } // Keep running animations and stop when we're out if (this._index < animations.length) { var next = animations[this._index]; next.add_ended(this._handler); next.play(); } else if (this._remainingIterations >= 1 || this._iterations <= 0) { this._remainingIterations--; this._index = 0; var first = animations[0]; first.add_ended(this._handler); first.play(); } else { this.stop(); } }, onStep : function(percentage) { /// /// Raises an invalid operation exception because this will only be called if a SequenceAnimation /// has been nested inside an (or a derived type). /// /// Percentage of the animation already complete /// throw Error.invalidOperation("CANNOT NEST"); }, onEnd : function() { /// /// The onEnd method is called just after the animation is played each time. /// /// this._remainingIterations = 0; $TWA.SequenceAnimation.callBaseMethod(this, 'onEnd'); }, get_isActive : function() { /// /// true if animation is active, false if not. /// return true; }, get_isPlaying : function() { /// /// true if animation is playing, false if not. /// return this._playing && !this._paused; }, get_iterations : function() { /// /// Number of times to repeatedly play the sequence. If zero or less iterations are specified, the sequence /// will repeat forever. The default value is 1 iteration. /// return this._iterations; }, set_iterations : function(value) { value = this._getInteger(value); if (this._iterations != value) { this._iterations = value; this.raisePropertyChanged('iterations'); } }, get_isInfinite : function() { /// /// true if this animation will repeat forever, false otherwise. /// return this._iterations <= 0; } } $TWA.SequenceAnimation.registerClass('Telerik.Web.Animation.SequenceAnimation', $TWA.ParentAnimation); $TWA.registerAnimation('sequence', $TWA.SequenceAnimation); $TWA.PulseAnimation = function(target, duration, fps, iterations, minimumOpacity, maximumOpacity, forceLayoutInIE) { /// /// The PulseAnimation fades an element in and our repeatedly to create a pulsating /// effect. The iterations determines how many pulses there will be (which defaults /// to three, but it will repeat infinitely if given zero or less). The duration /// property defines the duration of each fade in or fade out, not the duration of /// the animation as a whole. /// /// /// Target of the animation /// /// /// Length of the animation in seconds. The default is 1. /// /// /// Number of steps per second. The default is 25. /// /// /// Number of times to repeatedly play the sequence. If zero or less iterations are specified, the sequence /// will repeat forever. The default value is 1 iteration. /// /// /// Minimum opacity to use when fading in or out. Its value can range from between 0 to 1. The default value is 0. /// /// /// Maximum opacity to use when fading in or out. Its value can range from between 0 to 1. The default value is 1. /// /// /// Whether or not we should force a layout to be created for Internet Explorer by giving it a width and setting its /// background color (the latter is required in case the user has ClearType enabled). The default value is true. /// This is obviously ignored when working in other browsers. /// /// Pulse $TWA.PulseAnimation.initializeBase(this, [target, duration, fps, null, ((iterations !== undefined) ? iterations : 3)]); // Create the FadeOutAnimation this._out = new $TWA.FadeOutAnimation(target, duration, fps, minimumOpacity, maximumOpacity, forceLayoutInIE); this.add(this._out); // Create the FadeInAnimation this._in = new $TWA.FadeInAnimation(target, duration, fps, minimumOpacity, maximumOpacity, forceLayoutInIE); this.add(this._in); } $TWA.PulseAnimation.prototype = { get_minimumOpacity : function() { /// /// Minimum opacity to use when fading in or out. Its value can range from between 0 to 1. The default value is 0. /// return this._out.get_minimumOpacity(); }, set_minimumOpacity : function(value) { value = this._getFloat(value); this._out.set_minimumOpacity(value); this._in.set_minimumOpacity(value); this.raisePropertyChanged('minimumOpacity'); }, get_maximumOpacity : function() { /// /// Maximum opacity to use when fading in or out. Its value can range from between 0 to 1. The default value is 1. /// return this._out.get_maximumOpacity(); }, set_maximumOpacity : function(value) { value = this._getFloat(value); this._out.set_maximumOpacity(value); this._in.set_maximumOpacity(value); this.raisePropertyChanged('maximumOpacity'); }, get_forceLayoutInIE : function() { /// /// Whether or not we should force a layout to be created for Internet Explorer by giving it a width and setting its /// background color (the latter is required in case the user has ClearType enabled). The default value is true. /// This is obviously ignored when working in other browsers. /// return this._out.get_forceLayoutInIE(); }, set_forceLayoutInIE : function(value) { value = this._getBoolean(value); this._out.set_forceLayoutInIE(value); this._in.set_forceLayoutInIE(value); this.raisePropertyChanged('forceLayoutInIE'); }, set_duration : function(value) { /// /// Override the duration property /// value = this._getFloat(value); $TWA.PulseAnimation.callBaseMethod(this, 'set_duration', [value]); this._in.set_duration(value); this._out.set_duration(value); }, set_fps : function(value) { /// /// Override the fps property /// value = this._getInteger(value); $TWA.PulseAnimation.callBaseMethod(this, 'set_fps', [value]); this._in.set_fps(value); this._out.set_fps(value); } } $TWA.PulseAnimation.registerClass('Telerik.Web.Animation.PulseAnimation', $TWA.SequenceAnimation); $TWA.registerAnimation('pulse', $TWA.PulseAnimation); /* END Telerik.Web.UI.Common.Animation.Animations.js */ /* START Telerik.Web.UI.Common.Animation.TelerikAnimations.js */ //---------------------------------------- ANIMATIONS --------------------------------------------------// //Controls to benefit are - tooltip, window, dock, colorpicker //Animations combine two animations [open/close] using the same set of data. //Properties that are needed to provide information show and hide animations //startBounds, endBounds, Telerik.Web.UI.ToolTipPosition position!-> will probably need to be made common for all controls. //Window can be moved from original location, their opener can be moved, so calculating exact values to use can requier more actions to get the correct values //Close animations assume the animated element's size and position Type.registerNamespace('Telerik.Web.UI.Animations'); Telerik.Web.UI.Animations.ShowHideAnimation = function(controller, duration, fps, animatedElement, position, sourceElement) { /// this.controller = controller; this._duration = (duration != null) ? duration : .3; this._fps = (fps != null) ? fps : 50; this._frames = duration * fps; this._position = null != position ? position : 32;//Telerik.Web.UI.ToolTipPosition.BottomCenter; this._animatedElement = animatedElement;//The element to be animated this._sourceElement = sourceElement; //The source element that initiates the animation can be used to obtain start/end bounds //Start bounds are optional and not set on some animations.If a sourceElement exists, it has higher priority than the startBounds this._startBounds = null; //End bounds are mandatory for animations that perform resizing, and must be set in onStart handler this._endBounds = null; //Created by classes that inherit the base class this._showAnimation = null; this._hideAnimation = null; } Telerik.Web.UI.Animations.ShowHideAnimation.prototype = { //## region protected methods## //Returns the horizontal position of animated element relative to the sourceElement _getHorizontalPosition : function() { return parseInt((this._position + "").charAt(1)); }, //Returns the vertical position of animated element relative to the sourceElement _getVerticalPosition : function() { return parseInt((this._position + "").charAt(0)); }, //Use it to set proper values to the animation. //if startBounds are set, use them as initial size/position values. Else - if _sourceElement is set - use its bounds for initial values _onBeforeShow : function() { /* Override in subclass */ }, _onBeforeHide : function() { /* Override in subclass */ }, _onAfterShow : function() { /* Override in subclass */ }, _onAfterHide : function() { /* Override in subclass */ }, //## region Public API ##// onShowStart : function() { /* Override when initializing */ }, onHideStart : function() { /* Override when initializing */ }, onShowEnd : function() { /* Override when initializing */ }, onHideEnd : function() { /* Override when initializing */ }, play : function(isHideSequence) { var animation = (true == isHideSequence) ? this._hideAnimation : this._showAnimation; if (animation) { //Stop running animation [if any] this.stop(); if (!animation.__isTelerikModified) { var _this = this; animation.__isTelerikModified = true; //Attach to onStart and prevent onStart from being replaced multiple times on each animation play var oldStart = animation.onStart; animation.onStart = function() { //Call current onStart to allow for setting configuration values if (isHideSequence) _this.onHideStart(); else _this.onShowStart(); //Use the values set in the onStart event handler to finish the initialization process if (true == isHideSequence) { _this._onBeforeHide(); } else { _this._onBeforeShow(); } //Important: Call original onStart to perform initialiation, or else it would not work //! The invocation must be here - as the last action! if (oldStart) oldStart.call(this); }; //Attach to onEnd and prevent onEnd from being replaced multiple times on each animation play var oldEnd = animation.onEnd; animation.onEnd = function() { if (oldEnd) oldEnd.call(this); if (_this.onEnd) _this.onEnd(isHideSequence); //Cleanup if (true == isHideSequence) { _this._onAfterHide(); } else { _this._onAfterShow(); } //Run finalizing code if (isHideSequence) _this.onHideEnd(); else _this.onShowEnd(); } } //NEW: Reset the duration animation.set_duration(this._duration); //Play animation animation.play(); } this._runningAnimation = animation; }, set_startBounds : function(bounds) { this._startBounds = bounds; }, set_endBounds : function(bounds) { this._endBounds = bounds; }, dispose : function() { this.stop(); if (this._showAnimation) this._showAnimation.dispose(); if (this._hideAnimation) this._hideAnimation.dispose(); }, stop : function() { if (this._runningAnimation) { this._runningAnimation.stop(); this._runningAnimation = null; } }, //NEW: Pause functionality pause : function() { if (this._runningAnimation) { this._runningAnimation.pause(); } }, resume : function() { if (this._runningAnimation) { this._runningAnimation.play(); } }, //NEW: API methods set_position : function(value) { this._position = value; }, set_duration : function(value) { this._duration = value; if (this._showAnimation) this._showAnimation.set_duration(this._duration); if (this._hideAnimation) this._hideAnimation.set_duration(this._duration); }, get_startBounds : function() { return this._startBounds; }, get_endBounds : function() { return this._endBounds; } } Telerik.Web.UI.Animations.ShowHideAnimation.registerClass('Telerik.Web.UI.Animations.ShowHideAnimation', null); /**************************************************************************************************************** * Resize animation ****************************************************************************************************************/ Telerik.Web.UI.Animations.ResizeAnimation = function(controller, duration, fps, animatedElement, position, sourceElement) { Telerik.Web.UI.Animations.ResizeAnimation.initializeBase(this, [controller, duration, fps, animatedElement, position, sourceElement]); var duration = this._duration; var fps = this._fps; var target = this._animatedElement; //Fake values for easier initialiation //var width = 100, height = 100, startY = 0, endY = 100, startX = 0, endX = 100; var width, height, startY, endY, startX, endX; //_showAnimation var resizeAnimation = new Telerik.Web.Animation.ResizeAnimation(target, duration, fps, width, height, 'px'); var leftAnimation = new Telerik.Web.Animation.LengthAnimation(target, duration, fps, "style", "left", startX, endX, "px"); var topAnimation = new Telerik.Web.Animation.LengthAnimation(target, duration, fps, "style", "top", startY, endY, "px"); var fadeAnimation = new Telerik.Web.Animation.FadeInAnimation(target, duration, fps, .3, 1, false); this._showAnimation = new Telerik.Web.Animation.ParallelAnimation(target, duration, fps, [resizeAnimation, leftAnimation, topAnimation, fadeAnimation] ); //_hideAnimation this._hideAnimation = new Telerik.Web.Animation.FadeInAnimation(this._animatedElement, this._duration, this._fps, 1, 0, false); }; Telerik.Web.UI.Animations.ResizeAnimation.prototype = { //Break into pieces, some of which will be overridden in ineriting animations _configureAnimatedElement : function() { var target = this._animatedElement; target.style.overflow = "hidden"; target.style.display = ""; target.style.visibility = "visible"; target.style.width = "1px"; target.style.height = "1px"; }, _configureAnimation : function(animValues) { //Configure the animations before you run the parent animation var anims = this._showAnimation.get_animations(); var resizeAnim = anims[0]; resizeAnim.set_width(animValues.width); resizeAnim.set_height(animValues.height); var leftAnim = anims[1]; leftAnim.set_startValue(animValues.startX); leftAnim.set_endValue(animValues.endX); var topAnim = anims[2]; topAnim.set_startValue(animValues.startY); topAnim.set_endValue(animValues.endY); }, _getStartBounds : function() { var startBounds = null; if (this._startBounds) startBounds = this._startBounds; else if (this._sourceElement) startBounds = $telerik.getBounds(this._sourceElement); else startBounds = new Sys.UI.Bounds(1,1,1,1); return startBounds; }, _getEndBounds : function() { return this._endBounds; }, //Can be overridden in subclasses _modifyAnimationValues : function(animValues) { //Additional smooth out - if the source element is smaller than tooltip, use the source element as starting size var target = this._animatedElement; var startBounds = this._getStartBounds(); if(startBounds.width < animValues.width) { animValues.startX = startBounds.x; target.style.width = startBounds.width; } if(startBounds.height < animValues.height) { //Only if position is in center! Other than that -> if position top - start from top, position bottom start from bottom animValues.startY = startBounds.y; target.style.height = startBounds.height; } }, _setHorizontalValues : function(animValues) { var horSide = this._getHorizontalPosition(); var popupBounds = this._getEndBounds(); switch(horSide) { //Center case 2: animValues.startX = popupBounds.x + Math.floor(popupBounds.width/2); animValues.endX = popupBounds.x; break; //Right case 3: animValues.startX = popupBounds.x; animValues.endX = popupBounds.x; break; //Left case 1: animValues.startX = popupBounds.x + popupBounds.width; animValues.endX = popupBounds.x; } }, _setVerticalValues : function(animValues) { var verSide = this._getVerticalPosition(); var popupBounds = this._getEndBounds(); //Compute the vertical coordinate switch(verSide) { //Middle case 2: animValues.startY = popupBounds.y + Math.floor(popupBounds.height/2); animValues.endY = popupBounds.y; break; //Top case 1: animValues.startY = popupBounds.y + popupBounds.height; animValues.endY = popupBounds.y; break; //Bottom case 3: animValues.startY = popupBounds.y; animValues.endY = popupBounds.y; } }, _setSizeValues : function(animValues) { var popupBounds = this._endBounds; animValues["width"] = popupBounds.width; animValues["height"] = popupBounds.height; }, //Inherit from parent class _onBeforeShow : function() { //Create animation object var animValues = {}; this._setHorizontalValues(animValues); this._setVerticalValues(animValues); this._setSizeValues(animValues); //Configure the element to be animated this._configureAnimatedElement(); //Overridden method - allow for value and target element modification this._modifyAnimationValues(animValues); //alert("Start x=" + animValues.startX + " , y = " + animValues.startY); //Configure the child animation objects using the supplied values this._configureAnimation(animValues); }, _onAfterShow : function() { this._animatedElement.style.overflow = ""; //Remove trasnparency filter(s) to make callout visible! Bug in IE this._animatedElement.style.filter = ""; } } Telerik.Web.UI.Animations.ResizeAnimation.registerClass('Telerik.Web.UI.Animations.ResizeAnimation', Telerik.Web.UI.Animations.ShowHideAnimation); /**************************************************************************************************************** * Slide animation ****************************************************************************************************************/ Telerik.Web.UI.Animations.SlideAnimation = function(controller, duration, fps, animatedElement, position, sourceElement) { Telerik.Web.UI.Animations.SlideAnimation.initializeBase(this, [controller, duration, fps, animatedElement, position, sourceElement]); }; Telerik.Web.UI.Animations.SlideAnimation.prototype = { _modifyAnimationValues : function(animValues) { }, _configureAnimatedElement : function() { var target = this._animatedElement; target.style.overflow = "hidden"; target.style.display = ""; target.style.visibility = "visible"; var verSide = this._getVerticalPosition(); if (verSide == 2) { target.style.width = "1px"; } else target.style.height = "1px"; }, _setHorizontalValues : function(animValues) { var horSide = this._getHorizontalPosition(); var popupBounds = this._getEndBounds(); switch(horSide) { //Center case 2: animValues.startX = popupBounds.x;// + Math.floor(popupBounds.width/2); animValues.endX = popupBounds.x; break; //Right case 3: animValues.startX = popupBounds.x; animValues.endX = popupBounds.x; break; //Left case 1: var startX = popupBounds.x; if (2 == this._getVerticalPosition()) //Only if vertical pos is middle! startX += popupBounds.width; animValues.startX = startX; animValues.endX = popupBounds.x; } }, _setVerticalValues : function(animValues) { var verSide = this._getVerticalPosition(); var popupBounds = this._getEndBounds(); //Compute the vertical coordinate switch(verSide) { //Middle case 2: animValues.startY = popupBounds.y;// + Math.floor(popupBounds.height/2); animValues.endY = popupBounds.y; break; //Top case 1: animValues.startY = popupBounds.y + popupBounds.height; animValues.endY = popupBounds.y; break; //Bottom case 3: animValues.startY = popupBounds.y; animValues.endY = popupBounds.y; } } } Telerik.Web.UI.Animations.SlideAnimation.registerClass('Telerik.Web.UI.Animations.SlideAnimation', Telerik.Web.UI.Animations.ResizeAnimation); /**************************************************************************************************************** * FlyIn animation ****************************************************************************************************************/ Telerik.Web.UI.Animations.FlyInAnimation = function(controller, duration, fps, animatedElement, position, sourceElement) { Telerik.Web.UI.Animations.FlyInAnimation.initializeBase(this, [controller, duration, fps, animatedElement, position, sourceElement]); }; Telerik.Web.UI.Animations.FlyInAnimation.prototype = { _modifyAnimationValues : function(animValues) { }, _setHorizontalValues : function(animValues) { var horSide = this._getHorizontalPosition(); var popupBounds = this._getEndBounds(); var browserBounds = $telerik.getClientBounds(); switch(horSide) { //Center case 2: animValues.startX = popupBounds.x; animValues.endX = popupBounds.x; break; //Right case 3: animValues.startX = browserBounds.width; animValues.endX = popupBounds.x; break; //Left case 1: animValues.startX = browserBounds.x; animValues.endX = popupBounds.x; } }, _setVerticalValues : function(animValues) { var verSide = this._getVerticalPosition(); var popupBounds = this._getEndBounds(); var browserBounds = $telerik.getClientBounds(); //Compute the vertical coordinate switch(verSide) { //Middle case 2: animValues.startY = popupBounds.y; animValues.endY = popupBounds.y; break; //Top case 1: animValues.startY = browserBounds.y - popupBounds.height; animValues.endY = popupBounds.y; break; //Bottom case 3: animValues.startY = browserBounds.height; animValues.endY = popupBounds.y; } } } Telerik.Web.UI.Animations.FlyInAnimation.registerClass('Telerik.Web.UI.Animations.FlyInAnimation', Telerik.Web.UI.Animations.ResizeAnimation); /**************************************************************************************************************** * Fade animation ****************************************************************************************************************/ Telerik.Web.UI.Animations.FadeAnimation = function(controller, duration, fps, animatedElement) { Telerik.Web.UI.Animations.FadeAnimation.initializeBase(this, [controller, duration, fps, animatedElement]); this._showAnimation = new Telerik.Web.Animation.FadeInAnimation(this._animatedElement, this._duration, this._fps, .5, 1, false); this._hideAnimation = new Telerik.Web.Animation.FadeInAnimation(this._animatedElement, this._duration, this._fps, .9, 0, false); }; Telerik.Web.UI.Animations.FadeAnimation.prototype = { _onAfterShow : function() { //Remove trasnparency filter(s) to make callout visible! Bug in IE this._animatedElement.style.filter = ""; } } Telerik.Web.UI.Animations.FadeAnimation.registerClass('Telerik.Web.UI.Animations.FadeAnimation', Telerik.Web.UI.Animations.ShowHideAnimation); /**************************************************************************************************************** * SimpleResize animation ****************************************************************************************************************/ Telerik.Web.UI.Animations.SimpleResizeAnimation = function(controller, duration, fps, animatedElement, position, sourceElement) { Telerik.Web.UI.Animations.SimpleResizeAnimation.initializeBase(this, [controller, duration, fps, animatedElement, position, sourceElement]); }; Telerik.Web.UI.Animations.SimpleResizeAnimation.prototype = { _modifyAnimationValues : function(animValues) { }, _configureAnimation : function(animValues) { Telerik.Web.UI.Animations.SimpleResizeAnimation.callBaseMethod(this, '_configureAnimation', [animValues]); var anims = this._showAnimation.get_animations(); var resizeAnim = anims[0]; var startBounds = this._getStartBounds(); // Modify the onStart of the resize animation as it sets as start(end)Width(Height) the offsetWidth(Height). // This is not correct in case the animated element has borders. resizeAnim.onStart = function() { $TWA.ResizeAnimation.callBaseMethod(this, 'onStart'); // Set the start and end values of the animations by getting // the element's current width and height var element = this.get_target(); this._horizontalAnimation.set_startValue(startBounds.width); this._verticalAnimation.set_startValue(startBounds.height); this._horizontalAnimation.set_endValue((this._width !== null && this._width !== undefined) ? this._width : element.offsetWidth); this._verticalAnimation.set_endValue((this._height !== null && this._height !== undefined) ? this._height : element.offsetHeight); }; }, _configureAnimatedElement : function() { var target = this._animatedElement; target.style.overflow = "hidden"; target.style.display = ""; target.style.visibility = "visible"; }, _setHorizontalValues : function(animValues) { var horSide = this._getHorizontalPosition(); var startBounds = this._getStartBounds(); var endBound = this._getEndBounds(); animValues.startX = startBounds.x; animValues.endX = endBound.x; }, _setVerticalValues : function(animValues) { var verSide = this._getVerticalPosition(); var startBounds = this._getStartBounds(); var endBound = this._getEndBounds(); animValues.startY = startBounds.y; animValues.endY = endBound.y; } } Telerik.Web.UI.Animations.SimpleResizeAnimation.registerClass('Telerik.Web.UI.Animations.SimpleResizeAnimation', Telerik.Web.UI.Animations.ResizeAnimation); Telerik.Web.UI.Animations.ScrollAnimation = function(controller, duration, fps, animatedElement, position, sourceElement) { Telerik.Web.UI.Animations.ScrollAnimation.initializeBase(this, [controller, duration, fps, animatedElement, position, sourceElement]); //HACK: Remove the fade animation - after the FUTURES we will rework the TelerikAnimations! var anims = this._showAnimation.get_animations(); if (anims[3]) { this._showAnimation.remove(anims[3]); } }; Telerik.Web.UI.Animations.ScrollAnimation.prototype = { //Override to empty _modifyAnimationValues : function(animValues) { }, //Override to empty _configureAnimatedElement : function() { //Called too late, so do not set anything to the element here }, _setHorizontalValues : function(animValues) { var startBounds = this._getStartBounds(); var popupBounds = this._getEndBounds(); var horSide = this._getHorizontalPosition(); switch(horSide) { //Center - currently not used, but with two dimensions it will! case 2: animValues.startX = startBounds.x; animValues.endX = startBounds.x; break; //Right case 3: animValues.startX = startBounds.x; animValues.endX = startBounds.x + popupBounds.x; break; //Left case 1: animValues.startX = startBounds.x; animValues.endX = startBounds.x - popupBounds.x; } //alert(horSide + " Start x=" + animValues.startX + " " + animValues.endX); }, _setVerticalValues : function(animValues) { var verSide = this._getVerticalPosition(); var startBounds = this._getStartBounds(); var popupBounds = this._getEndBounds(); //Compute the vertical coordinate switch(verSide) { //Middle case 2: animValues.startY = popupBounds.y; animValues.endY = popupBounds.y; break; //Top case 1: animValues.startY = startBounds.y; animValues.endY = startBounds.y - popupBounds.y; break; //Bottom case 3: animValues.startY = startBounds.y; animValues.endY = startBounds.y + popupBounds.y; } //alert(verSide + " Vertical values =" + animValues.startY + " " + animValues.endY); } }; Telerik.Web.UI.Animations.ScrollAnimation.registerClass('Telerik.Web.UI.Animations.ScrollAnimation', Telerik.Web.UI.Animations.ResizeAnimation); /* END Telerik.Web.UI.Common.Animation.TelerikAnimations.js */ /* START Telerik.Web.UI.Rotator.RadRotator.js */ Type.registerNamespace("Telerik.Web.UI"); Telerik.Web.UI.RadRotator = function(element) { Telerik.Web.UI.RadRotator.initializeBase(this, [element]); this._skin = "Default"; this._postBackReference = null; this._items = null; this._webServiceSettings = new Telerik.Web.UI.WebServiceSettings({}); this._webServiceLoader = null; this._containerElement = null; this._clickDelegate = null; this._mouseOutDelegate = null; this._mouseOverDelegate = null; //TEKI: Props //Properties from old RadRotator that will be implemented this._useRandomSlide = false; //Properties of the new Rotator this._pauseOnMouseOver = true; var directionEnum = Telerik.Web.UI.RotatorScrollDirection; this._scrollDirection = directionEnum.Left + directionEnum.Right; this._slideShowAnimationSettings = {}; this._rotatorType = Telerik.Web.UI.RotatorType.AutomaticAdvance; this._scrollDuration = 500; this._frameDuration = 2000; this._initialItemIndex = 0; this._canPause = true; this._wrapFrames = true; this._controlButtons = {}; //HTML Elements this._relativeWrapper = null; this._clipElement = null; this._itemsElement = null; //Utility refs this._animationDirection = directionEnum.Left; //buttons this._rightButton = null; this._leftButton = null; this._downButton = null; this._upButton = null; } Telerik.Web.UI.RadRotator.prototype = { initialize : function() { Telerik.Web.UI.RadRotator.callBaseMethod(this, "initialize"); //Create UI this._setChildElements(); this._createUI(); this._createChildItems(); this._attachEvents(true); //If the initialFrame # is specified - move it to proper position this._initialItemSet = false; this._loadInitialFrame(); //Configure rotator buttons(if any) this._enableDisableButtons(); //handle case when the parent is invisible and becomes visible this._fixVisibilityProblems(true); //raise the client load event this.raiseEvent("load", Sys.EventArgs.Empty); //If automatic - start animation if (this.isAutomaticAdvance()) { var frameDuration = this.get_frameDuration(); if (frameDuration > 0) { window.setTimeout(Function.createDelegate(this, this.startAutoPlay), frameDuration); } else { this.startAutoPlay(); } } }, dispose : function() { this._fixVisibilityProblems(false); this._attachEvents(false); this._containerElement = null; //TEKI - Dispose animation if (this._animation) { this._animation.dispose(); this._animation = null; } if (this._slideShowAnimation) { this._slideShowAnimation.dispose(); this._slideShowAnimation = null; } //use attachevents to attach/detach events? if (this._rightButton) $clearHandlers(this._rightButton); if (this._leftButton) $clearHandlers(this._leftButton); if (this._downButton) $clearHandlers(this._downButton); if (this._upButton) $clearHandlers(this._upButton); //UL items element if (this._itemsElement) { $clearHandlers(this._itemsElement); } Telerik.Web.UI.RadRotator.callBaseMethod(this, "dispose"); }, _createChildItems : function() { var childElements = $telerik.getChildrenByTagName(this.get_containerElement(), "li"); for (var i = 0; i < childElements.length; i++) { var rotatorItem = $create(Telerik.Web.UI.RadRotatorItem, this.get_items()[i], null, null, childElements[i]); //calculate the item index var rotatorItemIndex = rotatorItem.get_index(); childElements[i]._item = rotatorItem; this.get_items()[i] = rotatorItem; } }, //================================ Changes added to support ButtonOver as well as changed logic for initial positioning of item when ScrollType is of type Automatic _getNextItemToShow : function() { var lis = this.getItemHtmlElements(); var isForward = this.isScrollingForward(); //Set the first or last item to be used as starting index (depending on direction) if (this._nextItemIndex == null) { var index = isForward ? 0 : lis.length - 1; this._nextItemIndex = index; } //Mozilla throws exception here if we use negative index. All other browsers are OK if (this._nextItemIndex < 0) return null; var li = lis[this._nextItemIndex]; //Increase or decrease the index, depending on the direction if (isForward) this._nextItemIndex++; else this._nextItemIndex--; //NEW: Needed by the ButtonsOver way! if (this._nextItemIndex > lis.length - 1 || this._nextItemIndex < 0) { this._nextItemIndex = null; } return li; }, //Return the item whose width/height will be used to judge whether there is enough length for the rotator to scroll an item get_currentItem : function() { var item = this._currentItem; if (!item) { var list = this._itemsElement; var lis = this.getItemHtmlElements(); item = this.isScrollingForward() ? lis[0] : lis[lis.length - 1]; } return item; }, _needsShift : function(direction) { //If no direction is set, use the currently set if (null == direction) direction = this.get_animationDirection(); var listElement = this._itemsElement; var viewPort = this._clipElement; var listLeft = parseInt(listElement.style.left); var listTop = parseInt(listElement.style.top); var listBounds = $telerik.getOuterSize(listElement); var viewPortBounds = $telerik.getContentSize(viewPort); var curItem = this.get_currentItem(); if (!curItem) { return false; } var curItemSize = $telerik.getOuterSize(curItem); var canSlide = false; var directionEnum = Telerik.Web.UI.RotatorScrollDirection; switch (direction) { case directionEnum.Left: canSlide = listLeft + listBounds.width < viewPortBounds.width + curItemSize.width; break; case directionEnum.Up: canSlide = listTop + listBounds.height < viewPortBounds.height + curItemSize.height; break; case directionEnum.Right: canSlide = listLeft * -1 < curItemSize.width; break; case directionEnum.Down: canSlide = listTop * -1 < viewPortBounds.height; break; } return canSlide; }, _getMoveAnimation : function() { if (this._animation) return this._animation; var list = this._itemsElement; var duration = this._getCalculatedAnimationDuration(); var fps = 25; this._animation = new Telerik.Web.Animation.MoveAnimation(list, duration, fps, true, false, false, "px"); //horizontal = true, vertical = false //Due to problem with Mozilla and other browsers in the way that the Lenght animation is implemented, it rounds values to 0 or 1, but it always needs to be 0! //Otherwise there is a kind of shaking during the animation function returnZeroPixels(start, end, percentage) { return 0; } if (this.get_vertical()) { this._animation._horizontalAnimation.interpolate = returnZeroPixels; } else { this._animation._verticalAnimation.interpolate = returnZeroPixels; } return this._animation; }, scrollViewport : function() { var list = this._itemsElement; //Create animation if (!this._animation) { var move = this._getMoveAnimation(); var initItemAnimation = Function.createDelegate(this, function() { //See if rotator can slide a full length var canSlide = this._hasViewportWidth(); //If false && wrapFrames = true -> move the required number of items in a while - 1)move 2)canScroll cycle if (!canSlide && this.get_wrapFrames()) { //Move frames from list var listLength = this.getItemHtmlElements().length; for (var i = 0; i < listLength; i++) { //First time we arleady know that we need to do shift this._shiftItemInList(); canSlide = this._hasViewportWidth(); if (canSlide) break; } } //Set next x or y - to be the size of the viewPort var itemSize = this._getViewPortPixelsToScroll(); var isForward = this.isScrollingForward(); //Scrolling is vertical or horizontal? if (this.get_vertical()) { var endPosition = parseInt(list.style.top) + (isForward ? -itemSize : itemSize); move.set_vertical(endPosition); } else { var endPosition = parseInt(list.style.left) + (isForward ? -itemSize : itemSize); move.set_horizontal(endPosition); } }); move.add_started(Function.createDelegate(this, function() { //NEW: If animation is currently playing get its values and set those this.stopViewportAnimation(); var realTarget = null; var showingArgs = new Telerik.Web.UI.RadRotatorCancelEventArgs(realTarget); this.raiseEvent("itemShowing", showingArgs); if (showingArgs.get_cancel && showingArgs.get_cancel()) { return false; } //NEW: Smooth out the list movement if (this.isSlideShow()) { list.style.visibility = "hidden"; } //Initialize animation initItemAnimation(); })); move.add_ended(Function.createDelegate(this, function() { //Enable disable buttons if needed this._enableDisableButtons(); if (this.isSlideShow()) { //NEW: Smooth out the list movement list.style.visibility = "visible"; this.runSlideShowAnimation(); } else { //raise item shown event var realTarget = null; this.raiseEvent("itemShown", new Telerik.Web.UI.RadRotatorEventArgs(realTarget)); } })); } this._animation.play(); }, scrollItem : function() { var clipElement = this._clipElement; var list = this._itemsElement; //Create animation if (!this._animation) { this._animation = this._getMoveAnimation(); var move = this._animation; var initItemAnimation = Function.createDelegate(this, function() { //Get next list item var nextItem = this._getNextItemToShow(); if (!nextItem) { return; } //NEW: Set it to be used by get_currentItem - this method is called to perform some size calculations this._currentItem = nextItem; //Set next x/y var itemSize = $telerik.getOuterSize(nextItem); //Multiply by -1 if the rotator is moving "forward" if (this.isScrollingForward()) { itemSize.width *= -1; itemSize.height *= -1; } //Scrolling is vertical or horizontal? if (this.get_vertical()) { var endPosition = parseInt(list.style.top) + itemSize.height; move.set_vertical(endPosition); } else { var endPosition = parseInt(list.style.left) + itemSize.width; move.set_horizontal(endPosition); } }); move.add_started(Function.createDelegate(this, function() { var realTarget = null; var showingArgs = new Telerik.Web.UI.RadRotatorCancelEventArgs(realTarget); this.raiseEvent("itemShowing", showingArgs); if (showingArgs.get_cancel && showingArgs.get_cancel()) { return false; } //Flip frames first if needed var needsShift = this._needsShift(); if (needsShift) { this._shiftItemInList(); } //Ignore if ButtonsOver mode is on, and mouse is out of rotator if (this._stopAnimationButtonOver) return; //Initialize animation initItemAnimation(); })); move.add_ended(Function.createDelegate(this, function() { //raise item shown event var realTarget = null; this.raiseEvent("itemShown", new Telerik.Web.UI.RadRotatorEventArgs(realTarget)); //Ignore if ButtonsOver mode is on, and mouse is out of rotator if (this._stopAnimationButtonOver) return; if (this.get_frameDuration() > 0) this._setAnimationTimeout(this.get_frameDuration()); else this._animation.play(); //Restart animation })); } this._animation.stop(); this._animation.play(); }, _checkItemsSize : function() { //checks if the list width is smaller than the rotator width //if it is - no need to scroll. var size = $telerik.getOuterSize(this._itemsElement); var isVertical = this.get_vertical(); var itemsLength = (isVertical) ? size.height : size.width; var rotatorLength = (isVertical) ? this.get_height() : this.get_width(); return parseInt(itemsLength) > parseInt(rotatorLength); }, _shiftItemInList : function() { var list = this._itemsElement; var lis = this.getItemHtmlElements(); var isVertical = this.get_vertical(); var isForward = this.isScrollingForward(); var curX = parseInt(list.style.left); var curY = parseInt(list.style.top); var nextItem = isForward ? lis[0] : lis[lis.length - 1]; var itemSize = $telerik.getOuterSize(nextItem); nextItem.parentNode.removeChild(nextItem); if (!isForward)//Add item to the start of list { list.insertBefore(nextItem, list.firstChild); } //Set new left/top offset for the list if (isVertical) { list.style.top = (curY + (isForward ? itemSize.height : -itemSize.height)) + "px"; } else { list.style.left = (curX + (isForward ? itemSize.width : -itemSize.width)) + "px"; } if (isForward) { //Add item to end of list list.appendChild(nextItem); } //Set item index so that it "points" to proper LI this._nextItemIndex = isForward ? lis.length - 1 : 0; return nextItem; }, _loadInitialFrame : function() { //Set the top/left for the first selected frame var firstVisible = this.get_initialItemIndex(); var direction = this.get_defaultAnimationDirection(); var directionEnum = Telerik.Web.UI.RotatorScrollDirection; var isVertical = this.isVertical(); var listElement = this._itemsElement; var listSize = $telerik.getOuterSize(listElement); //NEW - Take care of the viewport size var viewPortSize = $telerik.getContentSize(this._clipElement); var x = 0; var y = 0; if (firstVisible >= 0) { if (isVertical) { y = (direction == directionEnum.Up) ? 0 : -listSize.height + viewPortSize.height; } else { x = (direction == directionEnum.Left) ? 0 : -listSize.width + viewPortSize.width; } } else if (firstVisible == -1) { //It should not be visible in the rotator, but depending on the scroll direction (say - Right, or Down) should be positioned //in such a way that when animation starts, the frame will start appearing right away. //NEW: -1 has a special meaning - it needs to set the rotator JUST OUTSIDE of the viewport and prepare it for sliding //However, depending on the direction where to slide, we need extra calcuations // | |-1 | | // ----------- // |-1| 0 |-1| // ----------- // | |-1 | | if (isVertical) { //Set to the end of the viewport y = (direction == directionEnum.Down) ? -listSize.height : viewPortSize.height; } else { //Set to the end of the viewport x = (direction == directionEnum.Right) ? -listSize.width : viewPortSize.width; } } listElement.style.left = x + "px"; listElement.style.top = y + "px"; if (firstVisible > 0 && !this._initialItemSet) { //shift items to position the one with initialItemIndex at the beginning for (var i = 0; i < firstVisible; i++) { this._shiftItemInList(); } //vertical rotator needs an additional shift if we want to see the same item //as in horizontal scrolling //if (isVertical) this._shiftItemInList(); listElement.style.left = x + "px"; listElement.style.top = y + "px"; this._initialItemSet = true; } }, pause : function() { this._isPaused = true; //If animation actually exists if (this._animation && this._animation.get_isActive()) this._animation.pause(); }, resume : function() { if (this._timeoutPassed || !this._isPaused) { if (this._animation) this._animation.play(); } if (this._isPaused) { this._isPaused = false; //If animation actually is in progress, resume it as well if (this._animation && this._animation.get_isActive()) this._animation.play(); } }, isViewportScrollMode : function() { //returns true if mode is of type that one scroll will scroll the whole viewport var typeEnum = Telerik.Web.UI.RotatorType; //AutomaticAdvance, iPod, 2DSurface, Carousel if (this._isRotatorTypeEnabled(typeEnum.AutomaticAdvance) || this._isRotatorTypeEnabled(typeEnum.ButtonsOver) || this._isRotatorTypeEnabled(typeEnum.FromCode) ) { return false; } //Buttons, Slideshow, FromCode return true; }, _getButtonScrollDirection : function(button) { var scrollEnum = Telerik.Web.UI.RotatorScrollDirection; var scrollValue = scrollEnum.Left; switch (button) { case this._rightButton: scrollValue = scrollEnum.Left; break; case this._leftButton: scrollValue = scrollEnum.Right; break; case this._downButton: scrollValue = scrollEnum.Up; break; case this._upButton: scrollValue = scrollEnum.Down; break; } return scrollValue; }, //Refactor - itroduce a new method to be used in button over and buttonout _buttonClicked : function(e) { var button = e.target; if (this._isButtonDisabled(button)) return; var args = new Telerik.Web.UI.RadRotatorButtonEventArgs(button); this.raiseEvent("buttonClick", args); if (args.get_cancel()) { return; } var scrollValue = this._getButtonScrollDirection(button); this.set_animationDirection(scrollValue); this.scrollViewport(); return $telerik.cancelRawEvent(e); }, _buttonOver : function(e) { var button = e.target; if (this._isButtonDisabled(button)) return; var args = new Telerik.Web.UI.RadRotatorButtonEventArgs(button); this.raiseEvent("buttonOver", args); if (args.get_cancel()) { return; } var scrollValue = this._getButtonScrollDirection(button); this.set_animationDirection(scrollValue); //NEW: FLAG Scroll item this._stopAnimationButtonOver = false; this.scrollItem(); return $telerik.cancelRawEvent(e); }, _buttonOut : function(e) { var button = e.target; if (this._isButtonDisabled(button)) return; var args = new Telerik.Web.UI.RadRotatorButtonEventArgs(button); this.raiseEvent("buttonOut", args); if (args.get_cancel()) { return; } var scrollValue = this._getButtonScrollDirection(button); this.set_animationDirection(scrollValue); //NEW: FLAG Pause animation - actually this has side effects - let if finish instead! this._stopAnimationButtonOver = true; return $telerik.cancelRawEvent(e); }, _initializeButtonsRotatorType : function() { //Initialize & configure all buttons - show and hide those depending on the scrollDirection //Create references to these buttons var controlButtons = this.get_controlButtons(); this._rightButton = $telerik.getElementByClassName(this._rootElement, this._rotatorRightClass); this._leftButton = $telerik.getElementByClassName(this._rootElement, this._rotatorLeftClass); this._downButton = $telerik.getElementByClassName(this._rootElement, this._rotatorDownClass); this._upButton = $telerik.getElementByClassName(this._rootElement, this._rotatorUpClass); //Create some initializations array to go through var directionEnum = Telerik.Web.UI.RotatorScrollDirection; var directionArray = [directionEnum.Right, directionEnum.Left, directionEnum.Down, directionEnum.Up]; var buttonsArray = [this._leftButton, this._rightButton, this._upButton, this._downButton]; var customButtonsArray = [controlButtons.LeftButtonID ? $get(controlButtons.LeftButtonID) : null, controlButtons.RightButtonID ? $get(controlButtons.RightButtonID) : null, controlButtons.UpButtonID ? $get(controlButtons.UpButtonID) : null, controlButtons.DownButtonID ? $get(controlButtons.DownButtonID) : null]; var cssArray = [this._rotatorLeftClass, this._rotatorRightClass, this._rotatorUpClass, this._rotatorDownClass]; var marginsArray = ["marginLeft", "marginRight", "marginTop", "marginBottom"]; var paddingsArray = ["paddingLeft", "paddingRight", "paddingTop", "paddingBottom"]; var sizeArray = ["width", "width", "height", "height"]; var relativeWrapper = this._relativeWrapper; var rootElement = this.get_element(); for (var i = 0; i < buttonsArray.length; i++) { var button = buttonsArray[i]; var buttonWithHandlers = (null != customButtonsArray[i]) ? customButtonsArray[i] : button; this._createButton(button, cssArray[i]); //See if button should be visible or hidden if (this._isScrollDirectionEnabled(directionArray[i]) && null == customButtonsArray[i]) { //alert("buttonSize " + marginsArray[i]); button.style.display = "block"; //Add margin and change width var sizeValue = sizeArray[i]; var buttonSize = parseInt($telerik.getCurrentStyle(button, sizeValue)); //Reduce size of the relative wrapper relativeWrapper.style[sizeValue] = (parseInt(relativeWrapper.style[sizeValue]) - buttonSize) + "px"; //Add padding to root parent, and change its size rootElement.style[sizeValue] = (parseInt(rootElement.style[sizeValue]) - buttonSize) + "px"; rootElement.style[paddingsArray[i]] = buttonSize + "px"; } if (this._isRotatorTypeEnabled(Telerik.Web.UI.RotatorType.Buttons) || this._isRotatorTypeEnabled(Telerik.Web.UI.RotatorType.SlideShowButtons) ) { $addHandlers(buttonWithHandlers, { "click": this._buttonClicked }, this); } else { //Add the hover and out $addHandlers(buttonWithHandlers, { "mouseover": this._buttonOver, "mouseout": this._buttonOut }, this); } } //set properties this._rightButton = customButtonsArray[1] || this._rightButton; this._leftButton = customButtonsArray[0] || this._leftButton; this._downButton = customButtonsArray[3] || this._downButton; this._upButton = customButtonsArray[2] || this._upButton; //NEW - if custom buttons are used, hide the border, let the developer style the rotator var hideBorder = false; for (var i = 0; i < customButtonsArray.length; i++) { if (customButtonsArray[i]) hideBorder = true; break; } return hideBorder; }, //=========SlideShow modes=========// runSlideShowAnimation : function() { if (!this._slideShowAnimation) { var list = this._itemsElement; var duration = this.get_slideShowAnimationSettings().duration || 500; duration = duration / 1000; var animationType = this.get_slideShowAnimationSettings().type || Telerik.Web.UI.RotatorAnimationType.None; var startDelegate = Function.createDelegate(this, function() { //disable pause/resume during this animation //otherwise mouseover/mouseout events will cause premature item shifts this._canPause = false; }); var endDelegate = Function.createDelegate(this, function() { this._canPause = true; //raise item shown event var realTarget = null; this.raiseEvent("itemShown", new Telerik.Web.UI.RadRotatorEventArgs(realTarget)); if (this.get_frameDuration() > 0 && this.isAutomaticAdvance()) this._setAnimationTimeout(this.get_frameDuration()); }); switch (animationType) { case Telerik.Web.UI.RotatorAnimationType.Fade: this._slideShowAnimation = new Telerik.Web.Animation.FadeInAnimation(list, duration); this._slideShowAnimation.add_started(startDelegate); this._slideShowAnimation.add_ended(endDelegate); break; case Telerik.Web.UI.RotatorAnimationType.Pulse: this._slideShowAnimation = new Telerik.Web.Animation.PulseAnimation(list, null); //Setting duration in the constructor results in exception, so it is set afterwards this._slideShowAnimation.set_iterations(1); this._slideShowAnimation.set_duration(duration); this._slideShowAnimation.add_ended(endDelegate); break; default: //no animation, just pause this._slideShowAnimation = {}; this._slideShowAnimation.play = endDelegate; this._slideShowAnimation.dispose = function() { }; break; } } this._slideShowAnimation.play(); }, //================================== TEKI ==========================================================// _hasViewportWidth : function(direction) { //If no direction is set, use the currently set if (null == direction) direction = this.get_animationDirection(); var listElement = this._itemsElement; var viewPort = this._clipElement; var listLeft = parseInt(listElement.style.left); var listTop = parseInt(listElement.style.top); var listBounds = $telerik.getOuterSize(listElement); var viewPortBounds = $telerik.getContentSize(viewPort); var canSlide = false; var directionEnum = Telerik.Web.UI.RotatorScrollDirection; switch (direction) { case directionEnum.Left: canSlide = listBounds.width + listLeft > viewPortBounds.width * 2; break; case directionEnum.Up: canSlide = listBounds.height + listTop > viewPortBounds.height * 2; break; case directionEnum.Right: canSlide = (listLeft * -1 > viewPortBounds.width); break; case directionEnum.Down: canSlide = (listTop * -1 > viewPortBounds.height); break; } return canSlide; }, stopViewportAnimation : function() { var move = this._animation; if (!move) return; if (move.get_isPlaying()) { move.stop(); var isVertical = this.get_vertical(); var value = isVertical ? move.get_vertical() : move.get_horizontal(); if (null != value) { this._itemsElement.style[isVertical ? "top" : "left"] = value + "px"; } } }, _getViewPortPixelsToScroll : function() { var vertical = this.get_vertical(); var viewPortSize = $telerik.getContentSize(this._clipElement); var result = vertical ? viewPortSize.height : viewPortSize.width; return result; }, showNext : function(animationDir) { //Set animation direction this.set_animationDirection(animationDir); if (!this._checkItemsSize()) { //if the rotator width is bigger than the list of items - no need to scroll return; } if (this.isViewportScrollMode()) { this.scrollViewport(); } else { this.scrollItem(); } }, getItemHtmlElements : function() { //var lis = list.getElementsByTagName("LI"); //return lis; //A better approach is needed to avoid returning items from nested lists. For now use implementation below. Will improve it in future. var list = this._itemsElement; if (!this._hasCleanedList) { var nodes = list.childNodes; for (var i = 0; i < nodes.length; i++) { var node = nodes[i]; if (node && node.tagName != "LI") { list.removeChild(node); i--; } } this._hasCleanedList = true; } return list.childNodes; }, _getCalculatedAnimationDuration : function(animationDir) { var result = this.get_scrollDuration() / 1000; return result; }, //=============================== Animations pasue and start ================================================================// _setAnimationTimeout : function(milliseconds) { this._clearAnimationTimeout(); this._timeoutPassed = false; this._currentAnimationTimeout = window.setTimeout(Function.createDelegate(this, function() { if (!this._isPaused) this.resume(); this._timeoutPassed = true; }), milliseconds); }, _clearAnimationTimeout : function() { if (this._currentAnimationTimeout) { window.clearTimeout(this._currentAnimationTimeout); } this._currentAnimationTimeout = 0; }, //=======================================================================================================================// //Determine whether the method advances scrolls automatically, or requires manual interaction isAutomaticAdvance : function() { var typeEnum = Telerik.Web.UI.RotatorType; if (this._isRotatorTypeEnabled(typeEnum.AutomaticAdvance) || this._isRotatorTypeEnabled(typeEnum.SlideShow))//+ CarouselAutomatic { return true; } //All other modes return false; }, isSlideShow : function() { var typeEnum = Telerik.Web.UI.RotatorType; if (this._isRotatorTypeEnabled(typeEnum.SlideShow) || this._isRotatorTypeEnabled(typeEnum.SlideShowButtons)) { return true; } //All other modes return false; }, //===================================================================================================================// isScrollingForward : function() { return this.isScrollingLeft() || this.isScrollingUp(); }, isScrollingLeft : function() { return this._isAnimationDirectionOn(Telerik.Web.UI.RotatorScrollDirection.Left); }, isScrollingUp : function() { return this._isAnimationDirectionOn(Telerik.Web.UI.RotatorScrollDirection.Up); }, _isAnimationDirectionOn : function(animDir) { return animDir == this.get_animationDirection() ? true : false; }, //===================================================================================================================// _enableDisableButtons : function() { //If no buttons, return if (this._rotatorType == Telerik.Web.UI.RotatorType.AutomaticAdvance) return; //If wrapFrames - enable buttons var wrapFrames = this.get_wrapFrames(); var directionEnum = Telerik.Web.UI.RotatorScrollDirection; //Check if there is at least one more 'go' into a direction and enable a button, disable it if it is not possible to scroll more. this._enableButton(this._rightButton, wrapFrames || this._canSlideMore(directionEnum.Left)); this._enableButton(this._leftButton, wrapFrames || this._canSlideMore(directionEnum.Right)); this._enableButton(this._downButton, wrapFrames || this._canSlideMore(directionEnum.Up)); this._enableButton(this._upButton, wrapFrames || this._canSlideMore(directionEnum.Down)); }, _enableButton : function(button, toEnable) { if (!button) return; if (toEnable) { //Removed disabled class Sys.UI.DomElement.removeCssClass(button, this._rotatorButtonDisabledClass); button.removeAttribute("disabled"); } else { //Add disabled class Sys.UI.DomElement.addCssClass(button, this._rotatorButtonDisabledClass); button.setAttribute("disabled", "disabled"); } }, _canSlideMore : function(direction) { //If no direction is set, use the currently set if (null == direction) direction = this.get_animationDirection(); //Right - if list.left < 0 //Left - if list.width + list.left > port.width //Down - if list.top < 0 //Up - if list.height + list.top > port.height var canSlide = false; var listElement = this._itemsElement; var viewPort = this._clipElement; var directionEnum = Telerik.Web.UI.RotatorScrollDirection; var listLeft = parseInt(listElement.style.left); var listTop = parseInt(listElement.style.top); var listBounds = $telerik.getBounds(listElement); var viewPortBounds = $telerik.getBounds(viewPort); if (direction == directionEnum.Left) { canSlide = (listBounds.width + listLeft) > viewPortBounds.width; } else if (direction == directionEnum.Up) { canSlide = (listBounds.height + listTop) > viewPortBounds.height; } else if (direction == directionEnum.Right) { canSlide = (listLeft < 0); } else if (direction == directionEnum.Down) { canSlide = (listTop < 0); } return canSlide; }, _getCalculatedAnimationDirection : function() { var animationDir = this.get_animationDirection(); //These animations are declared in RadToolTip and are used in all TelerikAnimations //TopCenter : 12, //MiddleRight : 21, //MiddleLeft : 23, //BottomCenter : 32, var directionEnum = Telerik.Web.UI.RotatorScrollDirection; var direction = 23; switch (animationDir) { case directionEnum.Left: direction = 21; break; case directionEnum.Down: direction = 32; break; case directionEnum.Up: direction = 12; break; default: direction = 23; } return direction; }, startAutoPlay : function() { //Set the default frame before you start animation for the first time this._loadInitialFrame(); //Start animation! this.showNext(this.get_defaultAnimationDirection()); }, get_defaultAnimationDirection : function() { //Get the first possible enabled direction var directionEnum = Telerik.Web.UI.RotatorScrollDirection; var dir = 0; if (this._isScrollDirectionEnabled(directionEnum.Left)) { dir = directionEnum.Left; } else if (this._isScrollDirectionEnabled(directionEnum.Up)) { dir = directionEnum.Up; } else if (this._isScrollDirectionEnabled(directionEnum.Right)) { dir = directionEnum.Right; } else if (this._isScrollDirectionEnabled(directionEnum.Down)) { dir = directionEnum.Down; } if (!dir) dir = directionEnum.Left; return dir; }, get_containerElement : function() { return this._itemsElement; }, _setChildElements : function() { //================== Class names - define for easy change ===========================// this._rotatorListClass = "radr_itemsList"; this._rotatorVerticalClass = "radr_verticalList"; this._rotatorRelativeWrapperClass = "radr_relativeWrapper"; this._rotatorClipRegionClass = "radr_clipRegion"; this._rotatorRightClass = "radr_buttonRight"; this._rotatorLeftClass = "radr_buttonLeft"; this._rotatorDownClass = "radr_buttonDown"; this._rotatorUpClass = "radr_buttonUp"; this._rotatorButtonDisabledClass = "radr_buttonDisabled"; //======================Get HTML elements that were rendered from the server==================================// this._rootElement = this.get_element(); //Get relativeWrapper that holds the clip list this._relativeWrapper = $telerik.getElementByClassName(this._rootElement, this._rotatorRelativeWrapperClass); //Get the clip region element this._clipElement = $telerik.getElementByClassName(this._rootElement, this._rotatorClipRegionClass); //Get the list of items element this._itemsElement = $telerik.getElementByClassName(this._rootElement, this._rotatorListClass); }, _createUI : function() { if (!this.isVisible()) { //do not calculate the rotator size if it is not visible yet return; } //Set explicit size for the viewport! var rootElement = this.get_element(); var relativeWrapper = this._relativeWrapper; var clipRegion = this._clipElement; relativeWrapper.style.height = rootElement.offsetHeight + "px"; relativeWrapper.style.width = rootElement.offsetWidth + "px"; //Create buttons //See if type is buttons, and we need buttons or it sAutomaticAdvance var hideBorder = true; if (this._isRotatorTypeEnabled(Telerik.Web.UI.RotatorType.Buttons) || this._isRotatorTypeEnabled(Telerik.Web.UI.RotatorType.ButtonsOver) || this._isRotatorTypeEnabled(Telerik.Web.UI.RotatorType.SlideShowButtons) ) { //Here we need to know whether to hide the border hideBorder = this._initializeButtonsRotatorType(); } if (hideBorder) Sys.UI.DomElement.addCssClass(rootElement, "radr_noBorder"); //Set the proper list orientation for the scrolling if (this.get_vertical()) { this.set_vertical(true); } //Set relativeWrapper overlow to auto for a while to calculate list size relativeWrapper.style.overflow = "auto"; //The list size calculation happens here //Set overflow to auto clipRegion.style.overflow = "auto"; //Set huge width (and height if the list is vertical) so that its size can be calculated OK clipRegion.style.width = "10000px"; clipRegion.style.height = "10000px"; //Set the width and height of the list element //NEW: Because of bug in rendering in IE6 and IE7 we need to set the width of the vertical list to be as wide as the VIEWPORT! this._itemsElement.style.width = this.get_vertical() ? relativeWrapper.style.width : this._itemsElement.offsetWidth + "px"; //this._itemsElement.style.width = this.get_vertical() ? "1px": this._itemsElement.offsetWidth + "px"; this._itemsElement.style.height = this._itemsElement.offsetHeight + "px"; //Restore things //Fix element sized and overflows, calculations are complete! relativeWrapper.style.overflow = ""; clipRegion.style.width = relativeWrapper.style.width; clipRegion.style.height = relativeWrapper.style.height; //Finish the element setup! //Hide the overflow of the clip region clipRegion.style.overflow = "hidden"; //IE6 seems to have a problem with parent not being relative clipRegion.style.position = "relative"; //Set position to relative/absolute to the list as well! this._itemsElement.style.position = "relative"; //Make visible - last thing you do after all initialization is complete rootElement.style.visibility = "visible"; }, _createButton : function(baseElement, className) { var elem = baseElement; if (!elem) { elem = document.createElement("div"); } if (!elem.className) elem.className = this._rotatorDownClass; return elem; }, //A method that says if a button is enabled by using its containsCssClass method da checkva za disabled. I ako e disabled, clicka mu nishto ne pravi _isButtonDisabled : function(button) { if (!button) return true; //we consider a non-existent button to be disabled return Sys.UI.DomElement.containsCssClass(button, this._rotatorButtonDisabledClass); }, _isScrollDirectionEnabled : function(scrollDir) { //return true; return scrollDir & this._scrollDirection ? true : false; }, _isRotatorTypeEnabled : function(type) { return type == this._rotatorType ? true : false; }, //================================= TEKI: New props (or modified existing props ==================================// //Sets a property how the rotator will render and what options the user will have for interacting with it on the client. get_rotatorType : function() { return this._rotatorType; }, set_rotatorType : function(value) { this._rotatorType = value; }, //Sets a property whether frames should wrap after the rotator scrolls to the end get_wrapFrames : function() { return this._wrapFrames; }, set_wrapFrames : function(value) { this._wrapFrames = value; }, //Duration is the time it takes for one length of the rotator to be scrolled! Thus we can calculate time it takes for any lenght of items //When in slideshow mode, scroll duration is set to 1 - instant item move without animation get_scrollDuration : function() { if (this.isSlideShow()) { return 1; } else { return this._scrollDuration; } }, set_scrollDuration : function(value) { this._scrollDuration = value; }, set_vertical : function(value) { //If UI is created set it if (this._itemsElement) { Sys.UI.DomElement.addCssClass(this._itemsElement, this._rotatorVerticalClass); } }, get_vertical : function() { //Vertical is always when developer specified Down or Up or both scrollDirections var directionEnum = Telerik.Web.UI.RotatorScrollDirection; return (this._isScrollDirectionEnabled(directionEnum.Down) || this._isScrollDirectionEnabled(directionEnum.Up)); }, isVertical : function() { if (this._itemsElement) return Sys.UI.DomElement.containsCssClass(this._itemsElement, this._rotatorVerticalClass); return false; }, get_height : function() { return this.get_element().style.height; }, set_height : function(value) { this.get_element().style.height = value; if (this.isVisible()) { this.repaint(); } }, get_width : function() { return this.get_element().style.width; }, set_width : function(value) { this.get_element().style.width = value; if (this.isVisible()) { this.repaint(); } }, get_scrollDirection : function() { return this._scrollDirection; }, set_scrollDirection : function(value) { this._scrollDirection = value; }, get_frameDuration : function() { return this._frameDuration; }, set_frameDuration : function(value) { this._frameDuration = value; }, get_controlButtons : function() { return this._controlButtons; }, set_controlButtons : function(value) { this._controlButtons = value; }, get_initialItemIndex : function() { return this._initialItemIndex; }, set_initialItemIndex : function(value) { this._initialItemIndex = value; }, get_slideShowAnimationSettings : function() { return this._slideShowAnimationSettings; }, set_slideShowAnimationSettings : function(value) { this._slideShowAnimationSettings = value; }, //Client-side property only - set by buttons or code set_animationDirection : function(animationDir) { this._animationDirection = animationDir ? animationDir : Telerik.Web.UI.RotatorScrollDirection.Left; }, get_animationDirection : function() { return this._animationDirection; }, //================================== /TEKI ==========================================================// _attachEvents : function(toAttach) { //click, mouseover, mouseout var containerElement = this.get_containerElement(); if (null == containerElement) { return; } if (toAttach != false) { this._clickDelegate = Function.createDelegate(this, this._mouseClickHandler); this._mouseOutDelegate = Function.createDelegate(this, this._mouseOutHandler); this._mouseOverDelegate = Function.createDelegate(this, this._mouseOverHandler); $addHandler(containerElement, "mouseover", this._mouseOverDelegate); $addHandler(containerElement, "mouseout", this._mouseOutDelegate); $addHandler(containerElement, "click", this._clickDelegate); } else { $removeHandler(containerElement, "mouseover", this._mouseOverDelegate); $removeHandler(containerElement, "mouseout", this._mouseOutDelegate); $removeHandler(containerElement, "click", this._clickDelegate); this._clickDelegate = null; this._mouseOutDelegate = null; this._mouseOverDelegate = null; } }, _mouseOverHandler : function(args) { if (this.isAutomaticAdvance() && this._canPause) { //Pause animation this.pause(); } var realTarget = this._getItemFromEvent(args.target); if (null != realTarget) { this.raiseEvent("mouseOver", new Telerik.Web.UI.RadRotatorEventArgs(realTarget)); } }, _mouseOutHandler : function(args) { if (this.isAutomaticAdvance() && this._canPause) { //Resume animation this.resume(); } var realTarget = this._getItemFromEvent(args.target); if (null != realTarget) { this.raiseEvent("mouseOut", new Telerik.Web.UI.RadRotatorEventArgs(realTarget)); } }, _mouseClickHandler : function(args) { var realTarget = this._getItemFromEvent(args.target); if (null != realTarget) { var clickingArgs = new Telerik.Web.UI.RadRotatorCancelEventArgs(realTarget); this.raiseEvent("itemClicking", clickingArgs); if (clickingArgs.get_cancel && clickingArgs.get_cancel()) { $telerik.cancelRawEvent(args.rawEvent); return false; } window.setTimeout(Function.createDelegate(this, function() { this.raiseEvent("itemClicked", new Telerik.Web.UI.RadRotatorEventArgs(realTarget)); this._postback(realTarget.get_index()); }), 0); } }, _postback : function(itemIndex) { if (!this._postBackReference) return; var postbackFunction = this._postBackReference.replace("arguments", itemIndex); eval(postbackFunction); }, _getItemFromEvent : function(element) { var container = this.get_containerElement(); var frame = null; while (null != element && element != container) { if (element.tagName.toLowerCase() == "li" && null != element._item && Object.getTypeName(element._item) == "Telerik.Web.UI.RadRotatorItem") frame = element._item; element = element.parentNode; } return frame; }, _initializeWebServiceLoader : function() { this._webServiceLoader = new Telerik.Web.UI.WebServiceLoader(this.get_webServiceSettings()); this._webServiceLoader.add_loadingStarted(Function.createDelegate(this, this._onItemLoadingStarted)); this._webServiceLoader.add_loadingSuccess(Function.createDelegate(this, this._onItemLoadingSuccess)); this._webServiceLoader.add_loadingError(Function.createDelegate(this, this._onItemLoadingError)); }, _loadChildrenFromWebService : function(itemIndex, itemCount) { if (!this._webServiceLoader) { this._initializeWebServiceLoader(); } var params = { itemIndex: itemIndex, itemCount: itemCount }; this._webServiceLoader.loadData(params, params); }, _onItemLoadingStarted : function(sender, eventArgs) { //item.showloading }, _onItemLoadingSuccess : function(sender, eventArgs) { var result = eventArgs.get_data(); if (result && result.length > 0) { for (var i = 0; i < result.length; i++) { this.createRotatorItem(result[i]); } } //item.hideloading //item.show }, _onItemLoadingError : function(sender, eventArgs) { var errorMessage = eventArgs.get_message(); alert(errorMessage); }, createRotatorItem : function(radRotatorItemData) { var container = this.get_containerElement(); var listItem = container.ownerDocument.createElement("li"); container.appendChild(listItem); listItem.innerHTML = radRotatorItemData.Html; var args = { cssClass: radRotatorItemData.CssClass, visible: radRotatorItemData.Visible }; var rotatorItem = $create(Telerik.Web.UI.RadRotatorItem, args, null, null, listItem); listItem._item = rotatorItem; Array.add(this.get_items(), rotatorItem); }, _getInvisibleParent : function() { var parent = this.get_element(); while (parent && parent != document) { if ("none" == $telerik.getCurrentStyle(parent, "display", "")) { return parent; } parent = parent.parentNode; } return null; }, isVisible : function() { //we are visible if no invisible parent exists return (this._getInvisibleParent() == null); }, _fixVisibilityProblems : function(toAttach) { if (toAttach) { var parent = this._getInvisibleParent(); if (parent) { this._onParentVisibilityChangeDelegate = Function.createDelegate(this, this._onParentVisibilityChange); this._invisibleParent = parent; if ($telerik.isIE) { $addHandler(this._invisibleParent, "propertychange", this._onParentVisibilityChangeDelegate); } else { this._invisibleParent.addEventListener("DOMAttrModified", this._onParentVisibilityChangeDelegate, false); } } } else { if (this._invisibleParent && this._onParentVisibilityChangeDelegate) { if ($telerik.isIE) { $removeHandler(this._invisibleParent, "propertychange", this._onParentVisibilityChangeDelegate); } else { this._invisibleParent.removeEventListener("DOMAttrModified", this._onParentVisibilityChangeDelegate, false); } this._onParentVisibilityChangeDelegate = null; this._invisibleParent = null; } } }, _onParentVisibilityChange : function(e) { if ($telerik.isIE) { var e = e.rawEvent; //e is a fake MS AJAX event wrapper that misses important info! if (!e) return; if (e.propertyName == "style.display" || e.propertyName == "className") { //Update the size only once - the first time the parent is shown, and then never again! var display = $telerik.getCurrentStyle(this._invisibleParent, "display"); if (display != "none") { this.repaint(); } } } else { if (e.attrName == "style" || e.attrName == "class")//! class must be used, not className!!!! { var element = e.target; if ((e.currentTarget == e.originalTarget) && "none" != $telerik.getCurrentStyle(element, "display")) { //Timeout is needed as in fact the event is raised before actual changes are rendered window.setTimeout(Function.createDelegate(this, function() { this.repaint(); }), 0); } } } this._fixVisibilityProblems(false); }, repaint : function() { this._createUI(); }, add_itemClicking : function(handler) { this.get_events().addHandler("itemClicking", handler); }, remove_itemClicking : function(handler) { this.get_events().removeHandler("itemClicking", handler); }, add_itemClicked : function(handler) { this.get_events().addHandler("itemClicked", handler); }, remove_itemClicked : function(handler) { this.get_events().removeHandler("itemClicked", handler); }, add_mouseOver : function(handler) { this.get_events().addHandler("mouseOver", handler); }, remove_mouseOver : function(handler) { this.get_events().removeHandler("mouseOver", handler); }, add_mouseOut : function(handler) { this.get_events().addHandler("mouseOut", handler); }, remove_mouseOut : function(handler) { this.get_events().removeHandler("mouseOut", handler); }, add_itemShowing : function(handler) { this.get_events().addHandler("itemShowing", handler); }, remove_itemShowing : function(handler) { this.get_events().removeHandler("itemShowing", handler); }, add_itemShown : function(handler) { this.get_events().addHandler("itemShown", handler); }, remove_itemShown : function(handler) { this.get_events().removeHandler("itemShown", handler); }, add_load : function(handler) { this.get_events().addHandler("load", handler); }, remove_load : function(handler) { this.get_events().removeHandler("load", handler); }, add_buttonOver : function(handler) { this.get_events().addHandler("buttonOver", handler); }, remove_buttonOver : function(handler) { this.get_events().removeHandler("buttonOver", handler); }, add_buttonOut : function(handler) { this.get_events().addHandler("buttonOut", handler); }, remove_buttonOut : function(handler) { this.get_events().removeHandler("buttonOut", handler); }, add_buttonClick : function(handler) { this.get_events().addHandler("buttonClick", handler); }, remove_buttonClick : function(handler) { this.get_events().removeHandler("buttonClick", handler); }, get_items : function() { return this._items; }, set_items : function(value) { this._items = value; }, get_webServiceSettings : function() { return this._webServiceSettings; }, set_webServiceSettings : function(value) { var deserializedWebServiceSettings = Sys.Serialization.JavaScriptSerializer.deserialize(value); this._webServiceSettings = new Telerik.Web.UI.WebServiceSettings(deserializedWebServiceSettings); }, get_skin : function() { return this._skin; }, set_skin : function(value) { this._skin = value; } } Telerik.Web.UI.RadRotator.registerClass("Telerik.Web.UI.RadRotator", Telerik.Web.UI.RadWebControl); Telerik.Web.UI.RadRotatorEventArgs = function(item) { Telerik.Web.UI.RadRotatorEventArgs.initializeBase(this); this._item = item; } Telerik.Web.UI.RadRotatorEventArgs.prototype = { get_item : function() { return this._item; } } Telerik.Web.UI.RadRotatorEventArgs.registerClass("Telerik.Web.UI.RadRotatorEventArgs", Sys.EventArgs); Telerik.Web.UI.RadRotatorCancelEventArgs = function(item) { Telerik.Web.UI.RadRotatorCancelEventArgs.initializeBase(this); this._item = item; } Telerik.Web.UI.RadRotatorCancelEventArgs.prototype = { get_item : function() { return this._item; } } Telerik.Web.UI.RadRotatorCancelEventArgs.registerClass("Telerik.Web.UI.RadRotatorCancelEventArgs", Sys.CancelEventArgs); Telerik.Web.UI.RadRotatorButtonEventArgs = function(button) { Telerik.Web.UI.RadRotatorButtonEventArgs.initializeBase(this); this._button = button; } Telerik.Web.UI.RadRotatorButtonEventArgs.prototype = { get_button : function() { return this._button; } } Telerik.Web.UI.RadRotatorButtonEventArgs.registerClass("Telerik.Web.UI.RadRotatorButtonEventArgs", Sys.CancelEventArgs); Telerik.Web.UI.RadRotatorItem = function(element) { Telerik.Web.UI.RadRotatorItem.initializeBase(this, [element]); this._visible = null; this._cssClass = null; this._index = -1; } Telerik.Web.UI.RadRotatorItem.prototype = { initialize : function() { Telerik.Web.UI.RadRotatorItem.callBaseMethod(this, "initialize"); }, dispose : function() { Telerik.Web.UI.RadRotatorItem.callBaseMethod(this, "dispose"); }, get_index : function() { if (this._index == -1) { var index = 0; var element = this.get_element(); var parent = element.parentNode; if (null != parent) { var siblings = $telerik.getChildrenByTagName(parent, "li"); if (null != siblings) { for (index=0; index /// Used to determine the possible scroll directions for a rotator. /// /// /// /// /// throw Error.invalidOperation(); } Telerik.Web.UI.RotatorScrollDirection.prototype = { Left: 1, Right : 2, Up: 4, Down : 8 }; Telerik.Web.UI.RotatorScrollDirection.registerEnum("Telerik.Web.UI.RotatorScrollDirection", false); Telerik.Web.UI.RotatorAnimationType = function() { /// /// Used to determine the possible slide show animations of a rotator. /// /// /// /// throw Error.invalidOperation(); } Telerik.Web.UI.RotatorAnimationType.prototype = { None: 1, Fade : 2, Pulse: 3 }; Telerik.Web.UI.RotatorAnimationType.registerEnum("Telerik.Web.UI.RotatorAnimationType", false); Telerik.Web.UI.RotatorType = function() { /// /// Used to determine the rotator type /// /// /// /// /// /// /// throw Error.invalidOperation(); } Telerik.Web.UI.RotatorType.prototype = { AutomaticAdvance : 1, ButtonsOver : 2, Buttons : 3, SlideShow : 4, SlideShowButtons : 5, FromCode : 6 }; Telerik.Web.UI.RotatorType.registerEnum("Telerik.Web.UI.RotatorType", false); /* END Telerik.Web.UI.Rotator.RadRotator.js */ if(typeof(Sys)!=='undefined')Sys.Application.notifyScriptLoaded(); (function() {var fn = function() {$get('ctl00_radScriptManager_HiddenField').value += ';;System.Web.Extensions, Version=3.5.0.0, Culture=neutral, PublicKeyToken=31bf3856ad364e35:it:0d787d5c-3903-4814-ad72-296cea810318:52817a7d;Telerik.Web.UI, Version=2008.2.1001.0, Culture=neutral, PublicKeyToken=29ac1a93ec063d92:it:60087bd8-1047-43ee-968e-e1b45267bf8e:393f5085:9de5f1c7:f336b905:abac4838';Sys.Application.remove_load(fn);};Sys.Application.add_load(fn);})();