/* Rollover Image Flip */ /*=:project scalable Inman Flash Replacement (sIFR) version 3, revision 419 =:file Copyright: 2006 Mark Wubben. Author: Mark Wubben, =:history * IFR: Shaun Inman * sIFR 1: Mike Davidson, Shaun Inman and Tomas Jogin * sIFR 2: Mike Davidson, Shaun Inman, Tomas Jogin and Mark Wubben =:license This software is licensed and provided under the CC-GNU LGPL. See */ var sIFR=new function(){var O=this;var E={ACTIVE:"sIFR-active",REPLACED:"sIFR-replaced",IGNORE:"sIFR-ignore",ALTERNATE:"sIFR-alternate",CLASS:"sIFR-class",LAYOUT:"sIFR-layout",FLASH:"sIFR-flash",FIX_FOCUS:"sIFR-fixfocus",DUMMY:"sIFR-dummy"};E.IGNORE_CLASSES=[E.REPLACED,E.IGNORE,E.ALTERNATE];this.MIN_FONT_SIZE=6;this.MAX_FONT_SIZE=126;this.FLASH_PADDING_BOTTOM=5;this.VERSION="419";this.isActive=false;this.isEnabled=true;this.fixHover=true;this.autoInitialize=true;this.setPrefetchCookie=true;this.cookiePath="/";this.domains=[];this.forceWidth=true;this.fitExactly=false;this.forceTextTransform=true;this.useDomLoaded=true;this.useStyleCheck=false;this.hasFlashClassSet=false;this.repaintOnResize=true;this.replacements=[];var L=0;var R=false;function Y(){}function D(c){function d(e){return e.toLocaleUpperCase()}this.normalize=function(e){return e.replace(/\n|\r|\xA0/g,D.SINGLE_WHITESPACE).replace(/\s+/g,D.SINGLE_WHITESPACE)};this.textTransform=function(e,f){switch(e){case"uppercase":return f.toLocaleUpperCase();case"lowercase":return f.toLocaleLowerCase();case"capitalize":return f.replace(/^\w|\s\w/g,d)}return f};this.toHexString=function(e){if(e.charAt(0)!="#"||e.length!=4&&e.length!=7){return e}e=e.substring(1);return"0x"+(e.length==3?e.replace(/(.)(.)(.)/,"$1$1$2$2$3$3"):e)};this.toJson=function(g,f){var e="";switch(typeof (g)){case"string":e='"'+f(g)+'"';break;case"number":case"boolean":e=g.toString();break;case"object":e=[];for(var h in g){if(g[h]==Object.prototype[h]){continue}e.push('"'+h+'":'+this.toJson(g[h]))}e="{"+e.join(",")+"}";break}return e};this.convertCssArg=function(e){if(!e){return{}}if(typeof (e)=="object"){if(e.constructor==Array){e=e.join("")}else{return e}}var l={};var m=e.split("}");for(var h=0;h-1){g=g.substr(f+1);var e=h.lastIndexOf(g);if(e>-1&&(e+g.length)==h.length){return true}}return false};this.uriEncode=function(e){return encodeURI(decodeURIComponent(e))};this.delay=function(f,h,g){var e=Array.prototype.slice.call(arguments,3);setTimeout(function(){h.apply(g,e)},f)}}D.UNIT_REMOVAL_PROPERTIES={leading:true,"margin-left":true,"margin-right":true,"text-indent":true};D.SINGLE_WHITESPACE=" ";function U(e){var d=this;function c(g,j,h){var k=d.getStyleAsInt(g,j,e.ua.ie);if(k==0){k=g[h];for(var f=3;f=5.5@*/;this.ieWin=this.ie&&this.windows/*@cc_on&&@_jscript_version>=5.1@*/;this.windows=this.windows&&(!this.ie||this.ieWin);this.ieMac=this.ie&&this.macintosh/*@cc_on&&@_jscript_version<5.1@*/;this.macintosh=this.macintosh&&(!this.ie||this.ieMac);this.safari=/safari/.test(g);this.webkit=!this.konqueror&&/applewebkit/.test(g);this.khtml=this.webkit||this.konqueror;this.gecko=!this.webkit&&q=="gecko";this.ieVersion=this.ie&&/.*msie\s(\d\.\d)/.exec(g)?this.parseVersion(RegExp.$1):"0";this.operaVersion=this.opera&&/.*opera(\s|\/)(\d+\.\d+)/.exec(g)?this.parseVersion(RegExp.$2):"0";this.webkitVersion=this.webkit&&/.*applewebkit\/(\d+).*/.exec(g)?this.parseVersion(RegExp.$1):"0";this.geckoVersion=this.gecko&&/.*rv:\s*([^\)]+)\)\s+gecko/.exec(g)?this.parseVersion(RegExp.$1):"0";this.konquerorVersion=this.konqueror&&/.*konqueror\/([\d\.]+).*/.exec(g)?this.parseVersion(RegExp.$1):"0";this.flashVersion=0;if(this.ieWin){var l;var o=false;try{l=new ActiveXObject("ShockwaveFlash.ShockwaveFlash.7")}catch(m){try{l=new ActiveXObject("ShockwaveFlash.ShockwaveFlash.6");this.flashVersion=this.parseVersion("6");l.AllowScriptAccess="always"}catch(m){o=this.flashVersion==this.parseVersion("6")}if(!o){try{l=new ActiveXObject("ShockwaveFlash.ShockwaveFlash")}catch(m){}}}if(!o&&l){this.flashVersion=this.parseVersion((l.GetVariable("$version")||"").replace(/^\D+(\d+)\D+(\d+)\D+(\d+).*/g,"$1.$2.$3"))}}else{if(navigator.plugins&&navigator.plugins["Shockwave Flash"]){var n=navigator.plugins["Shockwave Flash"].description.replace(/^.*\s+(\S+\s+\S+$)/,"$1");var p=n.replace(/^\D*(\d+\.\d+).*$/,"$1");if(/r/.test(n)){p+=n.replace(/^.*r(\d*).*$/,".$1")}else{if(/d/.test(n)){p+=".0"}}this.flashVersion=this.parseVersion(p);var j=false;for(var k=0,c=this.flashVersion>=H.MIN_FLASH_VERSION;c&&k-1){c=false;this.quicktime=true}}}if(this.quicktime||!j){this.flashVersion=this.parseVersion("0")}}}this.flash=this.flashVersion>=H.MIN_FLASH_VERSION;this.transparencySupport=this.macintosh||this.windows;this.computedStyleSupport=this.ie||!!document.defaultView.getComputedStyle;this.fixFocus=this.gecko&&this.windows;this.nativeDomLoaded=this.gecko||this.webkit&&this.webkitVersion>=this.parseVersion("525")||this.konqueror&&this.konquerorMajor>this.parseVersion("03")||this.opera;this.mustCheckStyle=this.khtml||this.opera;this.forcePageLoad=this.webkit&&this.webkitVersion=this.parseVersion("9.50"))&&(!this.webkit||this.webkitVersion>=this.parseVersion("412"))&&(!this.gecko||this.geckoVersion>=this.parseVersion("1.8.0.12"))&&(!this.konqueror)}H.parseVersion=function(c){return c.replace(/(^|\D)(\d+)(?=\D|$)/g,function(f,e,g){f=e;for(var d=4-g.length;d>=0;d--){f+="0"}return f+g})};H.MIN_FLASH_VERSION=H.parseVersion("8");function F(c){this.fix=c.ua.ieWin&&window.location.hash!="";var d;this.cache=function(){d=document.title};function e(){document.title=d}this.restore=function(){if(this.fix){setTimeout(e,0)}}}function S(l){var e=null;function c(){try{if(l.ua.ie||document.readyState!="loaded"&&document.readyState!="complete"){document.documentElement.doScroll("left")}}catch(n){return setTimeout(c,10)}i()}function i(){if(l.useStyleCheck){h()}else{if(!l.ua.mustCheckStyle){d(null,true)}}}function h(){e=l.dom.create("div",E.DUMMY);l.dom.getBody().appendChild(e);m()}function m(){if(l.dom.getComputedStyle(e,"marginLeft")=="42px"){g()}else{setTimeout(m,10)}}function g(){if(e&&e.parentNode){e.parentNode.removeChild(e)}e=null;d(null,true)}function d(n,o){l.initialize(o);if(n&&n.type=="load"){if(document.removeEventListener){document.removeEventListener("DOMContentLoaded",d,false)}if(window.removeEventListener){window.removeEventListener("load",d,false)}}}function j(){l.prepareClearReferences();if(document.readyState=="interactive"){document.attachEvent("onstop",f);setTimeout(function(){document.detachEvent("onstop",f)},0)}}function f(){document.detachEvent("onstop",f);k()}function k(){l.clearReferences()}this.attach=function(){if(window.addEventListener){window.addEventListener("load",d,false)}else{window.attachEvent("onload",d)}if(!l.useDomLoaded||l.ua.forcePageLoad||l.ua.ie&&window.top!=window){return }if(l.ua.nativeDomLoaded){document.addEventListener("DOMContentLoaded",i,false)}else{if(l.ua.ie||l.ua.khtml){c()}}};this.attachUnload=function(){if(!l.ua.ie){return }window.attachEvent("onbeforeunload",j);window.attachEvent("onunload",k)}}var Q="sifrFetch";function N(c){var e=false;this.fetchMovies=function(f){if(c.setPrefetchCookie&&new RegExp(";?"+Q+"=true;?").test(document.cookie)){return }try{e=true;d(f)}catch(g){if(c.debug){throw g}}if(c.setPrefetchCookie){document.cookie=Q+"=true;path="+c.cookiePath}};this.clear=function(){if(!e){return }try{var f=document.getElementsByTagName("script");for(var g=f.length-1;g>=0;g--){var h=f[g];if(h.type=="sifr/prefetch"){h.parentNode.removeChild(h)}}}catch(j){}};function d(f){for(var g=0;g<\/script>')}}}function b(e){var g=e.ua.ie;var f=g&&e.ua.flashVersion=0;h--){c[j[h].getAttribute("id")]=j[h]}}for(var k in c){if(Object.prototype[k]!=c[k]){this.cleanup(k,true)}}}}function K(d,g,f,c,e){this.sIFR=d;this.id=g;this.vars=f;this.movie=null;this.__forceWidth=c;this.__events=e;this.__resizing=0}K.prototype={getFlashElement:function(){return document.getElementById(this.id)},getAlternate:function(){return document.getElementById(this.id+"_alternate")},getAncestor:function(){var c=this.getFlashElement().parentNode;return !this.sIFR.dom.hasClass(E.FIX_FOCUS,c)?c:c.parentNode},available:function(){var c=this.getFlashElement();return c&&c.parentNode},call:function(c){var d=this.getFlashElement();return Function.prototype.apply.call(d[c],d,Array.prototype.slice.call(arguments,1))},attempt:function(){if(!this.available()){return false}try{this.call.apply(this,arguments)}catch(c){if(this.sIFR.debug){throw c}return false}return true},updateVars:function(c,e){for(var d=0;d';var m="";for(var l=0;l'}this.html=this.html.replace(/(<\/object>)/,m+"$1");j.innerHTML=this.html;this.broken.register(j.firstChild)}d.prototype={reset:function(f,g){g=g.cloneNode(true);var e=f.parentNode;e.innerHTML=this.html;this.broken.register(e.firstChild);e.appendChild(g)},remove:function(e,f){this.broken.cleanup(f)},setSize:function(e,f){this.html=this.html.replace(e=="height"?/(height)="\d+"/:/(width)="\d+"/,'$1="'+f+'"')},injectVars:function(e,f){if(e!=this.html){return }this.html=this.html.replace(/(flashvars(=|\"\svalue=)\")[^\"]+/,"$1"+f)}}};this.errors=new Y(O);var A=this.util=new D(O);var W=this.dom=new U(O);var T=this.ua=new H(O);var G={fragmentIdentifier:new F(O),pageLoad:new S(O),prefetch:new N(O),brokenFlashIE:new b(O)};this.__resetBrokenMovies=G.brokenFlashIE.reset;var J={kwargs:[],replaceAll:function(d){for(var c=0;c1&&AO){f+=Math.round((AG-1)*AO)}}else{m=s;AG=1}var d=W.create("span",E.ALTERNATE);var AW=AE.cloneNode(true);AE.parentNode.appendChild(AW);for(var AT=0,AS=AW.childNodes.length;AT=sIFR.ua.parseVersion("1.9")?"true":w.selectable===true),"fixhover="+(this.fixHover===true),"events="+y,"delayrun="+G.brokenFlashIE.fixFlash,"version="+this.VERSION];var x=A.encodeVars(AP);var g=new K(O,AH,AP,AC,{onReplacement:w.onReplacement,onRollOver:w.onRollOver,onRollOut:w.onRollOut,onRelease:w.onRelease});g.movie=X.create(sIFR,G.brokenFlashIE,AE,T.fixFocus&&w.fixFocus,AH,v,AA,AJ,x,AF,e);this.replacements.push(g);this.replacements[AH]=g;if(w.selector){if(!this.replacements[w.selector]){this.replacements[w.selector]=[g]}else{this.replacements[w.selector].push(g)}}d.setAttribute("id",AH+"_alternate");AE.appendChild(d);W.addClass(E.REPLACED,AE)}G.fragmentIdentifier.restore()};this.getReplacementByFlashElement=function(d){for(var c=0;c0){h=parseInt(h)}else{var f=g.innerHTML;g.style.visibility="visible";g.style.overflow="visible";g.style.position="static";g.style.zoom="normal";g.style.writingMode="lr-tb";g.style.width=g.style.height="auto";g.style.maxWidth=g.style.maxHeight=g.style.styleFloat="none";var i=g;var c=g.currentStyle.hasLayout;if(c){g.innerHTML='
X
X
X
';i=g.firstChild}else{g.innerHTML="X
X
X"}var e=i.getClientRects();h=e[1].bottom-e[1].top;h=Math.ceil(h*0.8);if(c){g.innerHTML='
'+f+"
";i=g.firstChild}else{g.innerHTML=f}e=i.getClientRects();d=e.length;if(c){g.innerHTML=f}g.style.visibility=g.style.width=g.style.height=g.style.maxWidth=g.style.maxHeight=g.style.overflow=g.style.styleFloat=g.style.position=g.style.zoom=g.style.writingMode=""}}}return{fontSize:h,lines:d}}function P(c,g,s){s=s||A.uriEncode;var q=[],m=[];var k=null;var e=c.childNodes;var o=false,p=false;var j=0;while(j-1){n=n.match("(\\s|^)"+E.CLASS+"-([^\\s$]*)(\\s|$)")[2]}else{n=n.match(/^([^\s]+)/)[1]}}if(n!=""){h.push('class="'+n+'"')}if(r=="a"){var d=s(f.getAttribute("href")||"");var l=f.getAttribute("target")||"";h.push('href="'+d+'"','target="'+l+'"');if(!k){k={href:d,target:l}}}m.push("<"+r+(h.length>0?" ":"")+h.join(" ")+">");p=true;if(f.hasChildNodes()){q.push(j);j=0;e=f.childNodes;continue}else{if(!/^(br|img)$/i.test(f.nodeName)){m.push("")}}}if(q.length>0&&!f.nextSibling){do{j=q.pop();e=f.parentNode.parentNode.childNodes;f=e[j];if(f){m.push("")}}while(j==e.length-1&&q.length>0)}j++}return{text:m.join("").replace(/^\s+|\s+$|\s*(
)\s*/g,"$1"),primaryLink:k||{}}}}; var parseSelector=(function(){var B=/\s*,\s*/;var A=/\s*([\s>+~(),]|^|$)\s*/g;var L=/([\s>+~,]|[^(]\+|^)([#.:@])/g;var F=/(^|\))[^\s>+~]/g;var M=/(\)|^)/;var K=/[\s#.:>+~()@]|[^\s#.:>+~()@]+/g;function H(R,P){P=P||document.documentElement;var S=R.split(B),X=[];for(var U=0;U":function(O,R){var N=[];for(var Q=0,S;Q //v1.7 // Flash Player Version Detection // Detect Client Browser type // Copyright 2005-2007 Adobe Systems Incorporated. All rights reserved. var isIE = (navigator.appVersion.indexOf("MSIE") != -1) ? true : false; var isWin = (navigator.appVersion.toLowerCase().indexOf("win") != -1) ? true : false; var isOpera = (navigator.userAgent.indexOf("Opera") != -1) ? true : false; function ControlVersion() { var version; var axo; var e; // NOTE : new ActiveXObject(strFoo) throws an exception if strFoo isn't in the registry try { // version will be set for 7.X or greater players axo = new ActiveXObject("ShockwaveFlash.ShockwaveFlash.7"); version = axo.GetVariable("$version"); } catch (e) { } if (!version) { try { // version will be set for 6.X players only axo = new ActiveXObject("ShockwaveFlash.ShockwaveFlash.6"); // installed player is some revision of 6.0 // GetVariable("$version") crashes for versions 6.0.22 through 6.0.29, // so we have to be careful. // default to the first public version version = "WIN 6,0,21,0"; // throws if AllowScripAccess does not exist (introduced in 6.0r47) axo.AllowScriptAccess = "always"; // safe to call for 6.0r47 or greater version = axo.GetVariable("$version"); } catch (e) { } } if (!version) { try { // version will be set for 4.X or 5.X player axo = new ActiveXObject("ShockwaveFlash.ShockwaveFlash.3"); version = axo.GetVariable("$version"); } catch (e) { } } if (!version) { try { // version will be set for 3.X player axo = new ActiveXObject("ShockwaveFlash.ShockwaveFlash.3"); version = "WIN 3,0,18,0"; } catch (e) { } } if (!version) { try { // version will be set for 2.X player axo = new ActiveXObject("ShockwaveFlash.ShockwaveFlash"); version = "WIN 2,0,0,11"; } catch (e) { version = -1; } } return version; } // JavaScript helper required to detect Flash Player PlugIn version information function GetSwfVer(){ // NS/Opera version >= 3 check for Flash plugin in plugin array var flashVer = -1; if (navigator.plugins != null && navigator.plugins.length > 0) { if (navigator.plugins["Shockwave Flash 2.0"] || navigator.plugins["Shockwave Flash"]) { var swVer2 = navigator.plugins["Shockwave Flash 2.0"] ? " 2.0" : ""; var flashDescription = navigator.plugins["Shockwave Flash" + swVer2].description; var descArray = flashDescription.split(" "); var tempArrayMajor = descArray[2].split("."); var versionMajor = tempArrayMajor[0]; var versionMinor = tempArrayMajor[1]; var versionRevision = descArray[3]; if (versionRevision == "") { versionRevision = descArray[4]; } if (versionRevision[0] == "d") { versionRevision = versionRevision.substring(1); } else if (versionRevision[0] == "r") { versionRevision = versionRevision.substring(1); if (versionRevision.indexOf("d") > 0) { versionRevision = versionRevision.substring(0, versionRevision.indexOf("d")); } } var flashVer = versionMajor + "." + versionMinor + "." + versionRevision; } } // MSN/WebTV 2.6 supports Flash 4 else if (navigator.userAgent.toLowerCase().indexOf("webtv/2.6") != -1) flashVer = 4; // WebTV 2.5 supports Flash 3 else if (navigator.userAgent.toLowerCase().indexOf("webtv/2.5") != -1) flashVer = 3; // older WebTV supports Flash 2 else if (navigator.userAgent.toLowerCase().indexOf("webtv") != -1) flashVer = 2; else if ( isIE && isWin && !isOpera ) { flashVer = ControlVersion(); } return flashVer; } // When called with reqMajorVer, reqMinorVer, reqRevision returns true if that version or greater is available function DetectFlashVer(reqMajorVer, reqMinorVer, reqRevision) { versionStr = GetSwfVer(); if (versionStr == -1 ) { return false; } else if (versionStr != 0) { if(isIE && isWin && !isOpera) { // Given "WIN 2,0,0,11" tempArray = versionStr.split(" "); // ["WIN", "2,0,0,11"] tempString = tempArray[1]; // "2,0,0,11" versionArray = tempString.split(","); // ['2', '0', '0', '11'] } else { versionArray = versionStr.split("."); } var versionMajor = versionArray[0]; var versionMinor = versionArray[1]; var versionRevision = versionArray[2]; // is the major.revision >= requested major.revision AND the minor version >= requested minor if (versionMajor > parseFloat(reqMajorVer)) { return true; } else if (versionMajor == parseFloat(reqMajorVer)) { if (versionMinor > parseFloat(reqMinorVer)) return true; else if (versionMinor == parseFloat(reqMinorVer)) { if (versionRevision >= parseFloat(reqRevision)) return true; } } return false; } } function AC_AddExtension(src, ext) { if (src.indexOf('?') != -1) return src.replace(/\?/, ext+'?'); else return src + ext; } function AC_Generateobj(objAttrs, params, embedAttrs) { var str = ''; if (isIE && isWin && !isOpera) { str += ' '; } str += ''; } else { str += '" + this.options.closeValue + ""); this.MBheader.insert({'bottom':this.MBclose}); this.MBcontent = new Element("div", {id: "MB_content"}).update( this.MBloading = new Element("div", {id: "MB_loading"}).update(this.options.loadingString) ); this.MBframe.insert({'bottom':this.MBcontent}); // Inserting into DOM. If parameter set and form element have been found will inject into it. Otherwise will inject into body as topmost element. // Be sure to set padding and marging to null via CSS for both body and (in case of asp.net) form elements. var injectToEl = this.options.aspnet ? $(document.body).down('form') : $(document.body); injectToEl.insert({'top':this.MBwindow}); injectToEl.insert({'top':this.MBoverlay}); // Initial scrolling position of the window. To be used for remove scrolling effect during ModalBox appearing this.initScrollX = window.pageXOffset || document.body.scrollLeft || document.documentElement.scrollLeft; this.initScrollY = window.pageYOffset || document.body.scrollTop || document.documentElement.scrollTop; //Adding event observers this.hideObserver = this._hide.bindAsEventListener(this); this.kbdObserver = this._kbdHandler.bindAsEventListener(this); this._initObservers(); this.initialized = true; // Mark as initialized }, show: function(content, options) { if(!this.initialized) this._init(options); // Check for is already initialized this.content = content; this.setOptions(options); if(this.options.title) // Updating title of the MB $(this.MBcaption).update(this.options.title); else { // If title isn't given, the header will not displayed $(this.MBheader).hide(); $(this.MBcaption).hide(); } if(this.MBwindow.style.display == "none") { // First modal box appearing this._appear(); this.event("onShow"); // Passing onShow callback } else { // If MB already on the screen, update it this._update(); this.event("onUpdate"); // Passing onUpdate callback } }, hide: function(options) { // External hide method to use from external HTML and JS if(this.initialized) { // Reading for options/callbacks except if event given as a pararmeter if(options && typeof options.element != 'function') Object.extend(this.options, options); // Passing beforeHide callback this.event("beforeHide"); if(this.options.transitions) Effect.SlideUp(this.MBwindow, { duration: this.options.slideUpDuration, transition: Effect.Transitions.sinoidal, afterFinish: this._deinit.bind(this) } ); else { $(this.MBwindow).hide(); this._deinit(); } } else throw("Modalbox is not initialized."); }, _hide: function(event) { // Internal hide method to use with overlay and close link event.stop(); // Stop event propaganation for link elements /* Then clicked on overlay we'll check the option and in case of overlayClose == false we'll break hiding execution [Fix for #139] */ if(event.element().id == 'MB_overlay' && !this.options.overlayClose) return false; this.hide(); }, alert: function(message){ var html = '

' + message + '

'; Modalbox.show(html, {title: 'Alert: ' + document.title, width: 300}); }, _appear: function() { // First appearing of MB if(Prototype.Browser.IE && !navigator.appVersion.match(/\b7.0\b/)) { // Preparing IE 6 for showing modalbox window.scrollTo(0,0); this._prepareIE("100%", "hidden"); } this._setWidth(); this._setPosition(); if(this.options.transitions) { $(this.MBoverlay).setStyle({opacity: 0}); new Effect.Fade(this.MBoverlay, { from: 0, to: this.options.overlayOpacity, duration: this.options.overlayDuration, afterFinish: function() { new Effect.SlideDown(this.MBwindow, { duration: this.options.slideDownDuration, transition: Effect.Transitions.sinoidal, afterFinish: function(){ this._setPosition(); this.loadContent(); }.bind(this) }); }.bind(this) }); } else { $(this.MBoverlay).setStyle({opacity: this.options.overlayOpacity}); $(this.MBwindow).show(); this._setPosition(); this.loadContent(); } this._setWidthAndPosition = this._setWidthAndPosition.bindAsEventListener(this); Event.observe(window, "resize", this._setWidthAndPosition); }, resize: function(byWidth, byHeight, options) { // Change size of MB without loading content var wHeight = $(this.MBwindow).getHeight(); var wWidth = $(this.MBwindow).getWidth(); var hHeight = $(this.MBheader).getHeight(); var cHeight = $(this.MBcontent).getHeight(); var newHeight = ((wHeight - hHeight + byHeight) < cHeight) ? (cHeight + hHeight - wHeight) : byHeight; if(options) this.setOptions(options); // Passing callbacks if(this.options.transitions) { new Effect.ScaleBy(this.MBwindow, byWidth, newHeight, { duration: this.options.resizeDuration, afterFinish: function() { this.event("_afterResize"); // Passing internal callback this.event("afterResize"); // Passing callback }.bind(this) }); } else { this.MBwindow.setStyle({width: wWidth + byWidth + "px", height: wHeight + newHeight + "px"}); setTimeout(function() { this.event("_afterResize"); // Passing internal callback this.event("afterResize"); // Passing callback }.bind(this), 1); } }, resizeToContent: function(options){ // Resizes the modalbox window to the actual content height. // This might be useful to resize modalbox after some content modifications which were changed ccontent height. var byHeight = this.options.height - this.MBwindow.offsetHeight; if(byHeight != 0) { if(options) this.setOptions(options); // Passing callbacks Modalbox.resize(0, byHeight); } }, resizeToInclude: function(element, options){ // Resizes the modalbox window to the camulative height of element. Calculations are using CSS properties for margins and border. // This method might be useful to resize modalbox before including or updating content. var el = $(element); var elHeight = el.getHeight() + parseInt(el.getStyle('margin-top')) + parseInt(el.getStyle('margin-bottom')) + parseInt(el.getStyle('border-top-width')) + parseInt(el.getStyle('border-bottom-width')); if(elHeight > 0) { if(options) this.setOptions(options); // Passing callbacks Modalbox.resize(0, elHeight); } }, _update: function() { // Updating MB in case of wizards $(this.MBcontent).update(""); this.MBcontent.appendChild(this.MBloading); $(this.MBloading).update(this.options.loadingString); this.currentDims = [this.MBwindow.offsetWidth, this.MBwindow.offsetHeight]; Modalbox.resize((this.options.width - this.currentDims[0]), (this.options.height - this.currentDims[1]), {_afterResize: this._loadAfterResize.bind(this) }); }, loadContent: function () { if(this.event("beforeLoad") != false) { // If callback passed false, skip loading of the content if(typeof this.content == 'string') { var htmlRegExp = new RegExp(/<\/?[^>]+>/gi); if(htmlRegExp.test(this.content)) { // Plain HTML given as a parameter this._insertContent(this.content.stripScripts()); this._putContent(function(){ this.content.extractScripts().map(function(script) { return eval(script.replace("", "")); }.bind(window)); }.bind(this)); } else // URL given as a parameter. We'll request it via Ajax new Ajax.Request( this.content, { method: this.options.method.toLowerCase(), parameters: this.options.params, onSuccess: function(transport) { var response = new String(transport.responseText); this._insertContent(transport.responseText.stripScripts()); this._putContent(function(){ response.extractScripts().map(function(script) { return eval(script.replace("", "")); }.bind(window)); }); }.bind(this), onException: function(instance, exception){ Modalbox.hide(); throw('Modalbox Loading Error: ' + exception); } }); } else if (typeof this.content == 'object') {// HTML Object is given this._insertContent(this.content); this._putContent(); } else { Modalbox.hide(); throw('Modalbox Parameters Error: Please specify correct URL or HTML element (plain HTML or object)'); } } }, _insertContent: function(content){ $(this.MBcontent).hide().update(""); if(typeof content == 'string') { setTimeout(function() { // Hack to disable content flickering in Firefox this.MBcontent.update(content); }.bind(this), 1); } else if (typeof content == 'object') { // HTML Object is given var _htmlObj = content.cloneNode(true); // If node already a part of DOM we'll clone it // If clonable element has ID attribute defined, modifying it to prevent duplicates if(content.id) content.id = "MB_" + content.id; /* Add prefix for IDs on all elements inside the DOM node */ $(content).select('*[id]').each(function(el){ el.id = "MB_" + el.id; }); this.MBcontent.appendChild(_htmlObj); this.MBcontent.down().show(); // Toggle visibility for hidden nodes if(Prototype.Browser.IE) // Toggling back visibility for hidden selects in IE $$("#MB_content select").invoke('setStyle', {'visibility': ''}); } }, _putContent: function(callback){ // Prepare and resize modal box for content if(this.options.height == this._options.height) { setTimeout(function() { // MSIE sometimes doesn't display content correctly Modalbox.resize(0, $(this.MBcontent).getHeight() - $(this.MBwindow).getHeight() + $(this.MBheader).getHeight(), { afterResize: function(){ this.MBcontent.show().makePositioned(); this.focusableElements = this._findFocusableElements(); this._setFocus(); // Setting focus on first 'focusable' element in content (input, select, textarea, link or button) setTimeout(function(){ // MSIE fix if(callback != undefined) callback(); // Executing internal JS from loaded content this.event("afterLoad"); // Passing callback }.bind(this),1); }.bind(this) }); }.bind(this), 1); } else { // Height is defined. Creating a scrollable window this._setWidth(); this.MBcontent.setStyle({overflow: 'auto', height: $(this.MBwindow).getHeight() - $(this.MBheader).getHeight() - 13 + 'px'}); this.MBcontent.show(); this.focusableElements = this._findFocusableElements(); this._setFocus(); // Setting focus on first 'focusable' element in content (input, select, textarea, link or button) setTimeout(function(){ // MSIE fix if(callback != undefined) callback(); // Executing internal JS from loaded content this.event("afterLoad"); // Passing callback }.bind(this),1); } }, activate: function(options){ this.setOptions(options); this.active = true; $(this.MBclose).observe("click", this.hideObserver); if(this.options.overlayClose) $(this.MBoverlay).observe("click", this.hideObserver); $(this.MBclose).show(); if(this.options.transitions && this.options.inactiveFade) new Effect.Appear(this.MBwindow, {duration: this.options.slideUpDuration}); }, deactivate: function(options) { this.setOptions(options); this.active = false; $(this.MBclose).stopObserving("click", this.hideObserver); if(this.options.overlayClose) $(this.MBoverlay).stopObserving("click", this.hideObserver); $(this.MBclose).hide(); if(this.options.transitions && this.options.inactiveFade) new Effect.Fade(this.MBwindow, {duration: this.options.slideUpDuration, to: .75}); }, _initObservers: function(){ $(this.MBclose).observe("click", this.hideObserver); if(this.options.overlayClose) $(this.MBoverlay).observe("click", this.hideObserver); if(Prototype.Browser.IE) Event.observe(document, "keydown", this.kbdObserver); else Event.observe(document, "keypress", this.kbdObserver); }, _removeObservers: function(){ $(this.MBclose).stopObserving("click", this.hideObserver); if(this.options.overlayClose) $(this.MBoverlay).stopObserving("click", this.hideObserver); if(Prototype.Browser.IE) Event.stopObserving(document, "keydown", this.kbdObserver); else Event.stopObserving(document, "keypress", this.kbdObserver); }, _loadAfterResize: function() { this._setWidth(); this._setPosition(); this.loadContent(); }, _setFocus: function() { /* Setting focus to the first 'focusable' element which is one with tabindex = 1 or the first in the form loaded. */ if(this.focusableElements.length > 0 && this.options.autoFocusing == true) { var firstEl = this.focusableElements.find(function (el){ return el.tabIndex == 1; }) || this.focusableElements.first(); this.currFocused = this.focusableElements.toArray().indexOf(firstEl); firstEl.focus(); // Focus on first focusable element except close button } else if($(this.MBclose).visible()) $(this.MBclose).focus(); // If no focusable elements exist focus on close button }, _findFocusableElements: function(){ // Collect form elements or links from MB content this.MBcontent.select('input:not([type~=hidden]), select, textarea, button, a[href]').invoke('addClassName', 'MB_focusable'); return this.MBcontent.select('.MB_focusable'); }, _kbdHandler: function(event) { var node = event.element(); switch(event.keyCode) { case Event.KEY_TAB: event.stop(); /* Switching currFocused to the element which was focused by mouse instead of TAB-key. Fix for #134 */ if(node != this.focusableElements[this.currFocused]) this.currFocused = this.focusableElements.toArray().indexOf(node); if(!event.shiftKey) { //Focusing in direct order if(this.currFocused == this.focusableElements.length - 1) { this.focusableElements.first().focus(); this.currFocused = 0; } else { this.currFocused++; this.focusableElements[this.currFocused].focus(); } } else { // Shift key is pressed. Focusing in reverse order if(this.currFocused == 0) { this.focusableElements.last().focus(); this.currFocused = this.focusableElements.length - 1; } else { this.currFocused--; this.focusableElements[this.currFocused].focus(); } } break; case Event.KEY_ESC: if(this.active) this._hide(event); break; case 32: this._preventScroll(event); break; case 0: // For Gecko browsers compatibility if(event.which == 32) this._preventScroll(event); break; case Event.KEY_UP: case Event.KEY_DOWN: case Event.KEY_PAGEDOWN: case Event.KEY_PAGEUP: case Event.KEY_HOME: case Event.KEY_END: // Safari operates in slightly different way. This realization is still buggy in Safari. if(Prototype.Browser.WebKit && !["textarea", "select"].include(node.tagName.toLowerCase())) event.stop(); else if( (node.tagName.toLowerCase() == "input" && ["submit", "button"].include(node.type)) || (node.tagName.toLowerCase() == "a") ) event.stop(); break; } }, _preventScroll: function(event) { // Disabling scrolling by "space" key if(!["input", "textarea", "select", "button"].include(event.element().tagName.toLowerCase())) event.stop(); }, _deinit: function() { this._removeObservers(); Event.stopObserving(window, "resize", this._setWidthAndPosition ); if(this.options.transitions) { Effect.toggle(this.MBoverlay, 'appear', {duration: this.options.overlayDuration, afterFinish: this._removeElements.bind(this) }); } else { this.MBoverlay.hide(); this._removeElements(); } $(this.MBcontent).setStyle({overflow: '', height: ''}); }, _removeElements: function () { $(this.MBoverlay).remove(); $(this.MBwindow).remove(); if(Prototype.Browser.IE && !navigator.appVersion.match(/\b7.0\b/)) { this._prepareIE("", ""); // If set to auto MSIE will show horizontal scrolling window.scrollTo(this.initScrollX, this.initScrollY); } /* Replacing prefixes 'MB_' in IDs for the original content */ if(typeof this.content == 'object') { if(this.content.id && this.content.id.match(/MB_/)) { this.content.id = this.content.id.replace(/MB_/, ""); } this.content.select('*[id]').each(function(el){ el.id = el.id.replace(/MB_/, ""); }); } /* Initialized will be set to false */ this.initialized = false; this.event("afterHide"); // Passing afterHide callback this.setOptions(this._options); //Settings options object into intial state }, _setWidth: function () { //Set size $(this.MBwindow).setStyle({width: this.options.width + "px", height: this.options.height + "px"}); }, _setPosition: function () { $(this.MBwindow).setStyle({left: Math.round((Element.getWidth(document.body) - Element.getWidth(this.MBwindow)) / 2 ) + "px"}); }, _setWidthAndPosition: function () { $(this.MBwindow).setStyle({width: this.options.width + "px"}); this._setPosition(); }, _getScrollTop: function () { //From: http://www.quirksmode.org/js/doctypes.html var theTop; if (document.documentElement && document.documentElement.scrollTop) theTop = document.documentElement.scrollTop; else if (document.body) theTop = document.body.scrollTop; return theTop; }, _prepareIE: function(height, overflow){ $$('html, body').invoke('setStyle', {width: height, height: height, overflow: overflow}); // IE requires width and height set to 100% and overflow hidden $$("select").invoke('setStyle', {'visibility': overflow}); // Toggle visibility for all selects in the common document }, event: function(eventName) { if(this.options[eventName]) { var returnValue = this.options[eventName](); // Executing callback this.options[eventName] = null; // Removing callback after execution if(returnValue != undefined) return returnValue; else return true; } return true; } }; Object.extend(Modalbox, Modalbox.Methods); if(Modalbox.overrideAlert) window.alert = Modalbox.alert; Effect.ScaleBy = Class.create(); Object.extend(Object.extend(Effect.ScaleBy.prototype, Effect.Base.prototype), { initialize: function(element, byWidth, byHeight, options) { this.element = $(element) var options = Object.extend({ scaleFromTop: true, scaleMode: 'box', // 'box' or 'contents' or {} with provided values scaleByWidth: byWidth, scaleByHeight: byHeight }, arguments[3] || {}); this.start(options); }, setup: function() { this.elementPositioning = this.element.getStyle('position'); this.originalTop = this.element.offsetTop; this.originalLeft = this.element.offsetLeft; this.dims = null; if(this.options.scaleMode=='box') this.dims = [this.element.offsetHeight, this.element.offsetWidth]; if(/^content/.test(this.options.scaleMode)) this.dims = [this.element.scrollHeight, this.element.scrollWidth]; if(!this.dims) this.dims = [this.options.scaleMode.originalHeight, this.options.scaleMode.originalWidth]; this.deltaY = this.options.scaleByHeight; this.deltaX = this.options.scaleByWidth; }, update: function(position) { var currentHeight = this.dims[0] + (this.deltaY * position); var currentWidth = this.dims[1] + (this.deltaX * position); currentHeight = (currentHeight > 0) ? currentHeight : 0; currentWidth = (currentWidth > 0) ? currentWidth : 0; this.setDimensions(currentHeight, currentWidth); }, setDimensions: function(height, width) { var d = {}; d.width = width + 'px'; d.height = height + 'px'; var topd = Math.round((height - this.dims[0])/2); var leftd = Math.round((width - this.dims[1])/2); if(this.elementPositioning == 'absolute' || this.elementPositioning == 'fixed') { if(!this.options.scaleFromTop) d.top = this.originalTop-topd + 'px'; d.left = this.originalLeft-leftd + 'px'; } else { if(!this.options.scaleFromTop) d.top = -topd + 'px'; d.left = -leftd + 'px'; } this.element.setStyle(d); } }); /* ToolTip - Copyright (c) 2006-2007 Andrey Okonetchnikov http://www.wildbit.com/labs/cooltips/ VERSION: 1.0 Last Modified: April 30th, 2007 */ // Tooltip Object var Tooltip = Class.create(); Tooltip.prototype = { initialize: function(el, options) { this.el = $(el); this.initialized = false; this.setOptions(options); // Event handlers this.showEvent = this.show.bindAsEventListener(this); this.hideEvent = this.hide.bindAsEventListener(this); this.updateEvent = this.update.bindAsEventListener(this); Event.observe(this.el, "mouseover", this.showEvent ); Event.observe(this.el, "mouseout", this.hideEvent ); // Removing title from DOM element to avoid showing it this.content = this.el.title; this.el.title = ""; // If descendant elements has 'alt' attribute defined, clear it this.el.descendants().each(function(el){ if(Element.readAttribute(el, 'alt')) el.alt = ""; }); }, setOptions: function(options) { this.options = { backgroundColor: '#0099cc', // Default background color borderColor: '#0099cc', // Default border color textColor: '#FFFFFF', // Default text color (use CSS value) textShadowColor: '', // Default text shadow color (use CSS value) maxWidth: 250, // Default tooltip width align: "left", // Default align delay: 250, // Default delay before tooltip appears in ms mouseFollow: true, // Tooltips follows the mouse moving opacity: .95, // Default tooltips opacity appearDuration: .25, // Default appear duration in sec hideDuration: .25 // Default disappear duration in sec }; Object.extend(this.options, options || {}); }, show: function(e) { this.xCord = Event.pointerX(e); this.yCord = Event.pointerY(e); if(!this.initialized) this.timeout = window.setTimeout(this.appear.bind(this), this.options.delay); }, hide: function(e) { if(this.initialized) { this.appearingFX.cancel(); if(this.options.mouseFollow) Event.stopObserving(this.el, "mousemove", this.updateEvent); new Effect.Fade(this.tooltip, {duration: this.options.hideDuration, afterFinish: function() { Element.remove(this.tooltip) }.bind(this) }); } this._clearTimeout(this.timeout); this.initialized = false; }, update: function(e){ this.xCord = Event.pointerX(e); this.yCord = Event.pointerY(e); this.setup(); }, appear: function() { // Building tooltip container this.tooltip = Builder.node("div", {className: "tooltip", style: "display: none;" }, [ Builder.node("div", {className:"xtop"}, [ Builder.node("div", {className:"xb1", style:"background-color:#0099cc;"}), Builder.node("div", {className:"xb2", style: "background-color:#0099cc; border-color:" + this.options.borderColor + ";"}), Builder.node("div", {className:"xb3", style: "background-color:#0099cc; border-color:" + this.options.borderColor + ";"}), Builder.node("div", {className:"xb4", style: "background-color:#0099cc; border-color:" + this.options.borderColor + ";"}) ]), Builder.node("div", {className: "xboxcontent", style: "background-color:#0099cc; border-color:" + this.options.borderColor + ((this.options.textColor != '') ? "; color:" + this.options.textColor : "") + ((this.options.textShadowColor != '') ? "; text-shadow:2px 2px 0" + this.options.textShadowColor + ";" : "")}, this.content), Builder.node("div", {className:"xbottom"}, [ Builder.node("div", {className:"xb4", style: "background-color:#0099cc; border-color:" + this.options.borderColor + ";"}), Builder.node("div", {className:"xb3", style: "background-color:#0099cc; border-color:" + this.options.borderColor + ";"}), Builder.node("div", {className:"xb2", style: "background-color:#0099cc; border-color:" + this.options.borderColor + ";"}), Builder.node("div", {className:"xb1", style:"background-color:#0099cc;"}) ]), ]); document.body.insertBefore(this.tooltip, document.body.childNodes[0]); Element.extend(this.tooltip); // IE needs element to be manually extended this.options.width = this.tooltip.getWidth(); this.tooltip.style.width = this.options.width + 'px'; // IE7 needs width to be defined this.setup(); if(this.options.mouseFollow) Event.observe(this.el, "mousemove", this.updateEvent); this.initialized = true; this.appearingFX = new Effect.Appear(this.tooltip, {duration: this.options.appearDuration, to: this.options.opacity }); }, setup: function(){ // If content width is more then allowed max width, set width to max if(this.options.width > this.options.maxWidth) { this.options.width = this.options.maxWidth; this.tooltip.style.width = this.options.width + 'px'; } // Tooltip doesn't fit the current document dimensions if(this.xCord + this.options.width >= Element.getWidth(document.body)) { this.options.align = "right"; this.xCord = this.xCord - this.options.width + 20; } this.tooltip.style.left = this.xCord - 7 + "px"; this.tooltip.style.top = this.yCord + 12 + "px"; }, _clearTimeout: function(timer) { clearTimeout(timer); clearInterval(timer); return null; } }; var _gaq = _gaq || []; _gaq.push(['_setAccount', 'UA-18712466-1']); _gaq.push(['_trackPageview']); (function() { var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true; ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js'; var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s); })();