[Moo] Re: conflict between two js files

[mona]

No. It is simple php, no framework or anything. I am actually using
the simplepie newsblocks demo. It can be found at this url:
"http://simplepie.org/wiki/tutorial/how_to_replicate_popurls";. If
required I can send my code in zip format.

On Sep 12, 6:38 pm, Fábio M. Costa <fabiomco...@gmail.com> wrote:
> Are you using any CMS, like Joomla?
>
> --
> Fábio Miranda Costa
> Solucione Sistemas
> Front-End Engineerhttp://meiocodigo.comOn Sat, Sep 12, 2009 at 6:31 AM, mona 
> <patil.manjush...@gmail.com> wrote:
>
> > Hi
>
> > I have two js files which I am trying to use on my page. But both of
> > them are conflicting. Actually the earlier code is using mootools 1.11
> > version. And the effects I am adding now are using mootools 1.2.3.
>
> > The first js is:
>
> > <script>
> > var MooTools={version:"1.11"};function $defined(B){return(B!
> > =undefined)}function $type(D){if(!$defined(D)){return false}if
> > (D.htmlElement){return"element"}var C=typeof D;if
> > (C=="object"&&D.nodeName){switch(D.nodeType){case
> > 1:return"element";case 3:return(/\S/).test
> > (D.nodeValue)?"textnode":"whitespace"}}if(C=="object"||C=="function")
> > {switch(D.constructor){case Array:return"array";case
> > RegExp:return"regexp";case Class:return"class"}if(typeof
> > D.length=="number"){if(D.item){return"collection"}if(D.callee)
> > {return"arguments"}}}return C}function $merge(){var I={};for(var
> > J=0;J<arguments.length;J++){for(var G in arguments[J]){var F=arguments
> > [J][G];var H=I[G];if(H&&$type(F)=="object"&&$type(H)=="object"){I[G]=
> > $merge(H,F)}else{I[G]=F}}}return I}var $extend=function(){var
> > C=arguments;if(!C[1]){C=[this,C[0]]}for(var D in C[1]){C[0][D]=C[1][D]}
> > return C[0]};var $native=function(){for(var
> > D=0,C=arguments.length;D<C;D++){arguments[D].extend=function(B){for
> > (var A in B){if(!this.prototype[A]){this.prototype[A]=B[A]}if(!this[A])
> > {this[A]=$native.generic(A)}}}}};$native.generic=function(B){return
> > function(A){return this.prototype[B].apply(A,Array.prototype.slice.call
> > (arguments,1))}};$native(Function,Array,String,Number);function $chk(B)
> > {return !!(B||B===0)}function $pick(D,C){return $defined(D)?D:C}
> > function $random(D,C){return Math.floor(Math.random()*(C-D+1)+D)}
> > function $time(){return new Date().getTime()}function $clear(B)
> > {clearTimeout(B);clearInterval(B);return null}var Abstract=function(B)
> > {B=B||{};B.extend=$extend;return B};var Window=new Abstract
> > (window);var Document=new Abstract
> > (document);document.head=document.getElementsByTagName("head")
> > [0];window.xpath=!!(document.evaluate);if(window.ActiveXObject)
> > {window.ie=window[window.XMLHttpRequest?"ie7":"ie6"]=true}else{if
> > (document.childNodes&&!document.all&&!navigator.taintEnabled)
> > {window.webkit=window[window.xpath?"webkit420":"webkit419"]=true}else
> > {if(document.getBoxObjectFor!=null){window.gecko=true}}}
> > window.khtml=window.webkit;Object.extend=$extend;if(typeof
> > HTMLElement=="undefined"){var HTMLElement=function(){};if
> > (window.webkit){document.createElement("iframe")}HTMLElement.prototype=
> > (window.webkit)?window["[[DOMElement.prototype]]"]:{}}
> > HTMLElement.prototype.htmlElement=function(){};if(window.ie6){try
> > {document.execCommand("BackgroundImageCache",false,true)}catch(e){}}
> > var Class=function(D){var C=function(){return(arguments[0]!
> > ==null&&this.initialize&&$type(this.initialize)=="function")?
> > this.initialize.apply(this,arguments):this};$extend
> > (C,this);C.prototype=D;C.constructor=Class;return
> > C};Class.empty=function(){};Class.prototype={extend:function(H){var
> > G=new this(null);for(var F in H){var E=G[F];G[F]=Class.Merge(E,H[F])}
> > return new Class(G)},implement:function(){for(var
> > D=0,C=arguments.length;D<C;D++){$extend(this.prototype,arguments
> > [D])}}};Class.Merge=function(G,F){if(G&&G!=F){var H=$type(F);if(H!=
> > $type(G)){return F}switch(H){case"function":var E=function()
> > {this.parent=arguments.callee.parent;return F.apply
> > (this,arguments)};E.parent=G;return E;case"object":return $merge(G,F)}}
> > return F};var Chain=new Class({chain:function(B)
> > {this.chains=this.chains||[];this.chains.push(B);return
> > this},callChain:function(){if(this.chains&&this.chains.length)
> > {this.chains.shift().delay(10,this)}},clearChain:function()
> > {this.chains=[]}});var Events=new Class({addEvent:function(D,C){if(C!
> > =Class.empty){this.$events=this.$events||{};this.$events[D]=this.
> > $events[D]||[];this.$events[D].include(C)}return
> > this},fireEvent:function(E,F,D){if(this.$events&&this.$events[E]){this.
> > $events[E].each(function(A){A.create({bind:this,delay:D,"arguments":F})
> > ()},this)}return this},removeEvent:function(D,C){if(this.$events&&this.
> > $events[D]){this.$events[D].remove(C)}return this}});var Options=new
> > Class({setOptions:function(){this.options=$merge.apply(null,
> > [this.options].extend(arguments));if(this.addEvent){for(var B in
> > this.options){if($type(this.options[B]=="function")&&(/^on[A-Z]/).test
> > (B)){this.addEvent(B,this.options[B])}}}return this}});Array.extend
> > ({forEach:function(G,F){for(var H=0,E=this.length;H<E;H++){G.call
> > (F,this[H],H,this)}},filter:function(H,G){var I=[];for(var
> > J=0,F=this.length;J<F;J++){if(H.call(G,this[J],J,this)){I.push(this
> > [J])}}return I},map:function(H,G){var I=[];for(var
> > J=0,F=this.length;J<F;J++){I[J]=H.call(G,this[J],J,this)}return
> > I},every:function(G,F){for(var H=0,E=this.length;H<E;H++){if(!G.call
> > (F,this[H],H,this)){return false}}return true},some:function(G,F){for
> > (var H=0,E=this.length;H<E;H++){if(G.call(F,this[H],H,this)){return
> > true}}return false},indexOf:function(G,F){var E=this.length;for(var H=
> > (F<0)?Math.max(0,E+F):F||0;H<E;H++){if(this[H]===G){return H}}return
> > -1},copy:function(F,G){F=F||0;if(F<0){F=this.length+F}G=G||
> > (this.length-F);var E=[];for(var H=0;H<G;H++){E[H]=this[F++]}return
> > E},remove:function(E){var F=0;var D=this.length;while(F<D){if(this[F]
> > ===E){this.splice(F,1);D--}else{F++}}return this},contains:function
> > (C,D){return this.indexOf(C,D)!=-1},associate:function(G){var F=
> > {},H=Math.min(this.length,G.length);for(var E=0;E<H;E++){F[G[E]]=this
> > [E]}return F},extend:function(E){for(var F=0,D=E.length;F<D;F++)
> > {this.push(E[F])}return this},merge:function(E){for(var
> > F=0,D=E.length;F<D;F++){this.include(E[F])}return
> > this},include:function(B){if(!this.contains(B)){this.push(B)}return
> > this},getRandom:function(){return this[$random(0,this.length-1)]||
> > null},getLast:function(){return this[this.length-1]||
>
> > null}});Array.prototype.each=Array.prototype.forEach;Array.each=Array.forEach;function
> > $A(B){return Array.copy(B)}function $each(G,H,F){if(G&&typeof
> > G.length=="number"&&$type(G)!="object"){Array.forEach(G,H,F)}else{for
> > (var E in G){H.call(F||G,G[E],E)}}}
> > Array.prototype.test=Array.prototype.contains;String.extend
> > ({test:function(C,D){return(($type(C)=="string")?new RegExp
> > (C,D):C).test(this)},toInt:function(){return parseInt(this,
> > 10)},toFloat:function(){return parseFloat(this)},camelCase:function()
> > {return this.replace(/-\D/g,function(B){return B.charAt(1).toUpperCase
> > ()})},hyphenate:function(){return this.replace(/\w[A-Z]/g,function(B)
> > {return(B.charAt(0)+"-"+B.charAt(1).toLowerCase
> > ())})},capitalize:function(){return this.replace(/\b[a-z]/g,function(B)
> > {return B.toUpperCase()})},trim:function(){return this.replace(/^\s+|\s
> > +$/g,"")},clean:function(){return this.replace(/\s{2,}/g," ").trim
> > ()},rgbToHex:function(D){var C=this.match(/\d{1,3}/g);return(C)?
> > C.rgbToHex(D):false},hexToRgb:function(D){var C=this.match(/^#?(\w
> > {1,2})(\w{1,2})(\w{1,2})$/);return(C)?C.slice(1).hexToRgb
> > (D):false},contains:function(C,D){return(D)?(D+this+D).indexOf(D+C+D)
> > >-1:this.indexOf(C)>-1},escapeRegExp:function(){return this.replace(/
> > ([.*+?^${}()|[\]\/\\])/g,"\\$1")}});Array.extend({rgbToHex:function(F)
> > {if(this.length<3){return false}if(this.length==4&&this[3]==0&&!F)
> > {return"transparent"}var H=[];for(var E=0;E<3;E++){var G=(this
> > [E]-0).toString(16);H.push((G.length==1)?"0"+G:G)}return F?H:"#"+H.join
> > ("")},hexToRgb:function(E){if(this.length!=3){return false}var D=[];for
> > (var F=0;F<3;F++){D.push(parseInt((this[F].length==1)?this[F]+this
> > [F]:this[F],16))}return E?D:"rgb("+D.join(",")+")"}});Function.extend
> > ({create:function(C){var D=this;C=$merge
>
> > ({bind:D,event:false,"arguments":null,delay:false,periodical:false,attempt:false},C);if
> > ($chk(C.arguments)&&$type(C.arguments)!="array"){C.arguments=
> > [C.arguments]}return function(B){var H;if(C.event){B=B||window.event;H=
> > [(C.event===true)?B:new C.event(B)];if(C.arguments){H.extend
> > (C.arguments)}}else{H=C.arguments||arguments}var A=function(){return
> > D.apply($pick(C.bind,D),H)};if(C.delay){return setTimeout(A,C.delay)}if
> > (C.periodical){return setInterval(A,C.periodical)}if(C.attempt){try
> > {return A()}catch(G){return false}}return A()}},pass:function(C,D)
> > {return this.create({"arguments":C,bind:D})},attempt:function(C,D)
> > {return this.create({"arguments":C,bind:D,attempt:true})
> > ()},bind:function(D,C){return this.create
> > ({bind:D,"arguments":C})},bindAsEventListener:function(D,C){return
> > this.create({bind:D,event:true,"arguments":C})},delay:function(F,E,D)
> > {return this.create({delay:F,bind:E,"arguments":D})
> > ()},periodical:function(D,E,F){return this.create
> > ({periodical:D,bind:E,"arguments":F})()}});Number.extend
> > ({toInt:function(){return parseInt(this)},toFloat:function(){return
> > parseFloat(this)},limit:function(D,C){return Math.min(C,Math.max
> > (D,this))},round:function(B){B=Math.pow(10,B||0);return Math.round
> > (this*B)/B},times:function(D){for(var C=0;C<this;C++){D(C)}}});var
> > Element=new Class({initialize:function(F,G){if($type(F)=="string"){if
> > (window.ie&&G&&(G.name||G.type)){var E=(G.name)?' name="'+G.name
> > +'"':"";var H=(G.type)?' type="'+G.type+'"':"";delete G.name;delete
> > G.type;F="<"+F+E+H+">"}F=document.createElement(F)}F=$(F);return(!G||!
> > F)?F:F.set(G)}});var Elements=new Class({initialize:function(B){return
> > (B)?$extend(B,this):this}});Elements.extend=function(C){for(var D in C)
> > {this.prototype[D]=C[D];this[D]=$native.generic(D)}};function $(D){if(!
> > D){return null}if(D.htmlElement){return Garbage.collect(D)}if
> > ([window,document].contains(D)){return D}var C=$type(D);if(C=="string")
> > {D=document.getElementById(D);C=(D)?"element":false}if(C!="element")
> > {return null}if(D.htmlElement){return Garbage.collect(D)}if
> > (["object","embed"].contains(D.tagName.toLowerCase())){return D}$extend
> > (D,Element.prototype);D.htmlElement=function(){};return Garbage.collect
> > (D)}
> > document.getElementsBySelector=document.getElementsByTagName;function $
> > $(){var F=[];for(var G=0,H=arguments.length;G<H;G++){var E=arguments
> > [G];switch($type(E)){case"element":F.push(E);case"boolean":break;case
> > false:break;case"string":E=document.getElementsBySelector
> > (E,true);default:F.extend(E)}}return $$.unique(F)}$$.unique=function(I)
> > {var L=[];for(var M=0,H=I.length;M<H;M++){if(I[M].$included){continue}
> > var N=$(I[M]);if(N&&!N.$included){N.$included=true;L.push(N)}}for(var
> > J=0,K=L.length;J<K;J++){L[J].$included=null}return new Elements
> > (L)};Elements.Multi=function(B){return function(){var J=arguments;var
> > L=[];var A=true;for(var I=0,K=this.length,H;I<K;I++){H=this[I][B].apply
> > (this[I],J);if($type(H)!="element"){A=false}L.push(H)}return(A)?$
> > $.unique(L):L}};Element.extend=function(D){for(var F in D)
> > {HTMLElement.prototype[F]=D[F];Element.prototype[F]=D[F];Element[F]=
> > $native.generic(F);var E=(Array.prototype[F])?F
> > +"Elements":F;Elements.prototype[E]=Elements.Multi(F)}};Element.extend
> > ({set:function(D){for(var E in D){var F=D[E];switch(E)
> > {case"styles":this.setStyles(F);break;case"events":if(this.addEvents)
> > {this.addEvents(F)}break;case"properties":this.setProperties
> > (F);break;default:this.setProperty(E,F)}}return this},inject:function
> > (G,E){G=$(G);switch(E){case"before":G.parentNode.insertBefore
> > (this,G);break;case"after":var H=G.getNext();if(!H)
> > {G.parentNode.appendChild(this)}else{G.parentNode.insertBefore(this,H)}
> > break;case"top":var F=G.firstChild;if(F){G.insertBefore(this,F);break}
> > default:G.appendChild(this)}return this},injectBefore:function(B)
> > {return this.inject(B,"before")},injectAfter:function(B){return
> > this.inject(B,"after")},injectInside:function(B){return this.inject
> > (B,"bottom")},injectTop:function(B){return this.inject
> > (B,"top")},adopt:function(){var B=[];$each(arguments,function(A)
> > {B=B.concat(A)});$$(B).inject(this);return this},remove:function()
> > {return this.parentNode.removeChild(this)},clone:function(E){var F=$
> > (this.cloneNode(E!==false));if(!F.$events){return F}F.$events={};for
> > (var D in this.$events){F.$events[D]={keys:$A(this.$events
> > [D].keys),values:$A(this.$events[D].values)}}return F.removeEvents
> > ()},replaceWith:function(B){B=$(B);this.parentNode.replaceChild
> > (B,this);return B},appendText:function(B){this.appendChild
> > (document.createTextNode(B));return this},hasClass:function(B){return
> > this.className.contains(B," ")},addClass:function(B){if(!this.hasClass
> > (B)){this.className=(this.className+" "+B).clean()}return
> > this},removeClass:function(B){this.className=this.className.replace
> > (new RegExp("(^|\\s)"+B+"(?:\\s|$)"),"$1").clean();return
> > this},toggleClass:function(B){return this.hasClass(B)?this.removeClass
> > (B):this.addClass(B)},setStyle:function(D,C){switch(D)
> > {case"opacity":return this.setOpacity(parseFloat(C));case"float":D=
> > (window.ie)?"styleFloat":"cssFloat"}D=D.camelCase();switch($type(C))
> > {case"number":if(!["zIndex","zoom"].contains(D)){C+="px"}
> > break;case"array":C="rgb("+C.join(",")+")"}this.style[D]=C;return
> > this},setStyles:function(B){switch($type(B))
> > {case"object":Element.setMany
> > (this,"setStyle",B);break;case"string":this.style.cssText=B}return
> > this},setOpacity:function(B){if(B==0){if(this.style.visibility!
> > ="hidden"){this.style.visibility="hidden"}}else{if
> > (this.style.visibility!="visible"){this.style.visibility="visible"}}if
> > (!this.currentStyle||!this.currentStyle.hasLayout){this.style.zoom=1}if
> > (window.ie){this.style.filter=(B==1)?"":"alpha(opacity="+B*100+")"}
> > this.style.opacity=this.$tmp.opacity=B;return this},getStyle:function
> > (G){G=G.camelCase();var E=this.style[G];if(!$chk(E)){if(G=="opacity")
> > {return this.$tmp.opacity}E=[];for(var H in Element.Styles){if(G==H)
> > {Element.Styles[H].each(function(A){var B=this.getStyle(A);E.push
> > (parseInt(B)?B:"0px")},this);if(G=="border"){var F=E.every(function(A)
> > {return(A==E[0])});return(F)?E[0]:false}return E.join(" ")}}if
> > (G.contains("border")){if(Element.Styles.border.contains(G)){return
> > ["Width","Style","Color"].map(function(A){return this.getStyle(G
> > +A)},this).join(" ")}else{if(Element.borderShort.contains(G)){return
> > ["Top","Right","Bottom","Left"].map(function(A){return this.getStyle
> > ("border"+A+G.replace("border",""))},this).join(" ")}}}if
> > (document.defaultView){E=document.defaultView.getComputedStyle
> > (this,null).getPropertyValue(G.hyphenate())}else{if(this.currentStyle)
> > {E=this.currentStyle[G]}}}if(window.ie){E=Element.fixStyle(G,E,this)}if
> > (E&&G.test(/color/i)&&E.contains("rgb")){return E.split("rgb").splice
> > (1,4).map(function(A){return A.rgbToHex()}).join(" ")}return
> > E},getStyles:function(){return Element.getMany
> > (this,"getStyle",arguments)},walk:function(D,E){D+="Sibling";var F=(E)?
> > this[E]:this[D];while(F&&$type(F)!="element"){F=F[D]}return $
> > (F)},getPrevious:function(){return this.walk
> > ("previous")},getNext:function(){return this.walk
> > ("next")},getFirst:function(){return this.walk
> > ("next","firstChild")},getLast:function(){return this.walk
> > ("previous","lastChild")},getParent:function(){return $
> > (this.parentNode)},getChildren:function(){return $$
> > (this.childNodes)},hasChild:function(B){return !!$A
> > (this.getElementsByTagName("*")).contains(B)},getProperty:function(F)
> > {var H=Element.Properties[F];if(H){return this[H]}var
> > E=Element.PropertiesIFlag[F]||0;if(!window.ie||E){return
> > this.getAttribute(F,E)}var G=this.attributes[F];return(G)?
> > G.nodeValue:null},removeProperty:function(D){var C=Element.Properties
> > [D];if(C){this[C]=""}else{this.removeAttribute(D)}return
> > this},getProperties:function(){return Element.getMany
> > (this,"getProperty",arguments)},setProperty:function(E,F){var
> > D=Element.Properties[E];if(D){this[D]=F}else{this.setAttribute(E,F)}
> > return this},setProperties:function(B){return Element.setMany
> > (this,"setProperty",B)},setHTML:function(){this.innerHTML=$A
> > (arguments).join("");return this},setText:function(D){var C=this.getTag
> > ();if(["style","script"].contains(C)){if(window.ie){if(C=="style")
> > {this.styleSheet.cssText=D}else{if(C=="script"){this.setProperty
> > ("text",D)}}return this}else{this.removeChild(this.firstChild);return
> > this.appendText(D)}}this[$defined
> > (this.innerText)?"innerText":"textContent"]=D;return
> > this},getText:function(){var B=this.getTag();if
> > (["style","script"].contains(B)){if(window.ie){if(B=="style"){return
> > this.styleSheet.cssText}else{if(B=="script"){return this.getProperty
> > ("text")}}}else{return this.innerHTML}}return($pick
> > (this.innerText,this.textContent))},getTag:function(){return
> > this.tagName.toLowerCase()},empty:function(){Garbage.trash
> > (this.getElementsByTagName("*"));return this.setHTML
> > ("")}});Element.fixStyle=function(G,F,H){if($chk(parseInt(F))){return
> > F}if(["height","width"].contains(G)){var J=(G=="width")?
> > ["left","right"]:["top","bottom"];var I=0;J.each(function(A){I
> > +=H.getStyle("border-"+A+"-width").toInt()+H.getStyle
> > ("padding-"+A).toInt()});return H["offset"+G.capitalize()]-I+"px"}else
> > {if(G.test(/border(.+)Width|margin|padding/)){return"0px"}}return
> > F};Element.Styles={border:[],padding:[],margin:[]};
> > ["Top","Right","Bottom","Left"].each(function(D){for(var C in
> > Element.Styles){Element.Styles[C].push(C+D)}});Element.borderShort=
> > ["borderWidth","borderStyle","borderColor"];Element.getMany=function
> > (H,F,G){var E={};$each(G,function(A){E[A]=H[F](A)});return
> > E};Element.setMany=function(H,F,G){for(var E in G){H[F](E,G[E])}return
> > H};Element.Properties=new Abstract
>
> > ({"class":"className","for":"htmlFor",colspan:"colSpan",rowspan:"rowSpan",accesskey:"accessKey",tabindex:"tabIndex",maxlength:"maxLength",readonly:"readOnly",frameborder:"frameBorder",value:"value",disabled:"disabled",checked:"checked",multiple:"multiple",selected:"selected"});Element.PropertiesIFlag=
> > {href:2,src:2};Element.Methods={Listeners:{addListener:function(D,C){if
> > (this.addEventListener){this.addEventListener(D,C,false)}else
> > {this.attachEvent("on"+D,C)}return this},removeListener:function(D,C)
> > {if(this.removeEventListener){this.removeEventListener(D,C,false)}else
> > {this.detachEvent("on"+D,C)}return this}}};window.extend
> > (Element.Methods.Listeners);document.extend
> > (Element.Methods.Listeners);Element.extend
> > (Element.Methods.Listeners);var Garbage={elements:[],collect:function
> > (B){if(!B.$tmp){Garbage.elements.push(B);B.$tmp={opacity:1}}return
> > B},trash:function(J){for(var L=0,G=J.length,K;L<G;L++){if(!(K=J[L])||!
> > K.$tmp){continue}if(K.$events){K.fireEvent("trash").removeEvents()}for
> > (var I in K.$tmp){K.$tmp[I]=null}for(var H in Element.prototype){K[H]
> > =null}Garbage.elements[Garbage.elements.indexOf(K)]
> > =null;K.htmlElement=K.$tmp=K=null}Garbage.elements.remove
> > (null)},empty:function(){Garbage.collect(window);Garbage.collect
> > (document);Garbage.trash(Garbage.elements)}};window.addListener
> > ("beforeunload",function(){window.addListener
> > ("unload",Garbage.empty);if(window.ie){window.addListener
> > ("unload",CollectGarbage)}});var Event=new Class({initialize:function
> > (E){if(E&&E.$extended){return E}this.$extended=true;E=E||
> > window.event;this.event=E;this.type=E.type;this.target=E.target||
> > E.srcElement;if(this.target.nodeType==3)
> > {this.target=this.target.parentNode}
>
> > this.shift=E.shiftKey;this.control=E.ctrlKey;this.alt=E.altKey;this.meta=E.metaKey;if
> > (["DOMMouseScroll","mousewheel"].contains(this.type)){this.wheel=
> > (E.wheelDelta)?E.wheelDelta/120:-(E.detail||0)/3}else{if
> > (this.type.contains("key")){this.code=E.which||E.keyCode;for(var F in
> > Event.keys){if(Event.keys[F]==this.code){this.key=F;break}}if
> > (this.type=="keydown"){var D=this.code-111;if(D>0&&D<13)
> > {this.key="f"+D}}this.key=this.key||String.fromCharCode
> > (this.code).toLowerCase()}else{if(this.type.test(/(click|mouse|menu)/))
> > {this.page={x:E.pageX||E.clientX
> > +document.documentElement.scrollLeft,y:E.pageY||E.clientY
> > +document.documentElement.scrollTop};this.client={x:E.pageX?E.pageX-
> > window.pageXOffset:E.clientX,y:E.pageY?E.pageY-
> > window.pageYOffset:E.clientY};this.rightClick=(E.which==3)||
> > (E.button==2);switch(this.type)
> > {case"mouseover":this.relatedTarget=E.relatedTarget||
> > E.fromElement;break;case"mouseout":this.relatedTarget=E.relatedTarget||
> > E.toElement}this.fixRelatedTarget()}}}return this},stop:function()
> > {return this.stopPropagation().preventDefault
> > ()},stopPropagation:function(){if(this.event.stopPropagation)
> > {this.event.stopPropagation()}else{this.event.cancelBubble=true}return
> > this},preventDefault:function(){if(this.event.preventDefault)
> > {this.event.preventDefault()}else{this.event.returnValue=false}return
> > this}});Event.fix={relatedTarget:function(){if
> > (this.relatedTarget&&this.relatedTarget.nodeType==3)
>
> > {this.relatedTarget=this.relatedTarget.parentNode}},relatedTargetGecko:function
> > (){try{Event.fix.relatedTarget.call(this)}catch(B)
> > {this.relatedTarget=this.target}}};Event.prototype.fixRelatedTarget=
> > (window.gecko)?
> > Event.fix.relatedTargetGecko:Event.fix.relatedTarget;Event.keys=new
> > Abstract({enter:13,up:38,down:40,left:37,right:39,esc:27,space:
> > 32,backspace:8,tab:9,"delete":46});Element.Methods.Events=
> > {addEvent:function(G,H){this.$events=this.$events||{};this.$events[G]
> > =this.$events[G]||{keys:[],values:[]};if(this.$events[G].keys.contains
> > (H)){return this}this.$events[G].keys.push(H);var E=G;var
> > F=Element.Events[G];if(F){if(F.add){F.add.call(this,H)}if(F.map)
> > {H=F.map}if(F.type){E=F.type}}if(!this.addEventListener){H=H.create
> > ({bind:this,event:true})}this.$events[G].values.push(H);return
> > (Element.NativeEvents.contains(E))?this.addListener
> > (E,H):this},removeEvent:function(K,L){if(!this.$events||!this.$events
> > [K]){return this}var H=this.$events[K].keys.indexOf(L);if(H==-1)
> > {return this}var G=this.$events[K].keys.splice(H,1)[0];var I=this.
> > $events[K].values.splice(H,1)[0];var J=Element.Events[K];if(J){if
> > (J.remove){J.remove.call(this,L)}if(J.type){K=J.type}}return
> > (Element.NativeEvents.contains(K))?this.removeListener
> > (K,I):this},addEvents:function(B){return Element.setMany
> > (this,"addEvent",B)},removeEvents:function(C){if(!this.$events){return
> > this}if(!C){for(var D in this.$events){this.removeEvents(D)}this.
> > $events=null}else{if(this.$events[C]){this.$events[C].keys.each
> > (function(A){this.removeEvent(C,A)},this);this.$events[C]=null}}return
> > this},fireEvent:function(E,F,D){if(this.$events&&this.$events[E]){this.
> > $events[E].keys.each(function(A){A.create
> > ({bind:this,delay:D,"arguments":F})()},this)}return
> > this},cloneEvents:function(E,D){if(!E.$events){return this}if(!D){for
> > (var F in E.$events){this.cloneEvents(E,F)}}else{if(E.$events[D]){E.
> > $events[D].keys.each(function(A){this.addEvent(D,A)},this)}}return
> > this}};window.extend(Element.Methods.Events);document.extend
> > (Element.Methods.Events);Element.extend
> > (Element.Methods.Events);Element.Events=new Abstract({mouseenter:
> > {type:"mouseover",map:function(B){B=new Event(B);if(B.relatedTarget!
> > =this&&!this.hasChild(B.relatedTarget)){this.fireEvent
> > ("mouseenter",B)}}},mouseleave:{type:"mouseout",map:function(B){B=new
> > Event(B);if(B.relatedTarget!=this&&!this.hasChild(B.relatedTarget))
> > {this.fireEvent("mouseleave",B)}}},mousewheel:{type:
> > (window.gecko)?"DOMMouseScroll":"mousewheel"}});Element.NativeEvents=
>
> > ["click","dblclick","mouseup","mousedown","mousewheel","DOMMouseScroll","mouseover","mouseout","mousemove","keydown","keypress","keyup","load","unload","beforeunload","resize","move","focus","blur","change","submit","reset","select","error","abort","contextmenu","scroll"];Function.extend
> > ({bindWithEvent:function(D,C){return this.create
> > ({bind:D,"arguments":C,event:Event})}});Elements.extend
> > ({filterByTag:function(B){return new Elements(this.filter(function(A)
> > {return(Element.getTag(A)==B)}))},filterByClass:function(D,E){var
> > F=this.filter(function(A){return(A.className&&A.className.contains(D,"
> > "))});return(E)?F:new Elements(F)},filterById:function(E,F){var
> > D=this.filter(function(A){return(A.id==E)});return(F)?D:new Elements
> > (D)},filterByAttribute:function(J,F,H,G){var I=this.filter(function(B)
> > {var A=Element.getProperty(B,J);if(!A){return false}if(!F){return true}
> > switch(F){case"=":return(A==H);case"*=":return(A.contains
> > (H));case"^=":return(A.substr(0,H.length)==H);case"$=":return(A.substr
> > (A.length-H.length)==H);case"!=":return(A!=H);case"~=":return
> > A.contains(H," ")}return false});return(G)?I:new Elements
> > (I)}});function $E(C,D){return($(D)||document).getElement(C)}function
> > $ES(C,D){return($(D)||document).getElementsBySelector(C)}$$.shared=
> > {regexp:/^(\w*|\*)(?:#([\w-]+)|\.([\w-]+))?(?:\[(\w+)(?:([!*^$]?=)["']?
> > ([^"'\]]*)["']?)?])?$/,xpath:{getParam:function(J,H,G,I){var F=
> > [H.namespaceURI?"xhtml:":"",G[1]];if(G[2]){F.push('[...@id="',G[2],'"]')}
> > if(G[3]){F.push('[contains(concat(" ", @class, " "), " ',G[3],' ")]')}
> > if(G[4]){if(G[5]&&G[6]){switch(G[5]){case"*=":F.push("[contains(@",G
> > [4],', "',G[6],'")]');break;case"^=":F.push("[starts-with(@",G[4],',
> > "',G[6],'")]');break;case"$=":F.push("[substring(@",G[4],", string-
> > length(@",G[4],") - ",G[6].length,' + 1) = "',G
> > [6],'"]');break;case"=":F.push("[@",G[4],'="',G[6],'"]');break;case"!
> > =":F.push("[@",G[4],'!="',G[6],'"]')}}else{F.push("[@",G[4],"]")}}
> > J.push(F.join(""));return J},getItems:function(N,K,I){var J=[];var
> > H=document.evaluate(".//"+N.join("//"),K,$
> > $.shared.resolver,XPathResult.UNORDERED_NODE_SNAPSHOT_TYPE,null);for
> > (var L=0,M=H.snapshotLength;L<M;L++){J.push(H.snapshotItem(L))}return
> > (I)?J:new Elements(J.map($))}},normal:{getParam:function(F,I,G,J){if
> > (J==0){if(G[2]){var H=I.getElementById(G[2]);if(!H||((G[1]!="*")&&
> > (Element.getTag(H)!=G[1]))){return false}F=[H]}else{F=$A
> > (I.getElementsByTagName(G[1]))}}else{F=$$.shared.getElementsByTagName
> > (F,G[1]);if(G[2]){F=Elements.filterById(F,G[2],true)}}if(G[3])
> > {F=Elements.filterByClass(F,G[3],true)}if(G[4])
> > {F=Elements.filterByAttribute(F,G[4],G[5],G[6],true)}return
> > F},getItems:function(D,F,E){return(E)?D:$$.unique
> > (D)}},resolver:function(B){return(B=="xhtml")?"http://www.w3.org/1999/
> > xhtml":false},getElementsByTagName:function(H,I){var G=[];for(var
> > J=0,F=H.length;J<F;J++){G.extend(H[J].getElementsByTagName(I))}return
> > G}};$$.shared.method=
> > (window.xpath)?"xpath":"normal";Element.Methods.Dom=
> > {getElements:function(I,J){var O=[];I=I.trim().split(" ");for(var
> > M=0,N=I.length;M<N;M++){var L=I[M];var K=L.match($$.shared.regexp);if(!
> > K){break}K[1]=K[1]||"*";var P=$$.shared[$$.shared.method].getParam
> > (O,this,K,M);if(!P){break}O=P}return $$.shared[$
> > $.shared.method].getItems(O,this,J)},getElement:function(B){return $
> > (this.getElements(B,true)[0]||false)},getElementsBySelector:function
> > (F,G){var H=[];F=F.split(",");for(var I=0,J=F.length;I<J;I++)
> > {H=H.concat(this.getElements(F[I],true))}return(G)?H:$$.unique
> > (H)}};Element.extend({getElementById:function(E){var
> > F=document.getElementById(E);if(!F){return false}for(var
> > D=F.parentNode;D!=this;D=D.parentNode){if(!D){return false}}return
> > F},getElementsByClassName:function(B){return this.getElements
> > ("."+B)}});document.extend(Element.Methods.Dom);Element.extend
> > (Element.Methods.Dom);Element.Events.domready={add:function(F){if
> > (window.loaded){F.call(this);return }var D=function(){if(window.loaded)
> > {return }window.loaded=true;window.timer=$clear
> > (window.timer);this.fireEvent("domready")}.bind(this);if
> > (document.readyState&&window.webkit){window.timer=function(){if
> > (["loaded","complete"].contains(document.readyState)){D()}}.periodical
> > (50)}else{if(document.readyState&&window.ie){if(!$("ie_ready")){var E=
> > (window.location.protocol=="https:")?"://0":"javascript:void
> > (0)";document.write('<script id="ie_ready" defer src="'+E+'"><\/
> > script>');$("ie_ready").onreadystatechange=function(){if
> > (this.readyState=="complete"){D()}}}}else{window.addListener
> > ("load",D);document.addListener
> > ("DOMContentLoaded",D)}}}};window.onDomReady=function(B){return
> > this.addEvent("domready",B)};window.extend({getWidth:function(){if
> > (this.webkit419){return this.innerWidth}if(this.opera){return
> > document.body.clientWidth}return
> > document.documentElement.clientWidth},getHeight:function(){if
> > (this.webkit419){return this.innerHeight}if(this.opera){return
> > document.body.clientHeight}return
> > document.documentElement.clientHeight},getScrollWidth:function(){if
> > (this.ie){return Math.max
>
> > (document.documentElement.offsetWidth,document.documentElement.scrollWidth)}
> > if(this.webkit){return document.body.scrollWidth}return
> > document.documentElement.scrollWidth},getScrollHeight:function(){if
> > (this.ie){return Math.max
>
> > (document.documentElement.offsetHeight,document.documentElement.scrollHeight)}
> > if(this.webkit){return document.body.scrollHeight}return
> > document.documentElement.scrollHeight},getScrollLeft:function(){return
> > this.pageXOffset||
> > document.documentElement.scrollLeft},getScrollTop:function(){return
> > this.pageYOffset||document.documentElement.scrollTop},getSize:function
> > (){return{size:{x:this.getWidth(),y:this.getHeight()},scrollSize:
> > {x:this.getScrollWidth(),y:this.getScrollHeight()},scroll:
> > {x:this.getScrollLeft(),y:this.getScrollTop()}}},getPosition:function()
> > {return{x:0,y:0}}});var Fx={};Fx.Base=new Class({options:
>
> > {onStart:Class.empty,onComplete:Class.empty,onCancel:Class.empty,transition:function
> > (B){return -(Math.cos(Math.PI*B)-1)/2},duration:
> > 500,unit:"px",wait:true,fps:50},initialize:function(B)
> > {this.element=this.element||null;this.setOptions(B);if
> > (this.options.initialize){this.options.initialize.call
> > (this)}},step:function(){var B=$time();if(B<this.time
> > +this.options.duration){this.delta=this.options.transition((B-
> > this.time)/this.options.duration);this.setNow();this.increase()}else
> > {this.stop(true);this.set(this.to);this.fireEvent
> > ("onComplete",this.element,10);this.callChain()}},set:function(B)
> > {this.now=B;this.increase();return this},setNow:function()
> > {this.now=this.compute(this.from,this.to)},compute:function(D,C){return
> > (C-D)*this.delta+D},start:function(D,C){if(!this.options.wait)
> > {this.stop()}else{if(this.timer){return this}}
> > this.from=D;this.to=C;this.change=this.to-this.from;this.time=$time
> > ();this.timer=this.step.periodical(Math.round(1000/
> > this.options.fps),this);this.fireEvent("onStart",this.element);return
> > this},stop:function(B){if(!this.timer){return this}this.timer=$clear
> > (this.timer);if(!B){this.fireEvent("onCancel",this.element)}return
> > this},custom:function(D,C){return this.start(D,C)},clearTimer:function
> > (B){return this.stop(B)}});Fx.Base.implement(new Chain,new Events,new
> > Options);Fx.Slide=Fx.Base.extend({options:
> > {mode:"vertical"},initialize:function(D,C){this.element=$
> > (D);this.wrapper=new Element("div",{styles:$extend
> > (this.element.getStyles("margin"),{overflow:"hidden"})}).injectAfter
> > (this.element).adopt(this.element);this.element.setStyle("margin",
> > 0);this.setOptions(C);this.now=[];this.parent
> > (this.options);this.open=true;this.addEvent("onComplete",function()
> > {this.open=(this.now[0]===0)});if(window.webkit419){this.addEvent
> > ("onComplete",function(){if(this.open){this.element.remove().inject
> > (this.wrapper)}})}},setNow:function(){for(var B=0;B<2;B++){this.now[B]
> > =this.compute(this.from[B],this.to[B])}},vertical:function()
> > {this.margin="margin-
>
> > top";this.layout="height";this.offset=this.element.offsetHeight},horizontal:function
> > (){this.margin="margin-
>
> > left";this.layout="width";this.offset=this.element.offsetWidth},slideIn:function
> > (B){this[B||this.options.mode]();return this.start
> > ([this.element.getStyle(this.margin).toInt(),this.wrapper.getStyle
> > (this.layout).toInt()],[0,this.offset])},slideOut:function(B){this[B||
> > this.options.mode]();return this.start([this.element.getStyle
> > (this.margin).toInt(),this.wrapper.getStyle(this.layout).toInt()],[-
> > this.offset,0])},hide:function(B){this[B||this.options.mode]
> > ();this.open=false;return this.set([-this.offset,0])},show:function(B)
> > {this[B||this.options.mode]();this.open=true;return this.set
> > ([0,this.offset])},toggle:function(B){if(this.wrapper.offsetHeight==0||
> > this.wrapper.offsetWidth==0){return this.slideIn(B)}return
> > this.slideOut(B)},increase:function(){this.element.setStyle
> > (this.margin,this.now[0]+this.options.unit);this.wrapper.setStyle
> > (this.layout,this.now[1]+this.options.unit)}});Fx.Transition=function
> > (D,C){C=C||[];if($type(C)!="array"){C=[C]}return $extend(D,
> > {easeIn:function(A){return D(A,C)},easeOut:function(A){return 1-D(1-
> > A,C)},easeInOut:function(A){return(A<=0.5)?D(2*A,C)/2:(2-D(2*(1-A),C))/
> > 2}})};Fx.Transitions=new Abstract({linear:function(B){return
> > B}});Fx.Transitions.extend=function(C){for(var D in C){Fx.Transitions
> > [D]=new Fx.Transition(C[D]);Fx.Transitions.compat
> > (D)}};Fx.Transitions.compat=function(B){["In","Out","InOut"].each
> > (function(A){Fx.Transitions[B.toLowerCase()+A]=Fx.Transitions[B]
> > ["ease"+A]})};Fx.Transitions.extend({Pow:function(D,C){return Math.pow
> > (D,C[0]||6)},Expo:function(B){return Math.pow(2,8*(B-1))},Circ:function
> > (B){return 1-Math.sin(Math.acos(B))},Sine:function(B){return 1-Math.sin
> > ((1-B)*Math.PI/2)},Back:function(D,C){C=C[0]||1.618;return Math.pow(D,
> > 2)*((C+1)*D-C)},Bounce:function(F){var G;for(var H=0,E=1;1;H+=E,E/=2)
> > {if(F>=(7-4*H)/11){G=-Math.pow((11-6*H-11*F)/4,2)+E*E;break}}return
> > G},Elastic:function(D,C){return Math.pow(2,10*--D)*Math.cos
> > (20*D*Math.PI*(C[0]||1)/3)}});["Quad","Cubic","Quart","Quint"].each
> > (function(D,C){Fx.Transitions[D]=new Fx.Transition(function(A){return
> > Math.pow(A,[C+2])});Fx.Transitions.compat(D)});var Tips=new Class
> > ({options:{onShow:function(B){B.setStyle
> > ("visibility","visible")},onHide:function(B){B.setStyle
> > ("visibility","hidden")},maxTitleChars:30,showDelay:100,hideDelay:
> > 100,className:"tool",offsets:{x:16,y:
> > 16},fixed:false},initialize:function(D,C){this.setOptions
> > (C);this.toolTip=new Element("div",{"class":this.options.className+"-
> > tip",styles:
> > {position:"absolute",top:"0",left:"0",visibility:"hidden"}}).inject
> > (document.body);this.wrapper=new Element("div").inject(this.toolTip);$$
> > (D).each(this.build,this);if(this.options.initialize)
> > {this.options.initialize.call(this)}},build:function(F){F.$tmp.myTitle=
> > (F.href&&F.getTag()=="a")?F.href.replace("http://","";):(F.rel||
> > false);if(F.title){var E=F.title.split("::");if(E.length>1){F.
> > $tmp.myTitle=E[0].trim();F.$tmp.myText=E[1].trim()}else{F.
> > $tmp.myText=F.title}F.removeAttribute("title")}else{F.
> > $tmp.myText=false}if(F.$tmp.myTitle&&F.
> > $tmp.myTitle.length>this.options.maxTitleChars){F.$tmp.myTitle=F.
> > $tmp.myTitle.substr(0,this.options.maxTitleChars-1)+"&hellip;"}
> > F.addEvent("mouseenter",function(A){this.start(F);if(!
> > this.options.fixed){this.locate(A)}else{this.position(F)}}.bind
> > (this));if(!this.options.fixed){F.addEvent
> > ("mousemove",this.locate.bindWithEvent(this))}var D=this.end.bind
> > (this);F.addEvent("mouseleave",D);F.addEvent("trash",D)},start:function
> > (B){this.wrapper.empty();if(B.$tmp.myTitle){this.title=new Element
> > ("span").inject(new Element("div",{"class":this.options.className+"-
> > title"}).inject(this.wrapper)).setHTML(B.$tmp.myTitle)}if(B.
> > $tmp.myText){this.text=new Element("span").inject(new Element("div",
> > {"class":this.options.className+"-text"}).inject(this.wrapper)).setHTML
> > (B.$tmp.myText)}$clear(this.timer);this.timer=this.show.delay
> > (this.options.showDelay,this)},end:function(B){$clear
> > (this.timer);this.timer=this.hide.delay
> > (this.options.hideDelay,this)},position:function(C){var D=C.getPosition
> > ();this.toolTip.setStyles({left:D.x+this.options.offsets.x,top:D.y
> > +this.options.offsets.y})},locate:function(N){var L={x:window.getWidth
> > (),y:window.getHeight()};var H={x:window.getScrollLeft
> > (),y:window.getScrollTop()};var M=
> > {x:this.toolTip.offsetWidth,y:this.toolTip.offsetHeight};var I=
> > {x:"left",y:"top"};for(var K in I){var J=N.page[K]+this.options.offsets
> > [K];if((J+M[K]-H[K])>L[K]){J=N.page[K]-this.options.offsets[K]-M[K]}
> > this.toolTip.setStyle(I[K],J)}},show:function(){if
> > (this.options.timeout){this.timer=this.hide.delay
> > (this.options.timeout,this)}this.fireEvent("onShow",
> > [this.toolTip])},hide:function(){this.fireEvent("onHide",
> > [this.toolTip])}});Tips.implement(new Events,new
> > Options);window.addEvent("domready",function(){var A=[];$$
> > ("ul.secondary").each(function(E){var D=E.id.replace(/s_/gi,"");A[D]
> > =new Fx.Slide(E).hide();$("s_"+D).setStyle("display","block")});var C=$
> > $("li.tips a");var B=new Tips(C,{maxTitleChars:200});$$
> > ("a.more").addEvent("click",function(E){var F=this.id.replace(/m_/
> > gi,"");var D=A[F];D.toggle();(new Event(E)).stop()})});
> > </script>
>
> > And the new js method is i.e. using mootools 1.2.3:
> > <script>
> > //when the dom is ready...
> > window.addEvent('domready', function() {
> >    //time to implement basic show / hide
> >    Element.implement({
> >        //implement show
> >        show: function() {
> >            this.setStyle('display','');
> >        },
> >        //implement hide
> >        hide: function() {
> >            this.setStyle('display','none');
> >        }
> >    });
> > });
> > </script>
>
> > This is the way it is called:
> > <p>
> >    <strong>Basic: </strong><a href="javascript:$('blove').show
> > ();">Show</a> | <a href="javascript:$('blove').hide();">Hide</a><br />
> >    <img src="/dw-content/beatles-love.jpg" id="blove" />
> > </p>
>
> > What I understand is I need to upgrade mootools 1.11 to 1.2.3. But I
> > don't know how? Please if someone can tell me how to do it? Actually I
> > am not able to interpret the first js, which is the main problem. I am
> > stuck at this point in my project. Please help.
>
> > thanks