/* Script: Core.js MooTools - My Object Oriented JavaScript Tools. License: MIT-style license. Copyright: Copyright (c) 2006-2008 [Valerio Proietti](http://mad4milk.net/). Code & Documentation: [The MooTools production team](http://mootools.net/developers/). Inspiration: - Class implementation inspired by [Base.js](http://dean.edwards.name/weblog/2006/03/base/) Copyright (c) 2006 Dean Edwards, [GNU Lesser General Public License](http://opensource.org/licenses/lgpl-license.php) - Some functionality inspired by [Prototype.js](http://prototypejs.org) Copyright (c) 2005-2007 Sam Stephenson, [MIT License](http://opensource.org/licenses/mit-license.php) */ var MooTools = { 'version': '1.2.1', 'build': '0d4845aab3d9a4fdee2f0d4a6dd59210e4b697cf' }; var Native = function(options){ options = options || {}; var name = options.name; var legacy = options.legacy; var protect = options.protect; var methods = options.implement; var generics = options.generics; var initialize = options.initialize; var afterImplement = options.afterImplement || function(){}; var object = initialize || legacy; generics = generics !== false; object.constructor = Native; object.$family = {name: 'native'}; if (legacy && initialize) object.prototype = legacy.prototype; object.prototype.constructor = object; if (name){ var family = name.toLowerCase(); object.prototype.$family = {name: family}; Native.typize(object, family); } var add = function(obj, name, method, force){ if (!protect || force || !obj.prototype[name]) obj.prototype[name] = method; if (generics) Native.genericize(obj, name, protect); afterImplement.call(obj, name, method); return obj; }; object.alias = function(a1, a2, a3){ if (typeof a1 == 'string'){ if ((a1 = this.prototype[a1])) return add(this, a2, a1, a3); } for (var a in a1) this.alias(a, a1[a], a2); return this; }; object.implement = function(a1, a2, a3){ if (typeof a1 == 'string') return add(this, a1, a2, a3); for (var p in a1) add(this, p, a1[p], a2); return this; }; if (methods) object.implement(methods); return object; }; Native.genericize = function(object, property, check){ if ((!check || !object[property]) && typeof object.prototype[property] == 'function') object[property] = function(){ var args = Array.prototype.slice.call(arguments); return object.prototype[property].apply(args.shift(), args); }; }; Native.implement = function(objects, properties){ for (var i = 0, l = objects.length; i < l; i++) objects[i].implement(properties); }; Native.typize = function(object, family){ if (!object.type) object.type = function(item){ return ($type(item) === family); }; }; (function(){ var natives = {'Array': Array, 'Date': Date, 'Function': Function, 'Number': Number, 'RegExp': RegExp, 'String': String}; for (var n in natives) new Native({name: n, initialize: natives[n], protect: true}); var types = {'boolean': Boolean, 'native': Native, 'object': Object}; for (var t in types) Native.typize(types[t], t); var generics = { 'Array': ["concat", "indexOf", "join", "lastIndexOf", "pop", "push", "reverse", "shift", "slice", "sort", "splice", "toString", "unshift", "valueOf"], 'String': ["charAt", "charCodeAt", "concat", "indexOf", "lastIndexOf", "match", "replace", "search", "slice", "split", "substr", "substring", "toLowerCase", "toUpperCase", "valueOf"] }; for (var g in generics){ for (var i = generics[g].length; i--;) Native.genericize(window[g], generics[g][i], true); }; })(); var Hash = new Native({ name: 'Hash', initialize: function(object){ if ($type(object) == 'hash') object = $unlink(object.getClean()); for (var key in object) this[key] = object[key]; return this; } }); Hash.implement({ forEach: function(fn, bind){ for (var key in this){ if (this.hasOwnProperty(key)) fn.call(bind, this[key], key, this); } }, getClean: function(){ var clean = {}; for (var key in this){ if (this.hasOwnProperty(key)) clean[key] = this[key]; } return clean; }, getLength: function(){ var length = 0; for (var key in this){ if (this.hasOwnProperty(key)) length++; } return length; } }); Hash.alias('forEach', 'each'); Array.implement({ forEach: function(fn, bind){ for (var i = 0, l = this.length; i < l; i++) fn.call(bind, this[i], i, this); } }); Array.alias('forEach', 'each'); function $A(iterable){ if (iterable.item){ var array = []; for (var i = 0, l = iterable.length; i < l; i++) array[i] = iterable[i]; return array; } return Array.prototype.slice.call(iterable); }; function $arguments(i){ return function(){ return arguments[i]; }; }; function $chk(obj){ return !!(obj || obj === 0); }; function $clear(timer){ clearTimeout(timer); clearInterval(timer); return null; }; function $defined(obj){ return (obj != undefined); }; function $each(iterable, fn, bind){ var type = $type(iterable); ((type == 'arguments' || type == 'collection' || type == 'array') ? Array : Hash).each(iterable, fn, bind); }; function $empty(){}; function $extend(original, extended){ for (var key in (extended || {})) original[key] = extended[key]; return original; }; function $H(object){ return new Hash(object); }; function $lambda(value){ return (typeof value == 'function') ? value : function(){ return value; }; }; function $merge(){ var mix = {}; for (var i = 0, l = arguments.length; i < l; i++){ var object = arguments[i]; if ($type(object) != 'object') continue; for (var key in object){ var op = object[key], mp = mix[key]; mix[key] = (mp && $type(op) == 'object' && $type(mp) == 'object') ? $merge(mp, op) : $unlink(op); } } return mix; }; function $pick(){ for (var i = 0, l = arguments.length; i < l; i++){ if (arguments[i] != undefined) return arguments[i]; } return null; }; function $random(min, max){ return Math.floor(Math.random() * (max - min + 1) + min); }; function $splat(obj){ var type = $type(obj); return (type) ? ((type != 'array' && type != 'arguments') ? [obj] : obj) : []; }; var $time = Date.now || function(){ return +new Date; }; function $try(){ for (var i = 0, l = arguments.length; i < l; i++){ try { return arguments[i](); } catch(e){} } return null; }; function $type(obj){ if (obj == undefined) return false; if (obj.$family) return (obj.$family.name == 'number' && !isFinite(obj)) ? false : obj.$family.name; if (obj.nodeName){ switch (obj.nodeType){ case 1: return 'element'; case 3: return (/\S/).test(obj.nodeValue) ? 'textnode' : 'whitespace'; } } else if (typeof obj.length == 'number'){ if (obj.callee) return 'arguments'; else if (obj.item) return 'collection'; } return typeof obj; }; function $unlink(object){ var unlinked; switch ($type(object)){ case 'object': unlinked = {}; for (var p in object) unlinked[p] = $unlink(object[p]); break; case 'hash': unlinked = new Hash(object); break; case 'array': unlinked = []; for (var i = 0, l = object.length; i < l; i++) unlinked[i] = $unlink(object[i]); break; default: return object; } return unlinked; }; /* Script: Browser.js The Browser Core. Contains Browser initialization, Window and Document, and the Browser Hash. License: MIT-style license. */ var Browser = $merge({ Engine: {name: 'unknown', version: 0}, Platform: {name: (window.orientation != undefined) ? 'ipod' : (navigator.platform.match(/mac|win|linux/i) || ['other'])[0].toLowerCase()}, Features: {xpath: !!(document.evaluate), air: !!(window.runtime), query: !!(document.querySelector)}, Plugins: {}, Engines: { presto: function(){ return (!window.opera) ? false : ((arguments.callee.caller) ? 960 : ((document.getElementsByClassName) ? 950 : 925)); }, trident: function(){ return (!window.ActiveXObject) ? false : ((window.XMLHttpRequest) ? 5 : 4); }, webkit: function(){ return (navigator.taintEnabled) ? false : ((Browser.Features.xpath) ? ((Browser.Features.query) ? 525 : 420) : 419); }, gecko: function(){ return (document.getBoxObjectFor == undefined) ? false : ((document.getElementsByClassName) ? 19 : 18); } } }, Browser || {}); Browser.Platform[Browser.Platform.name] = true; Browser.detect = function(){ for (var engine in this.Engines){ var version = this.Engines[engine](); if (version){ this.Engine = {name: engine, version: version}; this.Engine[engine] = this.Engine[engine + version] = true; break; } } return {name: engine, version: version}; }; Browser.detect(); Browser.Request = function(){ return $try(function(){ return new XMLHttpRequest(); }, function(){ return new ActiveXObject('MSXML2.XMLHTTP'); }); }; Browser.Features.xhr = !!(Browser.Request()); Browser.Plugins.Flash = (function(){ var version = ($try(function(){ return navigator.plugins['Shockwave Flash'].description; }, function(){ return new ActiveXObject('ShockwaveFlash.ShockwaveFlash').GetVariable('$version'); }) || '0 r0').match(/\d+/g); return {version: parseInt(version[0] || 0 + '.' + version[1] || 0), build: parseInt(version[2] || 0)}; })(); function $exec(text){ if (!text) return text; if (window.execScript){ window.execScript(text); } else { var script = document.createElement('script'); script.setAttribute('type', 'text/javascript'); script[(Browser.Engine.webkit && Browser.Engine.version < 420) ? 'innerText' : 'text'] = text; document.head.appendChild(script); document.head.removeChild(script); } return text; }; Native.UID = 1; var $uid = (Browser.Engine.trident) ? function(item){ return (item.uid || (item.uid = [Native.UID++]))[0]; } : function(item){ return item.uid || (item.uid = Native.UID++); }; var Window = new Native({ name: 'Window', legacy: (Browser.Engine.trident) ? null: window.Window, initialize: function(win){ $uid(win); if (!win.Element){ win.Element = $empty; if (Browser.Engine.webkit) win.document.createElement("iframe"); //fixes safari 2 win.Element.prototype = (Browser.Engine.webkit) ? window["[[DOMElement.prototype]]"] : {}; } win.document.window = win; return $extend(win, Window.Prototype); }, afterImplement: function(property, value){ window[property] = Window.Prototype[property] = value; } }); Window.Prototype = {$family: {name: 'window'}}; new Window(window); var Document = new Native({ name: 'Document', legacy: (Browser.Engine.trident) ? null: window.Document, initialize: function(doc){ $uid(doc); doc.head = doc.getElementsByTagName('head')[0]; doc.html = doc.getElementsByTagName('html')[0]; if (Browser.Engine.trident && Browser.Engine.version <= 4) $try(function(){ doc.execCommand("BackgroundImageCache", false, true); }); if (Browser.Engine.trident) doc.window.attachEvent('onunload', function() { doc.window.detachEvent('onunload', arguments.callee); doc.head = doc.html = doc.window = null; }); return $extend(doc, Document.Prototype); }, afterImplement: function(property, value){ document[property] = Document.Prototype[property] = value; } }); Document.Prototype = {$family: {name: 'document'}}; new Document(document); /* Script: Array.js Contains Array Prototypes like each, contains, and erase. License: MIT-style license. */ Array.implement({ every: function(fn, bind){ for (var i = 0, l = this.length; i < l; i++){ if (!fn.call(bind, this[i], i, this)) return false; } return true; }, filter: function(fn, bind){ var results = []; for (var i = 0, l = this.length; i < l; i++){ if (fn.call(bind, this[i], i, this)) results.push(this[i]); } return results; }, clean: function() { return this.filter($defined); }, indexOf: function(item, from){ var len = this.length; for (var i = (from < 0) ? Math.max(0, len + from) : from || 0; i < len; i++){ if (this[i] === item) return i; } return -1; }, map: function(fn, bind){ var results = []; for (var i = 0, l = this.length; i < l; i++) results[i] = fn.call(bind, this[i], i, this); return results; }, some: function(fn, bind){ for (var i = 0, l = this.length; i < l; i++){ if (fn.call(bind, this[i], i, this)) return true; } return false; }, associate: function(keys){ var obj = {}, length = Math.min(this.length, keys.length); for (var i = 0; i < length; i++) obj[keys[i]] = this[i]; return obj; }, link: function(object){ var result = {}; for (var i = 0, l = this.length; i < l; i++){ for (var key in object){ if (object[key](this[i])){ result[key] = this[i]; delete object[key]; break; } } } return result; }, contains: function(item, from){ return this.indexOf(item, from) != -1; }, extend: function(array){ for (var i = 0, j = array.length; i < j; i++) this.push(array[i]); return this; }, getLast: function(){ return (this.length) ? this[this.length - 1] : null; }, getRandom: function(){ return (this.length) ? this[$random(0, this.length - 1)] : null; }, include: function(item){ if (!this.contains(item)) this.push(item); return this; }, combine: function(array){ for (var i = 0, l = array.length; i < l; i++) this.include(array[i]); return this; }, erase: function(item){ for (var i = this.length; i--; i){ if (this[i] === item) this.splice(i, 1); } return this; }, empty: function(){ this.length = 0; return this; }, flatten: function(){ var array = []; for (var i = 0, l = this.length; i < l; i++){ var type = $type(this[i]); if (!type) continue; array = array.concat((type == 'array' || type == 'collection' || type == 'arguments') ? Array.flatten(this[i]) : this[i]); } return array; }, hexToRgb: function(array){ if (this.length != 3) return null; var rgb = this.map(function(value){ if (value.length == 1) value += value; return value.toInt(16); }); return (array) ? rgb : 'rgb(' + rgb + ')'; }, rgbToHex: function(array){ if (this.length < 3) return null; if (this.length == 4 && this[3] == 0 && !array) return 'transparent'; var hex = []; for (var i = 0; i < 3; i++){ var bit = (this[i] - 0).toString(16); hex.push((bit.length == 1) ? '0' + bit : bit); } return (array) ? hex : '#' + hex.join(''); } }); /* Script: Function.js Contains Function Prototypes like create, bind, pass, and delay. License: MIT-style license. */ Function.implement({ extend: function(properties){ for (var property in properties) this[property] = properties[property]; return this; }, create: function(options){ var self = this; options = options || {}; return function(event){ var args = options.arguments; args = (args != undefined) ? $splat(args) : Array.slice(arguments, (options.event) ? 1 : 0); if (options.event) args = [event || window.event].extend(args); var returns = function(){ return self.apply(options.bind || null, args); }; if (options.delay) return setTimeout(returns, options.delay); if (options.periodical) return setInterval(returns, options.periodical); if (options.attempt) return $try(returns); return returns(); }; }, run: function(args, bind){ return this.apply(bind, $splat(args)); }, pass: function(args, bind){ return this.create({bind: bind, arguments: args}); }, bind: function(bind, args){ return this.create({bind: bind, arguments: args}); }, bindWithEvent: function(bind, args){ return this.create({bind: bind, arguments: args, event: true}); }, attempt: function(args, bind){ return this.create({bind: bind, arguments: args, attempt: true})(); }, delay: function(delay, bind, args){ return this.create({bind: bind, arguments: args, delay: delay})(); }, periodical: function(periodical, bind, args){ return this.create({bind: bind, arguments: args, periodical: periodical})(); } }); /* Script: Number.js Contains Number Prototypes like limit, round, times, and ceil. License: MIT-style license. */ Number.implement({ limit: function(min, max){ return Math.min(max, Math.max(min, this)); }, round: function(precision){ precision = Math.pow(10, precision || 0); return Math.round(this * precision) / precision; }, times: function(fn, bind){ for (var i = 0; i < this; i++) fn.call(bind, i, this); }, toFloat: function(){ return parseFloat(this); }, toInt: function(base){ return parseInt(this, base || 10); } }); Number.alias('times', 'each'); (function(math){ var methods = {}; math.each(function(name){ if (!Number[name]) methods[name] = function(){ return Math[name].apply(null, [this].concat($A(arguments))); }; }); Number.implement(methods); })(['abs', 'acos', 'asin', 'atan', 'atan2', 'ceil', 'cos', 'exp', 'floor', 'log', 'max', 'min', 'pow', 'sin', 'sqrt', 'tan']); /* Script: String.js Contains String Prototypes like camelCase, capitalize, test, and toInt. License: MIT-style license. */ String.implement({ test: function(regex, params){ return ((typeof regex == 'string') ? new RegExp(regex, params) : regex).test(this); }, contains: function(string, separator){ return (separator) ? (separator + this + separator).indexOf(separator + string + separator) > -1 : this.indexOf(string) > -1; }, trim: function(){ return this.replace(/^\s+|\s+$/g, ''); }, clean: function(){ return this.replace(/\s+/g, ' ').trim(); }, camelCase: function(){ return this.replace(/-\D/g, function(match){ return match.charAt(1).toUpperCase(); }); }, hyphenate: function(){ return this.replace(/[A-Z]/g, function(match){ return ('-' + match.charAt(0).toLowerCase()); }); }, capitalize: function(){ return this.replace(/\b[a-z]/g, function(match){ return match.toUpperCase(); }); }, escapeRegExp: function(){ return this.replace(/([-.*+?^${}()|[\]\/\\])/g, '\\$1'); }, toInt: function(base){ return parseInt(this, base || 10); }, toFloat: function(){ return parseFloat(this); }, hexToRgb: function(array){ var hex = this.match(/^#?(\w{1,2})(\w{1,2})(\w{1,2})$/); return (hex) ? hex.slice(1).hexToRgb(array) : null; }, rgbToHex: function(array){ var rgb = this.match(/\d{1,3}/g); return (rgb) ? rgb.rgbToHex(array) : null; }, stripScripts: function(option){ var scripts = ''; var text = this.replace(/]*>([\s\S]*?)<\/script>/gi, function(){ scripts += arguments[1] + '\n'; return ''; }); if (option === true) $exec(scripts); else if ($type(option) == 'function') option(scripts, text); return text; }, substitute: function(object, regexp){ return this.replace(regexp || (/\\?\{([^{}]+)\}/g), function(match, name){ if (match.charAt(0) == '\\') return match.slice(1); return (object[name] != undefined) ? object[name] : ''; }); } }); /* Script: Hash.js Contains Hash Prototypes. Provides a means for overcoming the JavaScript practical impossibility of extending native Objects. License: MIT-style license. */ Hash.implement({ has: Object.prototype.hasOwnProperty, keyOf: function(value){ for (var key in this){ if (this.hasOwnProperty(key) && this[key] === value) return key; } return null; }, hasValue: function(value){ return (Hash.keyOf(this, value) !== null); }, extend: function(properties){ Hash.each(properties, function(value, key){ Hash.set(this, key, value); }, this); return this; }, combine: function(properties){ Hash.each(properties, function(value, key){ Hash.include(this, key, value); }, this); return this; }, erase: function(key){ if (this.hasOwnProperty(key)) delete this[key]; return this; }, get: function(key){ return (this.hasOwnProperty(key)) ? this[key] : null; }, set: function(key, value){ if (!this[key] || this.hasOwnProperty(key)) this[key] = value; return this; }, empty: function(){ Hash.each(this, function(value, key){ delete this[key]; }, this); return this; }, include: function(key, value){ var k = this[key]; if (k == undefined) this[key] = value; return this; }, map: function(fn, bind){ var results = new Hash; Hash.each(this, function(value, key){ results.set(key, fn.call(bind, value, key, this)); }, this); return results; }, filter: function(fn, bind){ var results = new Hash; Hash.each(this, function(value, key){ if (fn.call(bind, value, key, this)) results.set(key, value); }, this); return results; }, every: function(fn, bind){ for (var key in this){ if (this.hasOwnProperty(key) && !fn.call(bind, this[key], key)) return false; } return true; }, some: function(fn, bind){ for (var key in this){ if (this.hasOwnProperty(key) && fn.call(bind, this[key], key)) return true; } return false; }, getKeys: function(){ var keys = []; Hash.each(this, function(value, key){ keys.push(key); }); return keys; }, getValues: function(){ var values = []; Hash.each(this, function(value){ values.push(value); }); return values; }, toQueryString: function(base){ var queryString = []; Hash.each(this, function(value, key){ if (base) key = base + '[' + key + ']'; var result; switch ($type(value)){ case 'object': result = Hash.toQueryString(value, key); break; case 'array': var qs = {}; value.each(function(val, i){ qs[i] = val; }); result = Hash.toQueryString(qs, key); break; default: result = key + '=' + encodeURIComponent(value); } if (value != undefined) queryString.push(result); }); return queryString.join('&'); } }); Hash.alias({keyOf: 'indexOf', hasValue: 'contains'}); /* Script: Event.js Contains the Event Native, to make the event object completely crossbrowser. License: MIT-style license. */ var Event = new Native({ name: 'Event', initialize: function(event, win){ win = win || window; var doc = win.document; event = event || win.event; if (event.$extended) return event; this.$extended = true; var type = event.type; var target = event.target || event.srcElement; while (target && target.nodeType == 3) target = target.parentNode; if (type.test(/key/)){ var code = event.which || event.keyCode; var key = Event.Keys.keyOf(code); if (type == 'keydown'){ var fKey = code - 111; if (fKey > 0 && fKey < 13) key = 'f' + fKey; } key = key || String.fromCharCode(code).toLowerCase(); } else if (type.match(/(click|mouse|menu)/i)){ doc = (!doc.compatMode || doc.compatMode == 'CSS1Compat') ? doc.html : doc.body; var page = { x: event.pageX || event.clientX + doc.scrollLeft, y: event.pageY || event.clientY + doc.scrollTop }; var client = { x: (event.pageX) ? event.pageX - win.pageXOffset : event.clientX, y: (event.pageY) ? event.pageY - win.pageYOffset : event.clientY }; if (type.match(/DOMMouseScroll|mousewheel/)){ var wheel = (event.wheelDelta) ? event.wheelDelta / 120 : -(event.detail || 0) / 3; } var rightClick = (event.which == 3) || (event.button == 2); var related = null; if (type.match(/over|out/)){ switch (type){ case 'mouseover': related = event.relatedTarget || event.fromElement; break; case 'mouseout': related = event.relatedTarget || event.toElement; } if (!(function(){ while (related && related.nodeType == 3) related = related.parentNode; return true; }).create({attempt: Browser.Engine.gecko})()) related = false; } } return $extend(this, { event: event, type: type, page: page, client: client, rightClick: rightClick, wheel: wheel, relatedTarget: related, target: target, code: code, key: key, shift: event.shiftKey, control: event.ctrlKey, alt: event.altKey, meta: event.metaKey }); } }); Event.Keys = new Hash({ 'enter': 13, 'up': 38, 'down': 40, 'left': 37, 'right': 39, 'esc': 27, 'space': 32, 'backspace': 8, 'tab': 9, 'delete': 46 }); Event.implement({ 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; } }); /* Script: Class.js Contains the Class Function for easily creating, extending, and implementing reusable Classes. License: MIT-style license. */ var Class = new Native({ name: 'Class', initialize: function(properties){ properties = properties || {}; var klass = function(){ for (var key in this){ if ($type(this[key]) != 'function') this[key] = $unlink(this[key]); } this.constructor = klass; if (Class.prototyping) return this; var instance = (this.initialize) ? this.initialize.apply(this, arguments) : this; if (this.options && this.options.initialize) this.options.initialize.call(this); return instance; }; for (var mutator in Class.Mutators){ if (!properties[mutator]) continue; properties = Class.Mutators[mutator](properties, properties[mutator]); delete properties[mutator]; } $extend(klass, this); klass.constructor = Class; klass.prototype = properties; return klass; } }); Class.Mutators = { Extends: function(self, klass){ Class.prototyping = klass.prototype; var subclass = new klass; delete subclass.parent; subclass = Class.inherit(subclass, self); delete Class.prototyping; return subclass; }, Implements: function(self, klasses){ $splat(klasses).each(function(klass){ Class.prototying = klass; $extend(self, ($type(klass) == 'class') ? new klass : klass); delete Class.prototyping; }); return self; } }; Class.extend({ inherit: function(object, properties){ var caller = arguments.callee.caller; for (var key in properties){ var override = properties[key]; var previous = object[key]; var type = $type(override); if (previous && type == 'function'){ if (override != previous){ if (caller){ override.__parent = previous; object[key] = override; } else { Class.override(object, key, override); } } } else if(type == 'object'){ object[key] = $merge(previous, override); } else { object[key] = override; } } if (caller) object.parent = function(){ return arguments.callee.caller.__parent.apply(this, arguments); }; return object; }, override: function(object, name, method){ var parent = Class.prototyping; if (parent && object[name] != parent[name]) parent = null; var override = function(){ var previous = this.parent; this.parent = parent ? parent[name] : object[name]; var value = method.apply(this, arguments); this.parent = previous; return value; }; object[name] = override; } }); Class.implement({ implement: function(){ var proto = this.prototype; $each(arguments, function(properties){ Class.inherit(proto, properties); }); return this; } }); /* Script: Class.Extras.js Contains Utility Classes that can be implemented into your own Classes to ease the execution of many common tasks. License: MIT-style license. */ var Chain = new Class({ $chain: [], chain: function(){ this.$chain.extend(Array.flatten(arguments)); return this; }, callChain: function(){ return (this.$chain.length) ? this.$chain.shift().apply(this, arguments) : false; }, clearChain: function(){ this.$chain.empty(); return this; } }); var Events = new Class({ $events: {}, addEvent: function(type, fn, internal){ type = Events.removeOn(type); if (fn != $empty){ this.$events[type] = this.$events[type] || []; this.$events[type].include(fn); if (internal) fn.internal = true; } return this; }, addEvents: function(events){ for (var type in events) this.addEvent(type, events[type]); return this; }, fireEvent: function(type, args, delay){ type = Events.removeOn(type); if (!this.$events || !this.$events[type]) return this; this.$events[type].each(function(fn){ fn.create({'bind': this, 'delay': delay, 'arguments': args})(); }, this); return this; }, removeEvent: function(type, fn){ type = Events.removeOn(type); if (!this.$events[type]) return this; if (!fn.internal) this.$events[type].erase(fn); return this; }, removeEvents: function(events){ if ($type(events) == 'object'){ for (var type in events) this.removeEvent(type, events[type]); return this; } if (events) events = Events.removeOn(events); for (var type in this.$events){ if (events && events != type) continue; var fns = this.$events[type]; for (var i = fns.length; i--; i) this.removeEvent(type, fns[i]); } return this; } }); Events.removeOn = function(string){ return string.replace(/^on([A-Z])/, function(full, first) { return first.toLowerCase(); }); }; var Options = new Class({ setOptions: function(){ this.options = $merge.run([this.options].extend(arguments)); if (!this.addEvent) return this; for (var option in this.options){ if ($type(this.options[option]) != 'function' || !(/^on[A-Z]/).test(option)) continue; this.addEvent(option, this.options[option]); delete this.options[option]; } return this; } }); /* Script: Element.js One of the most important items in MooTools. Contains the dollar function, the dollars function, and an handful of cross-browser, time-saver methods to let you easily work with HTML Elements. License: MIT-style license. */ var Element = new Native({ name: 'Element', legacy: window.Element, initialize: function(tag, props){ var konstructor = Element.Constructors.get(tag); if (konstructor) return konstructor(props); if (typeof tag == 'string') return document.newElement(tag, props); return $(tag).set(props); }, afterImplement: function(key, value){ Element.Prototype[key] = value; if (Array[key]) return; Elements.implement(key, function(){ var items = [], elements = true; for (var i = 0, j = this.length; i < j; i++){ var returns = this[i][key].apply(this[i], arguments); items.push(returns); if (elements) elements = ($type(returns) == 'element'); } return (elements) ? new Elements(items) : items; }); } }); Element.Prototype = {$family: {name: 'element'}}; Element.Constructors = new Hash; var IFrame = new Native({ name: 'IFrame', generics: false, initialize: function(){ var params = Array.link(arguments, {properties: Object.type, iframe: $defined}); var props = params.properties || {}; var iframe = $(params.iframe) || false; var onload = props.onload || $empty; delete props.onload; props.id = props.name = $pick(props.id, props.name, iframe.id, iframe.name, 'IFrame_' + $time()); iframe = new Element(iframe || 'iframe', props); var onFrameLoad = function(){ var host = $try(function(){ return iframe.contentWindow.location.host; }); if (host && host == window.location.host){ var win = new Window(iframe.contentWindow); new Document(iframe.contentWindow.document); $extend(win.Element.prototype, Element.Prototype); } onload.call(iframe.contentWindow, iframe.contentWindow.document); }; (window.frames[props.id]) ? onFrameLoad() : iframe.addListener('load', onFrameLoad); return iframe; } }); var Elements = new Native({ initialize: function(elements, options){ options = $extend({ddup: true, cash: true}, options); elements = elements || []; if (options.ddup || options.cash){ var uniques = {}, returned = []; for (var i = 0, l = elements.length; i < l; i++){ var el = $.element(elements[i], !options.cash); if (options.ddup){ if (uniques[el.uid]) continue; uniques[el.uid] = true; } returned.push(el); } elements = returned; } return (options.cash) ? $extend(elements, this) : elements; } }); Elements.implement({ filter: function(filter, bind){ if (!filter) return this; return new Elements(Array.filter(this, (typeof filter == 'string') ? function(item){ return item.match(filter); } : filter, bind)); } }); Document.implement({ newElement: function(tag, props){ if (Browser.Engine.trident && props){ ['name', 'type', 'checked'].each(function(attribute){ if (!props[attribute]) return; tag += ' ' + attribute + '="' + props[attribute] + '"'; if (attribute != 'checked') delete props[attribute]; }); tag = '<' + tag + '>'; } return $.element(this.createElement(tag)).set(props); }, newTextNode: function(text){ return this.createTextNode(text); }, getDocument: function(){ return this; }, getWindow: function(){ return this.window; } }); Window.implement({ $: function(el, nocash){ if (el && el.$family && el.uid) return el; var type = $type(el); return ($[type]) ? $[type](el, nocash, this.document) : null; }, $$: function(selector){ if (arguments.length == 1 && typeof selector == 'string') return this.document.getElements(selector); var elements = []; var args = Array.flatten(arguments); for (var i = 0, l = args.length; i < l; i++){ var item = args[i]; switch ($type(item)){ case 'element': elements.push(item); break; case 'string': elements.extend(this.document.getElements(item, true)); } } return new Elements(elements); }, getDocument: function(){ return this.document; }, getWindow: function(){ return this; } }); $.string = function(id, nocash, doc){ id = doc.getElementById(id); return (id) ? $.element(id, nocash) : null; }; $.element = function(el, nocash){ $uid(el); if (!nocash && !el.$family && !(/^object|embed$/i).test(el.tagName)){ var proto = Element.Prototype; for (var p in proto) el[p] = proto[p]; }; return el; }; $.object = function(obj, nocash, doc){ if (obj.toElement) return $.element(obj.toElement(doc), nocash); return null; }; $.textnode = $.whitespace = $.window = $.document = $arguments(0); Native.implement([Element, Document], { getElement: function(selector, nocash){ return $(this.getElements(selector, true)[0] || null, nocash); }, getElements: function(tags, nocash){ tags = tags.split(','); var elements = []; var ddup = (tags.length > 1); tags.each(function(tag){ var partial = this.getElementsByTagName(tag.trim()); (ddup) ? elements.extend(partial) : elements = partial; }, this); return new Elements(elements, {ddup: ddup, cash: !nocash}); } }); (function(){ var collected = {}, storage = {}; var props = {input: 'checked', option: 'selected', textarea: (Browser.Engine.webkit && Browser.Engine.version < 420) ? 'innerHTML' : 'value'}; var get = function(uid){ return (storage[uid] || (storage[uid] = {})); }; var clean = function(item, retain){ if (!item) return; var uid = item.uid; if (Browser.Engine.trident){ if (item.clearAttributes){ var clone = retain && item.cloneNode(false); item.clearAttributes(); if (clone) item.mergeAttributes(clone); } else if (item.removeEvents){ item.removeEvents(); } if ((/object/i).test(item.tagName)){ for (var p in item){ if (typeof item[p] == 'function') item[p] = $empty; } Element.dispose(item); } } if (!uid) return; collected[uid] = storage[uid] = null; }; var purge = function(){ Hash.each(collected, clean); if (Browser.Engine.trident) $A(document.getElementsByTagName('object')).each(clean); if (window.CollectGarbage) CollectGarbage(); collected = storage = null; }; var walk = function(element, walk, start, match, all, nocash){ var el = element[start || walk]; var elements = []; while (el){ if (el.nodeType == 1 && (!match || Element.match(el, match))){ if (!all) return $(el, nocash); elements.push(el); } el = el[walk]; } return (all) ? new Elements(elements, {ddup: false, cash: !nocash}) : null; }; var attributes = { 'html': 'innerHTML', 'class': 'className', 'for': 'htmlFor', 'text': (Browser.Engine.trident || (Browser.Engine.webkit && Browser.Engine.version < 420)) ? 'innerText' : 'textContent' }; var bools = ['compact', 'nowrap', 'ismap', 'declare', 'noshade', 'checked', 'disabled', 'readonly', 'multiple', 'selected', 'noresize', 'defer']; var camels = ['value', 'accessKey', 'cellPadding', 'cellSpacing', 'colSpan', 'frameBorder', 'maxLength', 'readOnly', 'rowSpan', 'tabIndex', 'useMap']; Hash.extend(attributes, bools.associate(bools)); Hash.extend(attributes, camels.associate(camels.map(String.toLowerCase))); var inserters = { before: function(context, element){ if (element.parentNode) element.parentNode.insertBefore(context, element); }, after: function(context, element){ if (!element.parentNode) return; var next = element.nextSibling; (next) ? element.parentNode.insertBefore(context, next) : element.parentNode.appendChild(context); }, bottom: function(context, element){ element.appendChild(context); }, top: function(context, element){ var first = element.firstChild; (first) ? element.insertBefore(context, first) : element.appendChild(context); } }; inserters.inside = inserters.bottom; Hash.each(inserters, function(inserter, where){ where = where.capitalize(); Element.implement('inject' + where, function(el){ inserter(this, $(el, true)); return this; }); Element.implement('grab' + where, function(el){ inserter($(el, true), this); return this; }); }); Element.implement({ set: function(prop, value){ switch ($type(prop)){ case 'object': for (var p in prop) this.set(p, prop[p]); break; case 'string': var property = Element.Properties.get(prop); (property && property.set) ? property.set.apply(this, Array.slice(arguments, 1)) : this.setProperty(prop, value); } return this; }, get: function(prop){ var property = Element.Properties.get(prop); return (property && property.get) ? property.get.apply(this, Array.slice(arguments, 1)) : this.getProperty(prop); }, erase: function(prop){ var property = Element.Properties.get(prop); (property && property.erase) ? property.erase.apply(this) : this.removeProperty(prop); return this; }, setProperty: function(attribute, value){ var key = attributes[attribute]; if (value == undefined) return this.removeProperty(attribute); if (key && bools[attribute]) value = !!value; (key) ? this[key] = value : this.setAttribute(attribute, '' + value); return this; }, setProperties: function(attributes){ for (var attribute in attributes) this.setProperty(attribute, attributes[attribute]); return this; }, getProperty: function(attribute){ var key = attributes[attribute]; var value = (key) ? this[key] : this.getAttribute(attribute, 2); return (bools[attribute]) ? !!value : (key) ? value : value || null; }, getProperties: function(){ var args = $A(arguments); return args.map(this.getProperty, this).associate(args); }, removeProperty: function(attribute){ var key = attributes[attribute]; (key) ? this[key] = (key && bools[attribute]) ? false : '' : this.removeAttribute(attribute); return this; }, removeProperties: function(){ Array.each(arguments, this.removeProperty, this); return this; }, hasClass: function(className){ return this.className.contains(className, ' '); }, addClass: function(className){ if (!this.hasClass(className)) this.className = (this.className + ' ' + className).clean(); return this; }, removeClass: function(className){ this.className = this.className.replace(new RegExp('(^|\\s)' + className + '(?:\\s|$)'), '$1'); return this; }, toggleClass: function(className){ return this.hasClass(className) ? this.removeClass(className) : this.addClass(className); }, adopt: function(){ Array.flatten(arguments).each(function(element){ element = $(element, true); if (element) this.appendChild(element); }, this); return this; }, appendText: function(text, where){ return this.grab(this.getDocument().newTextNode(text), where); }, grab: function(el, where){ inserters[where || 'bottom']($(el, true), this); return this; }, inject: function(el, where){ inserters[where || 'bottom'](this, $(el, true)); return this; }, replaces: function(el){ el = $(el, true); el.parentNode.replaceChild(this, el); return this; }, wraps: function(el, where){ el = $(el, true); return this.replaces(el).grab(el, where); }, getPrevious: function(match, nocash){ return walk(this, 'previousSibling', null, match, false, nocash); }, getAllPrevious: function(match, nocash){ return walk(this, 'previousSibling', null, match, true, nocash); }, getNext: function(match, nocash){ return walk(this, 'nextSibling', null, match, false, nocash); }, getAllNext: function(match, nocash){ return walk(this, 'nextSibling', null, match, true, nocash); }, getFirst: function(match, nocash){ return walk(this, 'nextSibling', 'firstChild', match, false, nocash); }, getLast: function(match, nocash){ return walk(this, 'previousSibling', 'lastChild', match, false, nocash); }, getParent: function(match, nocash){ return walk(this, 'parentNode', null, match, false, nocash); }, getParents: function(match, nocash){ return walk(this, 'parentNode', null, match, true, nocash); }, getChildren: function(match, nocash){ return walk(this, 'nextSibling', 'firstChild', match, true, nocash); }, getWindow: function(){ return this.ownerDocument.window; }, getDocument: function(){ return this.ownerDocument; }, getElementById: function(id, nocash){ var el = this.ownerDocument.getElementById(id); if (!el) return null; for (var parent = el.parentNode; parent != this; parent = parent.parentNode){ if (!parent) return null; } return $.element(el, nocash); }, getSelected: function(){ return new Elements($A(this.options).filter(function(option){ return option.selected; })); }, getComputedStyle: function(property){ if (this.currentStyle) return this.currentStyle[property.camelCase()]; var computed = this.getDocument().defaultView.getComputedStyle(this, null); return (computed) ? computed.getPropertyValue([property.hyphenate()]) : null; }, toQueryString: function(){ var queryString = []; this.getElements('input, select, textarea', true).each(function(el){ if (!el.name || el.disabled) return; var value = (el.tagName.toLowerCase() == 'select') ? Element.getSelected(el).map(function(opt){ return opt.value; }) : ((el.type == 'radio' || el.type == 'checkbox') && !el.checked) ? null : el.value; $splat(value).each(function(val){ if (typeof val != 'undefined') queryString.push(el.name + '=' + encodeURIComponent(val)); }); }); return queryString.join('&'); }, clone: function(contents, keepid){ contents = contents !== false; var clone = this.cloneNode(contents); var clean = function(node, element){ if (!keepid) node.removeAttribute('id'); if (Browser.Engine.trident){ node.clearAttributes(); node.mergeAttributes(element); node.removeAttribute('uid'); if (node.options){ var no = node.options, eo = element.options; for (var j = no.length; j--;) no[j].selected = eo[j].selected; } } var prop = props[element.tagName.toLowerCase()]; if (prop && element[prop]) node[prop] = element[prop]; }; if (contents){ var ce = clone.getElementsByTagName('*'), te = this.getElementsByTagName('*'); for (var i = ce.length; i--;) clean(ce[i], te[i]); } clean(clone, this); return $(clone); }, destroy: function(){ Element.empty(this); Element.dispose(this); clean(this, true); return null; }, empty: function(){ $A(this.childNodes).each(function(node){ Element.destroy(node); }); return this; }, dispose: function(){ return (this.parentNode) ? this.parentNode.removeChild(this) : this; }, hasChild: function(el){ el = $(el, true); if (!el) return false; if (Browser.Engine.webkit && Browser.Engine.version < 420) return $A(this.getElementsByTagName(el.tagName)).contains(el); return (this.contains) ? (this != el && this.contains(el)) : !!(this.compareDocumentPosition(el) & 16); }, match: function(tag){ return (!tag || (tag == this) || (Element.get(this, 'tag') == tag)); } }); Native.implement([Element, Window, Document], { addListener: function(type, fn){ if (type == 'unload'){ var old = fn, self = this; fn = function(){ self.removeListener('unload', fn); old(); }; } else { collected[this.uid] = this; } if (this.addEventListener) this.addEventListener(type, fn, false); else this.attachEvent('on' + type, fn); return this; }, removeListener: function(type, fn){ if (this.removeEventListener) this.removeEventListener(type, fn, false); else this.detachEvent('on' + type, fn); return this; }, retrieve: function(property, dflt){ var storage = get(this.uid), prop = storage[property]; if (dflt != undefined && prop == undefined) prop = storage[property] = dflt; return $pick(prop); }, store: function(property, value){ var storage = get(this.uid); storage[property] = value; return this; }, eliminate: function(property){ var storage = get(this.uid); delete storage[property]; return this; } }); window.addListener('unload', purge); })(); Element.Properties = new Hash; Element.Properties.style = { set: function(style){ this.style.cssText = style; }, get: function(){ return this.style.cssText; }, erase: function(){ this.style.cssText = ''; } }; Element.Properties.tag = { get: function(){ return this.tagName.toLowerCase(); } }; Element.Properties.html = (function(){ var wrapper = document.createElement('div'); var translations = { table: [1, '', '
'], select: [1, ''], tbody: [2, '', '
'], tr: [3, '', '
'] }; translations.thead = translations.tfoot = translations.tbody; var html = { set: function(){ var html = Array.flatten(arguments).join(''); var wrap = Browser.Engine.trident && translations[this.get('tag')]; if (wrap){ var first = wrapper; first.innerHTML = wrap[1] + html + wrap[2]; for (var i = wrap[0]; i--;) first = first.firstChild; this.empty().adopt(first.childNodes); } else { this.innerHTML = html; } } }; html.erase = html.set; return html; })(); if (Browser.Engine.webkit && Browser.Engine.version < 420) Element.Properties.text = { get: function(){ if (this.innerText) return this.innerText; var temp = this.ownerDocument.newElement('div', {html: this.innerHTML}).inject(this.ownerDocument.body); var text = temp.innerText; temp.destroy(); return text; } }; /* Script: Element.Event.js Contains Element methods for dealing with events, and custom Events. License: MIT-style license. */ Element.Properties.events = {set: function(events){ this.addEvents(events); }}; Native.implement([Element, Window, Document], { addEvent: function(type, fn){ var events = this.retrieve('events', {}); events[type] = events[type] || {'keys': [], 'values': []}; if (events[type].keys.contains(fn)) return this; events[type].keys.push(fn); var realType = type, custom = Element.Events.get(type), condition = fn, self = this; if (custom){ if (custom.onAdd) custom.onAdd.call(this, fn); if (custom.condition){ condition = function(event){ if (custom.condition.call(this, event)) return fn.call(this, event); return true; }; } realType = custom.base || realType; } var defn = function(){ return fn.call(self); }; var nativeEvent = Element.NativeEvents[realType]; if (nativeEvent){ if (nativeEvent == 2){ defn = function(event){ event = new Event(event, self.getWindow()); if (condition.call(self, event) === false) event.stop(); }; } this.addListener(realType, defn); } events[type].values.push(defn); return this; }, removeEvent: function(type, fn){ var events = this.retrieve('events'); if (!events || !events[type]) return this; var pos = events[type].keys.indexOf(fn); if (pos == -1) return this; events[type].keys.splice(pos, 1); var value = events[type].values.splice(pos, 1)[0]; var custom = Element.Events.get(type); if (custom){ if (custom.onRemove) custom.onRemove.call(this, fn); type = custom.base || type; } return (Element.NativeEvents[type]) ? this.removeListener(type, value) : this; }, addEvents: function(events){ for (var event in events) this.addEvent(event, events[event]); return this; }, removeEvents: function(events){ if ($type(events) == 'object'){ for (var type in events) this.removeEvent(type, events[type]); return this; } var attached = this.retrieve('events'); if (!attached) return this; if (!events){ for (var type in attached) this.removeEvents(type); this.eliminate('events'); } else if (attached[events]){ while (attached[events].keys[0]) this.removeEvent(events, attached[events].keys[0]); attached[events] = null; } return this; }, fireEvent: function(type, args, delay){ var events = this.retrieve('events'); if (!events || !events[type]) return this; events[type].keys.each(function(fn){ fn.create({'bind': this, 'delay': delay, 'arguments': args})(); }, this); return this; }, cloneEvents: function(from, type){ from = $(from); var fevents = from.retrieve('events'); if (!fevents) return this; if (!type){ for (var evType in fevents) this.cloneEvents(from, evType); } else if (fevents[type]){ fevents[type].keys.each(function(fn){ this.addEvent(type, fn); }, this); } return this; } }); Element.NativeEvents = { click: 2, dblclick: 2, mouseup: 2, mousedown: 2, contextmenu: 2, //mouse buttons mousewheel: 2, DOMMouseScroll: 2, //mouse wheel mouseover: 2, mouseout: 2, mousemove: 2, selectstart: 2, selectend: 2, //mouse movement keydown: 2, keypress: 2, keyup: 2, //keyboard focus: 2, blur: 2, change: 2, reset: 2, select: 2, submit: 2, //form elements load: 1, unload: 1, beforeunload: 2, resize: 1, move: 1, DOMContentLoaded: 1, readystatechange: 1, //window error: 1, abort: 1, scroll: 1 //misc }; (function(){ var $check = function(event){ var related = event.relatedTarget; if (related == undefined) return true; if (related === false) return false; return ($type(this) != 'document' && related != this && related.prefix != 'xul' && !this.hasChild(related)); }; Element.Events = new Hash({ mouseenter: { base: 'mouseover', condition: $check }, mouseleave: { base: 'mouseout', condition: $check }, mousewheel: { base: (Browser.Engine.gecko) ? 'DOMMouseScroll' : 'mousewheel' } }); })(); /* Script: Element.Style.js Contains methods for interacting with the styles of Elements in a fashionable way. License: MIT-style license. */ Element.Properties.styles = {set: function(styles){ this.setStyles(styles); }}; Element.Properties.opacity = { set: function(opacity, novisibility){ if (!novisibility){ if (opacity == 0){ if (this.style.visibility != 'hidden') this.style.visibility = 'hidden'; } else { if (this.style.visibility != 'visible') this.style.visibility = 'visible'; } } if (!this.currentStyle || !this.currentStyle.hasLayout) this.style.zoom = 1; if (Browser.Engine.trident) this.style.filter = (opacity == 1) ? '' : 'alpha(opacity=' + opacity * 100 + ')'; this.style.opacity = opacity; this.store('opacity', opacity); }, get: function(){ return this.retrieve('opacity', 1); } }; Element.implement({ setOpacity: function(value){ return this.set('opacity', value, true); }, getOpacity: function(){ return this.get('opacity'); }, setStyle: function(property, value){ switch (property){ case 'opacity': return this.set('opacity', parseFloat(value)); case 'float': property = (Browser.Engine.trident) ? 'styleFloat' : 'cssFloat'; } property = property.camelCase(); if ($type(value) != 'string'){ var map = (Element.Styles.get(property) || '@').split(' '); value = $splat(value).map(function(val, i){ if (!map[i]) return ''; return ($type(val) == 'number') ? map[i].replace('@', Math.round(val)) : val; }).join(' '); } else if (value == String(Number(value))){ value = Math.round(value); } this.style[property] = value; return this; }, getStyle: function(property){ switch (property){ case 'opacity': return this.get('opacity'); case 'float': property = (Browser.Engine.trident) ? 'styleFloat' : 'cssFloat'; } property = property.camelCase(); var result = this.style[property]; if (!$chk(result)){ result = []; for (var style in Element.ShortStyles){ if (property != style) continue; for (var s in Element.ShortStyles[style]) result.push(this.getStyle(s)); return result.join(' '); } result = this.getComputedStyle(property); } if (result){ result = String(result); var color = result.match(/rgba?\([\d\s,]+\)/); if (color) result = result.replace(color[0], color[0].rgbToHex()); } if (Browser.Engine.presto || (Browser.Engine.trident && !$chk(parseInt(result)))){ if (property.test(/^(height|width)$/)){ var values = (property == 'width') ? ['left', 'right'] : ['top', 'bottom'], size = 0; values.each(function(value){ size += this.getStyle('border-' + value + '-width').toInt() + this.getStyle('padding-' + value).toInt(); }, this); return this['offset' + property.capitalize()] - size + 'px'; } if ((Browser.Engine.presto) && String(result).test('px')) return result; if (property.test(/(border(.+)Width|margin|padding)/)) return '0px'; } return result; }, setStyles: function(styles){ for (var style in styles) this.setStyle(style, styles[style]); return this; }, getStyles: function(){ var result = {}; Array.each(arguments, function(key){ result[key] = this.getStyle(key); }, this); return result; } }); Element.Styles = new Hash({ left: '@px', top: '@px', bottom: '@px', right: '@px', width: '@px', height: '@px', maxWidth: '@px', maxHeight: '@px', minWidth: '@px', minHeight: '@px', backgroundColor: 'rgb(@, @, @)', backgroundPosition: '@px @px', color: 'rgb(@, @, @)', fontSize: '@px', letterSpacing: '@px', lineHeight: '@px', clip: 'rect(@px @px @px @px)', margin: '@px @px @px @px', padding: '@px @px @px @px', border: '@px @ rgb(@, @, @) @px @ rgb(@, @, @) @px @ rgb(@, @, @)', borderWidth: '@px @px @px @px', borderStyle: '@ @ @ @', borderColor: 'rgb(@, @, @) rgb(@, @, @) rgb(@, @, @) rgb(@, @, @)', zIndex: '@', 'zoom': '@', fontWeight: '@', textIndent: '@px', opacity: '@' }); Element.ShortStyles = {margin: {}, padding: {}, border: {}, borderWidth: {}, borderStyle: {}, borderColor: {}}; ['Top', 'Right', 'Bottom', 'Left'].each(function(direction){ var Short = Element.ShortStyles; var All = Element.Styles; ['margin', 'padding'].each(function(style){ var sd = style + direction; Short[style][sd] = All[sd] = '@px'; }); var bd = 'border' + direction; Short.border[bd] = All[bd] = '@px @ rgb(@, @, @)'; var bdw = bd + 'Width', bds = bd + 'Style', bdc = bd + 'Color'; Short[bd] = {}; Short.borderWidth[bdw] = Short[bd][bdw] = All[bdw] = '@px'; Short.borderStyle[bds] = Short[bd][bds] = All[bds] = '@'; Short.borderColor[bdc] = Short[bd][bdc] = All[bdc] = 'rgb(@, @, @)'; }); /* Script: Element.Dimensions.js Contains methods to work with size, scroll, or positioning of Elements and the window object. License: MIT-style license. Credits: - Element positioning based on the [qooxdoo](http://qooxdoo.org/) code and smart browser fixes, [LGPL License](http://www.gnu.org/licenses/lgpl.html). - Viewport dimensions based on [YUI](http://developer.yahoo.com/yui/) code, [BSD License](http://developer.yahoo.com/yui/license.html). */ (function(){ Element.implement({ scrollTo: function(x, y){ if (isBody(this)){ this.getWindow().scrollTo(x, y); } else { this.scrollLeft = x; this.scrollTop = y; } return this; }, getSize: function(){ if (isBody(this)) return this.getWindow().getSize(); return {x: this.offsetWidth, y: this.offsetHeight}; }, getScrollSize: function(){ if (isBody(this)) return this.getWindow().getScrollSize(); return {x: this.scrollWidth, y: this.scrollHeight}; }, getScroll: function(){ if (isBody(this)) return this.getWindow().getScroll(); return {x: this.scrollLeft, y: this.scrollTop}; }, getScrolls: function(){ var element = this, position = {x: 0, y: 0}; while (element && !isBody(element)){ position.x += element.scrollLeft; position.y += element.scrollTop; element = element.parentNode; } return position; }, getOffsetParent: function(){ var element = this; if (isBody(element)) return null; if (!Browser.Engine.trident) return element.offsetParent; while ((element = element.parentNode) && !isBody(element)){ if (styleString(element, 'position') != 'static') return element; } return null; }, getOffsets: function(){ if (Browser.Engine.trident){ var bound = this.getBoundingClientRect(), html = this.getDocument().documentElement; return { x: bound.left + html.scrollLeft - html.clientLeft, y: bound.top + html.scrollTop - html.clientTop }; } var element = this, position = {x: 0, y: 0}; if (isBody(this)) return position; while (element && !isBody(element)){ position.x += element.offsetLeft; position.y += element.offsetTop; if (Browser.Engine.gecko){ if (!borderBox(element)){ position.x += leftBorder(element); position.y += topBorder(element); } var parent = element.parentNode; if (parent && styleString(parent, 'overflow') != 'visible'){ position.x += leftBorder(parent); position.y += topBorder(parent); } } else if (element != this && Browser.Engine.webkit){ position.x += leftBorder(element); position.y += topBorder(element); } element = element.offsetParent; } if (Browser.Engine.gecko && !borderBox(this)){ position.x -= leftBorder(this); position.y -= topBorder(this); } return position; }, getPosition: function(relative){ if (isBody(this)) return {x: 0, y: 0}; var offset = this.getOffsets(), scroll = this.getScrolls(); var position = {x: offset.x - scroll.x, y: offset.y - scroll.y}; var relativePosition = (relative && (relative = $(relative))) ? relative.getPosition() : {x: 0, y: 0}; return {x: position.x - relativePosition.x, y: position.y - relativePosition.y}; }, getCoordinates: function(element){ if (isBody(this)) return this.getWindow().getCoordinates(); var position = this.getPosition(element), size = this.getSize(); var obj = {left: position.x, top: position.y, width: size.x, height: size.y}; obj.right = obj.left + obj.width; obj.bottom = obj.top + obj.height; return obj; }, computePosition: function(obj){ return {left: obj.x - styleNumber(this, 'margin-left'), top: obj.y - styleNumber(this, 'margin-top')}; }, position: function(obj){ return this.setStyles(this.computePosition(obj)); } }); Native.implement([Document, Window], { getSize: function(){ var win = this.getWindow(); if (Browser.Engine.presto || Browser.Engine.webkit) return {x: win.innerWidth, y: win.innerHeight}; var doc = getCompatElement(this); return {x: doc.clientWidth, y: doc.clientHeight}; }, getScroll: function(){ var win = this.getWindow(); var doc = getCompatElement(this); return {x: win.pageXOffset || doc.scrollLeft, y: win.pageYOffset || doc.scrollTop}; }, getScrollSize: function(){ var doc = getCompatElement(this); var min = this.getSize(); return {x: Math.max(doc.scrollWidth, min.x), y: Math.max(doc.scrollHeight, min.y)}; }, getPosition: function(){ return {x: 0, y: 0}; }, getCoordinates: function(){ var size = this.getSize(); return {top: 0, left: 0, bottom: size.y, right: size.x, height: size.y, width: size.x}; } }); // private methods var styleString = Element.getComputedStyle; function styleNumber(element, style){ return styleString(element, style).toInt() || 0; }; function borderBox(element){ return styleString(element, '-moz-box-sizing') == 'border-box'; }; function topBorder(element){ return styleNumber(element, 'border-top-width'); }; function leftBorder(element){ return styleNumber(element, 'border-left-width'); }; function isBody(element){ return (/^(?:body|html)$/i).test(element.tagName); }; function getCompatElement(element){ var doc = element.getDocument(); return (!doc.compatMode || doc.compatMode == 'CSS1Compat') ? doc.html : doc.body; }; })(); //aliases Native.implement([Window, Document, Element], { getHeight: function(){ return this.getSize().y; }, getWidth: function(){ return this.getSize().x; }, getScrollTop: function(){ return this.getScroll().y; }, getScrollLeft: function(){ return this.getScroll().x; }, getScrollHeight: function(){ return this.getScrollSize().y; }, getScrollWidth: function(){ return this.getScrollSize().x; }, getTop: function(){ return this.getPosition().y; }, getLeft: function(){ return this.getPosition().x; } }); /* Script: Selectors.js Adds advanced CSS Querying capabilities for targeting elements. Also includes pseudoselectors support. License: MIT-style license. */ Native.implement([Document, Element], { getElements: function(expression, nocash){ expression = expression.split(','); var items, local = {}; for (var i = 0, l = expression.length; i < l; i++){ var selector = expression[i], elements = Selectors.Utils.search(this, selector, local); if (i != 0 && elements.item) elements = $A(elements); items = (i == 0) ? elements : (items.item) ? $A(items).concat(elements) : items.concat(elements); } return new Elements(items, {ddup: (expression.length > 1), cash: !nocash}); } }); Element.implement({ match: function(selector){ if (!selector || (selector == this)) return true; var tagid = Selectors.Utils.parseTagAndID(selector); var tag = tagid[0], id = tagid[1]; if (!Selectors.Filters.byID(this, id) || !Selectors.Filters.byTag(this, tag)) return false; var parsed = Selectors.Utils.parseSelector(selector); return (parsed) ? Selectors.Utils.filter(this, parsed, {}) : true; } }); var Selectors = {Cache: {nth: {}, parsed: {}}}; Selectors.RegExps = { id: (/#([\w-]+)/), tag: (/^(\w+|\*)/), quick: (/^(\w+|\*)$/), splitter: (/\s*([+>~\s])\s*([a-zA-Z#.*:\[])/g), combined: (/\.([\w-]+)|\[(\w+)(?:([!*^$~|]?=)(["']?)([^\4]*?)\4)?\]|:([\w-]+)(?:\(["']?(.*?)?["']?\)|$)/g) }; Selectors.Utils = { chk: function(item, uniques){ if (!uniques) return true; var uid = $uid(item); if (!uniques[uid]) return uniques[uid] = true; return false; }, parseNthArgument: function(argument){ if (Selectors.Cache.nth[argument]) return Selectors.Cache.nth[argument]; var parsed = argument.match(/^([+-]?\d*)?([a-z]+)?([+-]?\d*)?$/); if (!parsed) return false; var inta = parseInt(parsed[1]); var a = (inta || inta === 0) ? inta : 1; var special = parsed[2] || false; var b = parseInt(parsed[3]) || 0; if (a != 0){ b--; while (b < 1) b += a; while (b >= a) b -= a; } else { a = b; special = 'index'; } switch (special){ case 'n': parsed = {a: a, b: b, special: 'n'}; break; case 'odd': parsed = {a: 2, b: 0, special: 'n'}; break; case 'even': parsed = {a: 2, b: 1, special: 'n'}; break; case 'first': parsed = {a: 0, special: 'index'}; break; case 'last': parsed = {special: 'last-child'}; break; case 'only': parsed = {special: 'only-child'}; break; default: parsed = {a: (a - 1), special: 'index'}; } return Selectors.Cache.nth[argument] = parsed; }, parseSelector: function(selector){ if (Selectors.Cache.parsed[selector]) return Selectors.Cache.parsed[selector]; var m, parsed = {classes: [], pseudos: [], attributes: []}; while ((m = Selectors.RegExps.combined.exec(selector))){ var cn = m[1], an = m[2], ao = m[3], av = m[5], pn = m[6], pa = m[7]; if (cn){ parsed.classes.push(cn); } else if (pn){ var parser = Selectors.Pseudo.get(pn); if (parser) parsed.pseudos.push({parser: parser, argument: pa}); else parsed.attributes.push({name: pn, operator: '=', value: pa}); } else if (an){ parsed.attributes.push({name: an, operator: ao, value: av}); } } if (!parsed.classes.length) delete parsed.classes; if (!parsed.attributes.length) delete parsed.attributes; if (!parsed.pseudos.length) delete parsed.pseudos; if (!parsed.classes && !parsed.attributes && !parsed.pseudos) parsed = null; return Selectors.Cache.parsed[selector] = parsed; }, parseTagAndID: function(selector){ var tag = selector.match(Selectors.RegExps.tag); var id = selector.match(Selectors.RegExps.id); return [(tag) ? tag[1] : '*', (id) ? id[1] : false]; }, filter: function(item, parsed, local){ var i; if (parsed.classes){ for (i = parsed.classes.length; i--; i){ var cn = parsed.classes[i]; if (!Selectors.Filters.byClass(item, cn)) return false; } } if (parsed.attributes){ for (i = parsed.attributes.length; i--; i){ var att = parsed.attributes[i]; if (!Selectors.Filters.byAttribute(item, att.name, att.operator, att.value)) return false; } } if (parsed.pseudos){ for (i = parsed.pseudos.length; i--; i){ var psd = parsed.pseudos[i]; if (!Selectors.Filters.byPseudo(item, psd.parser, psd.argument, local)) return false; } } return true; }, getByTagAndID: function(ctx, tag, id){ if (id){ var item = (ctx.getElementById) ? ctx.getElementById(id, true) : Element.getElementById(ctx, id, true); return (item && Selectors.Filters.byTag(item, tag)) ? [item] : []; } else { return ctx.getElementsByTagName(tag); } }, search: function(self, expression, local){ var splitters = []; var selectors = expression.trim().replace(Selectors.RegExps.splitter, function(m0, m1, m2){ splitters.push(m1); return ':)' + m2; }).split(':)'); var items, filtered, item; for (var i = 0, l = selectors.length; i < l; i++){ var selector = selectors[i]; if (i == 0 && Selectors.RegExps.quick.test(selector)){ items = self.getElementsByTagName(selector); continue; } var splitter = splitters[i - 1]; var tagid = Selectors.Utils.parseTagAndID(selector); var tag = tagid[0], id = tagid[1]; if (i == 0){ items = Selectors.Utils.getByTagAndID(self, tag, id); } else { var uniques = {}, found = []; for (var j = 0, k = items.length; j < k; j++) found = Selectors.Getters[splitter](found, items[j], tag, id, uniques); items = found; } var parsed = Selectors.Utils.parseSelector(selector); if (parsed){ filtered = []; for (var m = 0, n = items.length; m < n; m++){ item = items[m]; if (Selectors.Utils.filter(item, parsed, local)) filtered.push(item); } items = filtered; } } return items; } }; Selectors.Getters = { ' ': function(found, self, tag, id, uniques){ var items = Selectors.Utils.getByTagAndID(self, tag, id); for (var i = 0, l = items.length; i < l; i++){ var item = items[i]; if (Selectors.Utils.chk(item, uniques)) found.push(item); } return found; }, '>': function(found, self, tag, id, uniques){ var children = Selectors.Utils.getByTagAndID(self, tag, id); for (var i = 0, l = children.length; i < l; i++){ var child = children[i]; if (child.parentNode == self && Selectors.Utils.chk(child, uniques)) found.push(child); } return found; }, '+': function(found, self, tag, id, uniques){ while ((self = self.nextSibling)){ if (self.nodeType == 1){ if (Selectors.Utils.chk(self, uniques) && Selectors.Filters.byTag(self, tag) && Selectors.Filters.byID(self, id)) found.push(self); break; } } return found; }, '~': function(found, self, tag, id, uniques){ while ((self = self.nextSibling)){ if (self.nodeType == 1){ if (!Selectors.Utils.chk(self, uniques)) break; if (Selectors.Filters.byTag(self, tag) && Selectors.Filters.byID(self, id)) found.push(self); } } return found; } }; Selectors.Filters = { byTag: function(self, tag){ return (tag == '*' || (self.tagName && self.tagName.toLowerCase() == tag)); }, byID: function(self, id){ return (!id || (self.id && self.id == id)); }, byClass: function(self, klass){ return (self.className && self.className.contains(klass, ' ')); }, byPseudo: function(self, parser, argument, local){ return parser.call(self, argument, local); }, byAttribute: function(self, name, operator, value){ var result = Element.prototype.getProperty.call(self, name); if (!result) return (operator == '!='); if (!operator || value == undefined) return true; switch (operator){ case '=': return (result == value); case '*=': return (result.contains(value)); case '^=': return (result.substr(0, value.length) == value); case '$=': return (result.substr(result.length - value.length) == value); case '!=': return (result != value); case '~=': return result.contains(value, ' '); case '|=': return result.contains(value, '-'); } return false; } }; Selectors.Pseudo = new Hash({ // w3c pseudo selectors checked: function(){ return this.checked; }, empty: function(){ return !(this.innerText || this.textContent || '').length; }, not: function(selector){ return !Element.match(this, selector); }, contains: function(text){ return (this.innerText || this.textContent || '').contains(text); }, 'first-child': function(){ return Selectors.Pseudo.index.call(this, 0); }, 'last-child': function(){ var element = this; while ((element = element.nextSibling)){ if (element.nodeType == 1) return false; } return true; }, 'only-child': function(){ var prev = this; while ((prev = prev.previousSibling)){ if (prev.nodeType == 1) return false; } var next = this; while ((next = next.nextSibling)){ if (next.nodeType == 1) return false; } return true; }, 'nth-child': function(argument, local){ argument = (argument == undefined) ? 'n' : argument; var parsed = Selectors.Utils.parseNthArgument(argument); if (parsed.special != 'n') return Selectors.Pseudo[parsed.special].call(this, parsed.a, local); var count = 0; local.positions = local.positions || {}; var uid = $uid(this); if (!local.positions[uid]){ var self = this; while ((self = self.previousSibling)){ if (self.nodeType != 1) continue; count ++; var position = local.positions[$uid(self)]; if (position != undefined){ count = position + count; break; } } local.positions[uid] = count; } return (local.positions[uid] % parsed.a == parsed.b); }, // custom pseudo selectors index: function(index){ var element = this, count = 0; while ((element = element.previousSibling)){ if (element.nodeType == 1 && ++count > index) return false; } return (count == index); }, even: function(argument, local){ return Selectors.Pseudo['nth-child'].call(this, '2n+1', local); }, odd: function(argument, local){ return Selectors.Pseudo['nth-child'].call(this, '2n', local); } }); /* Script: Domready.js Contains the domready custom event. License: MIT-style license. */ Element.Events.domready = { onAdd: function(fn){ if (Browser.loaded) fn.call(this); } }; (function(){ var domready = function(){ if (Browser.loaded) return; Browser.loaded = true; window.fireEvent('domready'); document.fireEvent('domready'); }; if (Browser.Engine.trident){ var temp = document.createElement('div'); (function(){ ($try(function(){ temp.doScroll('left'); return $(temp).inject(document.body).set('html', 'temp').dispose(); })) ? domready() : arguments.callee.delay(50); })(); } else if (Browser.Engine.webkit && Browser.Engine.version < 525){ (function(){ (['loaded', 'complete'].contains(document.readyState)) ? domready() : arguments.callee.delay(50); })(); } else { window.addEvent('load', domready); document.addEvent('DOMContentLoaded', domready); } })(); /* Script: JSON.js JSON encoder and decoder. License: MIT-style license. See Also: */ var JSON = new Hash({ $specialChars: {'\b': '\\b', '\t': '\\t', '\n': '\\n', '\f': '\\f', '\r': '\\r', '"' : '\\"', '\\': '\\\\'}, $replaceChars: function(chr){ return JSON.$specialChars[chr] || '\\u00' + Math.floor(chr.charCodeAt() / 16).toString(16) + (chr.charCodeAt() % 16).toString(16); }, encode: function(obj){ switch ($type(obj)){ case 'string': return '"' + obj.replace(/[\x00-\x1f\\"]/g, JSON.$replaceChars) + '"'; case 'array': return '[' + String(obj.map(JSON.encode).filter($defined)) + ']'; case 'object': case 'hash': var string = []; Hash.each(obj, function(value, key){ var json = JSON.encode(value); if (json) string.push(JSON.encode(key) + ':' + json); }); return '{' + string + '}'; case 'number': case 'boolean': return String(obj); case false: return 'null'; } return null; }, decode: function(string, secure){ if ($type(string) != 'string' || !string.length) return null; if (secure && !(/^[,:{}\[\]0-9.\-+Eaeflnr-u \n\r\t]*$/).test(string.replace(/\\./g, '@').replace(/"[^"\\\n\r]*"/g, ''))) return null; return eval('(' + string + ')'); } }); Native.implement([Hash, Array, String, Number], { toJSON: function(){ return JSON.encode(this); } }); /* Script: Cookie.js Class for creating, loading, and saving browser Cookies. License: MIT-style license. Credits: Based on the functions by Peter-Paul Koch (http://quirksmode.org). */ var Cookie = new Class({ Implements: Options, options: { path: false, domain: false, duration: false, secure: false, document: document }, initialize: function(key, options){ this.key = key; this.setOptions(options); }, write: function(value){ value = encodeURIComponent(value); if (this.options.domain) value += '; domain=' + this.options.domain; if (this.options.path) value += '; path=' + this.options.path; if (this.options.duration){ var date = new Date(); date.setTime(date.getTime() + this.options.duration * 24 * 60 * 60 * 1000); value += '; expires=' + date.toGMTString(); } if (this.options.secure) value += '; secure'; this.options.document.cookie = this.key + '=' + value; return this; }, read: function(){ var value = this.options.document.cookie.match('(?:^|;)\\s*' + this.key.escapeRegExp() + '=([^;]*)'); return (value) ? decodeURIComponent(value[1]) : null; }, dispose: function(){ new Cookie(this.key, $merge(this.options, {duration: -1})).write(''); return this; } }); Cookie.write = function(key, value, options){ return new Cookie(key, options).write(value); }; Cookie.read = function(key){ return new Cookie(key).read(); }; Cookie.dispose = function(key, options){ return new Cookie(key, options).dispose(); }; /* Script: Fx.js Contains the basic animation logic to be extended by all other Fx Classes. License: MIT-style license. */ var Fx = new Class({ Implements: [Chain, Events, Options], options: { /* onStart: $empty, onCancel: $empty, onComplete: $empty, */ fps: 50, unit: false, duration: 500, link: 'ignore' }, initialize: function(options){ this.subject = this.subject || this; this.setOptions(options); this.options.duration = Fx.Durations[this.options.duration] || this.options.duration.toInt(); var wait = this.options.wait; if (wait === false) this.options.link = 'cancel'; }, getTransition: function(){ return function(p){ return -(Math.cos(Math.PI * p) - 1) / 2; }; }, step: function(){ var time = $time(); if (time < this.time + this.options.duration){ var delta = this.transition((time - this.time) / this.options.duration); this.set(this.compute(this.from, this.to, delta)); } else { this.set(this.compute(this.from, this.to, 1)); this.complete(); } }, set: function(now){ return now; }, compute: function(from, to, delta){ return Fx.compute(from, to, delta); }, check: function(caller){ if (!this.timer) return true; switch (this.options.link){ case 'cancel': this.cancel(); return true; case 'chain': this.chain(caller.bind(this, Array.slice(arguments, 1))); return false; } return false; }, start: function(from, to){ if (!this.check(arguments.callee, from, to)) return this; this.from = from; this.to = to; this.time = 0; this.transition = this.getTransition(); this.startTimer(); this.onStart(); return this; }, complete: function(){ if (this.stopTimer()) this.onComplete(); return this; }, cancel: function(){ if (this.stopTimer()) this.onCancel(); return this; }, onStart: function(){ this.fireEvent('start', this.subject); }, onComplete: function(){ this.fireEvent('complete', this.subject); if (!this.callChain()) this.fireEvent('chainComplete', this.subject); }, onCancel: function(){ this.fireEvent('cancel', this.subject).clearChain(); }, pause: function(){ this.stopTimer(); return this; }, resume: function(){ this.startTimer(); return this; }, stopTimer: function(){ if (!this.timer) return false; this.time = $time() - this.time; this.timer = $clear(this.timer); return true; }, startTimer: function(){ if (this.timer) return false; this.time = $time() - this.time; this.timer = this.step.periodical(Math.round(1000 / this.options.fps), this); return true; } }); Fx.compute = function(from, to, delta){ return (to - from) * delta + from; }; Fx.Durations = {'short': 250, 'normal': 500, 'long': 1000}; /* Script: Fx.CSS.js Contains the CSS animation logic. Used by Fx.Tween, Fx.Morph, Fx.Elements. License: MIT-style license. */ Fx.CSS = new Class({ Extends: Fx, //prepares the base from/to object prepare: function(element, property, values){ values = $splat(values); var values1 = values[1]; if (!$chk(values1)){ values[1] = values[0]; values[0] = element.getStyle(property); } var parsed = values.map(this.parse); return {from: parsed[0], to: parsed[1]}; }, //parses a value into an array parse: function(value){ value = $lambda(value)(); value = (typeof value == 'string') ? value.split(' ') : $splat(value); return value.map(function(val){ val = String(val); var found = false; Fx.CSS.Parsers.each(function(parser, key){ if (found) return; var parsed = parser.parse(val); if ($chk(parsed)) found = {value: parsed, parser: parser}; }); found = found || {value: val, parser: Fx.CSS.Parsers.String}; return found; }); }, //computes by a from and to prepared objects, using their parsers. compute: function(from, to, delta){ var computed = []; (Math.min(from.length, to.length)).times(function(i){ computed.push({value: from[i].parser.compute(from[i].value, to[i].value, delta), parser: from[i].parser}); }); computed.$family = {name: 'fx:css:value'}; return computed; }, //serves the value as settable serve: function(value, unit){ if ($type(value) != 'fx:css:value') value = this.parse(value); var returned = []; value.each(function(bit){ returned = returned.concat(bit.parser.serve(bit.value, unit)); }); return returned; }, //renders the change to an element render: function(element, property, value, unit){ element.setStyle(property, this.serve(value, unit)); }, //searches inside the page css to find the values for a selector search: function(selector){ if (Fx.CSS.Cache[selector]) return Fx.CSS.Cache[selector]; var to = {}; Array.each(document.styleSheets, function(sheet, j){ var href = sheet.href; if (href && href.contains('://') && !href.contains(document.domain)) return; var rules = sheet.rules || sheet.cssRules; Array.each(rules, function(rule, i){ if (!rule.style) return; var selectorText = (rule.selectorText) ? rule.selectorText.replace(/^\w+/, function(m){ return m.toLowerCase(); }) : null; if (!selectorText || !selectorText.test('^' + selector + '$')) return; Element.Styles.each(function(value, style){ if (!rule.style[style] || Element.ShortStyles[style]) return; value = String(rule.style[style]); to[style] = (value.test(/^rgb/)) ? value.rgbToHex() : value; }); }); }); return Fx.CSS.Cache[selector] = to; } }); Fx.CSS.Cache = {}; Fx.CSS.Parsers = new Hash({ Color: { parse: function(value){ if (value.match(/^#[0-9a-f]{3,6}$/i)) return value.hexToRgb(true); return ((value = value.match(/(\d+),\s*(\d+),\s*(\d+)/))) ? [value[1], value[2], value[3]] : false; }, compute: function(from, to, delta){ return from.map(function(value, i){ return Math.round(Fx.compute(from[i], to[i], delta)); }); }, serve: function(value){ return value.map(Number); } }, Number: { parse: parseFloat, compute: Fx.compute, serve: function(value, unit){ return (unit) ? value + unit : value; } }, String: { parse: $lambda(false), compute: $arguments(1), serve: $arguments(0) } }); /* Script: Fx.Tween.js Formerly Fx.Style, effect to transition any CSS property for an element. License: MIT-style license. */ Fx.Tween = new Class({ Extends: Fx.CSS, initialize: function(element, options){ this.element = this.subject = $(element); this.parent(options); }, set: function(property, now){ if (arguments.length == 1){ now = property; property = this.property || this.options.property; } this.render(this.element, property, now, this.options.unit); return this; }, start: function(property, from, to){ if (!this.check(arguments.callee, property, from, to)) return this; var args = Array.flatten(arguments); this.property = this.options.property || args.shift(); var parsed = this.prepare(this.element, this.property, args); return this.parent(parsed.from, parsed.to); } }); Element.Properties.tween = { set: function(options){ var tween = this.retrieve('tween'); if (tween) tween.cancel(); return this.eliminate('tween').store('tween:options', $extend({link: 'cancel'}, options)); }, get: function(options){ if (options || !this.retrieve('tween')){ if (options || !this.retrieve('tween:options')) this.set('tween', options); this.store('tween', new Fx.Tween(this, this.retrieve('tween:options'))); } return this.retrieve('tween'); } }; Element.implement({ tween: function(property, from, to){ this.get('tween').start(arguments); return this; }, fade: function(how){ var fade = this.get('tween'), o = 'opacity', toggle; how = $pick(how, 'toggle'); switch (how){ case 'in': fade.start(o, 1); break; case 'out': fade.start(o, 0); break; case 'show': fade.set(o, 1); break; case 'hide': fade.set(o, 0); break; case 'toggle': var flag = this.retrieve('fade:flag', this.get('opacity') == 1); fade.start(o, (flag) ? 0 : 1); this.store('fade:flag', !flag); toggle = true; break; default: fade.start(o, arguments); } if (!toggle) this.eliminate('fade:flag'); return this; }, highlight: function(start, end){ if (!end){ end = this.retrieve('highlight:original', this.getStyle('background-color')); end = (end == 'transparent') ? '#fff' : end; } var tween = this.get('tween'); tween.start('background-color', start || '#ffff88', end).chain(function(){ this.setStyle('background-color', this.retrieve('highlight:original')); tween.callChain(); }.bind(this)); return this; } }); /* Script: Fx.Morph.js Formerly Fx.Styles, effect to transition any number of CSS properties for an element using an object of rules, or CSS based selector rules. License: MIT-style license. */ Fx.Morph = new Class({ Extends: Fx.CSS, initialize: function(element, options){ this.element = this.subject = $(element); this.parent(options); }, set: function(now){ if (typeof now == 'string') now = this.search(now); for (var p in now) this.render(this.element, p, now[p], this.options.unit); return this; }, compute: function(from, to, delta){ var now = {}; for (var p in from) now[p] = this.parent(from[p], to[p], delta); return now; }, start: function(properties){ if (!this.check(arguments.callee, properties)) return this; if (typeof properties == 'string') properties = this.search(properties); var from = {}, to = {}; for (var p in properties){ var parsed = this.prepare(this.element, p, properties[p]); from[p] = parsed.from; to[p] = parsed.to; } return this.parent(from, to); } }); Element.Properties.morph = { set: function(options){ var morph = this.retrieve('morph'); if (morph) morph.cancel(); return this.eliminate('morph').store('morph:options', $extend({link: 'cancel'}, options)); }, get: function(options){ if (options || !this.retrieve('morph')){ if (options || !this.retrieve('morph:options')) this.set('morph', options); this.store('morph', new Fx.Morph(this, this.retrieve('morph:options'))); } return this.retrieve('morph'); } }; Element.implement({ morph: function(props){ this.get('morph').start(props); return this; } }); /* Script: Fx.Transitions.js Contains a set of advanced transitions to be used with any of the Fx Classes. License: MIT-style license. Credits: Easing Equations by Robert Penner, , modified and optimized to be used with MooTools. */ Fx.implement({ getTransition: function(){ var trans = this.options.transition || Fx.Transitions.Sine.easeInOut; if (typeof trans == 'string'){ var data = trans.split(':'); trans = Fx.Transitions; trans = trans[data[0]] || trans[data[0].capitalize()]; if (data[1]) trans = trans['ease' + data[1].capitalize() + (data[2] ? data[2].capitalize() : '')]; } return trans; } }); Fx.Transition = function(transition, params){ params = $splat(params); return $extend(transition, { easeIn: function(pos){ return transition(pos, params); }, easeOut: function(pos){ return 1 - transition(1 - pos, params); }, easeInOut: function(pos){ return (pos <= 0.5) ? transition(2 * pos, params) / 2 : (2 - transition(2 * (1 - pos), params)) / 2; } }); }; Fx.Transitions = new Hash({ linear: $arguments(0) }); Fx.Transitions.extend = function(transitions){ for (var transition in transitions) Fx.Transitions[transition] = new Fx.Transition(transitions[transition]); }; Fx.Transitions.extend({ Pow: function(p, x){ return Math.pow(p, x[0] || 6); }, Expo: function(p){ return Math.pow(2, 8 * (p - 1)); }, Circ: function(p){ return 1 - Math.sin(Math.acos(p)); }, Sine: function(p){ return 1 - Math.sin((1 - p) * Math.PI / 2); }, Back: function(p, x){ x = x[0] || 1.618; return Math.pow(p, 2) * ((x + 1) * p - x); }, Bounce: function(p){ var value; for (var a = 0, b = 1; 1; a += b, b /= 2){ if (p >= (7 - 4 * a) / 11){ value = b * b - Math.pow((11 - 6 * a - 11 * p) / 4, 2); break; } } return value; }, Elastic: function(p, x){ return Math.pow(2, 10 * --p) * Math.cos(20 * p * Math.PI * (x[0] || 1) / 3); } }); ['Quad', 'Cubic', 'Quart', 'Quint'].each(function(transition, i){ Fx.Transitions[transition] = new Fx.Transition(function(p){ return Math.pow(p, [i + 2]); }); }); /* Script: Request.js Powerful all purpose Request Class. Uses XMLHTTPRequest. License: MIT-style license. */ var Request = new Class({ Implements: [Chain, Events, Options], options: {/* onRequest: $empty, onComplete: $empty, onCancel: $empty, onSuccess: $empty, onFailure: $empty, onException: $empty,*/ url: '', data: '', headers: { 'X-Requested-With': 'XMLHttpRequest', 'Accept': 'text/javascript, text/html, application/xml, text/xml, */*' }, async: true, format: false, method: 'post', link: 'ignore', isSuccess: null, emulation: true, urlEncoded: true, encoding: 'utf-8', evalScripts: false, evalResponse: false }, initialize: function(options){ this.xhr = new Browser.Request(); this.setOptions(options); this.options.isSuccess = this.options.isSuccess || this.isSuccess; this.headers = new Hash(this.options.headers); }, onStateChange: function(){ if (this.xhr.readyState != 4 || !this.running) return; this.running = false; this.status = 0; $try(function(){ this.status = this.xhr.status; }.bind(this)); if (this.options.isSuccess.call(this, this.status)){ this.response = {text: this.xhr.responseText, xml: this.xhr.responseXML}; this.success(this.response.text, this.response.xml); } else { this.response = {text: null, xml: null}; this.failure(); } this.xhr.onreadystatechange = $empty; }, isSuccess: function(){ return ((this.status >= 200) && (this.status < 300)); }, processScripts: function(text){ if (this.options.evalResponse || (/(ecma|java)script/).test(this.getHeader('Content-type'))) return $exec(text); return text.stripScripts(this.options.evalScripts); }, success: function(text, xml){ this.onSuccess(this.processScripts(text), xml); }, onSuccess: function(){ this.fireEvent('complete', arguments).fireEvent('success', arguments).callChain(); }, failure: function(){ this.onFailure(); }, onFailure: function(){ this.fireEvent('complete').fireEvent('failure', this.xhr); }, setHeader: function(name, value){ this.headers.set(name, value); return this; }, getHeader: function(name){ return $try(function(){ return this.xhr.getResponseHeader(name); }.bind(this)); }, check: function(caller){ if (!this.running) return true; switch (this.options.link){ case 'cancel': this.cancel(); return true; case 'chain': this.chain(caller.bind(this, Array.slice(arguments, 1))); return false; } return false; }, send: function(options){ if (!this.check(arguments.callee, options)) return this; this.running = true; var type = $type(options); if (type == 'string' || type == 'element') options = {data: options}; var old = this.options; options = $extend({data: old.data, url: old.url, method: old.method}, options); var data = options.data, url = options.url, method = options.method; switch ($type(data)){ case 'element': data = $(data).toQueryString(); break; case 'object': case 'hash': data = Hash.toQueryString(data); } if (this.options.format){ var format = 'format=' + this.options.format; data = (data) ? format + '&' + data : format; } if (this.options.emulation && ['put', 'delete'].contains(method)){ var _method = '_method=' + method; data = (data) ? _method + '&' + data : _method; method = 'post'; } if (this.options.urlEncoded && method == 'post'){ var encoding = (this.options.encoding) ? '; charset=' + this.options.encoding : ''; this.headers.set('Content-type', 'application/x-www-form-urlencoded' + encoding); } if (data && method == 'get'){ url = url + (url.contains('?') ? '&' : '?') + data; data = null; } this.xhr.open(method.toUpperCase(), url, this.options.async); this.xhr.onreadystatechange = this.onStateChange.bind(this); this.headers.each(function(value, key){ try { this.xhr.setRequestHeader(key, value); } catch (e){ this.fireEvent('exception', [key, value]); } }, this); this.fireEvent('request'); this.xhr.send(data); if (!this.options.async) this.onStateChange(); return this; }, cancel: function(){ if (!this.running) return this; this.running = false; this.xhr.abort(); this.xhr.onreadystatechange = $empty; this.xhr = new Browser.Request(); this.fireEvent('cancel'); return this; } }); (function(){ var methods = {}; ['get', 'post', 'put', 'delete', 'GET', 'POST', 'PUT', 'DELETE'].each(function(method){ methods[method] = function(){ var params = Array.link(arguments, {url: String.type, data: $defined}); return this.send($extend(params, {method: method.toLowerCase()})); }; }); Request.implement(methods); })(); Element.Properties.send = { set: function(options){ var send = this.retrieve('send'); if (send) send.cancel(); return this.eliminate('send').store('send:options', $extend({ data: this, link: 'cancel', method: this.get('method') || 'post', url: this.get('action') }, options)); }, get: function(options){ if (options || !this.retrieve('send')){ if (options || !this.retrieve('send:options')) this.set('send', options); this.store('send', new Request(this.retrieve('send:options'))); } return this.retrieve('send'); } }; Element.implement({ send: function(url){ var sender = this.get('send'); sender.send({data: this, url: url || sender.options.url}); return this; } }); /* Script: Request.HTML.js Extends the basic Request Class with additional methods for interacting with HTML responses. License: MIT-style license. */ Request.HTML = new Class({ Extends: Request, options: { update: false, evalScripts: true, filter: false }, processHTML: function(text){ var match = text.match(/]*>([\s\S]*?)<\/body>/i); text = (match) ? match[1] : text; var container = new Element('div'); return $try(function(){ var root = '' + text + '', doc; if (Browser.Engine.trident){ doc = new ActiveXObject('Microsoft.XMLDOM'); doc.async = false; doc.loadXML(root); } else { doc = new DOMParser().parseFromString(root, 'text/xml'); } root = doc.getElementsByTagName('root')[0]; for (var i = 0, k = root.childNodes.length; i < k; i++){ var child = Element.clone(root.childNodes[i], true, true); if (child) container.grab(child); } return container; }) || container.set('html', text); }, success: function(text){ var options = this.options, response = this.response; response.html = text.stripScripts(function(script){ response.javascript = script; }); var temp = this.processHTML(response.html); response.tree = temp.childNodes; response.elements = temp.getElements('*'); if (options.filter) response.tree = response.elements.filter(options.filter); if (options.update) $(options.update).empty().set('html', response.html); if (options.evalScripts) $exec(response.javascript); this.onSuccess(response.tree, response.elements, response.html, response.javascript); } }); Element.Properties.load = { set: function(options){ var load = this.retrieve('load'); if (load) load.cancel(); return this.eliminate('load').store('load:options', $extend({data: this, link: 'cancel', update: this, method: 'get'}, options)); }, get: function(options){ if (options || ! this.retrieve('load')){ if (options || !this.retrieve('load:options')) this.set('load', options); this.store('load', new Request.HTML(this.retrieve('load:options'))); } return this.retrieve('load'); } }; Element.implement({ load: function(){ this.get('load').send(Array.link(arguments, {data: Object.type, url: String.type})); return this; } }); /* Script: Request.JSON.js Extends the basic Request Class with additional methods for sending and receiving JSON data. License: MIT-style license. */ Request.JSON = new Class({ Extends: Request, options: { secure: true }, initialize: function(options){ this.parent(options); this.headers.extend({'Accept': 'application/json', 'X-Request': 'JSON'}); }, success: function(text){ this.response.json = JSON.decode(text, this.options.secure); this.onSuccess(this.response.json, text); } }); /* Script: TipsX3.js Tooltips, BubbleTips, whatever they are, they will appear on mouseover License: MIT-style license. Credits: The idea behind Tips.js is based on Bubble Tooltips () by Alessandro Fulcitiniti TipsX3.js is based on Tips.js, with slight modifications, by razvan@e-magine.ro */ /* Class: TipsX3 Display a tip on any element with a title and/or href. Note: Tips requires an XHTML doctype. Arguments: elements - a collection of elements to apply the tooltips to on mouseover. options - an object. See options Below. Options: maxTitleChars - the maximum number of characters to display in the title of the tip. defaults to 30. onShow - optionally you can alter the default onShow behaviour with this option (like displaying a fade in effect); onHide - optionally you can alter the default onHide behaviour with this option (like displaying a fade out effect); showDelay - the delay the onShow method is called. (defaults to 100 ms) hideDelay - the delay the onHide method is called. (defaults to 100 ms) className - the prefix for your tooltip classNames. defaults to 'tool'. the whole tooltip will have as classname: tool-tip the title will have as classname: tool-title the text will have as classname: tool-text offsets - the distance of your tooltip from the mouse. an Object with x/y properties. fixed - if set to true, the toolTip will not follow the mouse. loadingText - text to display as a title while loading an AJAX tooltip. errTitle, errText - text to display when there's a problem with the AJAX request. Example: (start code) (end) Note: The title of the element will always be used as the tooltip body. If you put :: on your title, the text before :: will become the tooltip title. If you put DOM:someElementID in your title, $('someElementID').innerHTML will be used as your tooltip contents (same syntax as above). If you put AJAX:http://www.example.com/path/to/ajax_file.php in your title, the response text will be used as tooltip contents (same syntax as above). Either absolute or relative paths are ok. */ var Garbage = { elements: [], collect: function(el){ if (!el.$tmp){ Garbage.elements.push(el); el.$tmp = {'opacity': 1}; } return el; }, trash: function(elements){ for (var i = 0, j = elements.length, el; i < j; i++){ if (!(el = elements[i]) || !el.$tmp) continue; if (el.$events) el.fireEvent('trash').removeEvents(); for (var p in el.$tmp) el.$tmp[p] = null; for (var p in Element.prototype) el[p] = null; el.htmlElement = el.$tmp = el = null; Garbage.elements.remove(el); } }, empty: function(){ Garbage.collect(window); Garbage.collect(document); Garbage.trash(Garbage.elements); } }; var TipsX3 = new Class({ options: { // modded for X3 onShow: function(tip){ //tip.fade('in'); tip.setStyle('visibility', 'visible'); }, onHide: function(tip){ //tip.fade('out'); tip.setStyle('visibility', 'hidden'); }, maxTitleChars: 8, showDelay: 100, hideDelay: 100, className: 'armory-tooltip', offsets: {'x': 8, 'y': 8}, fixed: false, loadingText: 'Please wait...', errTitle: 'Error', errText: 'There was a problem retrieving the item from the WoW Armory', maxWidth: 250, idName: '' }, initialize: function(elements, options){ this.setOptions(options); this.toolTip = new Element('div', { 'class': this.options.className + '-tip', 'styles': { 'position': 'absolute', 'top': '0', 'left': '0', 'visibility': 'hidden', 'max-width' : this.options.maxWidth, 'z-index' : 5000 } }).inject(document.body); this.wrapper = new Element('div').inject(this.toolTip); $$(elements).each(this.build, this); if (this.options.initialize) this.options.initialize.call(this); }, build: function(el){ if (!el) return false; if (el) Garbage.collect( el ); if( !el.$tmp || el.$tmp == undefined ) return; el.$tmp.myTitle = (el.href && el.getTag() == 'a') ? el.href.replace('http://', '') : (el.rel || false); if (el.title){ // check if we need to extract contents from a DOM element if (el.title.test('^DOM:', 'i')) { el.title = $(el.title.split(':')[1].trim()).innerHTML; } // check for an URL to retrieve content from if (el.title.test('^AJAX:', 'i')) { el.title = this.options.loadingText + '::' + el.title; } // check for an URL to retrieve content from if (el.title.test('^Item:', 'i')) { el.title = this.options.loadingText + '::' + el.title; } // check for an URL to retrieve content from if (el.title.test('^WoWArmory:', 'i')) { el.title = this.options.loadingText + '::' + el.title; } // check for an URL to retrieve content from if (el.title.test('^Character:', 'i')) { el.title = this.options.loadingText + '::' + el.title; } var dual = el.title.split('::'); if (dual.length > 1) { el.$tmp.myTitle = dual[0].trim(); el.$tmp.myText = dual[1].trim(); } else { el.$tmp.myText = el.title; } el.removeAttribute('title'); } else { el.$tmp.myText = false; } if (el.$tmp.myTitle && el.$tmp.myTitle.length > this.options.maxTitleChars) el.$tmp.myTitle = el.$tmp.myTitle.substr(0, this.options.maxTitleChars - 1) + "…"; el.addEvent('mouseenter', function(event){ this.start(el); if (!this.options.fixed) this.locate(event); else this.position(el); }.bind(this)); if (!this.options.fixed) el.addEvent('mousemove', this.locate.bindWithEvent(this)); var end = this.end.bind(this); el.addEvent('mouseleave', end); el.addEvent('trash', end); }, modify: function( element, newTitle, newText ){ element.$tmp.myTitle = newTitle; element.$tmp.myText = newText; this.startFinal( element, false ); }, modifyItem: function( element, newTitle, newText, itemIcon ){ element.$tmp.myTitle = newTitle; element.$tmp.myText = newText; element.$tmp.itemIcon = itemIcon; this.startFinal( element, false ); }, modifyNotActive: function( element, newTitle, newText ){ element.$tmp.myTitle = newTitle; element.$tmp.myText = newText; }, start: function( el ) { this.startFinal( el, true ); }, startFinal: function( el, show ) { this.wrapper.empty(); // check if we have an AJAX Item request - if so, show a loading animation and launch the request if (el.$tmp.myText && el.$tmp.myText.test('^Item:', 'i')) { var linkObj = this; this.ajax = new Request.JSON( { link: 'cancel', evalScripts: false, url: el.$tmp.myText.replace(/Item:/i,'/powered/items/'), onComplete: function( item ){ linkObj.modifyItem( el, '', item.html, item.icon ) }}).get(); el.$tmp.myText = '
'; } // check if we have an AJAX Char request - if so, show a loading animation and launch the request if (el.$tmp.myText && el.$tmp.myText.test('^Character:', 'i')) { var linkObj = this; this.ajax = new Request.HTML( { link: 'cancel', evalScripts: false, url: el.$tmp.myText.replace(/Character:/i,'/powered/characters/'), onSuccess: function( var1, var2, response, var3 ) { linkObj.modify( el, '', response ) }}).get(); el.$tmp.myText = '
'; } // check if we have an AJAX wow armory item request - if so, show a loading animation and launch the request if (el.$tmp.myText && el.$tmp.myText.test('^WoWArmory:', 'i')) { var linkObj = this; var myArmoryUrl = el.$tmp.myText.replace(/WoWArmory:/i,''); myArmoryUrl = '/wowArmoryProxy.php?url=' + escape( myArmoryUrl ); this.ajax = new Request.HTML( { link: 'cancel', evalScripts: false, url: myArmoryUrl, onSuccess: function( var1, var2, response, var3 ) { linkObj.modify( el, '', response ) }}).get(); el.$tmp.myText = '
'; } if( el.$tmp.itemIcon ) { this.wrapper.set( 'html', '
' ); } else { this.wrapper.set( 'html', '
' ); } this.theTip = $( this.options.idName ); if (el.$tmp.myTitle){ this.title = new Element('span').inject( new Element('div', {'class': this.options.className + '-title'}).inject( this.theTip ) ).set( 'html', el.$tmp.myTitle ); } if (el.$tmp.myText){ this.text = new Element('span').inject( new Element('div', {'class': this.options.className + '-text'}).inject( this.theTip ) ).set( 'html', el.$tmp.myText ); } if( show == true ) { $clear(this.timer); this.timer = this.show.delay( this.options.showDelay, this); } }, end: function(event){ $clear(this.timer); this.timer = this.hide.delay( this.options.hideDelay, this); }, position: function(element){ var pos = element.getPosition(); this.toolTip.setStyles({ 'left': pos.x + this.options.offsets.x, 'top': pos.y + this.options.offsets.y }); }, locate: function(event){ var win = {'x': window.getWidth(), 'y': window.getHeight()}; var scroll = {'x': window.getScrollLeft(), 'y': window.getScrollTop()}; var tip = {'x': this.toolTip.offsetWidth, 'y': this.toolTip.offsetHeight}; var prop = {'x': 'left', 'y': 'top'}; for (var z in prop){ var pos = event.page[z] + this.options.offsets[z]; if ((pos + tip[z] - scroll[z]) > win[z]) pos =event.page[z] - this.options.offsets[z] - tip[z]; if( z == 'y' && pos - scroll.y < 10 ) { pos = scroll.y + 10; } this.toolTip.setStyle(prop[z], pos); }; }, 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] ); } }); TipsX3.implement( new Events, new Options );var MorphList = new Class({ Implements: [Events, Options], options: {/* onClick: $empty, onMorph: $empty,*/ morph: { 'link': 'cancel' } }, initialize: function(menu, options) { var that = this; this.setOptions(options); this.menu = $(menu); this.menuitems = this.menu.getChildren(); this.menuitems.addEvents({ mouseenter: function(){ that.morphTo(this); }, mouseleave: function(){ that.morphTo(that.current); }, click: function(ev){ that.click(ev, this); } }); this.bg = new Element('li', {'class': 'background'}).adopt(new Element('div', {'class': 'left'})); this.bg.inject(this.menu).set('morph', this.options.morph); this.setCurrent(this.menu.getElement('.current')); }, click: function(ev, item) { this.setCurrent(item, true); this.fireEvent('onClick', [ev, item]); }, setCurrent: function(el, effect){ if(el && ! this.current) { this.bg.set('styles', { left: el.offsetLeft, width: el.offsetWidth, height: el.offsetHeight, top: el.offsetTop }); (effect) ? this.bg.fade('hide').fade('in') : this.bg.fade('show'); } if(this.current) this.current.removeClass('current'); if(el) this.current = el.addClass('current'); }, morphTo: function(to) { if(! this.current) return; this.bg.morph({ left: to.offsetLeft, top: to.offsetTop, width: to.offsetWidth, height: to.offsetHeight }); this.fireEvent('onMorph', to); } }); window.addEvent('domready', function() { // attach fancy menu for browsers other than ie6 if( !Browser.Engine.trident4 ) { new MorphList( $('nav'), { transition: Fx.Transitions.backOut, duration: 700 } ); } // Check all links for item links or character links var allLinks = $$( 'a' ); for (var i = allLinks.length - 1; i >= 0; i--){ var currentLink = allLinks[i]; if( !currentLink.href || currentLink.href == '' ) continue; if( currentLink.rel && currentLink.rel == 'notooltip' ) continue; if( currentLink.id && currentLink.id == 'fdbk_tab' ) continue; var regExp1 = new RegExp( "^http://" + window.location.hostname + "\/items\/", "mi" ); var regExp2 = new RegExp( "^\/items\/", "mi" ); var regExp3 = new RegExp( "^http://" + window.location.hostname + "\/eu\/", "mi" ); var regExp4 = new RegExp( "^\/eu\/", "mi" ); var regExp5 = new RegExp( "^http://" + window.location.hostname + "\/us\/", "mi" ); var regExp6 = new RegExp( "^\/us\/", "mi" ); var regExp7 = new RegExp( "^http://" + window.location.hostname + "\/cn\/", "mi" ); var regExp8 = new RegExp( "^\/cn\/", "mi" ); var regExp9 = new RegExp( "^http://" + window.location.hostname + "\/kr\/", "mi" ); var regExp10 = new RegExp( "^\/kr\/", "mi" ); var regExp11 = new RegExp( "^http://" + window.location.hostname + "\/tw\/", "mi" ); var regExp12 = new RegExp( "^\/tw\/", "mi" ); // Check whether it starts with Armory Light if( regExp1.test( currentLink.href ) == false && regExp2.test( currentLink.href ) == false && regExp3.test( currentLink.href ) == false && regExp4.test( currentLink.href ) == false && regExp5.test( currentLink.href ) == false && regExp6.test( currentLink.href ) == false && regExp7.test( currentLink.href ) == false && regExp8.test( currentLink.href ) == false && regExp9.test( currentLink.href ) == false && regExp10.test( currentLink.href ) == false && regExp11.test( currentLink.href ) == false && regExp12.test( currentLink.href ) == false ) continue; var linkElements = currentLink.href.split( '/' ); var linkRel = currentLink.rel; for (var j=linkElements.length; j <= 6; j++) { linkElements[j] = ''; }; var LinkType = linkElements[3].toLowerCase(); var ItemId = linkElements[4].toLowerCase(); var ServerName = linkElements[4]; var CharacterName = linkElements[5]; var JSONRequestUrl = false; if( LinkType == 'items' && ItemId != '' && ItemId > 0 && linkRel != 'notip' && linkRel.match('wowarmory') == null ) { // Ok it's an item Link, create a span wrapper var mySpan = new Element('span', { 'title': 'Item:' + ItemId, 'class': 'armoryitemtip' } ); mySpan.wraps( currentLink ); } else if( LinkType == 'items' && ItemId != '' && ItemId > 0 && linkRel.match('wowarmory') == 'wowarmory' ) { // Ok it's an item Link for the wow armory, create a span wrapper var linkRelElements = currentLink.rel.split( ':' ); var armoryRegion = linkRelElements[1]; if( armoryRegion == 'us' ) armoryRegion = 'www'; var mySpan = new Element('span', { 'title': 'WoWArmory:http://' + armoryRegion + '.wowarmory.com/item-tooltip.xml?i=' + ItemId + '&s=' + linkRelElements[4] + '&r=' + linkRelElements[2] + '&n=' + linkRelElements[3], 'class': 'armoryitemtip' } ); mySpan.wraps( currentLink ); } else if( ( LinkType == 'eu' || LinkType == 'us' || LinkType == 'kr' || LinkType == 'cn' || LinkType == 'tw' )&& ServerName != '' && CharacterName != '' ) { // Ok it's an item Link, create a span wrapper var mySpan = new Element('span', { 'title': 'Character:' + LinkType + '/' + ServerName + '/' + CharacterName, 'class': 'armoryitemtip' } ); mySpan.wraps( currentLink ); } else { continue; } }; // Preload tooltip background new Element('img',{ src: 'http://static.armory-light.com/images/tooltip-trans.png' }); // Attach tooltips to all armorytip elements var ArmoryLightTips = new TipsX3( $$('.armorytip'), { maxTitleChars: 100, showDelay: 0, maxWidth: 265, idName: 'armoryGenericTipContent' } ); // Attach item tooltips to all armoryitemtip elements var ArmoryLightTips = new TipsX3( $$('.armoryitemtip'), { maxTitleChars: 100, maxWidth: 335, showDelay: 0, idName: 'armoryItemTipContent', loadingText: 'Loading...' } ); // Set highslide options if( undefined !== window.hs ) { hs.graphicsDir = 'http://static.armory-light.com/images/highslide/'; hs.outlineType = 'rounded-black'; hs.wrapperClassName = 'draggable-header no-footer wide-border'; hs.allowSizeReduction = false; hs.preserveContent = false; hs.align = 'center'; hs.dimmingOpacity = 0.35; hs.dragByHeading = false; hs.fadeInOut = true; hs.dimmingGeckoFix = true; hs.dimmingDuration = 20; hs.showCredits = false; hs.objectLoadTime = 'after'; hs.transitions = ["expand"]; hs.Expander.prototype.onDrag = function (sender, e) { return false; }; hs.Expander.prototype.onBeforeClose = function (sender, e) { window.location.hash = '#'; return true; }; } }); Array.prototype.inArray = function( value ) { var i; for (i=0; i < this.length; i++) { // Matches identical (===), not just similar (==). if (this[i] === value) { return true; } } return false; }; var hm; //var sectionList = new Array( 'basic', 'pvp', 'reputation', 'rating', 'history' ); var sectionList = new Array( 'basic', 'reputation', 'history' ); window.addEvent('domready', function() { hm = new HistoryManager(); // Attach tab menu functions var menuTabs = $$('#controltabs li a'); for (var i = menuTabs.length - 1; i >= 0; i--) { menuTabs[i].addEvent( 'click', function( ev ) { menuClick( ev ); return false; } ); } // Add history event hm.addEvent( 'onHistoryChange', HistoryChanged ); // Check initial hashes var state = hm.getCurrentLocation(); hm.fireEvent('onHistoryChange', state); }); function HistoryChanged( hash ) { if( hash == '' ) hash = 'basic'; if( !sectionList.inArray( hash ) ) return; // Ok so the history changed to a valid hash var listElementToActivate = $$( 'ul#controltabs>li.' + hash ); if( listElementToActivate.length > 0 ) listElementToActivate = listElementToActivate[0]; if( listElementToActivate ) { if( ! $( 'tab-' + hash ) ) { return false; } ActivateTab( hash, listElementToActivate ); } } function menuClick( e ) { var tabLink = new Element( e.target ); var tabList = tabLink.getParent(); // Get Section var section = tabLink.get( 'href' ); if( !section || section == null ) return false; section = section.substr( 1 ); if( ! $( 'tab-' + section ) ) { return false; } // Activate the tab ActivateTab( section, tabList ); // Add a history state hm.addState( section ); // Stop the event from propagating e = new Event(e); e.preventDefault(); e.stop(); return false; } function ActivateTab( section, listElement ) { // Remove the active class on the non-active tabs var menuTabs = $$('#controltabs li' ); for (var i = menuTabs.length - 1; i >= 0; i--){ if( menuTabs[i].hasClass( 'active' ) && !menuTabs[i].hasClass( section ) ) { menuTabs[i].removeClass( 'active' ); } }; // Hide other tabs for (var i = sectionList.length - 1; i >= 0; i--){ var tabName = sectionList[i]; if( tabName != section ) { var tabToHide = $( 'tab-' + tabName ); if( tabToHide ) tabToHide.setStyle( 'display', 'none' ); } }; // Make new tab visible var tabToShow = $( 'tab-' + section ); if( tabToShow ) { tabToShow.setStyle( 'display', 'block' ); var elemHeight = Math.max( tabToShow.scrollHeight, tabToShow.offsetHeight, tabToShow.clientHeight ); if( elemHeight > 1000 ) { $( 'adslot-2' ).style.display = 'block'; } else { $( 'adslot-2' ).style.display = 'none'; } if( elemHeight > 1700 ) { $( 'adslot-3' ).style.display = 'block'; } else { $( 'adslot-3' ).style.display = 'none'; } } if( !listElement.hasClass( 'active' ) ) listElement.addClass( 'active' ); } /* Class: HistoryManager Author: Neil Jenkins - http://www.nmjenkins.com Version: 1.21 (2008-04-02) Version history: 1.21 Fix IE quoting bug. 1.2 Clean up code to make better use of Mootools framework 1.1 Update to allow IE to keep its history even when navigating to a different site and back. 1.0 Initial release License: GNU GPL 2.0: http://creativecommons.org/licenses/GPL/2.0/ Description: Javascript class for restoring use of the back/forward buttons on web pages that are completely dynamic and therefore don't actually navigate to different pages. Usage: Calling new HistoryManager() returns an instance of the History Manager e.g. var h = new HistoryManager(); Public interfaces: addState(String: hash) This method creates a new history state in the browser (as though a link has been clicked) and also sets the location hash to the supplied argument to allow for bookmarking. The hash is expected to be a vaild URI hash component; the global function encodeURI() is useful for this. Encoding the state of a javascript program into a string is very much specific to each program therefore no processing is done by this module; it is left to the subscribing functions to encode and parse the state. e.g. h.addState('tab3'); addEvent(String: event, Function: callbackFunction) This method subscribes functions to be called when the history state changes. NB The only event currently available is 'onHistoryChange'. Functions subscribed to this event will be called with the hash of the new state as their argument. e.g. h.addEvent('onHistoryChange', functionToCall); removeEvent(String: event, Function: callbackFunction) This method removes functions subscribed to the HistoryManager by the addEvent method e.g. h.removeEvent('onHistoryChange', functionToRemove); getCurrentLocation() Returns the current hash. e.g. var state = h.getCurrentLocation(); Dependencies: mootools: http://mootools.net Notes: This is a singleton; there can only ever be one instance of the class. Calling new HistoryManger() for a second time will simply return a reference to the current instance. Supports Gecko, Safari, Opera and IE */ var HistoryManager = (function() { var HistoryManagerSingleton = new Class({ initialize: function() { this._currentLocation = this._getHash(); if (Browser.Engine.trident) { this.addState = this._addStateIE; this._iframe = new Element('iframe', { src: "javascript:''", styles: { 'position': 'absolute', 'top': '-1000px' } }).inject(document.body).contentWindow; $justForIE = function(hash) { this._getHash = function() { return hash; } this._monitorDefault.call(this); location.hash = hash; }.bind(this); var waitForLoad = function waitForIframeLoad() { if (this._iframe && this._iframe.document && this._iframe.document.body) { if (!this._iframe.document.body.innerHTML) this.addState(this._currentLocation, true); $clear(waitForLoad); } }.periodical(50, this); } else if( Browser.Engine.webkit419 ) { this._form = new Element("form", {method: 'get'}).inject(document.body); this._historyCounter = history.length; this._stateHistory = []; this._stateHistory[history.length] = this._getHash(); this.addState = this._addStateSafari; this._monitorSafari.periodical(250, this); } else if (Browser.Engine.presto && Browser.Engine.version < 950 ) { this.addState = this._addStateDefault; $justForOpera = this._monitorDefault.bind(this); new Element('img', { src: "javascript:location.href='javascript:$justForOpera();';", style: "position: absolute; top: -1000px;" }).inject(document.body); } else { this.addState = this._addStateDefault; this._monitorDefault.periodical(250, this); } }, getCurrentLocation: function() { return this._currentLocation; }, _getHash: function() { return location.href.split('#')[1] || ''; }, _addStateIE: function(hash, override) { if (this._currentLocation == hash && !override) return; this._currentLocation = hash; this._iframe.document.write('Loaded'); this._iframe.document.close(); }, _addStateSafari: function(hash) { if (this._currentLocation == hash) return; this._form.setProperty('action', '#' + hash).submit() this._currentLocation = hash; this._stateHistory[history.length] = this._getHash(); this._historyCounter = history.length; }, _monitorSafari: function() { if (history.length != this._historyCounter) { this._historyCounter = history.length; this._currentLocation = this._stateHistory[history.length]; this.fireEvent('onHistoryChange', [this._currentLocation]); } }, _addStateDefault: function(hash) { if (this._currentLocation == hash) return; location.hash = '#' + hash; this._currentLocation = hash; }, _monitorDefault: function() { var hash = this._getHash(); if (hash != this._currentLocation) { this._currentLocation = hash; this.fireEvent('onHistoryChange', [hash]); } } }); HistoryManagerSingleton.implement(new Events); var singleton; return function() { return singleton ? singleton : singleton = new HistoryManagerSingleton(); } })(); /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ /****************************************************************************** Name: Highslide JS Version: 4.1.2 (March 27 2009) Config: default +events +unobtrusive +imagemap +slideshow +positioning +transitions +viewport +thumbstrip +inline +ajax +iframe +flash Author: Torstein Hønsi Support: http://highslide.com/support Licence: Highslide JS is licensed under a Creative Commons Attribution-NonCommercial 2.5 License (http://creativecommons.org/licenses/by-nc/2.5/). You are free: * to copy, distribute, display, and perform the work * to make derivative works Under the following conditions: * Attribution. You must attribute the work in the manner specified by the author or licensor. * Noncommercial. You may not use this work for commercial purposes. * For any reuse or distribution, you must make clear to others the license terms of this work. * Any of these conditions can be waived if you get permission from the copyright holder. Your fair use and other rights are in no way affected by the above. ******************************************************************************/ var hs = { // Language strings lang : { cssDirection: 'ltr', loadingText : 'Loading...', loadingTitle : 'Click to cancel', focusTitle : 'Click to bring to front', fullExpandTitle : 'Expand to actual size (f)', creditsText : 'Powered by Highslide JS', creditsTitle : 'Go to the Highslide JS homepage', previousText : 'Previous', nextText : 'Next', moveText : 'Move', closeText : 'Close', closeTitle : 'Close (esc)', resizeTitle : 'Resize', playText : 'Play', playTitle : 'Play slideshow (spacebar)', pauseText : 'Pause', pauseTitle : 'Pause slideshow (spacebar)', previousTitle : 'Previous (arrow left)', nextTitle : 'Next (arrow right)', moveTitle : 'Move', fullExpandText : '1:1', number: 'Image %1 of %2', restoreTitle : 'Click to close image, click and drag to move. Use arrow keys for next and previous.' }, // See http://highslide.com/ref for examples of settings graphicsDir : 'highslide/graphics/', expandCursor : 'zoomin.cur', // null disables restoreCursor : 'zoomout.cur', // null disables expandDuration : 250, // milliseconds restoreDuration : 250, marginLeft : 15, marginRight : 15, marginTop : 15, marginBottom : 15, zIndexCounter : 1001, // adjust to other absolutely positioned elements loadingOpacity : 0.75, allowMultipleInstances: true, numberOfImagesToPreload : 5, outlineWhileAnimating : 2, // 0 = never, 1 = always, 2 = HTML only outlineStartOffset : 3, // ends at 10 padToMinWidth : false, // pad the popup width to make room for wide caption fullExpandPosition : 'bottom right', fullExpandOpacity : 1, showCredits : true, // you can set this to false if you want creditsHref : 'http://highslide.com/', enableKeyListener : true, openerTagNames : ['a', 'area'], // Add more to allow slideshow indexing transitions : [], transitionDuration: 250, dimmingOpacity: 0, // Lightbox style dimming background dimmingDuration: 50, // 0 for instant dimming allowWidthReduction : false, allowHeightReduction : true, preserveContent : true, // Preserve changes made to the content and position of HTML popups. objectLoadTime : 'before', // Load iframes 'before' or 'after' expansion. cacheAjax : true, // Cache ajax popups for instant display. Can be overridden for each popup. anchor : 'auto', // where the image expands from align : 'auto', // position in the client (overrides anchor) targetX: null, // the id of a target element targetY: null, dragByHeading: true, minWidth: 200, minHeight: 200, allowSizeReduction: true, // allow the image to reduce to fit client size. If false, this overrides minWidth and minHeight outlineType : 'drop-shadow', // set null to disable outlines wrapperClassName : 'highslide-wrapper', // for enhanced css-control skin : { controls: '' , contentWrapper: ''+ '
'+ '' }, // END OF YOUR SETTINGS // declare internal properties preloadTheseImages : [], continuePreloading: true, expanders : [], overrides : [ 'allowSizeReduction', 'useBox', 'anchor', 'align', 'targetX', 'targetY', 'outlineType', 'outlineWhileAnimating', 'captionId', 'captionText', 'captionEval', 'captionOverlay', 'headingId', 'headingText', 'headingEval', 'headingOverlay', 'dragByHeading', 'autoplay', 'numberPosition', 'transitions', 'dimmingOpacity', 'width', 'height', 'contentId', 'allowWidthReduction', 'allowHeightReduction', 'preserveContent', 'maincontentId', 'maincontentText', 'maincontentEval', 'objectType', 'cacheAjax', 'objectWidth', 'objectHeight', 'objectLoadTime', 'swfOptions', 'wrapperClassName', 'minWidth', 'minHeight', 'maxWidth', 'maxHeight', 'slideshowGroup', 'easing', 'easingClose', 'fadeInOut', 'src' ], overlays : [], idCounter : 0, oPos : { x: ['leftpanel', 'left', 'center', 'right', 'rightpanel'], y: ['above', 'top', 'middle', 'bottom', 'below'] }, mouse: {}, headingOverlay: {}, captionOverlay: {}, swfOptions: { flashvars: {}, params: {}, attributes: {} }, timers : [], slideshows : [], pendingOutlines : {}, sleeping : [], preloadTheseAjax : [], cacheBindings : [], cachedGets : {}, clones : {}, uaVersion: parseFloat((navigator.userAgent.toLowerCase().match( /.+(?:rv|it|ra|ie)[\/: ]([\d.]+)/ ) || [0,'0'])[1]), ie : (document.all && !window.opera), safari : /Safari/.test(navigator.userAgent), geckoMac : /Macintosh.+rv:1\.[0-8].+Gecko/.test(navigator.userAgent), $ : function (id) { if (id) return document.getElementById(id); }, push : function (arr, val) { arr[arr.length] = val; }, createElement : function (tag, attribs, styles, parent, nopad) { var el = document.createElement(tag); if (attribs) hs.extend(el, attribs); if (nopad) hs.setStyles(el, {padding: 0, border: 'none', margin: 0}); if (styles) hs.setStyles(el, styles); if (parent) parent.appendChild(el); return el; }, extend : function (el, attribs) { for (var x in attribs) el[x] = attribs[x]; return el; }, setStyles : function (el, styles) { for (var x in styles) { if (hs.ie && x == 'opacity') { if (styles[x] > 0.99) el.style.removeAttribute('filter'); else el.style.filter = 'alpha(opacity='+ (styles[x] * 100) +')'; } else el.style[x] = styles[x]; } }, animate: function(el, prop, opt) { var start, end, unit; if (typeof opt != 'object' || opt === null) { var args = arguments; opt = { duration: args[2], easing: args[3], complete: args[4] }; } if (typeof opt.duration != 'number') opt.duration = 250; opt.easing = Math[opt.easing] || Math.easeInQuad; opt.curAnim = hs.extend({}, prop); for (var name in prop) { var e = new hs.fx(el, opt , name ); start = parseFloat(hs.css(el, name)) || 0; end = parseFloat(prop[name]); unit = name != 'opacity' ? 'px' : ''; e.custom( start, end, unit ); } }, css: function(el, prop) { if (document.defaultView) { return document.defaultView.getComputedStyle(el, null).getPropertyValue(prop); } else { if (prop == 'opacity') prop = 'filter'; var val = el.currentStyle[prop.replace(/\-(\w)/g, function (a, b){ return b.toUpperCase(); })]; if (prop == 'filter') val = val.replace(/alpha\(opacity=([0-9]+)\)/, function (a, b) { return b / 100 }); return val === '' ? 1 : val; } }, getPageSize : function () { var d = document, w = window, iebody = d.compatMode && d.compatMode != 'BackCompat' ? d.documentElement : d.body; var b = d.body; var xScroll = (w.innerWidth && w.scrollMaxX) ? w.innerWidth + w.scrollMaxX : Math.max(b.scrollWidth, b.offsetWidth), yScroll = (w.innerHeight && window.scrollMaxY) ? w.innerHeight + w.scrollMaxY : Math.max(b.scrollHeight, b.offsetHeight), pageWidth = hs.ie ? iebody.scrollWidth : (d.documentElement.clientWidth || self.innerWidth), pageHeight = hs.ie ? Math.max(iebody.scrollHeight, iebody.clientHeight) : (d.documentElement.clientHeight || self.innerHeight); var width = hs.ie ? iebody.clientWidth : (d.documentElement.clientWidth || self.innerWidth), height = hs.ie ? iebody.clientHeight : self.innerHeight; return { pageWidth: Math.max(pageWidth, xScroll), pageHeight: Math.max(pageHeight, yScroll), width: width, height: height, scrollLeft: hs.ie ? iebody.scrollLeft : pageXOffset, scrollTop: hs.ie ? iebody.scrollTop : pageYOffset } }, getPosition : function(el) { if (/area/i.test(el.tagName)) { var imgs = document.getElementsByTagName('img'); for (var i = 0; i < imgs.length; i++) { var u = imgs[i].useMap; if (u && u.replace(/^.*?#/, '') == el.parentNode.name) { el = imgs[i]; break; } } } var p = { x: el.offsetLeft, y: el.offsetTop }; while (el.offsetParent) { el = el.offsetParent; p.x += el.offsetLeft; p.y += el.offsetTop; if (el != document.body && el != document.documentElement) { p.x -= el.scrollLeft; p.y -= el.scrollTop; } } return p; }, expand : function(a, params, custom, type) { if (!a) a = hs.createElement('a', null, { display: 'none' }, hs.container); if (typeof a.getParams == 'function') return params; if (type == 'html') { for (var i = 0; i < hs.sleeping.length; i++) { if (hs.sleeping[i] && hs.sleeping[i].a == a) { hs.sleeping[i].awake(); hs.sleeping[i] = null; return false; } } hs.hasHtmlExpanders = true; } try { new hs.Expander(a, params, custom, type); return false; } catch (e) { return true; } }, htmlExpand : function(a, params, custom) { return hs.expand(a, params, custom, 'html'); }, getSelfRendered : function() { return hs.createElement('div', { className: 'highslide-html-content', innerHTML: hs.replaceLang(hs.skin.contentWrapper) }); }, getElementByClass : function (el, tagName, className) { var els = el.getElementsByTagName(tagName); for (var i = 0; i < els.length; i++) { if ((new RegExp(className)).test(els[i].className)) { return els[i]; } } return null; }, replaceLang : function(s) { s = s.replace(/\s/g, ' '); var re = /{hs\.lang\.([^}]+)\}/g, matches = s.match(re), lang; if (matches) for (var i = 0; i < matches.length; i++) { lang = matches[i].replace(re, "$1"); if (typeof hs.lang[lang] != 'undefined') s = s.replace(matches[i], hs.lang[lang]); } return s; }, setClickEvents : function () { var els = document.getElementsByTagName('a'); for (var i = 0; i < els.length; i++) { var type = hs.isUnobtrusiveAnchor(els[i]); if (type && !els[i].hsHasSetClick) { (function(){ var t = type; if (hs.fireEvent(hs, 'onSetClickEvent', { element: els[i], type: t })) { els[i].onclick =(type == 'image') ?function() { return hs.expand(this) }: function() { return hs.htmlExpand(this, { objectType: t } );}; } })(); els[i].hsHasSetClick = true; } } if (!hs.pageLoaded) setTimeout( hs.setClickEvents, 50); else if (i) hs.updateAnchors(); }, isUnobtrusiveAnchor: function(el) { if (el.rel == 'highslide') return 'image'; else if (el.rel == 'highslide-ajax') return 'ajax'; else if (el.rel == 'highslide-iframe') return 'iframe'; else if (el.rel == 'highslide-swf') return 'swf'; }, getCacheBinding : function (a) { for (var i = 0; i < hs.cacheBindings.length; i++) { if (hs.cacheBindings[i][0] == a) { var c = hs.cacheBindings[i][1]; hs.cacheBindings[i][1] = c.cloneNode(1); return c; } } return null; }, preloadAjax : function (e) { var arr = hs.getAnchors(); for (var i = 0; i < arr.htmls.length; i++) { var a = arr.htmls[i]; if (hs.getParam(a, 'objectType') == 'ajax' && hs.getParam(a, 'cacheAjax')) hs.push(hs.preloadTheseAjax, a); } hs.preloadAjaxElement(0); }, preloadAjaxElement : function (i) { if (!hs.preloadTheseAjax[i]) return; var a = hs.preloadTheseAjax[i]; var cache = hs.getNode(hs.getParam(a, 'contentId')); if (!cache) cache = hs.getSelfRendered(); var ajax = new hs.Ajax(a, cache, 1); ajax.onError = function () { }; ajax.onLoad = function () { hs.push(hs.cacheBindings, [a, cache]); hs.preloadAjaxElement(i + 1); }; ajax.run(); }, focusTopmost : function() { var topZ = 0, topmostKey = -1, expanders = hs.expanders, exp, zIndex; for (var i = 0; i < expanders.length; i++) { exp = expanders[i]; if (exp) { zIndex = exp.wrapper.style.zIndex; if (zIndex && zIndex > topZ) { topZ = zIndex; topmostKey = i; } } } if (topmostKey == -1) hs.focusKey = -1; else expanders[topmostKey].focus(); }, getParam : function (a, param) { a.getParams = a.onclick; var p = a.getParams ? a.getParams() : null; a.getParams = null; return (p && typeof p[param] != 'undefined') ? p[param] : (typeof hs[param] != 'undefined' ? hs[param] : null); }, getSrc : function (a) { var src = hs.getParam(a, 'src'); if (src) return src; return a.href; }, getNode : function (id) { var node = hs.$(id), clone = hs.clones[id], a = {}; if (!node && !clone) return null; if (!clone) { clone = node.cloneNode(true); clone.id = ''; hs.clones[id] = clone; return node; } else { return clone.cloneNode(true); } }, discardElement : function(d) { hs.garbageBin.appendChild(d); hs.garbageBin.innerHTML = ''; }, dim : function(exp) { if (!hs.dimmer) { hs.dimmer = hs.createElement ('div', { className: 'highslide-dimming', owner: '', onclick: function() { if (hs.fireEvent(hs, 'onDimmerClick')) hs.close(); } }, { position: 'absolute', visibility: 'visible', left: 0, opacity: 0 }, hs.container, true); hs.addEventListener(window, 'resize', hs.setDimmerSize); } hs.dimmer.style.display = ''; hs.setDimmerSize(); hs.dimmer.owner += '|'+ exp.key; if (hs.geckoMac && hs.dimmingGeckoFix) hs.setStyles(hs.dimmer, { background: 'url('+ hs.graphicsDir + 'geckodimmer.png)', opacity: 1 }); else hs.animate(hs.dimmer, { opacity: exp.dimmingOpacity }, hs.dimmingDuration); }, undim : function(key) { if (!hs.dimmer) return; if (typeof key != 'undefined') hs.dimmer.owner = hs.dimmer.owner.replace('|'+ key, ''); if ( (typeof key != 'undefined' && hs.dimmer.owner != '') || (hs.upcoming && hs.getParam(hs.upcoming, 'dimmingOpacity')) ) return; if (hs.geckoMac && hs.dimmingGeckoFix) hs.setStyles(hs.dimmer, { background: 'none', width: 0, height: 0 }); else hs.animate(hs.dimmer, { opacity: 0 }, hs.dimmingDuration, null, function() { hs.setStyles(hs.dimmer, { display: 'none', width: 0, height: 0 }); }); }, setDimmerSize : function(exp) { if (!hs.dimmer) return; var h = (hs.ie && exp && exp.wrapper) ? parseInt(exp.wrapper.style.top) + parseInt(exp.wrapper.style.height)+ (exp.outline ? exp.outline.offset : 0) : 0; hs.setStyles(hs.dimmer, { width: hs.page.pageWidth +'px', height: Math.max(hs.page.pageHeight, h) +'px' }); }, transit : function (adj, exp) { var last = exp = exp || hs.getExpander(); if (hs.upcoming) return false; else hs.last = last; try { hs.upcoming = adj; adj.onclick(); } catch (e){ hs.last = hs.upcoming = null; } try { if (!adj || exp.transitions[1] != 'crossfade') exp.close(); } catch (e) {} return false; }, previousOrNext : function (el, op) { var exp = hs.getExpander(el); if (exp) { adj = exp.getAdjacentAnchor(op); return hs.transit(adj, exp); } else return false; }, previous : function (el) { return hs.previousOrNext(el, -1); }, next : function (el) { return hs.previousOrNext(el, 1); }, keyHandler : function(e) { if (!e) e = window.event; if (!e.target) e.target = e.srcElement; // ie if (typeof e.target.form != 'undefined') return true; // form element has focus if (!hs.fireEvent(hs, 'onKeyDown', e)) return true; var exp = hs.getExpander(); var op = null; switch (e.keyCode) { case 70: // f if (exp) exp.doFullExpand(); return true; case 32: // Space op = 2; break; case 34: // Page Down case 39: // Arrow right case 40: // Arrow down op = 1; break; case 8: // Backspace case 33: // Page Up case 37: // Arrow left case 38: // Arrow up op = -1; break; case 27: // Escape case 13: // Enter op = 0; } if (op !== null) {if (op != 2)hs.removeEventListener(document, window.opera ? 'keypress' : 'keydown', hs.keyHandler); if (!hs.enableKeyListener) return true; if (e.preventDefault) e.preventDefault(); else e.returnValue = false; if (exp) { if (op == 0) { exp.close(); } else if (op == 2) { if (exp.slideshow) exp.slideshow.hitSpace(); } else { if (exp.slideshow) exp.slideshow.pause(); hs.previousOrNext(exp.key, op); } return false; } } return true; }, registerOverlay : function (overlay) { hs.push(hs.overlays, hs.extend(overlay, { hsId: 'hsId'+ hs.idCounter++ } )); }, addSlideshow : function (options) { var sg = options.slideshowGroup; if (typeof sg == 'object') { for (var i = 0; i < sg.length; i++) { var o = {}; for (var x in options) o[x] = options[x]; o.slideshowGroup = sg[i]; hs.push(hs.slideshows, o); } } else { hs.push(hs.slideshows, options); } }, getWrapperKey : function (element, expOnly) { var el, re = /^highslide-wrapper-([0-9]+)$/; // 1. look in open expanders el = element; while (el.parentNode) { if (el.hsKey !== undefined) return el.hsKey; if (el.id && re.test(el.id)) return el.id.replace(re, "$1"); el = el.parentNode; } // 2. look in thumbnail if (!expOnly) { el = element; while (el.parentNode) { if (el.tagName && hs.isHsAnchor(el)) { for (var key = 0; key < hs.expanders.length; key++) { var exp = hs.expanders[key]; if (exp && exp.a == el) return key; } } el = el.parentNode; } } return null; }, getExpander : function (el, expOnly) { if (typeof el == 'undefined') return hs.expanders[hs.focusKey] || null; if (typeof el == 'number') return hs.expanders[el] || null; if (typeof el == 'string') el = hs.$(el); return hs.expanders[hs.getWrapperKey(el, expOnly)] || null; }, isHsAnchor : function (a) { return (a.onclick && a.onclick.toString().replace(/\s/g, ' ').match(/hs.(htmlE|e)xpand/)); }, reOrder : function () { for (var i = 0; i < hs.expanders.length; i++) if (hs.expanders[i] && hs.expanders[i].isExpanded) hs.focusTopmost(); }, fireEvent : function (obj, evt, args) { return obj && obj[evt] ? (obj[evt](obj, args) !== false) : true; }, mouseClickHandler : function(e) { if (!e) e = window.event; if (e.button > 1) return true; if (!e.target) e.target = e.srcElement; var el = e.target; while (el.parentNode && !(/highslide-(image|move|html|resize)/.test(el.className))) { el = el.parentNode; } var exp = hs.getExpander(el); if (exp && (exp.isClosing || !exp.isExpanded)) return true; if (exp && e.type == 'mousedown') { if (e.target.form) return true; var match = el.className.match(/highslide-(image|move|resize)/); if (match) { hs.dragArgs = { exp: exp , type: match[1], left: exp.x.pos, width: exp.x.size, top: exp.y.pos, height: exp.y.size, clickX: e.clientX, clickY: e.clientY }; hs.addEventListener(document, 'mousemove', hs.dragHandler); if (e.preventDefault) e.preventDefault(); // FF if (/highslide-(image|html)-blur/.test(exp.content.className)) { exp.focus(); hs.hasFocused = true; } return false; } else if (/highslide-html/.test(el.className) && hs.focusKey != exp.key) { exp.focus(); exp.doShowHide('hidden'); } } else if (e.type == 'mouseup') { hs.removeEventListener(document, 'mousemove', hs.dragHandler); if (hs.dragArgs) { if (hs.styleRestoreCursor && hs.dragArgs.type == 'image') hs.dragArgs.exp.content.style.cursor = hs.styleRestoreCursor; var hasDragged = hs.dragArgs.hasDragged; if (!hasDragged &&!hs.hasFocused && !/(move|resize)/.test(hs.dragArgs.type)) { if (hs.fireEvent(exp, 'onImageClick')) exp.close(); } else if (hasDragged || (!hasDragged && hs.hasHtmlExpanders)) { hs.dragArgs.exp.doShowHide('hidden'); } if (hs.dragArgs.exp.releaseMask) hs.dragArgs.exp.releaseMask.style.display = 'none'; if (hasDragged) hs.fireEvent(hs.dragArgs.exp, 'onDrop', hs.dragArgs); if (hasDragged) hs.setDimmerSize(exp); hs.hasFocused = false; hs.dragArgs = null; } else if (/highslide-image-blur/.test(el.className)) { el.style.cursor = hs.styleRestoreCursor; } } return false; }, dragHandler : function(e) { if (!hs.dragArgs) return true; if (!e) e = window.event; var a = hs.dragArgs, exp = a.exp; if (exp.iframe) { if (!exp.releaseMask) exp.releaseMask = hs.createElement('div', null, { position: 'absolute', width: exp.x.size+'px', height: exp.y.size+'px', left: exp.x.cb+'px', top: exp.y.cb+'px', zIndex: 4, background: (hs.ie ? 'white' : 'none'), opacity: .01 }, exp.wrapper, true); if (exp.releaseMask.style.display == 'none') exp.releaseMask.style.display = ''; } a.dX = e.clientX - a.clickX; a.dY = e.clientY - a.clickY; var distance = Math.sqrt(Math.pow(a.dX, 2) + Math.pow(a.dY, 2)); if (!a.hasDragged) a.hasDragged = (a.type != 'image' && distance > 0) || (distance > (hs.dragSensitivity || 5)); if (a.hasDragged && e.clientX > 5 && e.clientY > 5) { if (!hs.fireEvent(exp, 'onDrag', a)) return false; if (a.type == 'resize') exp.resize(a); else { exp.moveTo(a.left + a.dX, a.top + a.dY); if (a.type == 'image') exp.content.style.cursor = 'move'; } } return false; }, wrapperMouseHandler : function (e) { try { if (!e) e = window.event; var over = /mouseover/i.test(e.type); if (!e.target) e.target = e.srcElement; // ie if (hs.ie) e.relatedTarget = over ? e.fromElement : e.toElement; // ie var exp = hs.getExpander(e.target); if (!exp.isExpanded) return; if (!exp || !e.relatedTarget || hs.getExpander(e.relatedTarget, true) == exp || hs.dragArgs) return; hs.fireEvent(exp, over ? 'onMouseOver' : 'onMouseOut', e); for (var i = 0; i < exp.overlays.length; i++) (function() { var o = hs.$('hsId'+ exp.overlays[i]); if (o && o.hideOnMouseOut) { if (over) hs.setStyles(o, { visibility: 'visible' }); hs.animate(o, { opacity: over ? o.opacity : 0 }, o.dur, null, over ? null : function() { hs.setStyles(o, { visibility: 'hidden' })}); } })(); } catch (e) {} }, addEventListener : function (el, event, func) { try { el.addEventListener(event, func, false); } catch (e) { try { el.detachEvent('on'+ event, func); el.attachEvent('on'+ event, func); } catch (e) { el['on'+ event] = func; } } }, removeEventListener : function (el, event, func) { try { el.removeEventListener(event, func, false); } catch (e) { try { el.detachEvent('on'+ event, func); } catch (e) { el['on'+ event] = null; } } }, preloadFullImage : function (i) { if (hs.continuePreloading && hs.preloadTheseImages[i] && hs.preloadTheseImages[i] != 'undefined') { var img = document.createElement('img'); img.onload = function() { img = null; hs.preloadFullImage(i + 1); }; img.src = hs.preloadTheseImages[i]; } }, preloadImages : function (number) { if (number && typeof number != 'object') hs.numberOfImagesToPreload = number; var arr = hs.getAnchors(); for (var i = 0; i < arr.images.length && i < hs.numberOfImagesToPreload; i++) { hs.push(hs.preloadTheseImages, hs.getSrc(arr.images[i])); } // preload outlines if (hs.outlineType) new hs.Outline(hs.outlineType, function () { hs.preloadFullImage(0)} ); else hs.preloadFullImage(0); // preload cursor if (hs.restoreCursor) var cur = hs.createElement('img', { src: hs.graphicsDir + hs.restoreCursor }); }, init : function () { if (!hs.container) { hs.page = hs.getPageSize(); hs.ieLt7 = hs.ie && hs.uaVersion < 7; hs.ie6SSL = hs.ieLt7 && location.protocol == 'https:'; for (var x in hs.langDefaults) { if (typeof hs[x] != 'undefined') hs.lang[x] = hs[x]; else if (typeof hs.lang[x] == 'undefined' && typeof hs.langDefaults[x] != 'undefined') hs.lang[x] = hs.langDefaults[x]; } hs.container = hs.createElement('div', { className: 'highslide-container' }, { position: 'absolute', left: 0, top: 0, width: '100%', zIndex: hs.zIndexCounter, direction: 'ltr' }, document.body, true ); hs.loading = hs.createElement('a', { className: 'highslide-loading', title: hs.lang.loadingTitle, innerHTML: hs.lang.loadingText, href: 'javascript:;' }, { position: 'absolute', top: '-9999px', opacity: hs.loadingOpacity, zIndex: 1 }, hs.container ); hs.garbageBin = hs.createElement('div', null, { display: 'none' }, hs.container); hs.viewport = hs.createElement('div', { className: 'highslide-viewport' }, null, hs.container, 1 ); hs.clearing = hs.createElement('div', null, { clear: 'both', paddingTop: '1px' }, null, true); // http://www.robertpenner.com/easing/ Math.linearTween = function (t, b, c, d) { return c*t/d + b; }; Math.easeInQuad = function (t, b, c, d) { return c*(t/=d)*t + b; }; Math.easeOutQuad = function (t, b, c, d) { return -c *(t/=d)*(t-2) + b; }; hs.hideSelects = hs.ieLt7; hs.hideIframes = ((window.opera && hs.uaVersion < 9) || navigator.vendor == 'KDE' || (hs.ie && hs.uaVersion < 5.5)); hs.fireEvent(this, 'onActivate'); } }, domReady : function() { hs.isDomReady = true; if (hs.onDomReady) hs.onDomReady(); }, updateAnchors : function() { var el, els, all = [], images = [], htmls = [],groups = {}, re; for (var i = 0; i < hs.openerTagNames.length; i++) { els = document.getElementsByTagName(hs.openerTagNames[i]); for (var j = 0; j < els.length; j++) { el = els[j]; re = hs.isHsAnchor(el); if (re) { hs.push(all, el); if (re[0] == 'hs.expand') hs.push(images, el); else if (re[0] == 'hs.htmlExpand') hs.push(htmls, el); var g = hs.getParam(el, 'slideshowGroup') || 'none'; if (!groups[g]) groups[g] = []; hs.push(groups[g], el); } } } hs.anchors = { all: all, groups: groups, images: images, htmls: htmls }; return hs.anchors; }, getAnchors : function() { return hs.anchors || hs.updateAnchors(); }, close : function(el) { var exp = hs.getExpander(el); if (exp) exp.close(); return false; } }; // end hs object hs.fx = function( elem, options, prop ){ this.options = options; this.elem = elem; this.prop = prop; if (!options.orig) options.orig = {}; }; hs.fx.prototype = { // Simple function for setting a style value update: function(){ (hs.fx.step[this.prop] || hs.fx.step._default)(this); if (this.options.step) this.options.step.call(this.elem, this.now, this); }, // Start an animation from one number to another custom: function(from, to, unit){ this.startTime = (new Date()).getTime(); this.start = from; this.end = to; this.unit = unit;// || this.unit || "px"; this.now = this.start; this.pos = this.state = 0; var self = this; function t(gotoEnd){ return self.step(gotoEnd); } t.elem = this.elem; if ( t() && hs.timers.push(t) == 1 ) { hs.timerId = setInterval(function(){ var timers = hs.timers; for ( var i = 0; i < timers.length; i++ ) if ( !timers[i]() ) timers.splice(i--, 1); if ( !timers.length ) { clearInterval(hs.timerId); } }, 13); } }, // Each step of an animation step: function(gotoEnd){ var t = (new Date()).getTime(); if ( gotoEnd || t >= this.options.duration + this.startTime ) { this.now = this.end; this.pos = this.state = 1; this.update(); this.options.curAnim[ this.prop ] = true; var done = true; for ( var i in this.options.curAnim ) if ( this.options.curAnim[i] !== true ) done = false; if ( done ) { // Execute the complete function if (this.options.complete) this.options.complete.call(this.elem); } return false; } else { var n = t - this.startTime; this.state = n / this.options.duration; // Perform the easing function, defaults to swing this.pos = this.options.easing(n, 0, 1, this.options.duration); this.now = this.start + ((this.end - this.start) * this.pos); // Perform the next step of the animation this.update(); } return true; } }; hs.extend( hs.fx, { step: { opacity: function(fx){ hs.setStyles(fx.elem, { opacity: fx.now }); }, _default: function(fx){ if ( fx.elem.style && fx.elem.style[ fx.prop ] != null ) fx.elem.style[ fx.prop ] = fx.now + fx.unit; else fx.elem[ fx.prop ] = fx.now; } } }); hs.Outline = function (outlineType, onLoad) { this.onLoad = onLoad; this.outlineType = outlineType; var v = hs.uaVersion, tr; this.hasAlphaImageLoader = hs.ie && v >= 5.5 && v < 7; if (!outlineType) { if (onLoad) onLoad(); return; } hs.init(); this.table = hs.createElement( 'table', { cellSpacing: 0 }, { visibility: 'hidden', position: 'absolute', borderCollapse: 'collapse', width: 0 }, hs.container, true ); var tbody = hs.createElement('tbody', null, null, this.table, 1); this.td = []; for (var i = 0; i <= 8; i++) { if (i % 3 == 0) tr = hs.createElement('tr', null, { height: 'auto' }, tbody, true); this.td[i] = hs.createElement('td', null, null, tr, true); var style = i != 4 ? { lineHeight: 0, fontSize: 0} : { position : 'relative' }; hs.setStyles(this.td[i], style); } this.td[4].className = outlineType +' highslide-outline'; this.preloadGraphic(); }; hs.Outline.prototype = { preloadGraphic : function () { var src = hs.graphicsDir + (hs.outlinesDir || "outlines/")+ this.outlineType +".png"; var appendTo = hs.safari ? hs.container : null; this.graphic = hs.createElement('img', null, { position: 'absolute', top: '-9999px' }, appendTo, true); // for onload trigger var pThis = this; this.graphic.onload = function() { pThis.onGraphicLoad(); }; this.graphic.src = src; }, onGraphicLoad : function () { var o = this.offset = this.graphic.width / 4, pos = [[0,0],[0,-4],[-2,0],[0,-8],0,[-2,-8],[0,-2],[0,-6],[-2,-2]], dim = { height: (2*o) +'px', width: (2*o) +'px' }; for (var i = 0; i <= 8; i++) { if (pos[i]) { if (this.hasAlphaImageLoader) { var w = (i == 1 || i == 7) ? '100%' : this.graphic.width +'px'; var div = hs.createElement('div', null, { width: '100%', height: '100%', position: 'relative', overflow: 'hidden'}, this.td[i], true); hs.createElement ('div', null, { filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=scale, src='"+ this.graphic.src + "')", position: 'absolute', width: w, height: this.graphic.height +'px', left: (pos[i][0]*o)+'px', top: (pos[i][1]*o)+'px' }, div, true); } else { hs.setStyles(this.td[i], { background: 'url('+ this.graphic.src +') '+ (pos[i][0]*o)+'px '+(pos[i][1]*o)+'px'}); } if (window.opera && (i == 3 || i ==5)) hs.createElement('div', null, dim, this.td[i], true); hs.setStyles (this.td[i], dim); } } this.graphic = null; if (hs.pendingOutlines[this.outlineType]) hs.pendingOutlines[this.outlineType].destroy(); hs.pendingOutlines[this.outlineType] = this; if (this.onLoad) this.onLoad(); }, setPosition : function (pos, offset, vis, dur, easing) { var exp = this.exp, stl = exp.wrapper.style, offset = offset || 0, pos = pos || { x: exp.x.pos + offset, y: exp.y.pos + offset, w: exp.x.get('wsize') - 2 * offset, h: exp.y.get('wsize') - 2 * offset }; if (vis) this.table.style.visibility = (pos.h >= 4 * this.offset) ? 'visible' : 'hidden'; hs.setStyles(this.table, { left: (pos.x - this.offset) +'px', top: (pos.y - this.offset) +'px', width: (pos.w + 2 * this.offset) +'px' }); pos.w -= 2 * this.offset; pos.h -= 2 * this.offset; hs.setStyles (this.td[4], { width: pos.w >= 0 ? pos.w +'px' : 0, height: pos.h >= 0 ? pos.h +'px' : 0 }); if (this.hasAlphaImageLoader) this.td[3].style.height = this.td[5].style.height = this.td[4].style.height; }, destroy : function(hide) { if (hide) this.table.style.visibility = 'hidden'; else hs.discardElement(this.table); } }; hs.Dimension = function(exp, dim) { this.exp = exp; this.dim = dim; this.ucwh = dim == 'x' ? 'Width' : 'Height'; this.wh = this.ucwh.toLowerCase(); this.uclt = dim == 'x' ? 'Left' : 'Top'; this.lt = this.uclt.toLowerCase(); this.ucrb = dim == 'x' ? 'Right' : 'Bottom'; this.rb = this.ucrb.toLowerCase(); this.p1 = this.p2 = 0; }; hs.Dimension.prototype = { get : function(key) { switch (key) { case 'loadingPos': return this.tpos + this.tb + (this.t - hs.loading['offset'+ this.ucwh]) / 2; case 'loadingPosXfade': return this.pos + this.cb+ this.p1 + (this.size - hs.loading['offset'+ this.ucwh]) / 2; case 'wsize': return this.size + 2 * this.cb + this.p1 + this.p2; case 'fitsize': return this.clientSize - this.marginMin - this.marginMax; case 'opos': return this.pos - (this.exp.outline ? this.exp.outline.offset : 0); case 'osize': return this.get('wsize') + (this.exp.outline ? 2*this.exp.outline.offset : 0); case 'imgPad': return this.imgSize ? Math.round((this.size - this.imgSize) / 2) : 0; } }, calcBorders: function() { // correct for borders this.cb = (this.exp.content['offset'+ this.ucwh] - this.t) / 2; this.marginMax = hs['margin'+ this.ucrb] + 2 * this.cb; }, calcThumb: function() { this.t = this.exp.el[this.wh] ? parseInt(this.exp.el[this.wh]) : this.exp.el['offset'+ this.ucwh]; this.tpos = this.exp.tpos[this.dim]; this.tb = (this.exp.el['offset'+ this.ucwh] - this.t) / 2; if (this.tpos == 0) { this.tpos = (hs.page[this.wh] / 2) + hs.page['scroll'+ this.uclt]; }; }, calcExpanded: function() { var exp = this.exp; this.justify = 'auto'; // get alignment if (exp.align == 'center') this.justify = 'center'; else if (new RegExp(this.lt).test(exp.anchor)) this.justify = null; else if (new RegExp(this.rb).test(exp.anchor)) this.justify = 'max'; // size and position this.pos = this.tpos - this.cb + this.tb; this.size = Math.min(this.full, exp['max'+ this.ucwh] || this.full); this.minSize = exp.allowSizeReduction ? Math.min(exp['min'+ this.ucwh], this.full) :this.full; if (exp.isImage && exp.useBox) { this.size = exp[this.wh]; this.imgSize = this.full; } if (this.dim == 'x' && hs.padToMinWidth) this.minSize = exp.minWidth; this.target = exp['target'+ this.dim.toUpperCase()]; this.marginMin = hs['margin'+ this.uclt]; this.scroll = hs.page['scroll'+ this.uclt]; this.clientSize = hs.page[this.wh]; }, setSize: function(i) { var exp = this.exp; if (exp.isImage && (exp.useBox || hs.padToMinWidth)) { this.imgSize = i; this.size = Math.max(this.size, this.imgSize); exp.content.style[this.lt] = this.get('imgPad')+'px'; } else this.size = i; exp.content.style[this.wh] = i +'px'; exp.wrapper.style[this.wh] = this.get('wsize') +'px'; if (exp.outline) exp.outline.setPosition(); if (exp.releaseMask) exp.releaseMask.style[this.wh] = i +'px'; if (exp.isHtml) { var d = exp.scrollerDiv; if (this.sizeDiff === undefined) this.sizeDiff = exp.innerContent['offset'+ this.ucwh] - d['offset'+ this.ucwh]; d.style[this.wh] = (this.size - this.sizeDiff) +'px'; if (this.dim == 'x') exp.mediumContent.style.width = 'auto'; if (exp.body) exp.body.style[this.wh] = 'auto'; } if (this.dim == 'x' && exp.overlayBox) exp.sizeOverlayBox(true); if (this.dim == 'x' && exp.slideshow && exp.isImage) { if (i == this.full) exp.slideshow.disable('full-expand'); else exp.slideshow.enable('full-expand'); } }, setPos: function(i) { this.pos = i; this.exp.wrapper.style[this.lt] = i +'px'; if (this.exp.outline) this.exp.outline.setPosition(); } }; hs.Expander = function(a, params, custom, contentType) { if (document.readyState && hs.ie && !hs.isDomReady) { hs.onDomReady = function() { new hs.Expander(a, params, custom, contentType); }; return; } this.a = a; this.custom = custom; this.contentType = contentType || 'image'; this.isHtml = (contentType == 'html'); this.isImage = !this.isHtml; hs.continuePreloading = false; this.overlays = []; this.last = hs.last; hs.last = null; hs.init(); var key = this.key = hs.expanders.length; // override inline parameters for (var i = 0; i < hs.overrides.length; i++) { var name = hs.overrides[i]; this[name] = params && typeof params[name] != 'undefined' ? params[name] : hs[name]; } if (!this.src) this.src = a.href; // get thumb var el = (params && params.thumbnailId) ? hs.$(params.thumbnailId) : a; el = this.thumb = el.getElementsByTagName('img')[0] || el; this.thumbsUserSetId = el.id || a.id; if (!hs.fireEvent(this, 'onInit')) return true; // check if already open for (var i = 0; i < hs.expanders.length; i++) { if (hs.expanders[i] && hs.expanders[i].a == a && !(this.last && this.transitions[1] == 'crossfade')) { hs.expanders[i].focus(); return false; } } // cancel other for (var i = 0; i < hs.expanders.length; i++) { if (hs.expanders[i] && hs.expanders[i].thumb != el && !hs.expanders[i].onLoadStarted) { hs.expanders[i].cancelLoading(); } } hs.expanders[this.key] = this; if (!hs.allowMultipleInstances && !hs.upcoming) { if (hs.expanders[key-1]) hs.expanders[key-1].close(); if (typeof hs.focusKey != 'undefined' && hs.expanders[hs.focusKey]) hs.expanders[hs.focusKey].close(); } // initiate metrics this.el = el; this.tpos = hs.getPosition(el); hs.page = hs.getPageSize(); var x = this.x = new hs.Dimension(this, 'x'); x.calcThumb(); var y = this.y = new hs.Dimension(this, 'y'); y.calcThumb(); if (/area/i.test(el.tagName)) this.getImageMapAreaCorrection(el); this.wrapper = hs.createElement( 'div', { id: 'highslide-wrapper-'+ this.key, className: this.wrapperClassName }, { visibility: 'hidden', position: 'absolute', zIndex: hs.zIndexCounter++ }, null, true ); this.wrapper.onmouseover = this.wrapper.onmouseout = hs.wrapperMouseHandler; if (this.contentType == 'image' && this.outlineWhileAnimating == 2) this.outlineWhileAnimating = 0; // get the outline if (!this.outlineType || (this.last && this.isImage && this.transitions[1] == 'crossfade')) { this[this.contentType +'Create'](); } else if (hs.pendingOutlines[this.outlineType]) { this.connectOutline(); this[this.contentType +'Create'](); } else { this.showLoading(); var exp = this; new hs.Outline(this.outlineType, function () { exp.connectOutline(); exp[exp.contentType +'Create'](); } ); } return true; }; hs.Expander.prototype = { error : function(e) { // alert ('Line '+ e.lineNumber +': '+ e.message); window.location.href = this.src; }, connectOutline : function() { var outline = this.outline = hs.pendingOutlines[this.outlineType]; outline.exp = this; outline.table.style.zIndex = this.wrapper.style.zIndex; hs.pendingOutlines[this.outlineType] = null; }, showLoading : function() { if (this.onLoadStarted || this.loading) return; this.loading = hs.loading; var exp = this; this.loading.onclick = function() { exp.cancelLoading(); }; if (!hs.fireEvent(this, 'onShowLoading')) return; var exp = this, l = this.x.get('loadingPos') +'px', t = this.y.get('loadingPos') +'px'; if (!tgt && this.last && this.transitions[1] == 'crossfade') var tgt = this.last; if (tgt) { l = tgt.x.get('loadingPosXfade') +'px'; t = tgt.y.get('loadingPosXfade') +'px'; this.loading.style.zIndex = hs.zIndexCounter++; } setTimeout(function () { if (exp.loading) hs.setStyles(exp.loading, { left: l, top: t, zIndex: hs.zIndexCounter++ })} , 100); }, imageCreate : function() { var exp = this; var img = document.createElement('img'); this.content = img; img.onload = function () { if (hs.expanders[exp.key]) exp.contentLoaded(); }; if (hs.blockRightClick) img.oncontextmenu = function() { return false; }; img.className = 'highslide-image'; hs.setStyles(img, { visibility: 'hidden', display: 'block', position: 'absolute', maxWidth: '9999px', zIndex: 3 }); img.title = hs.lang.restoreTitle; if (hs.safari) hs.container.appendChild(img); if (hs.ie && hs.flushImgSize) img.src = null; img.src = this.src; this.showLoading(); }, htmlCreate : function () { if (!hs.fireEvent(this, 'onBeforeGetContent')) return; this.content = hs.getCacheBinding(this.a); if (!this.content) this.content = hs.getNode(this.contentId); if (!this.content) this.content = hs.getSelfRendered(); this.getInline(['maincontent']); if (this.maincontent) { var body = hs.getElementByClass(this.content, 'div', 'highslide-body'); if (body) body.appendChild(this.maincontent); this.maincontent.style.display = 'block'; } hs.fireEvent(this, 'onAfterGetContent'); this.innerContent = this.content; if (/(swf|iframe)/.test(this.objectType)) this.setObjContainerSize(this.innerContent); // the content tree hs.container.appendChild(this.wrapper); hs.setStyles( this.wrapper, { position: 'static', padding: '0 '+ hs.marginRight +'px 0 '+ hs.marginLeft +'px' }); this.content = hs.createElement( 'div', { className: 'highslide-html' }, { position: 'relative', zIndex: 3, overflow: 'hidden' }, this.wrapper ); this.mediumContent = hs.createElement('div', null, null, this.content, 1); this.mediumContent.appendChild(this.innerContent); hs.setStyles (this.innerContent, { position: 'relative', display: 'block', direction: hs.lang.cssDirection || '' }); if (this.width) this.innerContent.style.width = this.width+'px'; if (this.height) this.innerContent.style.height = this.height+'px'; if (this.innerContent.offsetWidth < this.minWidth) this.innerContent.style.width = this.minWidth +'px'; if (this.objectType == 'ajax' && !hs.getCacheBinding(this.a)) { this.showLoading(); var ajax = new hs.Ajax(this.a, this.innerContent); var exp = this; ajax.onLoad = function () { if (hs.expanders[exp.key]) exp.contentLoaded(); }; ajax.onError = function () { location.href = exp.src; }; ajax.run(); } else if (this.objectType == 'iframe' && this.objectLoadTime == 'before') { this.writeExtendedContent(); } else this.contentLoaded(); }, contentLoaded : function() { try { if (!this.content) return; this.content.onload = null; if (this.onLoadStarted) return; else this.onLoadStarted = true; var x = this.x, y = this.y; if (this.loading) { hs.setStyles(this.loading, { top: '-9999px' }); this.loading = null; hs.fireEvent(this, 'onHideLoading'); } if (this.isImage) { x.full = this.content.width; y.full = this.content.height; hs.setStyles(this.content, { width: x.t +'px', height: y.t +'px' }); this.wrapper.appendChild(this.content); hs.container.appendChild(this.wrapper); } else if (this.htmlGetSize) this.htmlGetSize(); x.calcBorders(); y.calcBorders(); hs.setStyles (this.wrapper, { left: (x.tpos + x.tb - x.cb) +'px', top: (y.tpos + x.tb - y.cb) +'px' }); this.initSlideshow(); this.getOverlays(); var ratio = x.full / y.full; x.calcExpanded(); this.justify(x); y.calcExpanded(); this.justify(y); if (this.isHtml) this.htmlSizeOperations(); if (this.overlayBox) this.sizeOverlayBox(0, 1); if (this.allowSizeReduction) { if (this.isImage) this.correctRatio(ratio); else this.fitOverlayBox(); var ss = this.slideshow; if (ss && this.last && ss.controls && ss.fixedControls) { var pos = ss.overlayOptions.position || '', p; for (var dim in hs.oPos) for (var i = 0; i < 5; i++) { p = this[dim]; if (pos.match(hs.oPos[dim][i])) { p.pos = this.last[dim].pos + (this.last[dim].p1 - p.p1) + (this.last[dim].size - p.size) * [0, 0, .5, 1, 1][i]; if (ss.fixedControls == 'fit') { if (p.pos + p.size + p.p1 + p.p2 > p.scroll + p.clientSize - p.marginMax) p.pos = p.scroll + p.clientSize - p.size - p.marginMin - p.marginMax - p.p1 - p.p2; if (p.pos < p.scroll + p.marginMin) p.pos = p.scroll + p.marginMin; } } } } if (this.isImage && this.x.full > (this.x.imgSize || this.x.size)) { this.createFullExpand(); if (this.overlays.length == 1) this.sizeOverlayBox(); } } this.show(); } catch (e) { this.error(e); } }, setObjContainerSize : function(parent, auto) { var c = hs.getElementByClass(parent, 'DIV', 'highslide-body'); if (/(iframe|swf)/.test(this.objectType)) { if (this.objectWidth) c.style.width = this.objectWidth +'px'; if (this.objectHeight) c.style.height = this.objectHeight +'px'; } }, writeExtendedContent : function () { if (this.hasExtendedContent) return; var exp = this; this.body = hs.getElementByClass(this.innerContent, 'DIV', 'highslide-body'); if (this.objectType == 'iframe') { this.showLoading(); var ruler = hs.clearing.cloneNode(1); this.body.appendChild(ruler); this.newWidth = this.innerContent.offsetWidth; if (!this.objectWidth) this.objectWidth = ruler.offsetWidth; var hDiff = this.innerContent.offsetHeight - this.body.offsetHeight, h = this.objectHeight || hs.page.height - hDiff - hs.marginTop - hs.marginBottom, onload = this.objectLoadTime == 'before' ? ' onload="if (hs.expanders['+ this.key +']) hs.expanders['+ this.key +'].contentLoaded()" ' : ''; this.body.innerHTML += ''; this.ruler = this.body.getElementsByTagName('div')[0]; this.iframe = this.body.getElementsByTagName('iframe')[0]; if (this.objectLoadTime == 'after') this.correctIframeSize(); } if (this.objectType == 'swf') { this.body.id = this.body.id || 'hs-flash-id-' + this.key; var a = this.swfOptions; if (typeof a.params.wmode == 'undefined') a.params.wmode = 'transparent'; if (swfobject) swfobject.embedSWF(this.src, this.body.id, this.objectWidth, this.objectHeight, a.version || '7', a.expressInstallSwfurl, a.flashvars, a.params, a.attributes); } this.hasExtendedContent = true; }, htmlGetSize : function() { if (this.iframe && !this.objectHeight) { // loadtime before this.iframe.style.height = this.body.style.height = this.getIframePageHeight() +'px'; } this.innerContent.appendChild(hs.clearing); if (!this.x.full) this.x.full = this.innerContent.offsetWidth; this.y.full = this.innerContent.offsetHeight; this.innerContent.removeChild(hs.clearing); if (hs.ie && this.newHeight > parseInt(this.innerContent.currentStyle.height)) { // ie css bug this.newHeight = parseInt(this.innerContent.currentStyle.height); } hs.setStyles( this.wrapper, { position: 'absolute', padding: '0'}); hs.setStyles( this.content, { width: this.x.t +'px', height: this.y.t +'px'}); }, getIframePageHeight : function() { var h; try { var doc = this.iframe.contentDocument || this.iframe.contentWindow.document; var clearing = doc.createElement('div'); clearing.style.clear = 'both'; doc.body.appendChild(clearing); h = clearing.offsetTop; if (hs.ie) h += parseInt(doc.body.currentStyle.marginTop) + parseInt(doc.body.currentStyle.marginBottom) - 1; } catch (e) { // other domain h = 300; } return h; }, correctIframeSize : function () { var wDiff = this.innerContent.offsetWidth - this.ruler.offsetWidth; if (wDiff < 0) wDiff = 0; var hDiff = this.innerContent.offsetHeight - this.iframe.offsetHeight; hs.setStyles(this.iframe, { width: (this.x.size - wDiff) +'px', height: (this.y.size - hDiff) +'px' }); hs.setStyles(this.body, { width: this.iframe.style.width, height: this.iframe.style.height }); this.scrollingContent = this.iframe; this.scrollerDiv = this.scrollingContent; }, htmlSizeOperations : function () { this.setObjContainerSize(this.innerContent); if (this.objectType == 'swf' && this.objectLoadTime == 'before') this.writeExtendedContent(); // handle minimum size if (this.x.size < this.x.full && !this.allowWidthReduction) this.x.size = this.x.full; if (this.y.size < this.y.full && !this.allowHeightReduction) this.y.size = this.y.full; this.scrollerDiv = this.innerContent; hs.setStyles(this.mediumContent, { position: 'relative', width: this.x.size +'px' }); hs.setStyles(this.innerContent, { border: 'none', width: 'auto', height: 'auto' }); var node = hs.getElementByClass(this.innerContent, 'DIV', 'highslide-body'); if (node && !/(iframe|swf)/.test(this.objectType)) { var cNode = node; // wrap to get true size node = hs.createElement(cNode.nodeName, null, {overflow: 'hidden'}, null, true); cNode.parentNode.insertBefore(node, cNode); node.appendChild(hs.clearing); // IE6 node.appendChild(cNode); var wDiff = this.innerContent.offsetWidth - node.offsetWidth; var hDiff = this.innerContent.offsetHeight - node.offsetHeight; node.removeChild(hs.clearing); var kdeBugCorr = hs.safari || navigator.vendor == 'KDE' ? 1 : 0; // KDE repainting bug hs.setStyles(node, { width: (this.x.size - wDiff - kdeBugCorr) +'px', height: (this.y.size - hDiff) +'px', overflow: 'auto', position: 'relative' } ); if (kdeBugCorr && cNode.offsetHeight > node.offsetHeight) { node.style.width = (parseInt(node.style.width) + kdeBugCorr) + 'px'; } this.scrollingContent = node; this.scrollerDiv = this.scrollingContent; } if (this.iframe && this.objectLoadTime == 'before') this.correctIframeSize(); if (!this.scrollingContent && this.y.size < this.mediumContent.offsetHeight) this.scrollerDiv = this.content; if (this.scrollerDiv == this.content && !this.allowWidthReduction && !/(iframe|swf)/.test(this.objectType)) { this.x.size += 17; // room for scrollbars } if (this.scrollerDiv && this.scrollerDiv.offsetHeight > this.scrollerDiv.parentNode.offsetHeight) { setTimeout("try { hs.expanders["+ this.key +"].scrollerDiv.style.overflow = 'auto'; } catch(e) {}", hs.expandDuration); } }, getImageMapAreaCorrection : function(area) { var c = area.coords.split(','); for (var i = 0; i < c.length; i++) c[i] = parseInt(c[i]); if (area.shape.toLowerCase() == 'circle') { this.x.tpos += c[0] - c[2]; this.y.tpos += c[1] - c[2]; this.x.t = this.y.t = 2 * c[2]; } else { var maxX, maxY, minX = maxX = c[0], minY = maxY = c[1]; for (var i = 0; i < c.length; i++) { if (i % 2 == 0) { minX = Math.min(minX, c[i]); maxX = Math.max(maxX, c[i]); } else { minY = Math.min(minY, c[i]); maxY = Math.max(maxY, c[i]); } } this.x.tpos += minX; this.x.t = maxX - minX; this.y.tpos += minY; this.y.t = maxY - minY; } }, justify : function (p, moveOnly) { var tgtArr, tgt = p.target, dim = p == this.x ? 'x' : 'y'; if (tgt && tgt.match(/ /)) { tgtArr = tgt.split(' '); tgt = tgtArr[0]; } if (tgt && hs.$(tgt)) { p.pos = hs.getPosition(hs.$(tgt))[dim]; if (tgtArr && tgtArr[1] && tgtArr[1].match(/^[-]?[0-9]+px$/)) p.pos += parseInt(tgtArr[1]); if (p.size < p.minSize) p.size = p.minSize; } else if (p.justify == 'auto' || p.justify == 'center') { var hasMovedMin = false; var allowReduce = p.exp.allowSizeReduction; if (p.justify == 'center') p.pos = Math.round(p.scroll + (p.clientSize + p.marginMin - p.marginMax - p.get('wsize')) / 2); else p.pos = Math.round(p.pos - ((p.get('wsize') - p.t) / 2)); if (p.pos < p.scroll + p.marginMin) { p.pos = p.scroll + p.marginMin; hasMovedMin = true; } if (!moveOnly && p.size < p.minSize) { p.size = p.minSize; allowReduce = false; } if (p.pos + p.get('wsize') > p.scroll + p.clientSize - p.marginMax) { if (!moveOnly && hasMovedMin && allowReduce) { p.size = p.get('fitsize'); // can't expand more } else if (p.get('wsize') < p.get('fitsize')) { p.pos = p.scroll + p.clientSize - p.marginMax - p.get('wsize'); } else { // image larger than viewport p.pos = p.scroll + p.marginMin; if (!moveOnly && allowReduce) p.size = p.get('fitsize'); } } if (!moveOnly && p.size < p.minSize) { p.size = p.minSize; allowReduce = false; } } else if (p.justify == 'max') { p.pos = Math.floor(p.pos - p.size + p.t); } if (p.pos < p.marginMin) { var tmpMin = p.pos; p.pos = p.marginMin; if (allowReduce && !moveOnly) p.size = p.size - (p.pos - tmpMin); } }, correctRatio : function(ratio) { var x = this.x, y = this.y, changed = false, xSize = Math.min(x.full, x.size), ySize = Math.min(y.full, y.size), useBox = (this.useBox || hs.padToMinWidth); if (xSize / ySize > ratio) { // width greater xSize = ySize * ratio; if (xSize < x.minSize) { // below minWidth xSize = x.minSize; ySize = xSize / ratio; } changed = true; } else if (xSize / ySize < ratio) { // height greater ySize = xSize / ratio; changed = true; } if (hs.padToMinWidth && x.full < x.minSize) { x.imgSize = x.full; y.size = y.imgSize = y.full; } else if (this.useBox) { x.imgSize = xSize; y.imgSize = ySize; } else { x.size = xSize; y.size = ySize; } this.fitOverlayBox(useBox ? null : ratio); if (useBox && y.size < y.imgSize) { y.imgSize = y.size; x.imgSize = y.size * ratio; } if (changed || useBox) { x.pos = x.tpos - x.cb + x.tb; x.minSize = x.size; this.justify(x, true); y.pos = y.tpos - y.cb + y.tb; y.minSize = y.size; this.justify(y, true); if (this.overlayBox) this.sizeOverlayBox(); } }, fitOverlayBox : function(ratio) { var x = this.x, y = this.y; if (this.overlayBox) { while (y.size > this.minHeight && x.size > this.minWidth && y.get('wsize') > y.get('fitsize')) { y.size -= 10; if (ratio) x.size = y.size * ratio; this.sizeOverlayBox(0, 1); } } }, reflow : function () { if (this.scrollerDiv) { var h = /iframe/i.test(this.scrollerDiv.tagName) ? this.getIframePageHeight() + 1 +'px' : 'auto'; if (this.body) this.body.style.height = h; this.scrollerDiv.style.height = h; this.y.setSize(this.innerContent.offsetHeight); hs.setDimmerSize(this); } }, show : function () { var x = this.x, y = this.y; this.doShowHide('hidden'); hs.fireEvent(this, 'onBeforeExpand'); if (this.slideshow && this.slideshow.thumbstrip) this.slideshow.thumbstrip.selectThumb(); // Apply size change this.changeSize( 1, { wrapper: { width : x.get('wsize'), height : y.get('wsize'), left: x.pos, top: y.pos }, content: { left: x.p1 + x.get('imgPad'), top: y.p1 + y.get('imgPad'), width:x.imgSize ||x.size, height:y.imgSize ||y.size } }, hs.expandDuration ); }, changeSize : function(up, to, dur) { // transition var trans = this.transitions, other = up ? (this.last ? this.last.a : null) : hs.upcoming, t = (trans[1] && other && hs.getParam(other, 'transitions')[1] == trans[1]) ? trans[1] : trans[0]; if (this[t] && t != 'expand') { this[t](up, to); return; } if (this.outline && !this.outlineWhileAnimating) { if (up) this.outline.setPosition(); else this.outline.destroy( (this.isHtml && this.preserveContent)); } if (!up) this.destroyOverlays(); var exp = this, x = exp.x, y = exp.y, easing = this.easing; if (!up) easing = this.easingClose || easing; var after = up ? function() { if (exp.outline) exp.outline.table.style.visibility = "visible"; setTimeout(function() { exp.afterExpand(); }, 50); } : function() { exp.afterClose(); }; if (up) hs.setStyles( this.wrapper, { width: x.t +'px', height: y.t +'px' }); if (up && this.isHtml) { hs.setStyles(this.wrapper, { left: (x.tpos - x.cb + x.tb) +'px', top: (y.tpos - y.cb + y.tb) +'px' }); } if (this.fadeInOut) { hs.setStyles(this.wrapper, { opacity: up ? 0 : 1 }); hs.extend(to.wrapper, { opacity: up }); } hs.animate( this.wrapper, to.wrapper, { duration: dur, easing: easing, step: function(val, args) { if (exp.outline && exp.outlineWhileAnimating && args.prop == 'top') { var fac = up ? args.pos : 1 - args.pos; var pos = { w: x.t + (x.get('wsize') - x.t) * fac, h: y.t + (y.get('wsize') - y.t) * fac, x: x.tpos + (x.pos - x.tpos) * fac, y: y.tpos + (y.pos - y.tpos) * fac }; exp.outline.setPosition(pos, 0, 1); } if (exp.isHtml) { if (args.prop == 'left') exp.mediumContent.style.left = (x.pos - val) +'px'; if (args.prop == 'top') exp.mediumContent.style.top = (y.pos - val) +'px'; } } }); hs.animate( this.content, to.content, dur, easing, after); if (up) { this.wrapper.style.visibility = 'visible'; this.content.style.visibility = 'visible'; if (this.isHtml) this.innerContent.style.visibility = 'visible'; this.a.className += ' highslide-active-anchor'; } }, fade : function(up, to) { this.outlineWhileAnimating = false; var exp = this, t = up ? hs.expandDuration : 0; if (up) { hs.animate(this.wrapper, to.wrapper, 0); hs.setStyles(this.wrapper, { opacity: 0, visibility: 'visible' }); hs.animate(this.content, to.content, 0); this.content.style.visibility = 'visible'; hs.animate(this.wrapper, { opacity: 1 }, t, null, function() { exp.afterExpand(); }); } if (this.outline) { this.outline.table.style.zIndex = this.wrapper.style.zIndex; var dir = up || -1, offset = this.outline.offset, startOff = up ? 3 : offset, endOff = up? offset : 3; for (var i = startOff; dir * i <= dir * endOff; i += dir, t += 25) { (function() { var o = up ? endOff - i : startOff - i; setTimeout(function() { exp.outline.setPosition(0, o, 1); }, t); })(); } } if (up) {}//setTimeout(function() { exp.afterExpand(); }, t+50); else { setTimeout( function() { if (exp.outline) exp.outline.destroy(exp.preserveContent); exp.destroyOverlays(); hs.animate( exp.wrapper, { opacity: 0 }, null, null, function(){ exp.afterClose(); }); }, t); } }, crossfade : function (up, to) { if (!up) return; var exp = this, dur = hs.transitionDuration, last = exp.last, x = exp.x, y = exp.y, lastX = last.x, lastY = last.y, overlayBox = exp.overlayBox, wrapper = this.wrapper, content = this.content; hs.removeEventListener(document, 'mousemove', hs.dragHandler); this.outline = last.outline; if (this.outline) this.outline.exp = exp; last.outline = null; last.wrapper.style.overflow = 'hidden'; hs.setStyles(wrapper, { left: lastX.pos +'px', top: lastY.pos +'px', width: lastX.get('wsize') +'px', height: lastY.get('wsize') +'px' }); hs.setStyles(content, { display: 'none', width: (x.imgSize || x.size) +'px', height: (y.imgSize || y.size) +'px', left: (x.p1 + x.get('imgPad')) +'px', top: (y.p1 + y.get('imgPad')) + 'px' }); var fadeBox = hs.createElement('div', { className: 'highslide-image' }, { position: 'absolute', zIndex: 4, overflow: 'hidden', display: 'none', left: (lastX.p1 + lastX.get('imgPad')) +'px', top: (lastY.p1 + lastY.get('imgPad')) +'px', width: (lastX.imgSize || lastX.size) +'px', height: (lastY.imgSize || lastY.size) +'px' }); if (this.isHtml) hs.setStyles(this.mediumContent, { left: 0, top: 0 }); if (overlayBox) hs.setStyles(overlayBox, { overflow: 'visible', left: (lastX.p1 + lastX.cb) +'px', top: (lastY.p1 + lastY.cb) +'px', width: lastX.size +'px', height: lastY.size +'px' }); var names = { oldImg: last, newImg: this }; for (var n in names) { this[n] = names[n].content.cloneNode(1); hs.setStyles(this[n], { position: 'absolute', border: 0, visibility: 'visible' }); fadeBox.appendChild(this[n]); } hs.setStyles(this.oldImg, { left: 0, top: 0 }); hs.setStyles(this.newImg, { display: 'block', opacity: 0, left: (x.pos - lastX.pos + x.p1 - lastX.p1 + x.get('imgPad') - lastX.get('imgPad')) +'px', top: (y.pos - lastY.pos + y.p1 - lastY.p1 + y.get('imgPad') - lastY.get('imgPad')) +'px' }); wrapper.appendChild(fadeBox); if (overlayBox) { overlayBox.className = ''; wrapper.appendChild(overlayBox); } fadeBox.style.display = ''; last.content.style.display = 'none'; if (hs.safari) { var match = navigator.userAgent.match(/Safari\/([0-9]{3})/); if (match && parseInt(match[1]) < 525) wrapper.style.visibility = 'visible'; } function end() { wrapper.style.visibility = content.style.visibility = 'visible'; content.style.display = 'block'; fadeBox.style.display = 'none'; exp.a.className += ' highslide-active-anchor'; exp.afterExpand(); last.afterClose(); } hs.animate(last.wrapper, { left: x.pos, top: y.pos, width: x.get('wsize'), height: y.get('wsize') }, dur); hs.animate(fadeBox, { width: x.imgSize || x.size, height: y.imgSize || y.size, left: x.p1 + x.get('imgPad'), top: y.p1 + y.get('imgPad') }, dur); hs.animate(this.oldImg, { left: (lastX.pos - x.pos + lastX.p1 - x.p1 + lastX.get('imgPad') - x.get('imgPad')), top: (lastY.pos - y.pos + lastY.p1 - y.p1 + lastY.get('imgPad') - y.get('imgPad')) }, dur); hs.animate(this.newImg, { opacity: 1, left: 0, top: 0 }, dur); if (overlayBox) hs.animate(overlayBox, { left: x.p1 + x.cb, top: y.p1 + y.cb, width: x.size, height: y.size }, dur); if (this.outline) var wrapStep = function(val, args) { if (args.prop == 'top') { var stl = exp.wrapper.style; var pos = { w: parseInt(stl.width), h: parseInt(stl.height), x: parseInt(stl.left), y: parseInt(stl.top) }; exp.outline.setPosition(pos); } }; hs.animate(wrapper, to.wrapper, { duration: dur, complete: end, step: wrapStep }); fadeBox.style.visibility = 'visible'; }, reuseOverlay : function(o, el) { if (!this.last) return false; for (var i = 0; i < this.last.overlays.length; i++) { var oDiv = hs.$('hsId'+ this.last.overlays[i]); if (oDiv && oDiv.hsId == o.hsId) { this.genOverlayBox(); oDiv.reuse = this.key; hs.push(this.overlays, this.last.overlays[i]); return true; } } return false; }, afterExpand : function() { this.isExpanded = true; this.focus(); if (this.isHtml && this.objectLoadTime == 'after') this.writeExtendedContent(); if (this.iframe) { try { var exp = this, doc = this.iframe.contentDocument || this.iframe.contentWindow.document; hs.addEventListener(doc, 'mousedown', function () { if (hs.focusKey != exp.key) exp.focus(); }); } catch(e) {} if (hs.ie && typeof this.isClosing != 'boolean') // first open this.iframe.style.width = (this.objectWidth - 1) +'px'; // hasLayout } if (this.dimmingOpacity) hs.dim(this); if (hs.upcoming && hs.upcoming == this.a) hs.upcoming = null; this.prepareNextOutline(); var p = hs.page, mX = hs.mouse.x + p.scrollLeft, mY = hs.mouse.y + p.scrollTop; this.mouseIsOver = this.x.pos < mX && mX < this.x.pos + this.x.get('wsize') && this.y.pos < mY && mY < this.y.pos + this.y.get('wsize'); if (this.overlayBox) this.showOverlays(); hs.fireEvent(this, 'onAfterExpand'); }, prepareNextOutline : function() { var key = this.key; var outlineType = this.outlineType; new hs.Outline(outlineType, function () { try { hs.expanders[key].preloadNext(); } catch (e) {} }); }, preloadNext : function() { var next = this.getAdjacentAnchor(1); if (next && next.onclick.toString().match(/hs\.expand/)) var img = hs.createElement('img', { src: hs.getSrc(next) }); }, getAdjacentAnchor : function(op) { var current = this.getAnchorIndex(), as = hs.anchors.groups[this.slideshowGroup || 'none']; /*< ? if ($cfg->slideshow) : ?>s*/ if (!as[current + op] && this.slideshow && this.slideshow.repeat) { if (op == 1) return as[0]; else if (op == -1) return as[as.length-1]; } /*< ? endif ?>s*/ return as[current + op] || null; }, getAnchorIndex : function() { var arr = hs.getAnchors().groups[this.slideshowGroup || 'none']; if (arr) for (var i = 0; i < arr.length; i++) { if (arr[i] == this.a) return i; } return null; }, getNumber : function() { if (this[this.numberPosition]) { var arr = hs.anchors.groups[this.slideshowGroup || 'none']; if (arr) { var s = hs.lang.number.replace('%1', this.getAnchorIndex() + 1).replace('%2', arr.length); this[this.numberPosition].innerHTML = '
'+ s +'
'+ this[this.numberPosition].innerHTML; } } }, initSlideshow : function() { if (!this.last) { for (var i = 0; i < hs.slideshows.length; i++) { var ss = hs.slideshows[i], sg = ss.slideshowGroup; if (typeof sg == 'undefined' || sg === null || sg === this.slideshowGroup) this.slideshow = new hs.Slideshow(this, ss); } } else { this.slideshow = this.last.slideshow; } var ss = this.slideshow; if (!ss) return; var exp = ss.exp = this; ss.checkFirstAndLast(); ss.disable('full-expand'); if (ss.controls) { var o = ss.overlayOptions || {}; o.overlayId = ss.controls; o.hsId = 'controls'; this.createOverlay(o); } if (ss.thumbstrip) ss.thumbstrip.add(this); if (!this.last && this.autoplay) ss.play(true); if (ss.autoplay) { ss.autoplay = setTimeout(function() { hs.next(exp.key); }, (ss.interval || 500)); } }, cancelLoading : function() { hs.expanders[this.key] = null; if (hs.upcoming == this.a) hs.upcoming = null; hs.undim(this.key); if (this.loading) hs.loading.style.left = '-9999px'; hs.fireEvent(this, 'onHideLoading'); }, writeCredits : function () { if (this.credits) return; this.credits = hs.createElement('a', { href: hs.creditsHref, className: 'highslide-credits', innerHTML: hs.lang.creditsText, title: hs.lang.creditsTitle }); this.createOverlay({ overlayId: this.credits, position: 'top left', hsId: 'credits' }); }, getInline : function(types, addOverlay) { for (var i = 0; i < types.length; i++) { var type = types[i], s = null; if (type == 'caption' && !hs.fireEvent(this, 'onBeforeGetCaption')) return; else if (type == 'heading' && !hs.fireEvent(this, 'onBeforeGetHeading')) return; if (!this[type +'Id'] && this.thumbsUserSetId) this[type +'Id'] = type +'-for-'+ this.thumbsUserSetId; if (this[type +'Id']) this[type] = hs.getNode(this[type +'Id']); if (!this[type] && !this[type +'Text'] && this[type +'Eval']) try { s = eval(this[type +'Eval']); } catch (e) {} if (!this[type] && this[type +'Text']) { s = this[type +'Text']; } if (!this[type] && !s) { var next = this.a.nextSibling; while (next && !hs.isHsAnchor(next)) { if ((new RegExp('highslide-'+ type)).test(next.className || null)) { this[type] = next.cloneNode(1); break; } next = next.nextSibling; } } if (!this[type] && !s && this.numberPosition == type) s = '\n'; if (!this[type] && s) this[type] = hs.createElement('div', { className: 'highslide-'+ type, innerHTML: s } ); if (addOverlay && this[type]) { var o = { position: (type == 'heading') ? 'above' : 'below' }; for (var x in this[type+'Overlay']) o[x] = this[type+'Overlay'][x]; o.overlayId = this[type]; this.createOverlay(o); } } }, // on end move and resize doShowHide : function(visibility) { if (hs.hideSelects) this.showHideElements('SELECT', visibility); if (hs.hideIframes) this.showHideElements('IFRAME', visibility); if (hs.geckoMac) this.showHideElements('*', visibility); }, showHideElements : function (tagName, visibility) { var els = document.getElementsByTagName(tagName); var prop = tagName == '*' ? 'overflow' : 'visibility'; for (var i = 0; i < els.length; i++) { if (prop == 'visibility' || (document.defaultView.getComputedStyle( els[i], "").getPropertyValue('overflow') == 'auto' || els[i].getAttribute('hidden-by') != null)) { var hiddenBy = els[i].getAttribute('hidden-by'); if (visibility == 'visible' && hiddenBy) { hiddenBy = hiddenBy.replace('['+ this.key +']', ''); els[i].setAttribute('hidden-by', hiddenBy); if (!hiddenBy) els[i].style[prop] = els[i].origProp; } else if (visibility == 'hidden') { // hide if behind var elPos = hs.getPosition(els[i]); elPos.w = els[i].offsetWidth; elPos.h = els[i].offsetHeight; if (!this.dimmingOpacity) { // hide all if dimming var clearsX = (elPos.x + elPos.w < this.x.get('opos') || elPos.x > this.x.get('opos') + this.x.get('osize')); var clearsY = (elPos.y + elPos.h < this.y.get('opos') || elPos.y > this.y.get('opos') + this.y.get('osize')); } var wrapperKey = hs.getWrapperKey(els[i]); if (!clearsX && !clearsY && wrapperKey != this.key) { // element falls behind image if (!hiddenBy) { els[i].setAttribute('hidden-by', '['+ this.key +']'); els[i].origProp = els[i].style[prop]; els[i].style[prop] = 'hidden'; } else if (hiddenBy.indexOf('['+ this.key +']') == -1) { els[i].setAttribute('hidden-by', hiddenBy + '['+ this.key +']'); } } else if ((hiddenBy == '['+ this.key +']' || hs.focusKey == wrapperKey) && wrapperKey != this.key) { // on move els[i].setAttribute('hidden-by', ''); els[i].style[prop] = els[i].origProp || ''; } else if (hiddenBy && hiddenBy.indexOf('['+ this.key +']') > -1) { els[i].setAttribute('hidden-by', hiddenBy.replace('['+ this.key +']', '')); } } } } }, focus : function() { this.wrapper.style.zIndex = hs.zIndexCounter++; // blur others for (var i = 0; i < hs.expanders.length; i++) { if (hs.expanders[i] && i == hs.focusKey) { var blurExp = hs.expanders[i]; blurExp.content.className += ' highslide-'+ blurExp.contentType +'-blur'; if (blurExp.isImage) { blurExp.content.style.cursor = hs.ie ? 'hand' : 'pointer'; blurExp.content.title = hs.lang.focusTitle; } hs.fireEvent(blurExp, 'onBlur'); } } // focus this if (this.outline) this.outline.table.style.zIndex = this.wrapper.style.zIndex; this.content.className = 'highslide-'+ this.contentType; if (this.isImage) { this.content.title = hs.lang.restoreTitle; if (hs.restoreCursor) { hs.styleRestoreCursor = window.opera ? 'pointer' : 'url('+ hs.graphicsDir + hs.restoreCursor +'), pointer'; if (hs.ie && hs.uaVersion < 6) hs.styleRestoreCursor = 'hand'; this.content.style.cursor = hs.styleRestoreCursor; } } hs.focusKey = this.key; hs.addEventListener(document, window.opera ? 'keypress' : 'keydown', hs.keyHandler); hs.fireEvent(this, 'onFocus'); }, moveTo: function(x, y) { this.x.setPos(x); this.y.setPos(y); }, resize : function (e) { var w, h, r = e.width / e.height; w = Math.max(e.width + e.dX, Math.min(this.minWidth, this.x.full)); if (this.isImage && Math.abs(w - this.x.full) < 12) w = this.x.full; h = this.isHtml ? e.height + e.dY : w / r; if (h < Math.min(this.minHeight, this.y.full)) { h = Math.min(this.minHeight, this.y.full); if (this.isImage) w = h * r; } this.resizeTo(w, h); }, resizeTo: function(w, h) { this.y.setSize(h); this.x.setSize(w); }, close : function() { if (this.isClosing || !this.isExpanded) return; if (this.transitions[1] == 'crossfade' && hs.upcoming) { hs.getExpander(hs.upcoming).cancelLoading(); hs.upcoming = null; } if (!hs.fireEvent(this, 'onBeforeClose')) return; this.isClosing = true; if (this.slideshow && !hs.upcoming) this.slideshow.pause(); hs.removeEventListener(document, window.opera ? 'keypress' : 'keydown', hs.keyHandler); try { if (this.isHtml) this.htmlPrepareClose(); this.content.style.cursor = 'default'; this.changeSize( 0, { wrapper: { width : this.x.t, height : this.y.t, left: this.x.tpos - this.x.cb + this.x.tb, top: this.y.tpos - this.y.cb + this.y.tb }, content: { left: 0, top: 0, width: this.x.t, height: this.y.t } }, hs.restoreDuration ); } catch (e) { this.afterClose(); } }, htmlPrepareClose : function() { if (hs.geckoMac) { // bad redraws if (!hs.mask) hs.mask = hs.createElement('div', null, { position: 'absolute' }, hs.container); hs.setStyles(hs.mask, { width: this.x.size +'px', height: this.y.size +'px', left: this.x.pos +'px', top: this.y.pos +'px', display: 'block' }); } if (this.objectType == 'swf') try { hs.$(this.body.id).StopPlay(); } catch (e) {} if (this.objectLoadTime == 'after' && !this.preserveContent) this.destroyObject(); if (this.scrollerDiv && this.scrollerDiv != this.scrollingContent) this.scrollerDiv.style.overflow = 'hidden'; }, destroyObject : function () { if (hs.ie && this.iframe) try { this.iframe.contentWindow.document.body.innerHTML = ''; } catch (e) {} if (this.objectType == 'swf') swfobject.removeSWF(this.body.id); this.body.innerHTML = ''; }, sleep : function() { if (this.outline) this.outline.table.style.display = 'none'; this.releaseMask = null; this.wrapper.style.display = 'none'; hs.push(hs.sleeping, this); }, awake : function() {try { hs.expanders[this.key] = this; if (!hs.allowMultipleInstances &&hs.focusKey != this.key) { try { hs.expanders[hs.focusKey].close(); } catch (e){} } var z = hs.zIndexCounter++, stl = { display: '', zIndex: z }; hs.setStyles (this.wrapper, stl); this.isClosing = false; var o = this.outline || 0; if (o) { if (!this.outlineWhileAnimating) stl.visibility = 'hidden'; hs.setStyles (o.table, stl); } if (this.slideshow) { this.initSlideshow(); } this.show(); } catch (e) {} }, createOverlay : function (o) { var el = o.overlayId, relToVP = (o.relativeTo == 'viewport' && !/panel$/.test(o.position)); if (typeof el == 'string') el = hs.getNode(el); if (o.html) el = hs.createElement('div', { innerHTML: o.html }); if (!el || typeof el == 'string') return; if (!hs.fireEvent(this, 'onCreateOverlay', { overlay: el })) return; el.style.display = 'block'; o.hsId = o.hsId || o.overlayId; if (this.transitions[1] == 'crossfade' && this.reuseOverlay(o, el)) return; this.genOverlayBox(); var width = o.width && /^[0-9]+(px|%)$/.test(o.width) ? o.width : 'auto'; if (/^(left|right)panel$/.test(o.position) && !/^[0-9]+px$/.test(o.width)) width = '200px'; var overlay = hs.createElement( 'div', { id: 'hsId'+ hs.idCounter++, hsId: o.hsId }, { position: 'absolute', visibility: 'hidden', width: width, direction: hs.lang.cssDirection || '', opacity: 0 }, relToVP ? hs.viewport :this.overlayBox, true ); if (relToVP) overlay.hsKey = this.key; overlay.appendChild(el); hs.extend(overlay, { opacity: 1, offsetX: 0, offsetY: 0, dur: (o.fade === 0 || o.fade === false || (o.fade == 2 && hs.ie)) ? 0 : 250 }); hs.extend(overlay, o); if (this.gotOverlays) { this.positionOverlay(overlay); if (!overlay.hideOnMouseOut || this.mouseIsOver) hs.animate(overlay, { opacity: overlay.opacity }, overlay.dur); } hs.push(this.overlays, hs.idCounter - 1); }, positionOverlay : function(overlay) { var p = overlay.position || 'middle center', relToVP = (overlay.relativeTo == 'viewport'), offX = overlay.offsetX, offY = overlay.offsetY; if (relToVP) { hs.viewport.style.display = 'block'; overlay.hsKey = this.key; if (overlay.offsetWidth > overlay.parentNode.offsetWidth) overlay.style.width = '100%'; } else if (overlay.parentNode != this.overlayBox) this.overlayBox.appendChild(overlay); if (/left$/.test(p)) overlay.style.left = offX +'px'; if (/center$/.test(p)) hs.setStyles (overlay, { left: '50%', marginLeft: (offX - Math.round(overlay.offsetWidth / 2)) +'px' }); if (/right$/.test(p)) overlay.style.right = - offX +'px'; if (/^leftpanel$/.test(p)) { hs.setStyles(overlay, { right: '100%', marginRight: this.x.cb +'px', top: - this.y.cb +'px', bottom: - this.y.cb +'px', overflow: 'auto' }); this.x.p1 = overlay.offsetWidth; } else if (/^rightpanel$/.test(p)) { hs.setStyles(overlay, { left: '100%', marginLeft: this.x.cb +'px', top: - this.y.cb +'px', bottom: - this.y.cb +'px', overflow: 'auto' }); this.x.p2 = overlay.offsetWidth; } var parOff = overlay.parentNode.offsetHeight; overlay.style.height = 'auto'; if (relToVP && overlay.offsetHeight > parOff) overlay.style.height = hs.ieLt7 ? parOff +'px' : '100%'; if (/^top/.test(p)) overlay.style.top = offY +'px'; if (/^middle/.test(p)) hs.setStyles (overlay, { top: '50%', marginTop: (offY - Math.round(overlay.offsetHeight / 2)) +'px' }); if (/^bottom/.test(p)) overlay.style.bottom = - offY +'px'; if (/^above$/.test(p)) { hs.setStyles(overlay, { left: (- this.x.p1 - this.x.cb) +'px', right: (- this.x.p2 - this.x.cb) +'px', bottom: '100%', marginBottom: this.y.cb +'px', width: 'auto' }); this.y.p1 = overlay.offsetHeight; } else if (/^below$/.test(p)) { hs.setStyles(overlay, { position: 'relative', left: (- this.x.p1 - this.x.cb) +'px', right: (- this.x.p2 - this.x.cb) +'px', top: '100%', marginTop: this.y.cb +'px', width: 'auto' }); this.y.p2 = overlay.offsetHeight; overlay.style.position = 'absolute'; } }, getOverlays : function() { this.getInline(['heading', 'caption'], true); this.getNumber(); if (this.caption) hs.fireEvent(this, 'onAfterGetCaption'); if (this.heading) hs.fireEvent(this, 'onAfterGetHeading'); if (this.heading && this.dragByHeading) this.heading.className += ' highslide-move'; if (hs.showCredits) this.writeCredits(); for (var i = 0; i < hs.overlays.length; i++) { var o = hs.overlays[i], tId = o.thumbnailId, sg = o.slideshowGroup; if ((!tId && !sg) || (tId && tId == this.thumbsUserSetId) || (sg && sg === this.slideshowGroup)) { if (this.isImage || (this.isHtml && o.useOnHtml)) this.createOverlay(o); } } var os = []; for (var i = 0; i < this.overlays.length; i++) { var o = hs.$('hsId'+ this.overlays[i]); if (/panel$/.test(o.position)) this.positionOverlay(o); else hs.push(os, o); } for (var i = 0; i < os.length; i++) this.positionOverlay(os[i]); this.gotOverlays = true; }, genOverlayBox : function() { if (!this.overlayBox) this.overlayBox = hs.createElement ( 'div', { className: this.wrapperClassName }, { position : 'absolute', width: (this.x.size || this.x.full) +'px', height: (this.y.size || this.y.full) +'px', visibility : 'hidden', overflow : 'hidden', zIndex : hs.ie ? 4 : null }, hs.container, true ); }, sizeOverlayBox : function(doWrapper, doPanels) { var overlayBox = this.overlayBox, x = this.x, y = this.y; hs.setStyles( overlayBox, { width: x.size +'px', height: y.size +'px' }); if (doWrapper || doPanels) { for (var i = 0; i < this.overlays.length; i++) { var o = hs.$('hsId'+ this.overlays[i]); var ie6 = (hs.ieLt7 || document.compatMode == 'BackCompat'); if (o && /^(above|below)$/.test(o.position)) { if (ie6) { o.style.width = (overlayBox.offsetWidth + 2 * x.cb + x.p1 + x.p2) +'px'; } y[o.position == 'above' ? 'p1' : 'p2'] = o.offsetHeight; } if (o && ie6 && /^(left|right)panel$/.test(o.position)) { o.style.height = (overlayBox.offsetHeight + 2* y.cb) +'px'; } } } if (doWrapper) { hs.setStyles(this.content, { top: y.p1 +'px' }); hs.setStyles(overlayBox, { top: (y.p1 + y.cb) +'px' }); } }, showOverlays : function() { var b = this.overlayBox; b.className = ''; hs.setStyles(b, { top: (this.y.p1 + this.y.cb) +'px', left: (this.x.p1 + this.x.cb) +'px', overflow : 'visible' }); if (hs.safari) b.style.visibility = 'visible'; this.wrapper.appendChild (b); for (var i = 0; i < this.overlays.length; i++) { var o = hs.$('hsId'+ this.overlays[i]); o.style.zIndex = o.hsId == 'controls' ? 5 : 4; if (!o.hideOnMouseOut || this.mouseIsOver) { o.style.visibility = 'visible'; hs.animate(o, { opacity: o.opacity }, o.dur); } } }, destroyOverlays : function() { if (!this.overlays.length) return; for (var i = 0; i < this.overlays.length; i++) { var o = hs.$('hsId'+ this.overlays[i]); if (o.parentNode == hs.viewport) hs.discardElement(o); } if (this.slideshow) { var c = this.slideshow.controls; if (c && hs.getExpander(c) == this) c.parentNode.removeChild(c); } if (this.isHtml && this.preserveContent) { this.overlayBox.style.top = '-9999px'; hs.container.appendChild(this.overlayBox); } else hs.discardElement(this.overlayBox); }, createFullExpand : function () { if (this.slideshow && this.slideshow.controls) { this.slideshow.enable('full-expand'); return; } this.fullExpandLabel = hs.createElement( 'a', { href: 'javascript:hs.expanders['+ this.key +'].doFullExpand();', title: hs.lang.fullExpandTitle, className: 'highslide-full-expand' } ); if (!hs.fireEvent(this, 'onCreateFullExpand')) return; this.createOverlay({ overlayId: this.fullExpandLabel, position: hs.fullExpandPosition, hideOnMouseOut: true, opacity: hs.fullExpandOpacity }); }, doFullExpand : function () { try { if (!hs.fireEvent(this, 'onDoFullExpand')) return; if (this.fullExpandLabel) hs.discardElement(this.fullExpandLabel); this.focus(); var xSize = this.x.size; this.resizeTo(this.x.full, this.y.full); var xpos = this.x.pos - (this.x.size - xSize) / 2; if (xpos < hs.marginLeft) xpos = hs.marginLeft; this.moveTo(xpos, this.y.pos); this.doShowHide('hidden'); hs.setDimmerSize(this); } catch (e) { this.error(e); } }, afterClose : function () { this.a.className = this.a.className.replace('highslide-active-anchor', ''); this.doShowHide('visible'); if (this.isHtml && this.preserveContent && this.transitions[1] != 'crossfade') { this.sleep(); } else { if (this.outline && this.outlineWhileAnimating) this.outline.destroy(); hs.discardElement(this.wrapper); } if (hs.mask) hs.mask.style.display = 'none'; if (!hs.viewport.childNodes.length) hs.viewport.style.display = 'none'; if (this.dimmingOpacity) hs.undim(this.key); hs.fireEvent(this, 'onAfterClose'); hs.expanders[this.key] = null; hs.reOrder(); } }; // hs.Ajax object prototype hs.Ajax = function (a, content, pre) { this.a = a; this.content = content; this.pre = pre; }; hs.Ajax.prototype = { run : function () { if (!this.src) this.src = hs.getSrc(this.a); if (this.src.match('#')) { var arr = this.src.split('#'); this.src = arr[0]; this.id = arr[1]; } if (hs.cachedGets[this.src]) { this.cachedGet = hs.cachedGets[this.src]; if (this.id) this.getElementContent(); else this.loadHTML(); return; } try { this.xmlHttp = new XMLHttpRequest(); } catch (e) { try { this.xmlHttp = new ActiveXObject("Msxml2.XMLHTTP"); } catch (e) { try { this.xmlHttp = new ActiveXObject("Microsoft.XMLHTTP"); } catch (e) { this.onError(); } } } var pThis = this; this.xmlHttp.onreadystatechange = function() { if(pThis.xmlHttp.readyState == 4) { if (pThis.id) pThis.getElementContent(); else pThis.loadHTML(); } }; this.xmlHttp.open("GET", this.src, true); this.xmlHttp.setRequestHeader('X-Requested-With', 'XMLHttpRequest'); this.xmlHttp.send(null); }, getElementContent : function() { hs.init(); var attribs = window.opera || hs.ie6SSL ? { src: 'about:blank' } : null; this.iframe = hs.createElement('iframe', attribs, { position: 'absolute', top: '-9999px' }, hs.container); this.loadHTML(); }, loadHTML : function() { var s = this.cachedGet || this.xmlHttp.responseText; if (this.pre) hs.cachedGets[this.src] = s; if (!hs.ie || hs.uaVersion >= 5.5) { s = s.replace(/\s/g, ' ').replace( new RegExp(']*>', 'gi'), '').replace( new RegExp(']*>.*?', 'gi'), ''); if (this.iframe) { var doc = this.iframe.contentDocument; if (!doc && this.iframe.contentWindow) doc = this.iframe.contentWindow.document; if (!doc) { // Opera var pThis = this; setTimeout(function() { pThis.loadHTML(); }, 25); return; } doc.open(); doc.write(s); doc.close(); try { s = doc.getElementById(this.id).innerHTML; } catch (e) { try { s = this.iframe.document.getElementById(this.id).innerHTML; } catch (e) {} // opera } } else { s = s.replace(new RegExp('^.*?]*>(.*?).*?$', 'i'), '$1'); } } hs.getElementByClass(this.content, 'DIV', 'highslide-body').innerHTML = s; this.onLoad(); for (var x in this) this[x] = null; } }; hs.Slideshow = function (exp, options) { if (hs.dynamicallyUpdateAnchors !== false) hs.updateAnchors(); this.exp = exp; for (var x in options) this[x] = options[x]; if (this.useControls) this.getControls(); if (this.thumbstrip) this.thumbstrip = hs.Thumbstrip(this); }; hs.Slideshow.prototype = { getControls: function() { this.controls = hs.createElement('div', { innerHTML: hs.replaceLang(hs.skin.controls) }, null, hs.container); var buttons = ['play', 'pause', 'previous', 'next', 'move', 'full-expand', 'close']; this.btn = {}; var pThis = this; for (var i = 0; i < buttons.length; i++) { this.btn[buttons[i]] = hs.getElementByClass(this.controls, 'li', 'highslide-'+ buttons[i]); this.enable(buttons[i]); } this.btn.pause.style.display = 'none'; //this.disable('full-expand'); }, checkFirstAndLast: function() { if (this.repeat || !this.controls) return; var cur = this.exp.getAnchorIndex(), re = /disabled$/; if (cur == 0) this.disable('previous'); else if (re.test(this.btn.previous.getElementsByTagName('a')[0].className)) this.enable('previous'); if (cur + 1 == hs.anchors.groups[this.exp.slideshowGroup || 'none'].length) { this.disable('next'); this.disable('play'); } else if (re.test(this.btn.next.getElementsByTagName('a')[0].className)) { this.enable('next'); this.enable('play'); } }, enable: function(btn) { if (!this.btn) return; var sls = this, a = this.btn[btn].getElementsByTagName('a')[0], re = /disabled$/; a.onclick = function() { sls[btn](); return false; }; if (re.test(a.className)) a.className = a.className.replace(re, ''); }, disable: function(btn) { if (!this.btn) return; var a = this.btn[btn].getElementsByTagName('a')[0]; a.onclick = function() { return false; }; if (!/disabled$/.test(a.className)) a.className += ' disabled'; }, hitSpace: function() { if (this.autoplay) this.pause(); else this.play(); }, play: function(wait) { if (this.btn) { this.btn.play.style.display = 'none'; this.btn.pause.style.display = ''; } this.autoplay = true; if (!wait) hs.next(this.exp.key); }, pause: function() { if (this.btn) { this.btn.pause.style.display = 'none'; this.btn.play.style.display = ''; } clearTimeout(this.autoplay); this.autoplay = null; }, previous: function() { this.pause(); hs.previous(this.btn.previous); }, next: function() { this.pause(); hs.next(this.btn.next); }, move: function() {}, 'full-expand': function() { hs.getExpander().doFullExpand(); }, close: function() { hs.close(this.btn.close); } }; hs.Thumbstrip = function(slideshow) { function add (exp) { hs.extend(options || {}, { overlayId: dom, hsId: 'thumbstrip' }); if (hs.ieLt7) options.fade = 0; exp.createOverlay(options); hs.setStyles(dom.parentNode, { overflow: 'hidden' }); }; function scroll (delta) { selectThumb(undefined, Math.round(delta * dom[isX ? 'offsetWidth' : 'offsetHeight'] * 0.7)); }; function selectThumb (i, scrollBy) { if (i === undefined) for (var j = 0; j < group.length; j++) { if (group[j] == slideshow.exp.a) { i = j; break; } } var as = dom.getElementsByTagName('a'), active = as[i], cell = active.parentNode, left = isX ? 'Left' : 'Top', right = isX ? 'Right' : 'Bottom', width = isX ? 'Width' : 'Height', offsetLeft = 'offset' + left, offsetWidth = 'offset' + width, minTblPos = div.parentNode.parentNode[offsetWidth] - table[offsetWidth], curTblPos = parseInt(table.style[isX ? 'left' : 'top']) || 0, tblPos = curTblPos, mgnRight = 20; if (scrollBy !== undefined) { tblPos = curTblPos - scrollBy; if (tblPos > 0) tblPos = 0; if (tblPos < minTblPos) tblPos = minTblPos; } else { for (var j = 0; j < as.length; j++) as[j].className = ''; active.className = 'highslide-active-anchor'; var activeLeft = i > 0 ? as[i - 1].parentNode[offsetLeft] : cell[offsetLeft], activeRight = cell[offsetLeft] + cell[offsetWidth] + (as[i + 1] ? as[i + 1].parentNode[offsetWidth] : 0); if (activeRight > div[offsetWidth] - curTblPos) tblPos = div[offsetWidth] - activeRight; else if (activeLeft < -curTblPos) tblPos = -activeLeft; } var markerPos = cell[offsetLeft] + (cell[offsetWidth] - marker[offsetWidth]) / 2 + tblPos; hs.animate(table, isX ? { left: tblPos } : { top: tblPos }, null, 'easeOutQuad'); hs.animate(marker, isX ? { left: markerPos } : { top: markerPos }, null, 'easeOutQuad'); scrollUp.style.display = tblPos < 0 ? 'block' : 'none'; scrollDown.style.display = (tblPos > minTblPos) ? 'block' : 'none'; }; // initialize var group = hs.anchors.groups[slideshow.exp.slideshowGroup || 'none'], options = slideshow.thumbstrip, mode = options.mode || 'horizontal', floatMode = (mode == 'float'), tree = floatMode ? ['div', 'ul', 'li', 'span'] : ['table', 'tbody', 'tr', 'td'], isX = (mode == 'horizontal'), dom = hs.createElement('div', { className: 'highslide-thumbstrip highslide-thumbstrip-'+ mode, innerHTML: '
'+ '<'+ tree[0] +'><'+ tree[1] +'>
'+ '
'+ '
'+ '
' }, { display: 'none' }, hs.container), domCh = dom.childNodes, div = domCh[0], scrollUp = domCh[1], scrollDown = domCh[2], marker = domCh[3], table = div.firstChild, tbody = dom.getElementsByTagName(tree[1])[0], tr; for (var i = 0; i < group.length; i++) { if (i == 0 || !isX) tr = hs.createElement(tree[2], null, null, tbody); (function(){ var a = group[i], cell = hs.createElement(tree[3], null, null, tr), pI = i; hs.createElement('a', { href: a.href, onclick: function() { return hs.transit(a); }, innerHTML: hs.stripItemFormatter ? hs.stripItemFormatter(a) : a.innerHTML }, null, cell); })(); } if (!floatMode) { scrollUp.onclick = function () { scroll(-1); }; scrollDown.onclick = function() { scroll(1); }; hs.addEventListener(tbody, document.onmousewheel !== undefined ? 'mousewheel' : 'DOMMouseScroll', function(e) { var delta = 0; e = e || window.event; if (e.wheelDelta) { delta = e.wheelDelta/120; if (hs.opera) delta = -delta; } else if (e.detail) { delta = -e.detail/3; } if (delta) scroll(-delta * 0.2); if (e.preventDefault) e.preventDefault(); e.returnValue = false; }); } return { add: add, selectThumb: selectThumb } }; if (document.readyState && hs.ie) { (function () { try { document.documentElement.doScroll('left'); } catch (e) { setTimeout(arguments.callee, 50); return; } hs.domReady(); })(); } hs.langDefaults = hs.lang; // history var HsExpander = hs.Expander; // set handlers hs.addEventListener(window, 'load', function() { if (hs.expandCursor) { var sel = '.highslide img', dec = 'cursor: url('+ hs.graphicsDir + hs.expandCursor +'), pointer !important;'; var style = hs.createElement('style', { type: 'text/css' }, null, document.getElementsByTagName('HEAD')[0]); if (!hs.ie) { style.appendChild(document.createTextNode(sel + " {" + dec + "}")); } else { var last = document.styleSheets[document.styleSheets.length - 1]; if (typeof(last.addRule) == "object") last.addRule(sel, dec); } } }); hs.addEventListener(window, 'resize', function() { hs.page = hs.getPageSize(); if (hs.viewport) for (var i = 0; i < hs.viewport.childNodes.length; i++) { var node = hs.viewport.childNodes[i], exp = hs.getExpander(node); exp.positionOverlay(node); if (node.hsId == 'thumbstrip') exp.slideshow.thumbstrip.selectThumb(); } }); hs.addEventListener(document, 'mousemove', function(e) { hs.mouse = { x: e.clientX, y: e.clientY }; }); hs.addEventListener(document, 'mousedown', hs.mouseClickHandler); hs.addEventListener(document, 'mouseup', hs.mouseClickHandler); hs.addEventListener(window, 'load', hs.preloadImages); hs.addEventListener(window, 'load', hs.preloadAjax); hs.addEventListener(window, 'load', function() { hs.pageLoaded = true; }); hs.setClickEvents();