* Firefox 1.0.0.4: 1.7.8 <-- Reports 1.7
* Firefox 1.5.0.9: 1.8.0.9 <-- Reports 1.8
* Firefox 2.0.0.3: 1.8.1.3 <-- Reports 1.8
* Firefox 3 alpha: 1.9a4 <-- Reports 1.9
*
* @property gecko
* @type float
*/
gecko:0,
/**
* AppleWebKit version. KHTML browsers that are not WebKit browsers
* will evaluate to 1, other browsers 0. Example: 418.9.1
*
* Safari 1.3.2 (312.6): 312.8.1 <-- Reports 312.8 -- currently the
* latest available for Mac OSX 10.3.
* Safari 2.0.2: 416 <-- hasOwnProperty introduced
* Safari 2.0.4: 418 <-- preventDefault fixed
* Safari 2.0.4 (419.3): 418.9.1 <-- One version of Safari may run
* different versions of webkit
* Safari 2.0.4 (419.3): 419 <-- Tiger installations that have been
* updated, but not updated
* to the latest patch.
* Webkit 212 nightly: 522+ <-- Safari 3.0 precursor (with native SVG
* and many major issues fixed).
* 3.x yahoo.com, flickr:422 <-- Safari 3.x hacks the user agent
* string when hitting yahoo.com and
* flickr.com.
* Safari 3.0.4 (523.12):523.12 <-- First Tiger release - automatic update
* from 2.x via the 10.4.11 OS patch
* Webkit nightly 1/2008:525+ <-- Supports DOMContentLoaded event.
* yahoo.com user agent hack removed.
*
*
* http://developer.apple.com/internet/safari/uamatrix.html
* @property webkit
* @type float
*/
webkit: 0,
/**
* The mobile property will be set to a string containing any relevant
* user agent information when a modern mobile browser is detected.
* Currently limited to Safari on the iPhone/iPod Touch, Nokia N-series
* devices with the WebKit-based browser, and Opera Mini.
* @property mobile
* @type string
*/
mobile: null,
/**
* Adobe AIR version number or 0. Only populated if webkit is detected.
* Example: 1.0
* @property air
* @type float
*/
air: 0,
/**
* Google Caja version number or 0.
* @property caja
* @type float
*/
caja: 0
},
ua = navigator.userAgent,
m;
// Modern KHTML browsers should qualify as Safari X-Grade
if ((/KHTML/).test(ua)) {
o.webkit=1;
}
// Modern WebKit browsers are at least X-Grade
m=ua.match(/AppleWebKit\/([^\s]*)/);
if (m&&m[1]) {
o.webkit=parseFloat(m[1]);
// Mobile browser check
if (/ Mobile\//.test(ua)) {
o.mobile = "Apple"; // iPhone or iPod Touch
} else {
m=ua.match(/NokiaN[^\/]*/);
if (m) {
o.mobile = m[0]; // Nokia N-series, ex: NokiaN95
}
}
m=ua.match(/AdobeAIR\/([^\s]*)/);
if (m) {
o.air = m[0]; // Adobe AIR 1.0 or better
}
}
if (!o.webkit) { // not webkit
// @todo check Opera/8.01 (J2ME/MIDP; Opera Mini/2.0.4509/1316; fi; U; ssr)
m=ua.match(/Opera[\s\/]([^\s]*)/);
if (m&&m[1]) {
o.opera=parseFloat(m[1]);
m=ua.match(/Opera Mini[^;]*/);
if (m) {
o.mobile = m[0]; // ex: Opera Mini/2.0.4509/1316
}
} else { // not opera or webkit
m=ua.match(/MSIE\s([^;]*)/);
if (m&&m[1]) {
o.ie=parseFloat(m[1]);
} else { // not opera, webkit, or ie
m=ua.match(/Gecko\/([^\s]*)/);
if (m) {
o.gecko=1; // Gecko detected, look for revision
m=ua.match(/rv:([^\s\)]*)/);
if (m&&m[1]) {
o.gecko=parseFloat(m[1]);
}
}
}
}
}
m=ua.match(/Caja\/([^\s]*)/);
if (m&&m[1]) {
o.caja=parseFloat(m[1]);
}
return o;
}();
/*
* Initializes the global by creating the default namespaces and applying
* any new configuration information that is detected. This is the setup
* for env.
* @method init
* @static
* @private
*/
(function() {
YAHOO.namespace("util", "widget", "example");
/*global YAHOO_config*/
if ("undefined" !== typeof YAHOO_config) {
var l=YAHOO_config.listener,ls=YAHOO.env.listeners,unique=true,i;
if (l) {
// if YAHOO is loaded multiple times we need to check to see if
// this is a new config object. If it is, add the new component
// load listener to the stack
for (i=0;i-
*
- YAHOO.util.CustomEvent.LIST:
*
-
*
- param1: event name *
- param2: array of arguments sent to fire *
- param3:
a custom object supplied by the subscriber
*
* - YAHOO.util.CustomEvent.FLAT
*
-
*
- param1: the first argument passed to fire. If you need to * pass multiple parameters, use and array or object literal *
- param2:
a custom object supplied by the subscriber
*
*
The callback is executed with a single parameter: * the custom object parameter, if provided.
* * @method onAvailable * * @param {string||string[]} id the id of the element, or an array * of ids to look for. * @param {function} fn what to execute when the element is found. * @param {object} obj an optional object to be passed back as * a parameter to fn. * @param {boolean|object} overrideContext If set to true, fn will execute * in the context of obj, if set to an object it * will execute in the context of that object * @param checkContent {boolean} check child node readiness (onContentReady) * @static */ onAvailable: function(id, fn, obj, overrideContext, checkContent) { var a = (YAHOO.lang.isString(id)) ? [id] : id; for (var i=0; iThe callback is a CustomEvent, so the signature is:
*type <string>, args <array>, customobject <object>
*For DOMReady events, there are no fire argments, so the * signature is:
*"DOMReady", [], obj
* * * @method onDOMReady * * @param {function} fn what to execute when the element is found. * @param {object} obj an optional object to be passed back as * a parameter to fn. * @param {boolean|object} overrideContext If set to true, fn will execute * in the context of obj, if set to an object it * will execute in the context of that object * * @static */ onDOMReady: function(fn, obj, overrideContext) { if (this.DOMReady) { setTimeout(function() { var s = window; if (overrideContext) { if (overrideContext === true) { s = obj; } else { s = overrideContext; } } fn.call(s, "DOMReady", [], obj); }, 0); } else { this.DOMReadyEvent.subscribe(fn, obj, overrideContext); } }, /** * Appends an event handler * * @method _addListener * * @param {String|HTMLElement|Array|NodeList} el An id, an element * reference, or a collection of ids and/or elements to assign the * listener to. * @param {String} sType The type of event to append * @param {Function} fn The method the event invokes * @param {Object} obj An arbitrary object that will be * passed as a parameter to the handler * @param {Boolean|object} overrideContext If true, the obj passed in becomes * the execution context of the listener. If an * object, this object becomes the execution * context. * @param {boolen} capture capture or bubble phase * @return {Boolean} True if the action was successful or defered, * false if one or more of the elements * could not have the listener attached, * or if the operation throws an exception. * @private * @static */ _addListener: function(el, sType, fn, obj, overrideContext, bCapture) { if (!fn || !fn.call) { return false; } // The el argument can be an array of elements or element ids. if ( this._isValidCollection(el)) { var ok = true; for (var i=0,len=el.length; i-
*
- * scope: defines the default execution scope. If not defined * the default scope will be this instance. * *
- * silent: if true, the custom event will not generate log messages. * This is false by default. * *
- * onSubscribeCallback: specifies a callback to execute when the * event has a new subscriber. This will fire immediately for * each queued subscriber if any exist prior to the creation of * the event. * *
Usage: var myAnim = new YAHOO.util.Anim(el, { width: { from: 10, to: 100 } }, 1, YAHOO.util.Easing.easeOut);
* @class Anim * @namespace YAHOO.util * @requires YAHOO.util.AnimMgr * @requires YAHOO.util.Easing * @requires YAHOO.util.Dom * @requires YAHOO.util.Event * @requires YAHOO.util.CustomEvent * @constructor * @param {String | HTMLElement} el Reference to the element that will be animated * @param {Object} attributes The attribute(s) to be animated. * Each attribute is an object with at minimum a "to" or "by" member defined. * Additional optional members are "from" (defaults to current value), "units" (defaults to "px"). * All attribute names use camelCase. * @param {Number} duration (optional, defaults to 1 second) Length of animation (frames or seconds), defaults to time-based * @param {Function} method (optional, defaults to YAHOO.util.Easing.easeNone) Computes the values that are applied to the attributes per frame (generally a YAHOO.util.Easing method) */ var Anim = function(el, attributes, duration, method) { if (!el) { } this.init(el, attributes, duration, method); }; Anim.NAME = 'Anim'; Anim.prototype = { /** * Provides a readable name for the Anim instance. * @method toString * @return {String} */ toString: function() { var el = this.getEl() || {}; var id = el.id || el.tagName; return (this.constructor.NAME + ': ' + id); }, patterns: { // cached for performance noNegatives: /width|height|opacity|padding/i, // keep at zero or above offsetAttribute: /^((width|height)|(top|left))$/, // use offsetValue as default defaultUnit: /width|height|top$|bottom$|left$|right$/i, // use 'px' by default offsetUnit: /\d+(em|%|en|ex|pt|in|cm|mm|pc)$/i // IE may return these, so convert these to offset }, /** * Returns the value computed by the animation's "method". * @method doMethod * @param {String} attr The name of the attribute. * @param {Number} start The value this attribute should start from for this animation. * @param {Number} end The value this attribute should end at for this animation. * @return {Number} The Value to be applied to the attribute. */ doMethod: function(attr, start, end) { return this.method(this.currentFrame, start, end - start, this.totalFrames); }, /** * Applies a value to an attribute. * @method setAttribute * @param {String} attr The name of the attribute. * @param {Number} val The value to be applied to the attribute. * @param {String} unit The unit ('px', '%', etc.) of the value. */ setAttribute: function(attr, val, unit) { var el = this.getEl(); if ( this.patterns.noNegatives.test(attr) ) { val = (val > 0) ? val : 0; } if ('style' in el) { Y.Dom.setStyle(el, attr, val + unit); } else if (attr in el) { el[attr] = val; } }, /** * Returns current value of the attribute. * @method getAttribute * @param {String} attr The name of the attribute. * @return {Number} val The current value of the attribute. */ getAttribute: function(attr) { var el = this.getEl(); var val = Y.Dom.getStyle(el, attr); if (val !== 'auto' && !this.patterns.offsetUnit.test(val)) { return parseFloat(val); } var a = this.patterns.offsetAttribute.exec(attr) || []; var pos = !!( a[3] ); // top or left var box = !!( a[2] ); // width or height if ('style' in el) { // use offsets for width/height and abs pos top/left if ( box || (Y.Dom.getStyle(el, 'position') == 'absolute' && pos) ) { val = el['offset' + a[0].charAt(0).toUpperCase() + a[0].substr(1)]; } else { // default to zero for other 'auto' val = 0; } } else if (attr in el) { val = el[attr]; } return val; }, /** * Returns the unit to use when none is supplied. * @method getDefaultUnit * @param {attr} attr The name of the attribute. * @return {String} The default unit to be used. */ getDefaultUnit: function(attr) { if ( this.patterns.defaultUnit.test(attr) ) { return 'px'; } return ''; }, /** * Sets the actual values to be used during the animation. Should only be needed for subclass use. * @method setRuntimeAttribute * @param {Object} attr The attribute object * @private */ setRuntimeAttribute: function(attr) { var start; var end; var attributes = this.attributes; this.runtimeAttributes[attr] = {}; var isset = function(prop) { return (typeof prop !== 'undefined'); }; if ( !isset(attributes[attr]['to']) && !isset(attributes[attr]['by']) ) { return false; // note return; nothing to animate to } start = ( isset(attributes[attr]['from']) ) ? attributes[attr]['from'] : this.getAttribute(attr); // To beats by, per SMIL 2.1 spec if ( isset(attributes[attr]['to']) ) { end = attributes[attr]['to']; } else if ( isset(attributes[attr]['by']) ) { if (start.constructor == Array) { end = []; for (var i = 0, len = start.length; i < len; ++i) { end[i] = start[i] + attributes[attr]['by'][i] * 1; // times 1 to cast "by" } } else { end = start + attributes[attr]['by'] * 1; } } this.runtimeAttributes[attr].start = start; this.runtimeAttributes[attr].end = end; // set units if needed this.runtimeAttributes[attr].unit = ( isset(attributes[attr].unit) ) ? attributes[attr]['unit'] : this.getDefaultUnit(attr); return true; }, /** * Constructor for Anim instance. * @method init * @param {String | HTMLElement} el Reference to the element that will be animated * @param {Object} attributes The attribute(s) to be animated. * Each attribute is an object with at minimum a "to" or "by" member defined. * Additional optional members are "from" (defaults to current value), "units" (defaults to "px"). * All attribute names use camelCase. * @param {Number} duration (optional, defaults to 1 second) Length of animation (frames or seconds), defaults to time-based * @param {Function} method (optional, defaults to YAHOO.util.Easing.easeNone) Computes the values that are applied to the attributes per frame (generally a YAHOO.util.Easing method) */ init: function(el, attributes, duration, method) { /** * Whether or not the animation is running. * @property isAnimated * @private * @type Boolean */ var isAnimated = false; /** * A Date object that is created when the animation begins. * @property startTime * @private * @type Date */ var startTime = null; /** * The number of frames this animation was able to execute. * @property actualFrames * @private * @type Int */ var actualFrames = 0; /** * The element to be animated. * @property el * @private * @type HTMLElement */ el = Y.Dom.get(el); /** * The collection of attributes to be animated. * Each attribute must have at least a "to" or "by" defined in order to animate. * If "to" is supplied, the animation will end with the attribute at that value. * If "by" is supplied, the animation will end at that value plus its starting value. * If both are supplied, "to" is used, and "by" is ignored. * Optional additional member include "from" (the value the attribute should start animating from, defaults to current value), and "unit" (the units to apply to the values). * @property attributes * @type Object */ this.attributes = attributes || {}; /** * The length of the animation. Defaults to "1" (second). * @property duration * @type Number */ this.duration = !YAHOO.lang.isUndefined(duration) ? duration : 1; /** * The method that will provide values to the attribute(s) during the animation. * Defaults to "YAHOO.util.Easing.easeNone". * @property method * @type Function */ this.method = method || Y.Easing.easeNone; /** * Whether or not the duration should be treated as seconds. * Defaults to true. * @property useSeconds * @type Boolean */ this.useSeconds = true; // default to seconds /** * The location of the current animation on the timeline. * In time-based animations, this is used by AnimMgr to ensure the animation finishes on time. * @property currentFrame * @type Int */ this.currentFrame = 0; /** * The total number of frames to be executed. * In time-based animations, this is used by AnimMgr to ensure the animation finishes on time. * @property totalFrames * @type Int */ this.totalFrames = Y.AnimMgr.fps; /** * Changes the animated element * @method setEl */ this.setEl = function(element) { el = Y.Dom.get(element); }; /** * Returns a reference to the animated element. * @method getEl * @return {HTMLElement} */ this.getEl = function() { return el; }; /** * Checks whether the element is currently animated. * @method isAnimated * @return {Boolean} current value of isAnimated. */ this.isAnimated = function() { return isAnimated; }; /** * Returns the animation start time. * @method getStartTime * @return {Date} current value of startTime. */ this.getStartTime = function() { return startTime; }; this.runtimeAttributes = {}; /** * Starts the animation by registering it with the animation manager. * @method animate */ this.animate = function() { if ( this.isAnimated() ) { return false; } this.currentFrame = 0; this.totalFrames = ( this.useSeconds ) ? Math.ceil(Y.AnimMgr.fps * this.duration) : this.duration; if (this.duration === 0 && this.useSeconds) { // jump to last frame if zero second duration this.totalFrames = 1; } Y.AnimMgr.registerElement(this); return true; }; /** * Stops the animation. Normally called by AnimMgr when animation completes. * @method stop * @param {Boolean} finish (optional) If true, animation will jump to final frame. */ this.stop = function(finish) { if (!this.isAnimated()) { // nothing to stop return false; } if (finish) { this.currentFrame = this.totalFrames; this._onTween.fire(); } Y.AnimMgr.stop(this); }; var onStart = function() { this.onStart.fire(); this.runtimeAttributes = {}; for (var attr in this.attributes) { this.setRuntimeAttribute(attr); } isAnimated = true; actualFrames = 0; startTime = new Date(); }; /** * Feeds the starting and ending values for each animated attribute to doMethod once per frame, then applies the resulting value to the attribute(s). * @private */ var onTween = function() { var data = { duration: new Date() - this.getStartTime(), currentFrame: this.currentFrame }; data.toString = function() { return ( 'duration: ' + data.duration + ', currentFrame: ' + data.currentFrame ); }; this.onTween.fire(data); var runtimeAttributes = this.runtimeAttributes; for (var attr in runtimeAttributes) { this.setAttribute(attr, this.doMethod(attr, runtimeAttributes[attr].start, runtimeAttributes[attr].end), runtimeAttributes[attr].unit); } actualFrames += 1; }; var onComplete = function() { var actual_duration = (new Date() - startTime) / 1000 ; var data = { duration: actual_duration, frames: actualFrames, fps: actualFrames / actual_duration }; data.toString = function() { return ( 'duration: ' + data.duration + ', frames: ' + data.frames + ', fps: ' + data.fps ); }; isAnimated = false; actualFrames = 0; this.onComplete.fire(data); }; /** * Custom event that fires after onStart, useful in subclassing * @private */ this._onStart = new Y.CustomEvent('_start', this, true); /** * Custom event that fires when animation begins * Listen via subscribe method (e.g. myAnim.onStart.subscribe(someFunction) * @event onStart */ this.onStart = new Y.CustomEvent('start', this); /** * Custom event that fires between each frame * Listen via subscribe method (e.g. myAnim.onTween.subscribe(someFunction) * @event onTween */ this.onTween = new Y.CustomEvent('tween', this); /** * Custom event that fires after onTween * @private */ this._onTween = new Y.CustomEvent('_tween', this, true); /** * Custom event that fires when animation ends * Listen via subscribe method (e.g. myAnim.onComplete.subscribe(someFunction) * @event onComplete */ this.onComplete = new Y.CustomEvent('complete', this); /** * Custom event that fires after onComplete * @private */ this._onComplete = new Y.CustomEvent('_complete', this, true); this._onStart.subscribe(onStart); this._onTween.subscribe(onTween); this._onComplete.subscribe(onComplete); } }; Y.Anim = Anim; })(); /** * Handles animation queueing and threading. * Used by Anim and subclasses. * @class AnimMgr * @namespace YAHOO.util */ YAHOO.util.AnimMgr = new function() { /** * Reference to the animation Interval. * @property thread * @private * @type Int */ var thread = null; /** * The current queue of registered animation objects. * @property queue * @private * @type Array */ var queue = []; /** * The number of active animations. * @property tweenCount * @private * @type Int */ var tweenCount = 0; /** * Base frame rate (frames per second). * Arbitrarily high for better x-browser calibration (slower browsers drop more frames). * @property fps * @type Int * */ this.fps = 1000; /** * Interval delay in milliseconds, defaults to fastest possible. * @property delay * @type Int * */ this.delay = 1; /** * Adds an animation instance to the animation queue. * All animation instances must be registered in order to animate. * @method registerElement * @param {object} tween The Anim instance to be be registered */ this.registerElement = function(tween) { queue[queue.length] = tween; tweenCount += 1; tween._onStart.fire(); this.start(); }; /** * removes an animation instance from the animation queue. * All animation instances must be registered in order to animate. * @method unRegister * @param {object} tween The Anim instance to be be registered * @param {Int} index The index of the Anim instance * @private */ this.unRegister = function(tween, index) { index = index || getIndex(tween); if (!tween.isAnimated() || index == -1) { return false; } tween._onComplete.fire(); queue.splice(index, 1); tweenCount -= 1; if (tweenCount <= 0) { this.stop(); } return true; }; /** * Starts the animation thread. * Only one thread can run at a time. * @method start */ this.start = function() { if (thread === null) { thread = setInterval(this.run, this.delay); } }; /** * Stops the animation thread or a specific animation instance. * @method stop * @param {object} tween A specific Anim instance to stop (optional) * If no instance given, Manager stops thread and all animations. */ this.stop = function(tween) { if (!tween) { clearInterval(thread); for (var i = 0, len = queue.length; i < len; ++i) { this.unRegister(queue[0], 0); } queue = []; thread = null; tweenCount = 0; } else { this.unRegister(tween); } }; /** * Called per Interval to handle each animation frame. * @method run */ this.run = function() { for (var i = 0, len = queue.length; i < len; ++i) { var tween = queue[i]; if ( !tween || !tween.isAnimated() ) { continue; } if (tween.currentFrame < tween.totalFrames || tween.totalFrames === null) { tween.currentFrame += 1; if (tween.useSeconds) { correctFrame(tween); } tween._onTween.fire(); } else { YAHOO.util.AnimMgr.stop(tween, i); } } }; var getIndex = function(anim) { for (var i = 0, len = queue.length; i < len; ++i) { if (queue[i] == anim) { return i; // note return; } } return -1; }; /** * On the fly frame correction to keep animation on time. * @method correctFrame * @private * @param {Object} tween The Anim instance being corrected. */ var correctFrame = function(tween) { var frames = tween.totalFrames; var frame = tween.currentFrame; var expected = (tween.currentFrame * tween.duration * 1000 / tween.totalFrames); var elapsed = (new Date() - tween.getStartTime()); var tweak = 0; if (elapsed < tween.duration * 1000) { // check if falling behind tweak = Math.round((elapsed / expected - 1) * tween.currentFrame); } else { // went over duration, so jump to end tweak = frames - (frame + 1); } if (tweak > 0 && isFinite(tweak)) { // adjust if needed if (tween.currentFrame + tweak >= frames) {// dont go past last frame tweak = frames - (frame + 1); } tween.currentFrame += tweak; } }; }; /** * Used to calculate Bezier splines for any number of control points. * @class Bezier * @namespace YAHOO.util * */ YAHOO.util.Bezier = new function() { /** * Get the current position of the animated element based on t. * Each point is an array of "x" and "y" values (0 = x, 1 = y) * At least 2 points are required (start and end). * First point is start. Last point is end. * Additional control points are optional. * @method getPosition * @param {Array} points An array containing Bezier points * @param {Number} t A number between 0 and 1 which is the basis for determining current position * @return {Array} An array containing int x and y member data */ this.getPosition = function(points, t) { var n = points.length; var tmp = []; for (var i = 0; i < n; ++i){ tmp[i] = [points[i][0], points[i][1]]; // save input } for (var j = 1; j < n; ++j) { for (i = 0; i < n - j; ++i) { tmp[i][0] = (1 - t) * tmp[i][0] + t * tmp[parseInt(i + 1, 10)][0]; tmp[i][1] = (1 - t) * tmp[i][1] + t * tmp[parseInt(i + 1, 10)][1]; } } return [ tmp[0][0], tmp[0][1] ]; }; }; (function() { /** * Anim subclass for color transitions. *Usage: var myAnim = new Y.ColorAnim(el, { backgroundColor: { from: '#FF0000', to: '#FFFFFF' } }, 1, Y.Easing.easeOut); Color values can be specified with either 112233, #112233,
* [255,255,255], or rgb(255,255,255)
Usage: var myAnim = new YAHOO.util.Motion(el, { points: { to: [800, 800] } }, 1, YAHOO.util.Easing.easeOut);
Usage: var myAnim = new YAHOO.util.Scroll(el, { scroll: { to: [0, 800] } }, 1, YAHOO.util.Easing.easeOut);
* YAHOO.util.DragDropMgr.refreshCache({group1:true, group2:true});
*
* @TODO this really should be an indexed array. Alternatively this
* method could accept both.
* @method refreshCache
* @param {Object} groups an associative array of groups to refresh
* @static
*/
refreshCache: function(groups) {
// refresh everything if group array is not provided
var g = groups || this.ids;
for (var sGroup in g) {
if ("string" != typeof sGroup) {
continue;
}
for (var i in this.ids[sGroup]) {
var oDD = this.ids[sGroup][i];
if (this.isTypeOfDD(oDD)) {
var loc = this.getLocation(oDD);
if (loc) {
this.locationCache[oDD.id] = loc;
} else {
delete this.locationCache[oDD.id];
}
}
}
}
},
/**
* This checks to make sure an element exists and is in the DOM. The
* main purpose is to handle cases where innerHTML is used to remove
* drag and drop objects from the DOM. IE provides an 'unspecified
* error' when trying to access the offsetParent of such an element
* @method verifyEl
* @param {HTMLElement} el the element to check
* @return {boolean} true if the element looks usable
* @static
*/
verifyEl: function(el) {
try {
if (el) {
var parent = el.offsetParent;
if (parent) {
return true;
}
}
} catch(e) {
}
return false;
},
/**
* Returns a Region object containing the drag and drop element's position
* and size, including the padding configured for it
* @method getLocation
* @param {DragDrop} oDD the drag and drop object to get the
* location for
* @return {YAHOO.util.Region} a Region object representing the total area
* the element occupies, including any padding
* the instance is configured for.
* @static
*/
getLocation: function(oDD) {
if (! this.isTypeOfDD(oDD)) {
return null;
}
var el = oDD.getEl(), pos, x1, x2, y1, y2, t, r, b, l;
try {
pos= YAHOO.util.Dom.getXY(el);
} catch (e) { }
if (!pos) {
return null;
}
x1 = pos[0];
x2 = x1 + el.offsetWidth;
y1 = pos[1];
y2 = y1 + el.offsetHeight;
t = y1 - oDD.padding[0];
r = x2 + oDD.padding[1];
b = y2 + oDD.padding[2];
l = x1 - oDD.padding[3];
return new YAHOO.util.Region( t, r, b, l );
},
/**
* Checks the cursor location to see if it over the target
* @method isOverTarget
* @param {YAHOO.util.Point} pt The point to evaluate
* @param {DragDrop} oTarget the DragDrop object we are inspecting
* @param {boolean} intersect true if we are in intersect mode
* @param {YAHOO.util.Region} pre-cached location of the dragged element
* @return {boolean} true if the mouse is over the target
* @private
* @static
*/
isOverTarget: function(pt, oTarget, intersect, curRegion) {
// use cache if available
var loc = this.locationCache[oTarget.id];
if (!loc || !this.useCache) {
loc = this.getLocation(oTarget);
this.locationCache[oTarget.id] = loc;
}
if (!loc) {
return false;
}
oTarget.cursorIsOver = loc.contains( pt );
// DragDrop is using this as a sanity check for the initial mousedown
// in this case we are done. In POINT mode, if the drag obj has no
// contraints, we are done. Otherwise we need to evaluate the
// region the target as occupies to determine if the dragged element
// overlaps with it.
var dc = this.dragCurrent;
if (!dc || (!intersect && !dc.constrainX && !dc.constrainY)) {
//if (oTarget.cursorIsOver) {
//}
return oTarget.cursorIsOver;
}
oTarget.overlap = null;
// Get the current location of the drag element, this is the
// location of the mouse event less the delta that represents
// where the original mousedown happened on the element. We
// need to consider constraints and ticks as well.
if (!curRegion) {
var pos = dc.getTargetCoord(pt.x, pt.y);
var el = dc.getDragEl();
curRegion = new YAHOO.util.Region( pos.y,
pos.x + el.offsetWidth,
pos.y + el.offsetHeight,
pos.x );
}
var overlap = curRegion.intersect(loc);
if (overlap) {
oTarget.overlap = overlap;
return (intersect) ? true : oTarget.cursorIsOver;
} else {
return false;
}
},
/**
* unload event handler
* @method _onUnload
* @private
* @static
*/
_onUnload: function(e, me) {
this.unregAll();
},
/**
* Cleans up the drag and drop events and objects.
* @method unregAll
* @private
* @static
*/
unregAll: function() {
if (this.dragCurrent) {
this.stopDrag();
this.dragCurrent = null;
}
this._execOnAll("unreg", []);
//for (var i in this.elementCache) {
//delete this.elementCache[i];
//}
//this.elementCache = {};
this.ids = {};
},
/**
* A cache of DOM elements
* @property elementCache
* @private
* @static
* @deprecated elements are not cached now
*/
elementCache: {},
/**
* Get the wrapper for the DOM element specified
* @method getElWrapper
* @param {String} id the id of the element to get
* @return {YAHOO.util.DDM.ElementWrapper} the wrapped element
* @private
* @deprecated This wrapper isn't that useful
* @static
*/
getElWrapper: function(id) {
var oWrapper = this.elementCache[id];
if (!oWrapper || !oWrapper.el) {
oWrapper = this.elementCache[id] =
new this.ElementWrapper(YAHOO.util.Dom.get(id));
}
return oWrapper;
},
/**
* Returns the actual DOM element
* @method getElement
* @param {String} id the id of the elment to get
* @return {Object} The element
* @deprecated use YAHOO.util.Dom.get instead
* @static
*/
getElement: function(id) {
return YAHOO.util.Dom.get(id);
},
/**
* Returns the style property for the DOM element (i.e.,
* document.getElById(id).style)
* @method getCss
* @param {String} id the id of the elment to get
* @return {Object} The style property of the element
* @deprecated use YAHOO.util.Dom instead
* @static
*/
getCss: function(id) {
var el = YAHOO.util.Dom.get(id);
return (el) ? el.style : null;
},
/**
* Inner class for cached elements
* @class DragDropMgr.ElementWrapper
* @for DragDropMgr
* @private
* @deprecated
*/
ElementWrapper: function(el) {
/**
* The element
* @property el
*/
this.el = el || null;
/**
* The element id
* @property id
*/
this.id = this.el && el.id;
/**
* A reference to the style property
* @property css
*/
this.css = this.el && el.style;
},
/**
* Returns the X position of an html element
* @method getPosX
* @param el the element for which to get the position
* @return {int} the X coordinate
* @for DragDropMgr
* @deprecated use YAHOO.util.Dom.getX instead
* @static
*/
getPosX: function(el) {
return YAHOO.util.Dom.getX(el);
},
/**
* Returns the Y position of an html element
* @method getPosY
* @param el the element for which to get the position
* @return {int} the Y coordinate
* @deprecated use YAHOO.util.Dom.getY instead
* @static
*/
getPosY: function(el) {
return YAHOO.util.Dom.getY(el);
},
/**
* Swap two nodes. In IE, we use the native method, for others we
* emulate the IE behavior
* @method swapNode
* @param n1 the first node to swap
* @param n2 the other node to swap
* @static
*/
swapNode: function(n1, n2) {
if (n1.swapNode) {
n1.swapNode(n2);
} else {
var p = n2.parentNode;
var s = n2.nextSibling;
if (s == n1) {
p.insertBefore(n1, n2);
} else if (n2 == n1.nextSibling) {
p.insertBefore(n2, n1);
} else {
n1.parentNode.replaceChild(n2, n1);
p.insertBefore(n1, s);
}
}
},
/**
* Returns the current scroll position
* @method getScroll
* @private
* @static
*/
getScroll: function () {
var t, l, dde=document.documentElement, db=document.body;
if (dde && (dde.scrollTop || dde.scrollLeft)) {
t = dde.scrollTop;
l = dde.scrollLeft;
} else if (db) {
t = db.scrollTop;
l = db.scrollLeft;
} else {
}
return { top: t, left: l };
},
/**
* Returns the specified element style property
* @method getStyle
* @param {HTMLElement} el the element
* @param {string} styleProp the style property
* @return {string} The value of the style property
* @deprecated use YAHOO.util.Dom.getStyle
* @static
*/
getStyle: function(el, styleProp) {
return YAHOO.util.Dom.getStyle(el, styleProp);
},
/**
* Gets the scrollTop
* @method getScrollTop
* @return {int} the document's scrollTop
* @static
*/
getScrollTop: function () { return this.getScroll().top; },
/**
* Gets the scrollLeft
* @method getScrollLeft
* @return {int} the document's scrollTop
* @static
*/
getScrollLeft: function () { return this.getScroll().left; },
/**
* Sets the x/y position of an element to the location of the
* target element.
* @method moveToEl
* @param {HTMLElement} moveEl The element to move
* @param {HTMLElement} targetEl The position reference element
* @static
*/
moveToEl: function (moveEl, targetEl) {
var aCoord = YAHOO.util.Dom.getXY(targetEl);
YAHOO.util.Dom.setXY(moveEl, aCoord);
},
/**
* Gets the client height
* @method getClientHeight
* @return {int} client height in px
* @deprecated use YAHOO.util.Dom.getViewportHeight instead
* @static
*/
getClientHeight: function() {
return YAHOO.util.Dom.getViewportHeight();
},
/**
* Gets the client width
* @method getClientWidth
* @return {int} client width in px
* @deprecated use YAHOO.util.Dom.getViewportWidth instead
* @static
*/
getClientWidth: function() {
return YAHOO.util.Dom.getViewportWidth();
},
/**
* Numeric array sort function
* @method numericSort
* @static
*/
numericSort: function(a, b) { return (a - b); },
/**
* Internal counter
* @property _timeoutCount
* @private
* @static
*/
_timeoutCount: 0,
/**
* Trying to make the load order less important. Without this we get
* an error if this file is loaded before the Event Utility.
* @method _addListeners
* @private
* @static
*/
_addListeners: function() {
var DDM = YAHOO.util.DDM;
if ( YAHOO.util.Event && document ) {
DDM._onLoad();
} else {
if (DDM._timeoutCount > 2000) {
} else {
setTimeout(DDM._addListeners, 10);
if (document && document.body) {
DDM._timeoutCount += 1;
}
}
}
},
/**
* Recursively searches the immediate parent and all child nodes for
* the handle element in order to determine wheter or not it was
* clicked.
* @method handleWasClicked
* @param node the html element to inspect
* @static
*/
handleWasClicked: function(node, id) {
if (this.isHandle(id, node.id)) {
return true;
} else {
// check to see if this is a text node child of the one we want
var p = node.parentNode;
while (p) {
if (this.isHandle(id, p.id)) {
return true;
} else {
p = p.parentNode;
}
}
}
return false;
}
};
}();
// shorter alias, save a few bytes
YAHOO.util.DDM = YAHOO.util.DragDropMgr;
YAHOO.util.DDM._addListeners();
}
(function() {
var Event=YAHOO.util.Event;
var Dom=YAHOO.util.Dom;
/**
* Defines the interface and base operation of items that that can be
* dragged or can be drop targets. It was designed to be extended, overriding
* the event handlers for startDrag, onDrag, onDragOver, onDragOut.
* Up to three html elements can be associated with a DragDrop instance:
* -
*
- linked element: the element that is passed into the constructor. * This is the element which defines the boundaries for interaction with * other DragDrop objects. *
- handle element(s): The drag operation only occurs if the element that * was clicked matches a handle element. By default this is the linked * element, but there are times that you will want only a portion of the * linked element to initiate the drag operation, and the setHandleElId() * method provides a way to define this. *
- drag element: this represents an the element that would be moved along * with the cursor during a drag operation. By default, this is the linked * element itself as in {@link YAHOO.util.DD}. setDragElId() lets you define * a separate element that would be moved, as in {@link YAHOO.util.DDProxy} * *
* dd = new YAHOO.util.DragDrop("div1", "group1");
*
* Since none of the event handlers have been implemented, nothing would
* actually happen if you were to run the code above. Normally you would
* override this class or one of the default implementations, but you can
* also override the methods you want on an instance of the class...
*
* dd.onDragDrop = function(e, id) {
* alert("dd was dropped on " + id);
* }
*
* @namespace YAHOO.util
* @class DragDrop
* @constructor
* @param {String} id of the element that is linked to this instance
* @param {String} sGroup the group of related DragDrop objects
* @param {object} config an object containing configurable attributes
* Valid properties for DragDrop:
* padding, isTarget, maintainOffset, primaryButtonOnly,
*/
YAHOO.util.DragDrop = function(id, sGroup, config) {
if (id) {
this.init(id, sGroup, config);
}
};
YAHOO.util.DragDrop.prototype = {
/**
* An Object Literal containing the events that we will be using: mouseDown, b4MouseDown, mouseUp, b4StartDrag, startDrag, b4EndDrag, endDrag, mouseUp, drag, b4Drag, invalidDrop, b4DragOut, dragOut, dragEnter, b4DragOver, dragOver, b4DragDrop, dragDrop
* By setting any of these to false, then event will not be fired.
* @property events
* @type object
*/
events: null,
/**
* @method on
* @description Shortcut for EventProvider.subscribe, see YAHOO.util.EventProvider.subscribe
*/
on: function() {
this.subscribe.apply(this, arguments);
},
/**
* The id of the element associated with this object. This is what we
* refer to as the "linked element" because the size and position of
* this element is used to determine when the drag and drop objects have
* interacted.
* @property id
* @type String
*/
id: null,
/**
* Configuration attributes passed into the constructor
* @property config
* @type object
*/
config: null,
/**
* The id of the element that will be dragged. By default this is same
* as the linked element , but could be changed to another element. Ex:
* YAHOO.util.DDProxy
* @property dragElId
* @type String
* @private
*/
dragElId: null,
/**
* the id of the element that initiates the drag operation. By default
* this is the linked element, but could be changed to be a child of this
* element. This lets us do things like only starting the drag when the
* header element within the linked html element is clicked.
* @property handleElId
* @type String
* @private
*/
handleElId: null,
/**
* An associative array of HTML tags that will be ignored if clicked.
* @property invalidHandleTypes
* @type {string: string}
*/
invalidHandleTypes: null,
/**
* An associative array of ids for elements that will be ignored if clicked
* @property invalidHandleIds
* @type {string: string}
*/
invalidHandleIds: null,
/**
* An indexted array of css class names for elements that will be ignored
* if clicked.
* @property invalidHandleClasses
* @type string[]
*/
invalidHandleClasses: null,
/**
* The linked element's absolute X position at the time the drag was
* started
* @property startPageX
* @type int
* @private
*/
startPageX: 0,
/**
* The linked element's absolute X position at the time the drag was
* started
* @property startPageY
* @type int
* @private
*/
startPageY: 0,
/**
* The group defines a logical collection of DragDrop objects that are
* related. Instances only get events when interacting with other
* DragDrop object in the same group. This lets us define multiple
* groups using a single DragDrop subclass if we want.
* @property groups
* @type {string: string}
*/
groups: null,
/**
* Individual drag/drop instances can be locked. This will prevent
* onmousedown start drag.
* @property locked
* @type boolean
* @private
*/
locked: false,
/**
* Lock this instance
* @method lock
*/
lock: function() { this.locked = true; },
/**
* Unlock this instace
* @method unlock
*/
unlock: function() { this.locked = false; },
/**
* By default, all instances can be a drop target. This can be disabled by
* setting isTarget to false.
* @property isTarget
* @type boolean
*/
isTarget: true,
/**
* The padding configured for this drag and drop object for calculating
* the drop zone intersection with this object.
* @property padding
* @type int[]
*/
padding: null,
/**
* If this flag is true, do not fire drop events. The element is a drag only element (for movement not dropping)
* @property dragOnly
* @type Boolean
*/
dragOnly: false,
/**
* If this flag is true, a shim will be placed over the screen/viewable area to track mouse events. Should help with dragging elements over iframes and other controls.
* @property useShim
* @type Boolean
*/
useShim: false,
/**
* Cached reference to the linked element
* @property _domRef
* @private
*/
_domRef: null,
/**
* Internal typeof flag
* @property __ygDragDrop
* @private
*/
__ygDragDrop: true,
/**
* Set to true when horizontal contraints are applied
* @property constrainX
* @type boolean
* @private
*/
constrainX: false,
/**
* Set to true when vertical contraints are applied
* @property constrainY
* @type boolean
* @private
*/
constrainY: false,
/**
* The left constraint
* @property minX
* @type int
* @private
*/
minX: 0,
/**
* The right constraint
* @property maxX
* @type int
* @private
*/
maxX: 0,
/**
* The up constraint
* @property minY
* @type int
* @type int
* @private
*/
minY: 0,
/**
* The down constraint
* @property maxY
* @type int
* @private
*/
maxY: 0,
/**
* The difference between the click position and the source element's location
* @property deltaX
* @type int
* @private
*/
deltaX: 0,
/**
* The difference between the click position and the source element's location
* @property deltaY
* @type int
* @private
*/
deltaY: 0,
/**
* Maintain offsets when we resetconstraints. Set to true when you want
* the position of the element relative to its parent to stay the same
* when the page changes
*
* @property maintainOffset
* @type boolean
*/
maintainOffset: false,
/**
* Array of pixel locations the element will snap to if we specified a
* horizontal graduation/interval. This array is generated automatically
* when you define a tick interval.
* @property xTicks
* @type int[]
*/
xTicks: null,
/**
* Array of pixel locations the element will snap to if we specified a
* vertical graduation/interval. This array is generated automatically
* when you define a tick interval.
* @property yTicks
* @type int[]
*/
yTicks: null,
/**
* By default the drag and drop instance will only respond to the primary
* button click (left button for a right-handed mouse). Set to true to
* allow drag and drop to start with any mouse click that is propogated
* by the browser
* @property primaryButtonOnly
* @type boolean
*/
primaryButtonOnly: true,
/**
* The availabe property is false until the linked dom element is accessible.
* @property available
* @type boolean
*/
available: false,
/**
* By default, drags can only be initiated if the mousedown occurs in the
* region the linked element is. This is done in part to work around a
* bug in some browsers that mis-report the mousedown if the previous
* mouseup happened outside of the window. This property is set to true
* if outer handles are defined.
*
* @property hasOuterHandles
* @type boolean
* @default false
*/
hasOuterHandles: false,
/**
* Property that is assigned to a drag and drop object when testing to
* see if it is being targeted by another dd object. This property
* can be used in intersect mode to help determine the focus of
* the mouse interaction. DDM.getBestMatch uses this property first to
* determine the closest match in INTERSECT mode when multiple targets
* are part of the same interaction.
* @property cursorIsOver
* @type boolean
*/
cursorIsOver: false,
/**
* Property that is assigned to a drag and drop object when testing to
* see if it is being targeted by another dd object. This is a region
* that represents the area the draggable element overlaps this target.
* DDM.getBestMatch uses this property to compare the size of the overlap
* to that of other targets in order to determine the closest match in
* INTERSECT mode when multiple targets are part of the same interaction.
* @property overlap
* @type YAHOO.util.Region
*/
overlap: null,
/**
* Code that executes immediately before the startDrag event
* @method b4StartDrag
* @private
*/
b4StartDrag: function(x, y) { },
/**
* Abstract method called after a drag/drop object is clicked
* and the drag or mousedown time thresholds have beeen met.
* @method startDrag
* @param {int} X click location
* @param {int} Y click location
*/
startDrag: function(x, y) { /* override this */ },
/**
* Code that executes immediately before the onDrag event
* @method b4Drag
* @private
*/
b4Drag: function(e) { },
/**
* Abstract method called during the onMouseMove event while dragging an
* object.
* @method onDrag
* @param {Event} e the mousemove event
*/
onDrag: function(e) { /* override this */ },
/**
* Abstract method called when this element fist begins hovering over
* another DragDrop obj
* @method onDragEnter
* @param {Event} e the mousemove event
* @param {String|DragDrop[]} id In POINT mode, the element
* id this is hovering over. In INTERSECT mode, an array of one or more
* dragdrop items being hovered over.
*/
onDragEnter: function(e, id) { /* override this */ },
/**
* Code that executes immediately before the onDragOver event
* @method b4DragOver
* @private
*/
b4DragOver: function(e) { },
/**
* Abstract method called when this element is hovering over another
* DragDrop obj
* @method onDragOver
* @param {Event} e the mousemove event
* @param {String|DragDrop[]} id In POINT mode, the element
* id this is hovering over. In INTERSECT mode, an array of dd items
* being hovered over.
*/
onDragOver: function(e, id) { /* override this */ },
/**
* Code that executes immediately before the onDragOut event
* @method b4DragOut
* @private
*/
b4DragOut: function(e) { },
/**
* Abstract method called when we are no longer hovering over an element
* @method onDragOut
* @param {Event} e the mousemove event
* @param {String|DragDrop[]} id In POINT mode, the element
* id this was hovering over. In INTERSECT mode, an array of dd items
* that the mouse is no longer over.
*/
onDragOut: function(e, id) { /* override this */ },
/**
* Code that executes immediately before the onDragDrop event
* @method b4DragDrop
* @private
*/
b4DragDrop: function(e) { },
/**
* Abstract method called when this item is dropped on another DragDrop
* obj
* @method onDragDrop
* @param {Event} e the mouseup event
* @param {String|DragDrop[]} id In POINT mode, the element
* id this was dropped on. In INTERSECT mode, an array of dd items this
* was dropped on.
*/
onDragDrop: function(e, id) { /* override this */ },
/**
* Abstract method called when this item is dropped on an area with no
* drop target
* @method onInvalidDrop
* @param {Event} e the mouseup event
*/
onInvalidDrop: function(e) { /* override this */ },
/**
* Code that executes immediately before the endDrag event
* @method b4EndDrag
* @private
*/
b4EndDrag: function(e) { },
/**
* Fired when we are done dragging the object
* @method endDrag
* @param {Event} e the mouseup event
*/
endDrag: function(e) { /* override this */ },
/**
* Code executed immediately before the onMouseDown event
* @method b4MouseDown
* @param {Event} e the mousedown event
* @private
*/
b4MouseDown: function(e) { },
/**
* Event handler that fires when a drag/drop obj gets a mousedown
* @method onMouseDown
* @param {Event} e the mousedown event
*/
onMouseDown: function(e) { /* override this */ },
/**
* Event handler that fires when a drag/drop obj gets a mouseup
* @method onMouseUp
* @param {Event} e the mouseup event
*/
onMouseUp: function(e) { /* override this */ },
/**
* Override the onAvailable method to do what is needed after the initial
* position was determined.
* @method onAvailable
*/
onAvailable: function () {
},
/**
* Returns a reference to the linked element
* @method getEl
* @return {HTMLElement} the html element
*/
getEl: function() {
if (!this._domRef) {
this._domRef = Dom.get(this.id);
}
return this._domRef;
},
/**
* Returns a reference to the actual element to drag. By default this is
* the same as the html element, but it can be assigned to another
* element. An example of this can be found in YAHOO.util.DDProxy
* @method getDragEl
* @return {HTMLElement} the html element
*/
getDragEl: function() {
return Dom.get(this.dragElId);
},
/**
* Sets up the DragDrop object. Must be called in the constructor of any
* YAHOO.util.DragDrop subclass
* @method init
* @param id the id of the linked element
* @param {String} sGroup the group of related items
* @param {object} config configuration attributes
*/
init: function(id, sGroup, config) {
this.initTarget(id, sGroup, config);
Event.on(this._domRef || this.id, "mousedown",
this.handleMouseDown, this, true);
// Event.on(this.id, "selectstart", Event.preventDefault);
for (var i in this.events) {
this.createEvent(i + 'Event');
}
},
/**
* Initializes Targeting functionality only... the object does not
* get a mousedown handler.
* @method initTarget
* @param id the id of the linked element
* @param {String} sGroup the group of related items
* @param {object} config configuration attributes
*/
initTarget: function(id, sGroup, config) {
// configuration attributes
this.config = config || {};
this.events = {};
// create a local reference to the drag and drop manager
this.DDM = YAHOO.util.DDM;
// initialize the groups object
this.groups = {};
// assume that we have an element reference instead of an id if the
// parameter is not a string
if (typeof id !== "string") {
this._domRef = id;
id = Dom.generateId(id);
}
// set the id
this.id = id;
// add to an interaction group
this.addToGroup((sGroup) ? sGroup : "default");
// We don't want to register this as the handle with the manager
// so we just set the id rather than calling the setter.
this.handleElId = id;
Event.onAvailable(id, this.handleOnAvailable, this, true);
// the linked element is the element that gets dragged by default
this.setDragElId(id);
// by default, clicked anchors will not start drag operations.
// @TODO what else should be here? Probably form fields.
this.invalidHandleTypes = { A: "A" };
this.invalidHandleIds = {};
this.invalidHandleClasses = [];
this.applyConfig();
},
/**
* Applies the configuration parameters that were passed into the constructor.
* This is supposed to happen at each level through the inheritance chain. So
* a DDProxy implentation will execute apply config on DDProxy, DD, and
* DragDrop in order to get all of the parameters that are available in
* each object.
* @method applyConfig
*/
applyConfig: function() {
this.events = {
mouseDown: true,
b4MouseDown: true,
mouseUp: true,
b4StartDrag: true,
startDrag: true,
b4EndDrag: true,
endDrag: true,
drag: true,
b4Drag: true,
invalidDrop: true,
b4DragOut: true,
dragOut: true,
dragEnter: true,
b4DragOver: true,
dragOver: true,
b4DragDrop: true,
dragDrop: true
};
if (this.config.events) {
for (var i in this.config.events) {
if (this.config.events[i] === false) {
this.events[i] = false;
}
}
}
// configurable properties:
// padding, isTarget, maintainOffset, primaryButtonOnly
this.padding = this.config.padding || [0, 0, 0, 0];
this.isTarget = (this.config.isTarget !== false);
this.maintainOffset = (this.config.maintainOffset);
this.primaryButtonOnly = (this.config.primaryButtonOnly !== false);
this.dragOnly = ((this.config.dragOnly === true) ? true : false);
this.useShim = ((this.config.useShim === true) ? true : false);
},
/**
* Executed when the linked element is available
* @method handleOnAvailable
* @private
*/
handleOnAvailable: function() {
this.available = true;
this.resetConstraints();
this.onAvailable();
},
/**
* Configures the padding for the target zone in px. Effectively expands
* (or reduces) the virtual object size for targeting calculations.
* Supports css-style shorthand; if only one parameter is passed, all sides
* will have that padding, and if only two are passed, the top and bottom
* will have the first param, the left and right the second.
* @method setPadding
* @param {int} iTop Top pad
* @param {int} iRight Right pad
* @param {int} iBot Bot pad
* @param {int} iLeft Left pad
*/
setPadding: function(iTop, iRight, iBot, iLeft) {
// this.padding = [iLeft, iRight, iTop, iBot];
if (!iRight && 0 !== iRight) {
this.padding = [iTop, iTop, iTop, iTop];
} else if (!iBot && 0 !== iBot) {
this.padding = [iTop, iRight, iTop, iRight];
} else {
this.padding = [iTop, iRight, iBot, iLeft];
}
},
/**
* Stores the initial placement of the linked element.
* @method setInitialPosition
* @param {int} diffX the X offset, default 0
* @param {int} diffY the Y offset, default 0
* @private
*/
setInitPosition: function(diffX, diffY) {
var el = this.getEl();
if (!this.DDM.verifyEl(el)) {
if (el && el.style && (el.style.display == 'none')) {
} else {
}
return;
}
var dx = diffX || 0;
var dy = diffY || 0;
var p = Dom.getXY( el );
this.initPageX = p[0] - dx;
this.initPageY = p[1] - dy;
this.lastPageX = p[0];
this.lastPageY = p[1];
this.setStartPosition(p);
},
/**
* Sets the start position of the element. This is set when the obj
* is initialized, the reset when a drag is started.
* @method setStartPosition
* @param pos current position (from previous lookup)
* @private
*/
setStartPosition: function(pos) {
var p = pos || Dom.getXY(this.getEl());
this.deltaSetXY = null;
this.startPageX = p[0];
this.startPageY = p[1];
},
/**
* Add this instance to a group of related drag/drop objects. All
* instances belong to at least one group, and can belong to as many
* groups as needed.
* @method addToGroup
* @param sGroup {string} the name of the group
*/
addToGroup: function(sGroup) {
this.groups[sGroup] = true;
this.DDM.regDragDrop(this, sGroup);
},
/**
* Remove's this instance from the supplied interaction group
* @method removeFromGroup
* @param {string} sGroup The group to drop
*/
removeFromGroup: function(sGroup) {
if (this.groups[sGroup]) {
delete this.groups[sGroup];
}
this.DDM.removeDDFromGroup(this, sGroup);
},
/**
* Allows you to specify that an element other than the linked element
* will be moved with the cursor during a drag
* @method setDragElId
* @param id {string} the id of the element that will be used to initiate the drag
*/
setDragElId: function(id) {
this.dragElId = id;
},
/**
* Allows you to specify a child of the linked element that should be
* used to initiate the drag operation. An example of this would be if
* you have a content div with text and links. Clicking anywhere in the
* content area would normally start the drag operation. Use this method
* to specify that an element inside of the content div is the element
* that starts the drag operation.
* @method setHandleElId
* @param id {string} the id of the element that will be used to
* initiate the drag.
*/
setHandleElId: function(id) {
if (typeof id !== "string") {
id = Dom.generateId(id);
}
this.handleElId = id;
this.DDM.regHandle(this.id, id);
},
/**
* Allows you to set an element outside of the linked element as a drag
* handle
* @method setOuterHandleElId
* @param id the id of the element that will be used to initiate the drag
*/
setOuterHandleElId: function(id) {
if (typeof id !== "string") {
id = Dom.generateId(id);
}
Event.on(id, "mousedown",
this.handleMouseDown, this, true);
this.setHandleElId(id);
this.hasOuterHandles = true;
},
/**
* Remove all drag and drop hooks for this element
* @method unreg
*/
unreg: function() {
Event.removeListener(this.id, "mousedown",
this.handleMouseDown);
this._domRef = null;
this.DDM._remove(this);
},
/**
* Returns true if this instance is locked, or the drag drop mgr is locked
* (meaning that all drag/drop is disabled on the page.)
* @method isLocked
* @return {boolean} true if this obj or all drag/drop is locked, else
* false
*/
isLocked: function() {
return (this.DDM.isLocked() || this.locked);
},
/**
* Fired when this object is clicked
* @method handleMouseDown
* @param {Event} e
* @param {YAHOO.util.DragDrop} oDD the clicked dd object (this dd obj)
* @private
*/
handleMouseDown: function(e, oDD) {
var button = e.which || e.button;
if (this.primaryButtonOnly && button > 1) {
return;
}
if (this.isLocked()) {
return;
}
// firing the mousedown events prior to calculating positions
var b4Return = this.b4MouseDown(e),
b4Return2 = true;
if (this.events.b4MouseDown) {
b4Return2 = this.fireEvent('b4MouseDownEvent', e);
}
var mDownReturn = this.onMouseDown(e),
mDownReturn2 = true;
if (this.events.mouseDown) {
mDownReturn2 = this.fireEvent('mouseDownEvent', e);
}
if ((b4Return === false) || (mDownReturn === false) || (b4Return2 === false) || (mDownReturn2 === false)) {
return;
}
this.DDM.refreshCache(this.groups);
// var self = this;
// setTimeout( function() { self.DDM.refreshCache(self.groups); }, 0);
// Only process the event if we really clicked within the linked
// element. The reason we make this check is that in the case that
// another element was moved between the clicked element and the
// cursor in the time between the mousedown and mouseup events. When
// this happens, the element gets the next mousedown event
// regardless of where on the screen it happened.
var pt = new YAHOO.util.Point(Event.getPageX(e), Event.getPageY(e));
if (!this.hasOuterHandles && !this.DDM.isOverTarget(pt, this) ) {
} else {
if (this.clickValidator(e)) {
// set the initial element position
this.setStartPosition();
// start tracking mousemove distance and mousedown time to
// determine when to start the actual drag
this.DDM.handleMouseDown(e, this);
// this mousedown is mine
this.DDM.stopEvent(e);
} else {
}
}
},
/**
* @method clickValidator
* @description Method validates that the clicked element
* was indeed the handle or a valid child of the handle
* @param {Event} e
*/
clickValidator: function(e) {
var target = YAHOO.util.Event.getTarget(e);
return ( this.isValidHandleChild(target) &&
(this.id == this.handleElId ||
this.DDM.handleWasClicked(target, this.id)) );
},
/**
* Finds the location the element should be placed if we want to move
* it to where the mouse location less the click offset would place us.
* @method getTargetCoord
* @param {int} iPageX the X coordinate of the click
* @param {int} iPageY the Y coordinate of the click
* @return an object that contains the coordinates (Object.x and Object.y)
* @private
*/
getTargetCoord: function(iPageX, iPageY) {
var x = iPageX - this.deltaX;
var y = iPageY - this.deltaY;
if (this.constrainX) {
if (x < this.minX) { x = this.minX; }
if (x > this.maxX) { x = this.maxX; }
}
if (this.constrainY) {
if (y < this.minY) { y = this.minY; }
if (y > this.maxY) { y = this.maxY; }
}
x = this.getTick(x, this.xTicks);
y = this.getTick(y, this.yTicks);
return {x:x, y:y};
},
/**
* Allows you to specify a tag name that should not start a drag operation
* when clicked. This is designed to facilitate embedding links within a
* drag handle that do something other than start the drag.
* @method addInvalidHandleType
* @param {string} tagName the type of element to exclude
*/
addInvalidHandleType: function(tagName) {
var type = tagName.toUpperCase();
this.invalidHandleTypes[type] = type;
},
/**
* Lets you to specify an element id for a child of a drag handle
* that should not initiate a drag
* @method addInvalidHandleId
* @param {string} id the element id of the element you wish to ignore
*/
addInvalidHandleId: function(id) {
if (typeof id !== "string") {
id = Dom.generateId(id);
}
this.invalidHandleIds[id] = id;
},
/**
* Lets you specify a css class of elements that will not initiate a drag
* @method addInvalidHandleClass
* @param {string} cssClass the class of the elements you wish to ignore
*/
addInvalidHandleClass: function(cssClass) {
this.invalidHandleClasses.push(cssClass);
},
/**
* Unsets an excluded tag name set by addInvalidHandleType
* @method removeInvalidHandleType
* @param {string} tagName the type of element to unexclude
*/
removeInvalidHandleType: function(tagName) {
var type = tagName.toUpperCase();
// this.invalidHandleTypes[type] = null;
delete this.invalidHandleTypes[type];
},
/**
* Unsets an invalid handle id
* @method removeInvalidHandleId
* @param {string} id the id of the element to re-enable
*/
removeInvalidHandleId: function(id) {
if (typeof id !== "string") {
id = Dom.generateId(id);
}
delete this.invalidHandleIds[id];
},
/**
* Unsets an invalid css class
* @method removeInvalidHandleClass
* @param {string} cssClass the class of the element(s) you wish to
* re-enable
*/
removeInvalidHandleClass: function(cssClass) {
for (var i=0, len=this.invalidHandleClasses.length; i-
*
- onSuccess *
-
* callback to execute when the script(s) are finished loading
* The callback receives an object back with the following
* data:
*
-
*
- win *
- the window the script(s) were inserted into *
- data *
- the data object passed in when the request was made *
- nodes *
- An array containing references to the nodes that were * inserted *
- purge *
- A function that, when executed, will remove the nodes * that were inserted *
- *
* - onFailure *
-
* callback to execute when the script load operation fails
* The callback receives an object back with the following
* data:
*
-
*
- win *
- the window the script(s) were inserted into *
- data *
- the data object passed in when the request was made *
- nodes *
- An array containing references to the nodes that were * inserted successfully *
- purge *
- A function that, when executed, will remove any nodes * that were inserted *
- *
* - onTimeout *
-
* callback to execute when a timeout occurs.
* The callback receives an object back with the following
* data:
*
-
*
- win *
- the window the script(s) were inserted into *
- data *
- the data object passed in when the request was made *
- nodes *
- An array containing references to the nodes that were * inserted *
- purge *
- A function that, when executed, will remove the nodes * that were inserted *
- *
* - scope *
- the execution context for the callbacks *
- win *
- a window other than the one the utility occupies *
- autopurge *
- * setting to true will let the utilities cleanup routine purge * the script once loaded * *
- data *
- * data that is supplied to the callback when the script(s) are * loaded. * *
- varName *
- * variable that should be available when a script is finished * loading. Used to help Safari 2.x and below with script load * detection. The type of this property should match what was * passed into the url parameter: if loading a single url, a * string can be supplied. If loading multiple scripts, you * must supply an array that contains the variable name for * each script. * *
- insertBefore *
- node or node id that will become the new node's nextSibling *
* // assumes yahoo, dom, and event are already on the page
* YAHOO.util.Get.script(
* ["http://yui.yahooapis.com/2.3.1/build/dragdrop/dragdrop-min.js",
* "http://yui.yahooapis.com/2.3.1/build/animation/animation-min.js"], {
* onSuccess: function(o) {
* new YAHOO.util.DDProxy("dd1"); // also new o.reference("dd1"); would work
* this.log("won't cause error because YAHOO is the scope");
* this.log(o.nodes.length === 2) // true
* // o.purge(); // optionally remove the script nodes immediately
* },
* onFailure: function(o) {
* },
* data: "foo",
* timeout: 10000, // 10 second timeout
* scope: YAHOO,
* // win: otherframe // target another window/frame
* autopurge: true // allow the utility to choose when to remove the nodes
* });
*
* @return {tId: string} an object containing info about the transaction
*/
script: function(url, opts) { return _queue("script", url, opts); },
/**
* Fetches and inserts one or more css link nodes into the
* head of the current document or the document in a specified
* window.
* @method css
* @static
* @param url {string} the url or urls to the css file(s)
* @param opts Options:
* -
*
- onSuccess *
-
* callback to execute when the css file(s) are finished loading
* The callback receives an object back with the following
* data:
*
- win
- the window the link nodes(s) were inserted into
* - data *
- the data object passed in when the request was made *
- nodes *
- An array containing references to the nodes that were * inserted *
- purge *
- A function that, when executed, will remove the nodes * that were inserted *
- *
* YAHOO.util.Get.css("http://yui.yahooapis.com/2.3.1/build/menu/assets/skins/sam/menu.css");
*
*
* YAHOO.util.Get.css(["http://yui.yahooapis.com/2.3.1/build/menu/assets/skins/sam/menu.css",
*
* @return {tId: string} an object containing info about the transaction
*/
css: function(url, opts) {
return _queue("css", url, opts);
}
};
}();
YAHOO.register("get", YAHOO.util.Get, {version: "2.7.0", build: "1799"});
/*
Copyright (c) 2009, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.7.0
*/
/**
* Provides methods to parse JSON strings and convert objects to JSON strings.
* @module json
* @class JSON
* @static
*/
YAHOO.lang.JSON = (function () {
var l = YAHOO.lang,
/**
* Replace certain Unicode characters that JavaScript may handle incorrectly
* during eval--either by deleting them or treating them as line
* endings--with escape sequences.
* IMPORTANT NOTE: This regex will be used to modify the input if a match is
* found.
* @property _UNICODE_EXCEPTIONS
* @type {RegExp}
* @private
*/
_UNICODE_EXCEPTIONS = /[\u0000\u00ad\u0600-\u0604\u070f\u17b4\u17b5\u200c-\u200f\u2028-\u202f\u2060-\u206f\ufeff\ufff0-\uffff]/g,
/**
* First step in the validation. Regex used to replace all escape
* sequences (i.e. "\\", etc) with '@' characters (a non-JSON character).
* @property _ESCAPES
* @type {RegExp}
* @static
* @private
*/
_ESCAPES = /\\(?:["\\\/bfnrt]|u[0-9a-fA-F]{4})/g,
/**
* Second step in the validation. Regex used to replace all simple
* values with ']' characters.
* @property _VALUES
* @type {RegExp}
* @static
* @private
*/
_VALUES = /"[^"\\\n\r]*"|true|false|null|-?\d+(?:\.\d*)?(?:[eE][+\-]?\d+)?/g,
/**
* Third step in the validation. Regex used to remove all open square
* brackets following a colon, comma, or at the beginning of the string.
* @property _BRACKETS
* @type {RegExp}
* @static
* @private
*/
_BRACKETS = /(?:^|:|,)(?:\s*\[)+/g,
/**
* Final step in the validation. Regex used to test the string left after
* all previous replacements for invalid characters.
* @property _INVALID
* @type {RegExp}
* @static
* @private
*/
_INVALID = /^[\],:{}\s]*$/,
/**
* Regex used to replace special characters in strings for JSON
* stringification.
* @property _SPECIAL_CHARS
* @type {RegExp}
* @static
* @private
*/
_SPECIAL_CHARS = /[\\\"\x00-\x1f\x7f-\x9f\u00ad\u0600-\u0604\u070f\u17b4\u17b5\u200c-\u200f\u2028-\u202f\u2060-\u206f\ufeff\ufff0-\uffff]/g,
/**
* Character substitution map for common escapes and special characters.
* @property _CHARS
* @type {Object}
* @static
* @private
*/
_CHARS = {
'\b': '\\b',
'\t': '\\t',
'\n': '\\n',
'\f': '\\f',
'\r': '\\r',
'"' : '\\"',
'\\': '\\\\'
};
/**
* Traverses nested objects, applying a filter or reviver function to
* each value. The value returned from the function will replace the
* original value in the key:value pair. If the value returned is
* undefined, the key will be omitted from the returned object.
* @method _revive
* @param data {MIXED} Any JavaScript data
* @param reviver {Function} filter or mutation function
* @return {MIXED} The results of the filtered/mutated data structure
* @private
*/
function _revive(data, reviver) {
var walk = function (o,key) {
var k,v,value = o[key];
if (value && typeof value === 'object') {
for (k in value) {
if (l.hasOwnProperty(value,k)) {
v = walk(value, k);
if (v === undefined) {
delete value[k];
} else {
value[k] = v;
}
}
}
}
return reviver.call(o,key,value);
};
return typeof reviver === 'function' ? walk({'':data},'') : data;
}
/**
* Escapes a special character to a safe Unicode representation
* @method _char
* @param c {String} single character to escape
* @return {String} safe Unicode escape
*/
function _char(c) {
if (!_CHARS[c]) {
_CHARS[c] = '\\u'+('0000'+(+(c.charCodeAt(0))).toString(16)).slice(-4);
}
return _CHARS[c];
}
/**
* Replace certain Unicode characters that may be handled incorrectly by
* some browser implementations.
* @method _prepare
* @param s {String} parse input
* @return {String} sanitized JSON string ready to be validated/parsed
* @private
*/
function _prepare(s) {
return s.replace(_UNICODE_EXCEPTIONS, _char);
}
/**
* Four step determination whether a string is valid JSON. In three steps,
* escape sequences, safe values, and properly placed open square brackets
* are replaced with placeholders or removed. Then in the final step, the
* result of all these replacements is checked for invalid characters.
* @method _isValid
* @param str {String} JSON string to be tested
* @return {boolean} is the string safe for eval?
* @static
*/
function _isValid(str) {
return l.isString(str) &&
_INVALID.test(str.
replace(_ESCAPES,'@').
replace(_VALUES,']').
replace(_BRACKETS,''));
}
/**
* Enclose escaped strings in quotes
* @method _string
* @param s {String} string to wrap
* @return {String} '"'+s+'"' after s has had special characters escaped
* @private
*/
function _string(s) {
return '"' + s.replace(_SPECIAL_CHARS, _char) + '"';
}
/**
* Worker function used by public stringify.
* @method _stringify
* @param h {Object} object holding the key
* @param key {String} String key in object h to serialize
* @param depth {Number} depth to serialize
* @param w {Array|Function} array of whitelisted keys OR replacer function
* @param pstack {Array} used to protect against recursion
* @return {String} serialized version of o
*/
function _stringify(h,key,d,w,pstack) {
var o = typeof w === 'function' ? w.call(h,key,h[key]) : h[key],
i,len,j, // array iteration
k,v, // object iteration
isArray, // forking in typeof 'object'
a; // composition array for performance over string concat
if (o instanceof Date) {
o = l.JSON.dateToString(o);
} else if (o instanceof String || o instanceof Boolean || o instanceof Number) {
o = o.valueOf();
}
switch (typeof o) {
case 'string' : return _string(o);
case 'number' : return isFinite(o) ? String(o) : 'null';
case 'boolean': return String(o);
case 'object' :
// null
if (o === null) {
return 'null';
}
// Check for cyclical references
for (i = pstack.length - 1; i >= 0; --i) {
if (pstack[i] === o) {
return 'null';
}
}
// Add the object to the processing stack
pstack[pstack.length] = o;
a = [];
isArray = l.isArray(o);
// Only recurse if we're above depth config
if (d > 0) {
// Array
if (isArray) {
for (i = o.length - 1; i >= 0; --i) {
a[i] = _stringify(o,i,d-1,w,pstack) || 'null';
}
// Object
} else {
j = 0;
// Use whitelist keys if provided as an array
if (l.isArray(w)) {
for (i = 0, len = w.length; i < len; ++i) {
k = w[i];
v = _stringify(o,k,d-1,w,pstack);
if (v) {
a[j++] = _string(k) + ':' + v;
}
}
} else {
for (k in o) {
if (typeof k === 'string' && l.hasOwnProperty(o,k)) {
v = _stringify(o,k,d-1,w,pstack);
if (v) {
a[j++] = _string(k) + ':' + v;
}
}
}
}
// sort object keys for easier readability
a.sort();
}
}
// remove the object from the stack
pstack.pop();
return isArray ? '['+a.join(',')+']' : '{'+a.join(',')+'}';
}
return undefined; // invalid input
}
// Return the public API
return {
/**
* Four step determination whether a string is valid JSON. In three steps,
* escape sequences, safe values, and properly placed open square brackets
* are replaced with placeholders or removed. Then in the final step, the
* result of all these replacements is checked for invalid characters.
* @method isValid
* @param str {String} JSON string to be tested
* @return {boolean} is the string safe for eval?
* @static
*/
isValid : function (s) {
return _isValid(_prepare(s));
},
/**
* Parse a JSON string, returning the native JavaScript representation.
* Only minor modifications from http://www.json.org/json2.js.
* @param s {string} JSON string data
* @param reviver {function} (optional) function(k,v) passed each key:value
* pair of object literals, allowing pruning or altering values
* @return {MIXED} the native JavaScript representation of the JSON string
* @throws SyntaxError
* @method parse
* @static
*/
parse : function (s,reviver) {
// sanitize
s = _prepare(s);
// Ensure valid JSON
if (_isValid(s)) {
// Eval the text into a JavaScript data structure, apply the
// reviver function if provided, and return
return _revive( eval('(' + s + ')'), reviver );
}
// The text is not valid JSON
throw new SyntaxError('parseJSON');
},
/**
* Converts an arbitrary value to a JSON string representation.
* Cyclical object or array references are replaced with null.
* If a whitelist is provided, only matching object keys will be included.
* If a depth limit is provided, objects and arrays at that depth will
* be stringified as empty.
* @method stringify
* @param o {MIXED} any arbitrary object to convert to JSON string
* @param w {Array|Function} (optional) whitelist of acceptable object keys to include OR a function(value,key) to alter values before serialization
* @param d {number} (optional) depth limit to recurse objects/arrays (practical minimum 1)
* @return {string} JSON string representation of the input
* @static
*/
stringify : function (o,w,d) {
if (o !== undefined) {
// Ensure whitelist keys are unique (bug 2110391)
if (l.isArray(w)) {
w = (function (a) {
var uniq=[],map={},v,i,j,len;
for (i=0,j=0,len=a.length; i* In the U.S, Jan 1st is normally used based on a Sunday start of week. * ISO 8601, used widely throughout Europe, uses Jan 4th, based on a Monday start of week. *
* @property WEEK_ONE_JAN_DATE * @static * @type Number */ WEEK_ONE_JAN_DATE : 1, /** * Adds the specified amount of time to the this instance. * @method add * @param {Date} date The JavaScript Date object to perform addition on * @param {String} field The field constant to be used for performing addition. * @param {Number} amount The number of units (measured in the field constant) to add to the date. * @return {Date} The resulting Date object */ add : function(date, field, amount) { var d = new Date(date.getTime()); switch (field) { case this.MONTH: var newMonth = date.getMonth() + amount; var years = 0; if (newMonth < 0) { while (newMonth < 0) { newMonth += 12; years -= 1; } } else if (newMonth > 11) { while (newMonth > 11) { newMonth -= 12; years += 1; } } d.setMonth(newMonth); d.setFullYear(date.getFullYear() + years); break; case this.DAY: this._addDays(d, amount); // d.setDate(date.getDate() + amount); break; case this.YEAR: d.setFullYear(date.getFullYear() + amount); break; case this.WEEK: this._addDays(d, (amount * 7)); // d.setDate(date.getDate() + (amount * 7)); break; } return d; }, /** * Private helper method to account for bug in Safari 2 (webkit < 420) * when Date.setDate(n) is called with n less than -128 or greater than 127. ** Fix approach and original findings are available here: * http://brianary.blogspot.com/2006/03/safari-date-bug.html *
* @method _addDays * @param {Date} d JavaScript date object * @param {Number} nDays The number of days to add to the date object (can be negative) * @private */ _addDays : function(d, nDays) { if (YAHOO.env.ua.webkit && YAHOO.env.ua.webkit < 420) { if (nDays < 0) { // Ensure we don't go below -128 (getDate() is always 1 to 31, so we won't go above 127) for(var min = -128; nDays < min; nDays -= min) { d.setDate(d.getDate() + min); } } else { // Ensure we don't go above 96 + 31 = 127 for(var max = 96; nDays > max; nDays -= max) { d.setDate(d.getDate() + max); } } // nDays should be remainder between -128 and 96 } d.setDate(d.getDate() + nDays); }, /** * Subtracts the specified amount of time from the this instance. * @method subtract * @param {Date} date The JavaScript Date object to perform subtraction on * @param {Number} field The this field constant to be used for performing subtraction. * @param {Number} amount The number of units (measured in the field constant) to subtract from the date. * @return {Date} The resulting Date object */ subtract : function(date, field, amount) { return this.add(date, field, (amount*-1)); }, /** * Determines whether a given date is before another date on the calendar. * @method before * @param {Date} date The Date object to compare with the compare argument * @param {Date} compareTo The Date object to use for the comparison * @return {Boolean} true if the date occurs before the compared date; false if not. */ before : function(date, compareTo) { var ms = compareTo.getTime(); if (date.getTime() < ms) { return true; } else { return false; } }, /** * Determines whether a given date is after another date on the calendar. * @method after * @param {Date} date The Date object to compare with the compare argument * @param {Date} compareTo The Date object to use for the comparison * @return {Boolean} true if the date occurs after the compared date; false if not. */ after : function(date, compareTo) { var ms = compareTo.getTime(); if (date.getTime() > ms) { return true; } else { return false; } }, /** * Determines whether a given date is between two other dates on the calendar. * @method between * @param {Date} date The date to check for * @param {Date} dateBegin The start of the range * @param {Date} dateEnd The end of the range * @return {Boolean} true if the date occurs between the compared dates; false if not. */ between : function(date, dateBegin, dateEnd) { if (this.after(date, dateBegin) && this.before(date, dateEnd)) { return true; } else { return false; } }, /** * Retrieves a JavaScript Date object representing January 1 of any given year. * @method getJan1 * @param {Number} calendarYear The calendar year for which to retrieve January 1 * @return {Date} January 1 of the calendar year specified. */ getJan1 : function(calendarYear) { return this.getDate(calendarYear,0,1); }, /** * Calculates the number of days the specified date is from January 1 of the specified calendar year. * Passing January 1 to this function would return an offset value of zero. * @method getDayOffset * @param {Date} date The JavaScript date for which to find the offset * @param {Number} calendarYear The calendar year to use for determining the offset * @return {Number} The number of days since January 1 of the given year */ getDayOffset : function(date, calendarYear) { var beginYear = this.getJan1(calendarYear); // Find the start of the year. This will be in week 1. // Find the number of days the passed in date is away from the calendar year start var dayOffset = Math.ceil((date.getTime()-beginYear.getTime()) / this.ONE_DAY_MS); return dayOffset; }, /** * Calculates the week number for the given date. Can currently support standard * U.S. week numbers, based on Jan 1st defining the 1st week of the year, and * ISO8601 week numbers, based on Jan 4th defining the 1st week of the year. * * @method getWeekNumber * @param {Date} date The JavaScript date for which to find the week number * @param {Number} firstDayOfWeek The index of the first day of the week (0 = Sun, 1 = Mon ... 6 = Sat). * Defaults to 0 * @param {Number} janDate The date in the first week of January which defines week one for the year * Defaults to the value of YAHOO.widget.DateMath.WEEK_ONE_JAN_DATE, which is 1 (Jan 1st). * For the U.S, this is normally Jan 1st. ISO8601 uses Jan 4th to define the first week of the year. * * @return {Number} The number of the week containing the given date. */ getWeekNumber : function(date, firstDayOfWeek, janDate) { // Setup Defaults firstDayOfWeek = firstDayOfWeek || 0; janDate = janDate || this.WEEK_ONE_JAN_DATE; var targetDate = this.clearTime(date), startOfWeek, endOfWeek; if (targetDate.getDay() === firstDayOfWeek) { startOfWeek = targetDate; } else { startOfWeek = this.getFirstDayOfWeek(targetDate, firstDayOfWeek); } var startYear = startOfWeek.getFullYear(), startTime = startOfWeek.getTime(); // DST shouldn't be a problem here, math is quicker than setDate(); endOfWeek = new Date(startOfWeek.getTime() + 6*this.ONE_DAY_MS); var weekNum; if (startYear !== endOfWeek.getFullYear() && endOfWeek.getDate() >= janDate) { // If years don't match, endOfWeek is in Jan. and if the // week has WEEK_ONE_JAN_DATE in it, it's week one by definition. weekNum = 1; } else { // Get the 1st day of the 1st week, and // find how many days away we are from it. var weekOne = this.clearTime(this.getDate(startYear, 0, janDate)), weekOneDayOne = this.getFirstDayOfWeek(weekOne, firstDayOfWeek); // Round days to smoothen out 1 hr DST diff var daysDiff = Math.round((targetDate.getTime() - weekOneDayOne.getTime())/this.ONE_DAY_MS); // Calc. Full Weeks var rem = daysDiff % 7; var weeksDiff = (daysDiff - rem)/7; weekNum = weeksDiff + 1; } return weekNum; }, /** * Get the first day of the week, for the give date. * @param {Date} dt The date in the week for which the first day is required. * @param {Number} startOfWeek The index for the first day of the week, 0 = Sun, 1 = Mon ... 6 = Sat (defaults to 0) * @return {Date} The first day of the week */ getFirstDayOfWeek : function (dt, startOfWeek) { startOfWeek = startOfWeek || 0; var dayOfWeekIndex = dt.getDay(), dayOfWeek = (dayOfWeekIndex - startOfWeek + 7) % 7; return this.subtract(dt, this.DAY, dayOfWeek); }, /** * Determines if a given week overlaps two different years. * @method isYearOverlapWeek * @param {Date} weekBeginDate The JavaScript Date representing the first day of the week. * @return {Boolean} true if the date overlaps two different years. */ isYearOverlapWeek : function(weekBeginDate) { var overlaps = false; var nextWeek = this.add(weekBeginDate, this.DAY, 6); if (nextWeek.getFullYear() != weekBeginDate.getFullYear()) { overlaps = true; } return overlaps; }, /** * Determines if a given week overlaps two different months. * @method isMonthOverlapWeek * @param {Date} weekBeginDate The JavaScript Date representing the first day of the week. * @return {Boolean} true if the date overlaps two different months. */ isMonthOverlapWeek : function(weekBeginDate) { var overlaps = false; var nextWeek = this.add(weekBeginDate, this.DAY, 6); if (nextWeek.getMonth() != weekBeginDate.getMonth()) { overlaps = true; } return overlaps; }, /** * Gets the first day of a month containing a given date. * @method findMonthStart * @param {Date} date The JavaScript Date used to calculate the month start * @return {Date} The JavaScript Date representing the first day of the month */ findMonthStart : function(date) { var start = this.getDate(date.getFullYear(), date.getMonth(), 1); return start; }, /** * Gets the last day of a month containing a given date. * @method findMonthEnd * @param {Date} date The JavaScript Date used to calculate the month end * @return {Date} The JavaScript Date representing the last day of the month */ findMonthEnd : function(date) { var start = this.findMonthStart(date); var nextMonth = this.add(start, this.MONTH, 1); var end = this.subtract(nextMonth, this.DAY, 1); return end; }, /** * Clears the time fields from a given date, effectively setting the time to 12 noon. * @method clearTime * @param {Date} date The JavaScript Date for which the time fields will be cleared * @return {Date} The JavaScript Date cleared of all time fields */ clearTime : function(date) { date.setHours(12,0,0,0); return date; }, /** * Returns a new JavaScript Date object, representing the given year, month and date. Time fields (hr, min, sec, ms) on the new Date object * are set to 0. The method allows Date instances to be created with the a year less than 100. "new Date(year, month, date)" implementations * set the year to 19xx if a year (xx) which is less than 100 is provided. ** NOTE:Validation on argument values is not performed. It is the caller's responsibility to ensure * arguments are valid as per the ECMAScript-262 Date object specification for the new Date(year, month[, date]) constructor. *
* @method getDate * @param {Number} y Year. * @param {Number} m Month index from 0 (Jan) to 11 (Dec). * @param {Number} d (optional) Date from 1 to 31. If not provided, defaults to 1. * @return {Date} The JavaScript date object with year, month, date set as provided. */ getDate : function(y, m, d) { var dt = null; if (YAHOO.lang.isUndefined(d)) { d = 1; } if (y >= 100) { dt = new Date(y, m, d); } else { dt = new Date(); dt.setFullYear(y); dt.setMonth(m); dt.setDate(d); dt.setHours(0,0,0,0); } return dt; } }; /** * The Calendar component is a UI control that enables users to choose one or more dates from a graphical calendar presented in a one-month or * multi-month interface. Calendars are generated entirely via script and can be navigated without any page refreshes. * @module calendar * @title Calendar * @namespace YAHOO.widget * @requires yahoo,dom,event */ (function(){ var Dom = YAHOO.util.Dom, Event = YAHOO.util.Event, Lang = YAHOO.lang, DateMath = YAHOO.widget.DateMath; /** * Calendar is the base class for the Calendar widget. In its most basic * implementation, it has the ability to render a calendar widget on the page * that can be manipulated to select a single date, move back and forth between * months and years. *To construct the placeholder for the calendar widget, the code is as * follows: *
* NOTE: As of 2.4.0, the constructor's ID argument is optional. * The Calendar can be constructed by simply providing a container ID string, * or a reference to a container DIV HTMLElement (the element needs to exist * in the document). * * E.g.: *
* If not provided, the ID will be generated from the container DIV ID by adding an "_t" suffix. * For example if an ID is not provided, and the container's ID is "calContainer", the Calendar's ID will be set to "calContainer_t". *
* * @namespace YAHOO.widget * @class Calendar * @constructor * @param {String} id optional The id of the table element that will represent the Calendar widget. As of 2.4.0, this argument is optional. * @param {String | HTMLElement} container The id of the container div element that will wrap the Calendar table, or a reference to a DIV element which exists in the document. * @param {Object} config optional The configuration object containing the initial configuration values for the Calendar. */ function Calendar(id, containerId, config) { this.init.apply(this, arguments); } /** * The path to be used for images loaded for the Calendar * @property YAHOO.widget.Calendar.IMG_ROOT * @static * @deprecated You can now customize images by overriding the calclose, calnavleft and calnavright default CSS classes for the close icon, left arrow and right arrow respectively * @type String */ Calendar.IMG_ROOT = null; /** * Type constant used for renderers to represent an individual date (M/D/Y) * @property YAHOO.widget.Calendar.DATE * @static * @final * @type String */ Calendar.DATE = "D"; /** * Type constant used for renderers to represent an individual date across any year (M/D) * @property YAHOO.widget.Calendar.MONTH_DAY * @static * @final * @type String */ Calendar.MONTH_DAY = "MD"; /** * Type constant used for renderers to represent a weekday * @property YAHOO.widget.Calendar.WEEKDAY * @static * @final * @type String */ Calendar.WEEKDAY = "WD"; /** * Type constant used for renderers to represent a range of individual dates (M/D/Y-M/D/Y) * @property YAHOO.widget.Calendar.RANGE * @static * @final * @type String */ Calendar.RANGE = "R"; /** * Type constant used for renderers to represent a month across any year * @property YAHOO.widget.Calendar.MONTH * @static * @final * @type String */ Calendar.MONTH = "M"; /** * Constant that represents the total number of date cells that are displayed in a given month * @property YAHOO.widget.Calendar.DISPLAY_DAYS * @static * @final * @type Number */ Calendar.DISPLAY_DAYS = 42; /** * Constant used for halting the execution of the remainder of the render stack * @property YAHOO.widget.Calendar.STOP_RENDER * @static * @final * @type String */ Calendar.STOP_RENDER = "S"; /** * Constant used to represent short date field string formats (e.g. Tu or Feb) * @property YAHOO.widget.Calendar.SHORT * @static * @final * @type String */ Calendar.SHORT = "short"; /** * Constant used to represent long date field string formats (e.g. Monday or February) * @property YAHOO.widget.Calendar.LONG * @static * @final * @type String */ Calendar.LONG = "long"; /** * Constant used to represent medium date field string formats (e.g. Mon) * @property YAHOO.widget.Calendar.MEDIUM * @static * @final * @type String */ Calendar.MEDIUM = "medium"; /** * Constant used to represent single character date field string formats (e.g. M, T, W) * @property YAHOO.widget.Calendar.ONE_CHAR * @static * @final * @type String */ Calendar.ONE_CHAR = "1char"; /** * The set of default Config property keys and values for the Calendar * @property YAHOO.widget.Calendar._DEFAULT_CONFIG * @final * @static * @private * @type Object */ Calendar._DEFAULT_CONFIG = { // Default values for pagedate and selected are not class level constants - they are set during instance creation PAGEDATE : {key:"pagedate", value:null}, SELECTED : {key:"selected", value:null}, TITLE : {key:"title", value:""}, CLOSE : {key:"close", value:false}, IFRAME : {key:"iframe", value:(YAHOO.env.ua.ie && YAHOO.env.ua.ie <= 6) ? true : false}, MINDATE : {key:"mindate", value:null}, MAXDATE : {key:"maxdate", value:null}, MULTI_SELECT : {key:"multi_select", value:false}, START_WEEKDAY : {key:"start_weekday", value:0}, SHOW_WEEKDAYS : {key:"show_weekdays", value:true}, SHOW_WEEK_HEADER : {key:"show_week_header", value:false}, SHOW_WEEK_FOOTER : {key:"show_week_footer", value:false}, HIDE_BLANK_WEEKS : {key:"hide_blank_weeks", value:false}, NAV_ARROW_LEFT: {key:"nav_arrow_left", value:null} , NAV_ARROW_RIGHT : {key:"nav_arrow_right", value:null} , MONTHS_SHORT : {key:"months_short", value:["Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec"]}, MONTHS_LONG: {key:"months_long", value:["January", "February", "March", "April", "May", "June", "July", "August", "September", "October", "November", "December"]}, WEEKDAYS_1CHAR: {key:"weekdays_1char", value:["S", "M", "T", "W", "T", "F", "S"]}, WEEKDAYS_SHORT: {key:"weekdays_short", value:["Su", "Mo", "Tu", "We", "Th", "Fr", "Sa"]}, WEEKDAYS_MEDIUM: {key:"weekdays_medium", value:["Sun", "Mon", "Tue", "Wed", "Thu", "Fri", "Sat"]}, WEEKDAYS_LONG: {key:"weekdays_long", value:["Sunday", "Monday", "Tuesday", "Wednesday", "Thursday", "Friday", "Saturday"]}, LOCALE_MONTHS:{key:"locale_months", value:"long"}, LOCALE_WEEKDAYS:{key:"locale_weekdays", value:"short"}, DATE_DELIMITER:{key:"date_delimiter", value:","}, DATE_FIELD_DELIMITER:{key:"date_field_delimiter", value:"/"}, DATE_RANGE_DELIMITER:{key:"date_range_delimiter", value:"-"}, MY_MONTH_POSITION:{key:"my_month_position", value:1}, MY_YEAR_POSITION:{key:"my_year_position", value:2}, MD_MONTH_POSITION:{key:"md_month_position", value:1}, MD_DAY_POSITION:{key:"md_day_position", value:2}, MDY_MONTH_POSITION:{key:"mdy_month_position", value:1}, MDY_DAY_POSITION:{key:"mdy_day_position", value:2}, MDY_YEAR_POSITION:{key:"mdy_year_position", value:3}, MY_LABEL_MONTH_POSITION:{key:"my_label_month_position", value:1}, MY_LABEL_YEAR_POSITION:{key:"my_label_year_position", value:2}, MY_LABEL_MONTH_SUFFIX:{key:"my_label_month_suffix", value:" "}, MY_LABEL_YEAR_SUFFIX:{key:"my_label_year_suffix", value:""}, NAV: {key:"navigator", value: null}, STRINGS : { key:"strings", value: { previousMonth : "Previous Month", nextMonth : "Next Month", close: "Close" }, supercedes : ["close", "title"] } }; var DEF_CFG = Calendar._DEFAULT_CONFIG; /** * The set of Custom Event types supported by the Calendar * @property YAHOO.widget.Calendar._EVENT_TYPES * @final * @static * @private * @type Object */ Calendar._EVENT_TYPES = { BEFORE_SELECT : "beforeSelect", SELECT : "select", BEFORE_DESELECT : "beforeDeselect", DESELECT : "deselect", CHANGE_PAGE : "changePage", BEFORE_RENDER : "beforeRender", RENDER : "render", BEFORE_DESTROY : "beforeDestroy", DESTROY : "destroy", RESET : "reset", CLEAR : "clear", BEFORE_HIDE : "beforeHide", HIDE : "hide", BEFORE_SHOW : "beforeShow", SHOW : "show", BEFORE_HIDE_NAV : "beforeHideNav", HIDE_NAV : "hideNav", BEFORE_SHOW_NAV : "beforeShowNav", SHOW_NAV : "showNav", BEFORE_RENDER_NAV : "beforeRenderNav", RENDER_NAV : "renderNav" }; /** * The set of default style constants for the Calendar * @property YAHOO.widget.Calendar._STYLES * @final * @static * @private * @type Object */ Calendar._STYLES = { CSS_ROW_HEADER: "calrowhead", CSS_ROW_FOOTER: "calrowfoot", CSS_CELL : "calcell", CSS_CELL_SELECTOR : "selector", CSS_CELL_SELECTED : "selected", CSS_CELL_SELECTABLE : "selectable", CSS_CELL_RESTRICTED : "restricted", CSS_CELL_TODAY : "today", CSS_CELL_OOM : "oom", CSS_CELL_OOB : "previous", CSS_HEADER : "calheader", CSS_HEADER_TEXT : "calhead", CSS_BODY : "calbody", CSS_WEEKDAY_CELL : "calweekdaycell", CSS_WEEKDAY_ROW : "calweekdayrow", CSS_FOOTER : "calfoot", CSS_CALENDAR : "yui-calendar", CSS_SINGLE : "single", CSS_CONTAINER : "yui-calcontainer", CSS_NAV_LEFT : "calnavleft", CSS_NAV_RIGHT : "calnavright", CSS_NAV : "calnav", CSS_CLOSE : "calclose", CSS_CELL_TOP : "calcelltop", CSS_CELL_LEFT : "calcellleft", CSS_CELL_RIGHT : "calcellright", CSS_CELL_BOTTOM : "calcellbottom", CSS_CELL_HOVER : "calcellhover", CSS_CELL_HIGHLIGHT1 : "highlight1", CSS_CELL_HIGHLIGHT2 : "highlight2", CSS_CELL_HIGHLIGHT3 : "highlight3", CSS_CELL_HIGHLIGHT4 : "highlight4" }; Calendar.prototype = { /** * The configuration object used to set up the calendars various locale and style options. * @property Config * @private * @deprecated Configuration properties should be set by calling Calendar.cfg.setProperty. * @type Object */ Config : null, /** * The parent CalendarGroup, only to be set explicitly by the parent group * @property parent * @type CalendarGroup */ parent : null, /** * The index of this item in the parent group * @property index * @type Number */ index : -1, /** * The collection of calendar table cells * @property cells * @type HTMLTableCellElement[] */ cells : null, /** * The collection of calendar cell dates that is parallel to the cells collection. The array contains dates field arrays in the format of [YYYY, M, D]. * @property cellDates * @type Array[](Number[]) */ cellDates : null, /** * The id that uniquely identifies this Calendar. * @property id * @type String */ id : null, /** * The unique id associated with the Calendar's container * @property containerId * @type String */ containerId: null, /** * The DOM element reference that points to this calendar's container element. The calendar will be inserted into this element when the shell is rendered. * @property oDomContainer * @type HTMLElement */ oDomContainer : null, /** * A Date object representing today's date. * @property today * @type Date */ today : null, /** * The list of render functions, along with required parameters, used to render cells. * @property renderStack * @type Array[] */ renderStack : null, /** * A copy of the initial render functions created before rendering. * @property _renderStack * @private * @type Array */ _renderStack : null, /** * A reference to the CalendarNavigator instance created for this Calendar. * Will be null if the "navigator" configuration property has not been set * @property oNavigator * @type CalendarNavigator */ oNavigator : null, /** * The private list of initially selected dates. * @property _selectedDates * @private * @type Array */ _selectedDates : null, /** * A map of DOM event handlers to attach to cells associated with specific CSS class names * @property domEventMap * @type Object */ domEventMap : null, /** * Protected helper used to parse Calendar constructor/init arguments. * * As of 2.4.0, Calendar supports a simpler constructor * signature. This method reconciles arguments * received in the pre 2.4.0 and 2.4.0 formats. * * @protected * @method _parseArgs * @param {Array} Function "arguments" array * @return {Object} Object with id, container, config properties containing * the reconciled argument values. **/ _parseArgs : function(args) { /* 2.4.0 Constructors signatures new Calendar(String) new Calendar(HTMLElement) new Calendar(String, ConfigObject) new Calendar(HTMLElement, ConfigObject) Pre 2.4.0 Constructor signatures new Calendar(String, String) new Calendar(String, HTMLElement) new Calendar(String, String, ConfigObject) new Calendar(String, HTMLElement, ConfigObject) */ var nArgs = {id:null, container:null, config:null}; if (args && args.length && args.length > 0) { switch (args.length) { case 1: nArgs.id = null; nArgs.container = args[0]; nArgs.config = null; break; case 2: if (Lang.isObject(args[1]) && !args[1].tagName && !(args[1] instanceof String)) { nArgs.id = null; nArgs.container = args[0]; nArgs.config = args[1]; } else { nArgs.id = args[0]; nArgs.container = args[1]; nArgs.config = null; } break; default: // 3+ nArgs.id = args[0]; nArgs.container = args[1]; nArgs.config = args[2]; break; } } else { } return nArgs; }, /** * Initializes the Calendar widget. * @method init * * @param {String} id optional The id of the table element that will represent the Calendar widget. As of 2.4.0, this argument is optional. * @param {String | HTMLElement} container The id of the container div element that will wrap the Calendar table, or a reference to a DIV element which exists in the document. * @param {Object} config optional The configuration object containing the initial configuration values for the Calendar. */ init : function(id, container, config) { // Normalize 2.4.0, pre 2.4.0 args var nArgs = this._parseArgs(arguments); id = nArgs.id; container = nArgs.container; config = nArgs.config; this.oDomContainer = Dom.get(container); if (!this.oDomContainer.id) { this.oDomContainer.id = Dom.generateId(); } if (!id) { id = this.oDomContainer.id + "_t"; } this.id = id; this.containerId = this.oDomContainer.id; this.initEvents(); this.today = new Date(); DateMath.clearTime(this.today); /** * The Config object used to hold the configuration variables for the Calendar * @property cfg * @type YAHOO.util.Config */ this.cfg = new YAHOO.util.Config(this); /** * The local object which contains the Calendar's options * @property Options * @type Object */ this.Options = {}; /** * The local object which contains the Calendar's locale settings * @property Locale * @type Object */ this.Locale = {}; this.initStyles(); Dom.addClass(this.oDomContainer, this.Style.CSS_CONTAINER); Dom.addClass(this.oDomContainer, this.Style.CSS_SINGLE); this.cellDates = []; this.cells = []; this.renderStack = []; this._renderStack = []; this.setupConfig(); if (config) { this.cfg.applyConfig(config, true); } this.cfg.fireQueue(); }, /** * Default Config listener for the iframe property. If the iframe config property is set to true, * renders the built-in IFRAME shim if the container is relatively or absolutely positioned. * * @method configIframe */ configIframe : function(type, args, obj) { var useIframe = args[0]; if (!this.parent) { if (Dom.inDocument(this.oDomContainer)) { if (useIframe) { var pos = Dom.getStyle(this.oDomContainer, "position"); if (pos == "absolute" || pos == "relative") { if (!Dom.inDocument(this.iframe)) { this.iframe = document.createElement("iframe"); this.iframe.src = "javascript:false;"; Dom.setStyle(this.iframe, "opacity", "0"); if (YAHOO.env.ua.ie && YAHOO.env.ua.ie <= 6) { Dom.addClass(this.iframe, "fixedsize"); } this.oDomContainer.insertBefore(this.iframe, this.oDomContainer.firstChild); } } } else { if (this.iframe) { if (this.iframe.parentNode) { this.iframe.parentNode.removeChild(this.iframe); } this.iframe = null; } } } } }, /** * Default handler for the "title" property * @method configTitle */ configTitle : function(type, args, obj) { var title = args[0]; // "" disables title bar if (title) { this.createTitleBar(title); } else { var close = this.cfg.getProperty(DEF_CFG.CLOSE.key); if (!close) { this.removeTitleBar(); } else { this.createTitleBar(" "); } } }, /** * Default handler for the "close" property * @method configClose */ configClose : function(type, args, obj) { var close = args[0], title = this.cfg.getProperty(DEF_CFG.TITLE.key); if (close) { if (!title) { this.createTitleBar(" "); } this.createCloseButton(); } else { this.removeCloseButton(); if (!title) { this.removeTitleBar(); } } }, /** * Initializes Calendar's built-in CustomEvents * @method initEvents */ initEvents : function() { var defEvents = Calendar._EVENT_TYPES, CE = YAHOO.util.CustomEvent, cal = this; // To help with minification /** * Fired before a date selection is made * @event beforeSelectEvent */ cal.beforeSelectEvent = new CE(defEvents.BEFORE_SELECT); /** * Fired when a date selection is made * @event selectEvent * @param {Array} Array of Date field arrays in the format [YYYY, MM, DD]. */ cal.selectEvent = new CE(defEvents.SELECT); /** * Fired before a date or set of dates is deselected * @event beforeDeselectEvent */ cal.beforeDeselectEvent = new CE(defEvents.BEFORE_DESELECT); /** * Fired when a date or set of dates is deselected * @event deselectEvent * @param {Array} Array of Date field arrays in the format [YYYY, MM, DD]. */ cal.deselectEvent = new CE(defEvents.DESELECT); /** * Fired when the Calendar page is changed * @event changePageEvent */ cal.changePageEvent = new CE(defEvents.CHANGE_PAGE); /** * Fired before the Calendar is rendered * @event beforeRenderEvent */ cal.beforeRenderEvent = new CE(defEvents.BEFORE_RENDER); /** * Fired when the Calendar is rendered * @event renderEvent */ cal.renderEvent = new CE(defEvents.RENDER); /** * Fired just before the Calendar is to be destroyed * @event beforeDestroyEvent */ cal.beforeDestroyEvent = new CE(defEvents.BEFORE_DESTROY); /** * Fired after the Calendar is destroyed. This event should be used * for notification only. When this event is fired, important Calendar instance * properties, dom references and event listeners have already been * removed/dereferenced, and hence the Calendar instance is not in a usable * state. * * @event destroyEvent */ cal.destroyEvent = new CE(defEvents.DESTROY); /** * Fired when the Calendar is reset * @event resetEvent */ cal.resetEvent = new CE(defEvents.RESET); /** * Fired when the Calendar is cleared * @event clearEvent */ cal.clearEvent = new CE(defEvents.CLEAR); /** * Fired just before the Calendar is to be shown * @event beforeShowEvent */ cal.beforeShowEvent = new CE(defEvents.BEFORE_SHOW); /** * Fired after the Calendar is shown * @event showEvent */ cal.showEvent = new CE(defEvents.SHOW); /** * Fired just before the Calendar is to be hidden * @event beforeHideEvent */ cal.beforeHideEvent = new CE(defEvents.BEFORE_HIDE); /** * Fired after the Calendar is hidden * @event hideEvent */ cal.hideEvent = new CE(defEvents.HIDE); /** * Fired just before the CalendarNavigator is to be shown * @event beforeShowNavEvent */ cal.beforeShowNavEvent = new CE(defEvents.BEFORE_SHOW_NAV); /** * Fired after the CalendarNavigator is shown * @event showNavEvent */ cal.showNavEvent = new CE(defEvents.SHOW_NAV); /** * Fired just before the CalendarNavigator is to be hidden * @event beforeHideNavEvent */ cal.beforeHideNavEvent = new CE(defEvents.BEFORE_HIDE_NAV); /** * Fired after the CalendarNavigator is hidden * @event hideNavEvent */ cal.hideNavEvent = new CE(defEvents.HIDE_NAV); /** * Fired just before the CalendarNavigator is to be rendered * @event beforeRenderNavEvent */ cal.beforeRenderNavEvent = new CE(defEvents.BEFORE_RENDER_NAV); /** * Fired after the CalendarNavigator is rendered * @event renderNavEvent */ cal.renderNavEvent = new CE(defEvents.RENDER_NAV); cal.beforeSelectEvent.subscribe(cal.onBeforeSelect, this, true); cal.selectEvent.subscribe(cal.onSelect, this, true); cal.beforeDeselectEvent.subscribe(cal.onBeforeDeselect, this, true); cal.deselectEvent.subscribe(cal.onDeselect, this, true); cal.changePageEvent.subscribe(cal.onChangePage, this, true); cal.renderEvent.subscribe(cal.onRender, this, true); cal.resetEvent.subscribe(cal.onReset, this, true); cal.clearEvent.subscribe(cal.onClear, this, true); }, /** * The default event handler for clicks on the "Previous Month" navigation UI * * @method doPreviousMonthNav * @param {DOMEvent} e The DOM event * @param {Calendar} cal A reference to the calendar */ doPreviousMonthNav : function(e, cal) { Event.preventDefault(e); // previousMonth invoked in a timeout, to allow // event to bubble up, with correct target. Calling // previousMonth, will call render which will remove // HTML which generated the event, resulting in an // invalid event target in certain browsers. setTimeout(function() { cal.previousMonth(); var navs = Dom.getElementsByClassName(cal.Style.CSS_NAV_LEFT, "a", cal.oDomContainer); if (navs && navs[0]) { try { navs[0].focus(); } catch (e) { // ignore } } }, 0); }, /** * The default event handler for clicks on the "Next Month" navigation UI * * @method doNextMonthNav * @param {DOMEvent} e The DOM event * @param {Calendar} cal A reference to the calendar */ doNextMonthNav : function(e, cal) { Event.preventDefault(e); setTimeout(function() { cal.nextMonth(); var navs = Dom.getElementsByClassName(cal.Style.CSS_NAV_RIGHT, "a", cal.oDomContainer); if (navs && navs[0]) { try { navs[0].focus(); } catch (e) { // ignore } } }, 0); }, /** * The default event handler for date cell selection. Currently attached to * the Calendar's bounding box, referenced by it's oDomContainer property. * * @method doSelectCell * @param {DOMEvent} e The DOM event * @param {Calendar} cal A reference to the calendar */ doSelectCell : function(e, cal) { var cell, d, date, index; var target = Event.getTarget(e), tagName = target.tagName.toLowerCase(), defSelector = false; while (tagName != "td" && !Dom.hasClass(target, cal.Style.CSS_CELL_SELECTABLE)) { if (!defSelector && tagName == "a" && Dom.hasClass(target, cal.Style.CSS_CELL_SELECTOR)) { defSelector = true; } target = target.parentNode; tagName = target.tagName.toLowerCase(); if (target == this.oDomContainer || tagName == "html") { return; } } if (defSelector) { // Stop link href navigation for default renderer Event.preventDefault(e); } cell = target; if (Dom.hasClass(cell, cal.Style.CSS_CELL_SELECTABLE)) { index = cal.getIndexFromId(cell.id); if (index > -1) { d = cal.cellDates[index]; if (d) { date = DateMath.getDate(d[0],d[1]-1,d[2]); var link; if (cal.Options.MULTI_SELECT) { link = cell.getElementsByTagName("a")[0]; if (link) { link.blur(); } var cellDate = cal.cellDates[index]; var cellDateIndex = cal._indexOfSelectedFieldArray(cellDate); if (cellDateIndex > -1) { cal.deselectCell(index); } else { cal.selectCell(index); } } else { link = cell.getElementsByTagName("a")[0]; if (link) { link.blur(); } cal.selectCell(index); } } } } }, /** * The event that is executed when the user hovers over a cell * @method doCellMouseOver * @param {DOMEvent} e The event * @param {Calendar} cal A reference to the calendar passed by the Event utility */ doCellMouseOver : function(e, cal) { var target; if (e) { target = Event.getTarget(e); } else { target = this; } while (target.tagName && target.tagName.toLowerCase() != "td") { target = target.parentNode; if (!target.tagName || target.tagName.toLowerCase() == "html") { return; } } if (Dom.hasClass(target, cal.Style.CSS_CELL_SELECTABLE)) { Dom.addClass(target, cal.Style.CSS_CELL_HOVER); } }, /** * The event that is executed when the user moves the mouse out of a cell * @method doCellMouseOut * @param {DOMEvent} e The event * @param {Calendar} cal A reference to the calendar passed by the Event utility */ doCellMouseOut : function(e, cal) { var target; if (e) { target = Event.getTarget(e); } else { target = this; } while (target.tagName && target.tagName.toLowerCase() != "td") { target = target.parentNode; if (!target.tagName || target.tagName.toLowerCase() == "html") { return; } } if (Dom.hasClass(target, cal.Style.CSS_CELL_SELECTABLE)) { Dom.removeClass(target, cal.Style.CSS_CELL_HOVER); } }, setupConfig : function() { var cfg = this.cfg; /** * The month/year representing the current visible Calendar date (mm/yyyy) * @config pagedate * @type String | Date * @default today's date */ cfg.addProperty(DEF_CFG.PAGEDATE.key, { value:new Date(), handler:this.configPageDate } ); /** * The date or range of dates representing the current Calendar selection * @config selected * @type String * @default [] */ cfg.addProperty(DEF_CFG.SELECTED.key, { value:[], handler:this.configSelected } ); /** * The title to display above the Calendar's month header * @config title * @type String * @default "" */ cfg.addProperty(DEF_CFG.TITLE.key, { value:DEF_CFG.TITLE.value, handler:this.configTitle } ); /** * Whether or not a close button should be displayed for this Calendar * @config close * @type Boolean * @default false */ cfg.addProperty(DEF_CFG.CLOSE.key, { value:DEF_CFG.CLOSE.value, handler:this.configClose } ); /** * Whether or not an iframe shim should be placed under the Calendar to prevent select boxes from bleeding through in Internet Explorer 6 and below. * This property is enabled by default for IE6 and below. It is disabled by default for other browsers for performance reasons, but can be * enabled if required. * * @config iframe * @type Boolean * @default true for IE6 and below, false for all other browsers */ cfg.addProperty(DEF_CFG.IFRAME.key, { value:DEF_CFG.IFRAME.value, handler:this.configIframe, validator:cfg.checkBoolean } ); /** * The minimum selectable date in the current Calendar (mm/dd/yyyy) * @config mindate * @type String | Date * @default null */ cfg.addProperty(DEF_CFG.MINDATE.key, { value:DEF_CFG.MINDATE.value, handler:this.configMinDate } ); /** * The maximum selectable date in the current Calendar (mm/dd/yyyy) * @config maxdate * @type String | Date * @default null */ cfg.addProperty(DEF_CFG.MAXDATE.key, { value:DEF_CFG.MAXDATE.value, handler:this.configMaxDate } ); // Options properties /** * True if the Calendar should allow multiple selections. False by default. * @config MULTI_SELECT * @type Boolean * @default false */ cfg.addProperty(DEF_CFG.MULTI_SELECT.key, { value:DEF_CFG.MULTI_SELECT.value, handler:this.configOptions, validator:cfg.checkBoolean } ); /** * The weekday the week begins on. Default is 0 (Sunday = 0, Monday = 1 ... Saturday = 6). * @config START_WEEKDAY * @type number * @default 0 */ cfg.addProperty(DEF_CFG.START_WEEKDAY.key, { value:DEF_CFG.START_WEEKDAY.value, handler:this.configOptions, validator:cfg.checkNumber } ); /** * True if the Calendar should show weekday labels. True by default. * @config SHOW_WEEKDAYS * @type Boolean * @default true */ cfg.addProperty(DEF_CFG.SHOW_WEEKDAYS.key, { value:DEF_CFG.SHOW_WEEKDAYS.value, handler:this.configOptions, validator:cfg.checkBoolean } ); /** * True if the Calendar should show week row headers. False by default. * @config SHOW_WEEK_HEADER * @type Boolean * @default false */ cfg.addProperty(DEF_CFG.SHOW_WEEK_HEADER.key, { value:DEF_CFG.SHOW_WEEK_HEADER.value, handler:this.configOptions, validator:cfg.checkBoolean } ); /** * True if the Calendar should show week row footers. False by default. * @config SHOW_WEEK_FOOTER * @type Boolean * @default false */ cfg.addProperty(DEF_CFG.SHOW_WEEK_FOOTER.key,{ value:DEF_CFG.SHOW_WEEK_FOOTER.value, handler:this.configOptions, validator:cfg.checkBoolean } ); /** * True if the Calendar should suppress weeks that are not a part of the current month. False by default. * @config HIDE_BLANK_WEEKS * @type Boolean * @default false */ cfg.addProperty(DEF_CFG.HIDE_BLANK_WEEKS.key, { value:DEF_CFG.HIDE_BLANK_WEEKS.value, handler:this.configOptions, validator:cfg.checkBoolean } ); /** * The image that should be used for the left navigation arrow. * @config NAV_ARROW_LEFT * @type String * @deprecated You can customize the image by overriding the default CSS class for the left arrow - "calnavleft" * @default null */ cfg.addProperty(DEF_CFG.NAV_ARROW_LEFT.key, { value:DEF_CFG.NAV_ARROW_LEFT.value, handler:this.configOptions } ); /** * The image that should be used for the right navigation arrow. * @config NAV_ARROW_RIGHT * @type String * @deprecated You can customize the image by overriding the default CSS class for the right arrow - "calnavright" * @default null */ cfg.addProperty(DEF_CFG.NAV_ARROW_RIGHT.key, { value:DEF_CFG.NAV_ARROW_RIGHT.value, handler:this.configOptions } ); // Locale properties /** * The short month labels for the current locale. * @config MONTHS_SHORT * @type String[] * @default ["Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec"] */ cfg.addProperty(DEF_CFG.MONTHS_SHORT.key, { value:DEF_CFG.MONTHS_SHORT.value, handler:this.configLocale } ); /** * The long month labels for the current locale. * @config MONTHS_LONG * @type String[] * @default ["January", "February", "March", "April", "May", "June", "July", "August", "September", "October", "November", "December" */ cfg.addProperty(DEF_CFG.MONTHS_LONG.key, { value:DEF_CFG.MONTHS_LONG.value, handler:this.configLocale } ); /** * The 1-character weekday labels for the current locale. * @config WEEKDAYS_1CHAR * @type String[] * @default ["S", "M", "T", "W", "T", "F", "S"] */ cfg.addProperty(DEF_CFG.WEEKDAYS_1CHAR.key, { value:DEF_CFG.WEEKDAYS_1CHAR.value, handler:this.configLocale } ); /** * The short weekday labels for the current locale. * @config WEEKDAYS_SHORT * @type String[] * @default ["Su", "Mo", "Tu", "We", "Th", "Fr", "Sa"] */ cfg.addProperty(DEF_CFG.WEEKDAYS_SHORT.key, { value:DEF_CFG.WEEKDAYS_SHORT.value, handler:this.configLocale } ); /** * The medium weekday labels for the current locale. * @config WEEKDAYS_MEDIUM * @type String[] * @default ["Sun", "Mon", "Tue", "Wed", "Thu", "Fri", "Sat"] */ cfg.addProperty(DEF_CFG.WEEKDAYS_MEDIUM.key, { value:DEF_CFG.WEEKDAYS_MEDIUM.value, handler:this.configLocale } ); /** * The long weekday labels for the current locale. * @config WEEKDAYS_LONG * @type String[] * @default ["Sunday", "Monday", "Tuesday", "Wednesday", "Thursday", "Friday", "Saturday"] */ cfg.addProperty(DEF_CFG.WEEKDAYS_LONG.key, { value:DEF_CFG.WEEKDAYS_LONG.value, handler:this.configLocale } ); /** * Refreshes the locale values used to build the Calendar. * @method refreshLocale * @private */ var refreshLocale = function() { cfg.refireEvent(DEF_CFG.LOCALE_MONTHS.key); cfg.refireEvent(DEF_CFG.LOCALE_WEEKDAYS.key); }; cfg.subscribeToConfigEvent(DEF_CFG.START_WEEKDAY.key, refreshLocale, this, true); cfg.subscribeToConfigEvent(DEF_CFG.MONTHS_SHORT.key, refreshLocale, this, true); cfg.subscribeToConfigEvent(DEF_CFG.MONTHS_LONG.key, refreshLocale, this, true); cfg.subscribeToConfigEvent(DEF_CFG.WEEKDAYS_1CHAR.key, refreshLocale, this, true); cfg.subscribeToConfigEvent(DEF_CFG.WEEKDAYS_SHORT.key, refreshLocale, this, true); cfg.subscribeToConfigEvent(DEF_CFG.WEEKDAYS_MEDIUM.key, refreshLocale, this, true); cfg.subscribeToConfigEvent(DEF_CFG.WEEKDAYS_LONG.key, refreshLocale, this, true); /** * The setting that determines which length of month labels should be used. Possible values are "short" and "long". * @config LOCALE_MONTHS * @type String * @default "long" */ cfg.addProperty(DEF_CFG.LOCALE_MONTHS.key, { value:DEF_CFG.LOCALE_MONTHS.value, handler:this.configLocaleValues } ); /** * The setting that determines which length of weekday labels should be used. Possible values are "1char", "short", "medium", and "long". * @config LOCALE_WEEKDAYS * @type String * @default "short" */ cfg.addProperty(DEF_CFG.LOCALE_WEEKDAYS.key, { value:DEF_CFG.LOCALE_WEEKDAYS.value, handler:this.configLocaleValues } ); /** * The value used to delimit individual dates in a date string passed to various Calendar functions. * @config DATE_DELIMITER * @type String * @default "," */ cfg.addProperty(DEF_CFG.DATE_DELIMITER.key, { value:DEF_CFG.DATE_DELIMITER.value, handler:this.configLocale } ); /** * The value used to delimit date fields in a date string passed to various Calendar functions. * @config DATE_FIELD_DELIMITER * @type String * @default "/" */ cfg.addProperty(DEF_CFG.DATE_FIELD_DELIMITER.key, { value:DEF_CFG.DATE_FIELD_DELIMITER.value, handler:this.configLocale } ); /** * The value used to delimit date ranges in a date string passed to various Calendar functions. * @config DATE_RANGE_DELIMITER * @type String * @default "-" */ cfg.addProperty(DEF_CFG.DATE_RANGE_DELIMITER.key, { value:DEF_CFG.DATE_RANGE_DELIMITER.value, handler:this.configLocale } ); /** * The position of the month in a month/year date string * @config MY_MONTH_POSITION * @type Number * @default 1 */ cfg.addProperty(DEF_CFG.MY_MONTH_POSITION.key, { value:DEF_CFG.MY_MONTH_POSITION.value, handler:this.configLocale, validator:cfg.checkNumber } ); /** * The position of the year in a month/year date string * @config MY_YEAR_POSITION * @type Number * @default 2 */ cfg.addProperty(DEF_CFG.MY_YEAR_POSITION.key, { value:DEF_CFG.MY_YEAR_POSITION.value, handler:this.configLocale, validator:cfg.checkNumber } ); /** * The position of the month in a month/day date string * @config MD_MONTH_POSITION * @type Number * @default 1 */ cfg.addProperty(DEF_CFG.MD_MONTH_POSITION.key, { value:DEF_CFG.MD_MONTH_POSITION.value, handler:this.configLocale, validator:cfg.checkNumber } ); /** * The position of the day in a month/year date string * @config MD_DAY_POSITION * @type Number * @default 2 */ cfg.addProperty(DEF_CFG.MD_DAY_POSITION.key, { value:DEF_CFG.MD_DAY_POSITION.value, handler:this.configLocale, validator:cfg.checkNumber } ); /** * The position of the month in a month/day/year date string * @config MDY_MONTH_POSITION * @type Number * @default 1 */ cfg.addProperty(DEF_CFG.MDY_MONTH_POSITION.key, { value:DEF_CFG.MDY_MONTH_POSITION.value, handler:this.configLocale, validator:cfg.checkNumber } ); /** * The position of the day in a month/day/year date string * @config MDY_DAY_POSITION * @type Number * @default 2 */ cfg.addProperty(DEF_CFG.MDY_DAY_POSITION.key, { value:DEF_CFG.MDY_DAY_POSITION.value, handler:this.configLocale, validator:cfg.checkNumber } ); /** * The position of the year in a month/day/year date string * @config MDY_YEAR_POSITION * @type Number * @default 3 */ cfg.addProperty(DEF_CFG.MDY_YEAR_POSITION.key, { value:DEF_CFG.MDY_YEAR_POSITION.value, handler:this.configLocale, validator:cfg.checkNumber } ); /** * The position of the month in the month year label string used as the Calendar header * @config MY_LABEL_MONTH_POSITION * @type Number * @default 1 */ cfg.addProperty(DEF_CFG.MY_LABEL_MONTH_POSITION.key, { value:DEF_CFG.MY_LABEL_MONTH_POSITION.value, handler:this.configLocale, validator:cfg.checkNumber } ); /** * The position of the year in the month year label string used as the Calendar header * @config MY_LABEL_YEAR_POSITION * @type Number * @default 2 */ cfg.addProperty(DEF_CFG.MY_LABEL_YEAR_POSITION.key, { value:DEF_CFG.MY_LABEL_YEAR_POSITION.value, handler:this.configLocale, validator:cfg.checkNumber } ); /** * The suffix used after the month when rendering the Calendar header * @config MY_LABEL_MONTH_SUFFIX * @type String * @default " " */ cfg.addProperty(DEF_CFG.MY_LABEL_MONTH_SUFFIX.key, { value:DEF_CFG.MY_LABEL_MONTH_SUFFIX.value, handler:this.configLocale } ); /** * The suffix used after the year when rendering the Calendar header * @config MY_LABEL_YEAR_SUFFIX * @type String * @default "" */ cfg.addProperty(DEF_CFG.MY_LABEL_YEAR_SUFFIX.key, { value:DEF_CFG.MY_LABEL_YEAR_SUFFIX.value, handler:this.configLocale } ); /** * Configuration for the Month/Year CalendarNavigator UI which allows the user to jump directly to a * specific Month/Year without having to scroll sequentially through months. ** Setting this property to null (default value) or false, will disable the CalendarNavigator UI. *
** Setting this property to true will enable the CalendarNavigatior UI with the default CalendarNavigator configuration values. *
** This property can also be set to an object literal containing configuration properties for the CalendarNavigator UI. * The configuration object expects the the following case-sensitive properties, with the "strings" property being a nested object. * Any properties which are not provided will use the default values (defined in the CalendarNavigator class). *
*-
*
- strings *
- Object : An object with the properties shown below, defining the string labels to use in the Navigator's UI
*
-
*
- month
- String : The string to use for the month label. Defaults to "Month". *
- year
- String : The string to use for the year label. Defaults to "Year". *
- submit
- String : The string to use for the submit button label. Defaults to "Okay". *
- cancel
- String : The string to use for the cancel button label. Defaults to "Cancel". *
- invalidYear
- String : The string to use for invalid year values. Defaults to "Year needs to be a number". *
* - monthFormat
- String : The month format to use. Either YAHOO.widget.Calendar.LONG, or YAHOO.widget.Calendar.SHORT. Defaults to YAHOO.widget.Calendar.LONG *
- initialFocus
- String : Either "year" or "month" specifying which input control should get initial focus. Defaults to "year" *
E.g.
*
* var navConfig = {
* strings: {
* month:"Calendar Month",
* year:"Calendar Year",
* submit: "Submit",
* cancel: "Cancel",
* invalidYear: "Please enter a valid year"
* },
* monthFormat: YAHOO.widget.Calendar.SHORT,
* initialFocus: "month"
* }
*
* @config navigator
* @type {Object|Boolean}
* @default null
*/
cfg.addProperty(DEF_CFG.NAV.key, { value:DEF_CFG.NAV.value, handler:this.configNavigator } );
/**
* The map of UI strings which the Calendar UI uses.
*
* @config strings
* @type {Object}
* @default An object with the properties shown below:
* -
*
- previousMonth
- String : The string to use for the "Previous Month" navigation UI. Defaults to "Previous Month". *
- nextMonth
- String : The string to use for the "Next Month" navigation UI. Defaults to "Next Month". *
- close
- String : The string to use for the close button label. Defaults to "Close". *
';
var renderLeft, renderRight = false;
if (this.parent) {
if (this.index === 0) {
renderLeft = true;
}
if (this.index == (this.parent.cfg.getProperty("pages") -1)) {
renderRight = true;
}
} else {
renderLeft = true;
renderRight = true;
}
if (renderLeft) {
monthLabel = this._buildMonthLabel(DateMath.subtract(pageDate, DateMath.MONTH, 1));
var leftArrow = cfg.getProperty(DEF_CFG.NAV_ARROW_LEFT.key);
// Check for deprecated customization - If someone set IMG_ROOT, but didn't set NAV_ARROW_LEFT, then set NAV_ARROW_LEFT to the old deprecated value
if (leftArrow === null && Calendar.IMG_ROOT !== null) {
leftArrow = Calendar.IMG_ROOT + DEPR_NAV_LEFT;
}
var leftStyle = (leftArrow === null) ? "" : ' style="background-image:url(' + leftArrow + ')"';
html[html.length] = '' + prevStr + ' (' + monthLabel + ')' + '';
}
var lbl = this.buildMonthLabel();
var cal = this.parent || this;
if (cal.cfg.getProperty("navigator")) {
lbl = "" + lbl + "";
}
html[html.length] = lbl;
if (renderRight) {
monthLabel = this._buildMonthLabel(DateMath.add(pageDate, DateMath.MONTH, 1));
var rightArrow = cfg.getProperty(DEF_CFG.NAV_ARROW_RIGHT.key);
if (rightArrow === null && Calendar.IMG_ROOT !== null) {
rightArrow = Calendar.IMG_ROOT + DEPR_NAV_RIGHT;
}
var rightStyle = (rightArrow === null) ? "" : ' style="background-image:url(' + rightArrow + ')"';
html[html.length] = '' + nextStr + ' (' + monthLabel + ')' + '';
}
html[html.length] = '
\n* The returned index can be used to lookup the cell HTMLElement * using the Calendar's cells array or passed to selectCell to select * cells by index. *
* * See cells, selectCell. * * @method getCellIndex * @param {Date} date JavaScript Date object, for which to find a cell index. * @return {Number} The index of the date in Calendars cellDates/cells arrays, or -1 if the date * is not on the curently rendered Calendar page. */ getCellIndex : function(date) { var idx = -1; if (date) { var m = date.getMonth(), y = date.getFullYear(), d = date.getDate(), dates = this.cellDates; for (var i = 0; i < dates.length; ++i) { var cellDate = dates[i]; if (cellDate[0] === y && cellDate[1] === m+1 && cellDate[2] === d) { idx = i; break; } } } return idx; }, /** * Given the id used to mark each Calendar cell, this method * extracts the index number from the id. * * @param {String} strId The cell id * @return {Number} The index of the cell, or -1 if id does not contain an index number */ getIndexFromId : function(strId) { var idx = -1, li = strId.lastIndexOf("_cell"); if (li > -1) { idx = parseInt(strId.substring(li + 5), 10); } return idx; }, // BEGIN BUILT-IN TABLE CELL RENDERERS /** * Renders a cell that falls before the minimum date or after the maximum date. * widget class. * @method renderOutOfBoundsDate * @param {Date} workingDate The current working Date object being used to generate the calendar * @param {HTMLTableCellElement} cell The current working cell in the calendar * @return {String} YAHOO.widget.Calendar.STOP_RENDER if rendering should stop with this style, null or nothing if rendering * should not be terminated */ renderOutOfBoundsDate : function(workingDate, cell) { Dom.addClass(cell, this.Style.CSS_CELL_OOB); cell.innerHTML = workingDate.getDate(); return Calendar.STOP_RENDER; }, /** * Renders the row header for a week. * @method renderRowHeader * @param {Number} weekNum The week number of the current row * @param {Array} cell The current working HTML array */ renderRowHeader : function(weekNum, html) { html[html.length] = '* NOTE: As of 2.4.0, the constructor's ID argument is optional. * The CalendarGroup can be constructed by simply providing a container ID string, * or a reference to a container DIV HTMLElement (the element needs to exist * in the document). * * E.g.: *
* If not provided, the ID will be generated from the container DIV ID by adding an "_t" suffix. * For example if an ID is not provided, and the container's ID is "calContainer", the CalendarGroup's ID will be set to "calContainer_t". *
* * @namespace YAHOO.widget * @class CalendarGroup * @constructor * @param {String} id optional The id of the table element that will represent the CalendarGroup widget. As of 2.4.0, this argument is optional. * @param {String | HTMLElement} container The id of the container div element that will wrap the CalendarGroup table, or a reference to a DIV element which exists in the document. * @param {Object} config optional The configuration object containing the initial configuration values for the CalendarGroup. */ function CalendarGroup(id, containerId, config) { if (arguments.length > 0) { this.init.apply(this, arguments); } } /** * The set of default Config property keys and values for the CalendarGroup * @property YAHOO.widget.CalendarGroup._DEFAULT_CONFIG * @final * @static * @private * @type Object */ CalendarGroup._DEFAULT_CONFIG = Calendar._DEFAULT_CONFIG; CalendarGroup._DEFAULT_CONFIG.PAGES = {key:"pages", value:2}; var DEF_CFG = CalendarGroup._DEFAULT_CONFIG; CalendarGroup.prototype = { /** * Initializes the calendar group. All subclasses must call this method in order for the * group to be initialized properly. * @method init * @param {String} id optional The id of the table element that will represent the CalendarGroup widget. As of 2.4.0, this argument is optional. * @param {String | HTMLElement} container The id of the container div element that will wrap the CalendarGroup table, or a reference to a DIV element which exists in the document. * @param {Object} config optional The configuration object containing the initial configuration values for the CalendarGroup. */ init : function(id, container, config) { // Normalize 2.4.0, pre 2.4.0 args var nArgs = this._parseArgs(arguments); id = nArgs.id; container = nArgs.container; config = nArgs.config; this.oDomContainer = Dom.get(container); if (!this.oDomContainer.id) { this.oDomContainer.id = Dom.generateId(); } if (!id) { id = this.oDomContainer.id + "_t"; } /** * The unique id associated with the CalendarGroup * @property id * @type String */ this.id = id; /** * The unique id associated with the CalendarGroup container * @property containerId * @type String */ this.containerId = this.oDomContainer.id; this.initEvents(); this.initStyles(); /** * The collection of Calendar pages contained within the CalendarGroup * @property pages * @type YAHOO.widget.Calendar[] */ this.pages = []; Dom.addClass(this.oDomContainer, CalendarGroup.CSS_CONTAINER); Dom.addClass(this.oDomContainer, CalendarGroup.CSS_MULTI_UP); /** * The Config object used to hold the configuration variables for the CalendarGroup * @property cfg * @type YAHOO.util.Config */ this.cfg = new YAHOO.util.Config(this); /** * The local object which contains the CalendarGroup's options * @property Options * @type Object */ this.Options = {}; /** * The local object which contains the CalendarGroup's locale settings * @property Locale * @type Object */ this.Locale = {}; this.setupConfig(); if (config) { this.cfg.applyConfig(config, true); } this.cfg.fireQueue(); // OPERA HACK FOR MISWRAPPED FLOATS if (YAHOO.env.ua.opera){ this.renderEvent.subscribe(this._fixWidth, this, true); this.showEvent.subscribe(this._fixWidth, this, true); } }, setupConfig : function() { var cfg = this.cfg; /** * The number of pages to include in the CalendarGroup. This value can only be set once, in the CalendarGroup's constructor arguments. * @config pages * @type Number * @default 2 */ cfg.addProperty(DEF_CFG.PAGES.key, { value:DEF_CFG.PAGES.value, validator:cfg.checkNumber, handler:this.configPages } ); /** * The month/year representing the current visible Calendar date (mm/yyyy) * @config pagedate * @type String | Date * @default today's date */ cfg.addProperty(DEF_CFG.PAGEDATE.key, { value:new Date(), handler:this.configPageDate } ); /** * The date or range of dates representing the current Calendar selection * * @config selected * @type String * @default [] */ cfg.addProperty(DEF_CFG.SELECTED.key, { value:[], handler:this.configSelected } ); /** * The title to display above the CalendarGroup's month header * @config title * @type String * @default "" */ cfg.addProperty(DEF_CFG.TITLE.key, { value:DEF_CFG.TITLE.value, handler:this.configTitle } ); /** * Whether or not a close button should be displayed for this CalendarGroup * @config close * @type Boolean * @default false */ cfg.addProperty(DEF_CFG.CLOSE.key, { value:DEF_CFG.CLOSE.value, handler:this.configClose } ); /** * Whether or not an iframe shim should be placed under the Calendar to prevent select boxes from bleeding through in Internet Explorer 6 and below. * This property is enabled by default for IE6 and below. It is disabled by default for other browsers for performance reasons, but can be * enabled if required. * * @config iframe * @type Boolean * @default true for IE6 and below, false for all other browsers */ cfg.addProperty(DEF_CFG.IFRAME.key, { value:DEF_CFG.IFRAME.value, handler:this.configIframe, validator:cfg.checkBoolean } ); /** * The minimum selectable date in the current Calendar (mm/dd/yyyy) * @config mindate * @type String | Date * @default null */ cfg.addProperty(DEF_CFG.MINDATE.key, { value:DEF_CFG.MINDATE.value, handler:this.delegateConfig } ); /** * The maximum selectable date in the current Calendar (mm/dd/yyyy) * @config maxdate * @type String | Date * @default null */ cfg.addProperty(DEF_CFG.MAXDATE.key, { value:DEF_CFG.MAXDATE.value, handler:this.delegateConfig } ); // Options properties /** * True if the Calendar should allow multiple selections. False by default. * @config MULTI_SELECT * @type Boolean * @default false */ cfg.addProperty(DEF_CFG.MULTI_SELECT.key, { value:DEF_CFG.MULTI_SELECT.value, handler:this.delegateConfig, validator:cfg.checkBoolean } ); /** * The weekday the week begins on. Default is 0 (Sunday). * @config START_WEEKDAY * @type number * @default 0 */ cfg.addProperty(DEF_CFG.START_WEEKDAY.key, { value:DEF_CFG.START_WEEKDAY.value, handler:this.delegateConfig, validator:cfg.checkNumber } ); /** * True if the Calendar should show weekday labels. True by default. * @config SHOW_WEEKDAYS * @type Boolean * @default true */ cfg.addProperty(DEF_CFG.SHOW_WEEKDAYS.key, { value:DEF_CFG.SHOW_WEEKDAYS.value, handler:this.delegateConfig, validator:cfg.checkBoolean } ); /** * True if the Calendar should show week row headers. False by default. * @config SHOW_WEEK_HEADER * @type Boolean * @default false */ cfg.addProperty(DEF_CFG.SHOW_WEEK_HEADER.key,{ value:DEF_CFG.SHOW_WEEK_HEADER.value, handler:this.delegateConfig, validator:cfg.checkBoolean } ); /** * True if the Calendar should show week row footers. False by default. * @config SHOW_WEEK_FOOTER * @type Boolean * @default false */ cfg.addProperty(DEF_CFG.SHOW_WEEK_FOOTER.key,{ value:DEF_CFG.SHOW_WEEK_FOOTER.value, handler:this.delegateConfig, validator:cfg.checkBoolean } ); /** * True if the Calendar should suppress weeks that are not a part of the current month. False by default. * @config HIDE_BLANK_WEEKS * @type Boolean * @default false */ cfg.addProperty(DEF_CFG.HIDE_BLANK_WEEKS.key,{ value:DEF_CFG.HIDE_BLANK_WEEKS.value, handler:this.delegateConfig, validator:cfg.checkBoolean } ); /** * The image that should be used for the left navigation arrow. * @config NAV_ARROW_LEFT * @type String * @deprecated You can customize the image by overriding the default CSS class for the left arrow - "calnavleft" * @default null */ cfg.addProperty(DEF_CFG.NAV_ARROW_LEFT.key, { value:DEF_CFG.NAV_ARROW_LEFT.value, handler:this.delegateConfig } ); /** * The image that should be used for the right navigation arrow. * @config NAV_ARROW_RIGHT * @type String * @deprecated You can customize the image by overriding the default CSS class for the right arrow - "calnavright" * @default null */ cfg.addProperty(DEF_CFG.NAV_ARROW_RIGHT.key, { value:DEF_CFG.NAV_ARROW_RIGHT.value, handler:this.delegateConfig } ); // Locale properties /** * The short month labels for the current locale. * @config MONTHS_SHORT * @type String[] * @default ["Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec"] */ cfg.addProperty(DEF_CFG.MONTHS_SHORT.key, { value:DEF_CFG.MONTHS_SHORT.value, handler:this.delegateConfig } ); /** * The long month labels for the current locale. * @config MONTHS_LONG * @type String[] * @default ["January", "February", "March", "April", "May", "June", "July", "August", "September", "October", "November", "December" */ cfg.addProperty(DEF_CFG.MONTHS_LONG.key, { value:DEF_CFG.MONTHS_LONG.value, handler:this.delegateConfig } ); /** * The 1-character weekday labels for the current locale. * @config WEEKDAYS_1CHAR * @type String[] * @default ["S", "M", "T", "W", "T", "F", "S"] */ cfg.addProperty(DEF_CFG.WEEKDAYS_1CHAR.key, { value:DEF_CFG.WEEKDAYS_1CHAR.value, handler:this.delegateConfig } ); /** * The short weekday labels for the current locale. * @config WEEKDAYS_SHORT * @type String[] * @default ["Su", "Mo", "Tu", "We", "Th", "Fr", "Sa"] */ cfg.addProperty(DEF_CFG.WEEKDAYS_SHORT.key, { value:DEF_CFG.WEEKDAYS_SHORT.value, handler:this.delegateConfig } ); /** * The medium weekday labels for the current locale. * @config WEEKDAYS_MEDIUM * @type String[] * @default ["Sun", "Mon", "Tue", "Wed", "Thu", "Fri", "Sat"] */ cfg.addProperty(DEF_CFG.WEEKDAYS_MEDIUM.key, { value:DEF_CFG.WEEKDAYS_MEDIUM.value, handler:this.delegateConfig } ); /** * The long weekday labels for the current locale. * @config WEEKDAYS_LONG * @type String[] * @default ["Sunday", "Monday", "Tuesday", "Wednesday", "Thursday", "Friday", "Saturday"] */ cfg.addProperty(DEF_CFG.WEEKDAYS_LONG.key, { value:DEF_CFG.WEEKDAYS_LONG.value, handler:this.delegateConfig } ); /** * The setting that determines which length of month labels should be used. Possible values are "short" and "long". * @config LOCALE_MONTHS * @type String * @default "long" */ cfg.addProperty(DEF_CFG.LOCALE_MONTHS.key, { value:DEF_CFG.LOCALE_MONTHS.value, handler:this.delegateConfig } ); /** * The setting that determines which length of weekday labels should be used. Possible values are "1char", "short", "medium", and "long". * @config LOCALE_WEEKDAYS * @type String * @default "short" */ cfg.addProperty(DEF_CFG.LOCALE_WEEKDAYS.key, { value:DEF_CFG.LOCALE_WEEKDAYS.value, handler:this.delegateConfig } ); /** * The value used to delimit individual dates in a date string passed to various Calendar functions. * @config DATE_DELIMITER * @type String * @default "," */ cfg.addProperty(DEF_CFG.DATE_DELIMITER.key, { value:DEF_CFG.DATE_DELIMITER.value, handler:this.delegateConfig } ); /** * The value used to delimit date fields in a date string passed to various Calendar functions. * @config DATE_FIELD_DELIMITER * @type String * @default "/" */ cfg.addProperty(DEF_CFG.DATE_FIELD_DELIMITER.key,{ value:DEF_CFG.DATE_FIELD_DELIMITER.value, handler:this.delegateConfig } ); /** * The value used to delimit date ranges in a date string passed to various Calendar functions. * @config DATE_RANGE_DELIMITER * @type String * @default "-" */ cfg.addProperty(DEF_CFG.DATE_RANGE_DELIMITER.key,{ value:DEF_CFG.DATE_RANGE_DELIMITER.value, handler:this.delegateConfig } ); /** * The position of the month in a month/year date string * @config MY_MONTH_POSITION * @type Number * @default 1 */ cfg.addProperty(DEF_CFG.MY_MONTH_POSITION.key, { value:DEF_CFG.MY_MONTH_POSITION.value, handler:this.delegateConfig, validator:cfg.checkNumber } ); /** * The position of the year in a month/year date string * @config MY_YEAR_POSITION * @type Number * @default 2 */ cfg.addProperty(DEF_CFG.MY_YEAR_POSITION.key, { value:DEF_CFG.MY_YEAR_POSITION.value, handler:this.delegateConfig, validator:cfg.checkNumber } ); /** * The position of the month in a month/day date string * @config MD_MONTH_POSITION * @type Number * @default 1 */ cfg.addProperty(DEF_CFG.MD_MONTH_POSITION.key, { value:DEF_CFG.MD_MONTH_POSITION.value, handler:this.delegateConfig, validator:cfg.checkNumber } ); /** * The position of the day in a month/year date string * @config MD_DAY_POSITION * @type Number * @default 2 */ cfg.addProperty(DEF_CFG.MD_DAY_POSITION.key, { value:DEF_CFG.MD_DAY_POSITION.value, handler:this.delegateConfig, validator:cfg.checkNumber } ); /** * The position of the month in a month/day/year date string * @config MDY_MONTH_POSITION * @type Number * @default 1 */ cfg.addProperty(DEF_CFG.MDY_MONTH_POSITION.key, { value:DEF_CFG.MDY_MONTH_POSITION.value, handler:this.delegateConfig, validator:cfg.checkNumber } ); /** * The position of the day in a month/day/year date string * @config MDY_DAY_POSITION * @type Number * @default 2 */ cfg.addProperty(DEF_CFG.MDY_DAY_POSITION.key, { value:DEF_CFG.MDY_DAY_POSITION.value, handler:this.delegateConfig, validator:cfg.checkNumber } ); /** * The position of the year in a month/day/year date string * @config MDY_YEAR_POSITION * @type Number * @default 3 */ cfg.addProperty(DEF_CFG.MDY_YEAR_POSITION.key, { value:DEF_CFG.MDY_YEAR_POSITION.value, handler:this.delegateConfig, validator:cfg.checkNumber } ); /** * The position of the month in the month year label string used as the Calendar header * @config MY_LABEL_MONTH_POSITION * @type Number * @default 1 */ cfg.addProperty(DEF_CFG.MY_LABEL_MONTH_POSITION.key, { value:DEF_CFG.MY_LABEL_MONTH_POSITION.value, handler:this.delegateConfig, validator:cfg.checkNumber } ); /** * The position of the year in the month year label string used as the Calendar header * @config MY_LABEL_YEAR_POSITION * @type Number * @default 2 */ cfg.addProperty(DEF_CFG.MY_LABEL_YEAR_POSITION.key, { value:DEF_CFG.MY_LABEL_YEAR_POSITION.value, handler:this.delegateConfig, validator:cfg.checkNumber } ); /** * The suffix used after the month when rendering the Calendar header * @config MY_LABEL_MONTH_SUFFIX * @type String * @default " " */ cfg.addProperty(DEF_CFG.MY_LABEL_MONTH_SUFFIX.key, { value:DEF_CFG.MY_LABEL_MONTH_SUFFIX.value, handler:this.delegateConfig } ); /** * The suffix used after the year when rendering the Calendar header * @config MY_LABEL_YEAR_SUFFIX * @type String * @default "" */ cfg.addProperty(DEF_CFG.MY_LABEL_YEAR_SUFFIX.key, { value:DEF_CFG.MY_LABEL_YEAR_SUFFIX.value, handler:this.delegateConfig } ); /** * Configuration for the Month Year Navigation UI. By default it is disabled * @config NAV * @type Object * @default null */ cfg.addProperty(DEF_CFG.NAV.key, { value:DEF_CFG.NAV.value, handler:this.configNavigator } ); /** * The map of UI strings which the CalendarGroup UI uses. * * @config strings * @type {Object} * @default An object with the properties shown below: *-
*
- previousMonth
- String : The string to use for the "Previous Month" navigation UI. Defaults to "Previous Month". *
- nextMonth
- String : The string to use for the "Next Month" navigation UI. Defaults to "Next Month". *
- close
- String : The string to use for the close button label. Defaults to "Close". *
-
*
- strings *
- Object : An object with the properties shown below, defining the string labels to use in the Navigator's UI
*
-
*
- month
- String : The string to use for the month label. Defaults to "Month". *
- year
- String : The string to use for the year label. Defaults to "Year". *
- submit
- String : The string to use for the submit button label. Defaults to "Okay". *
- cancel
- String : The string to use for the cancel button label. Defaults to "Cancel". *
- invalidYear
- String : The string to use for invalid year values. Defaults to "Year needs to be a number". *
* - monthFormat
- String : The month format to use. Either YAHOO.widget.Calendar.LONG, or YAHOO.widget.Calendar.SHORT. Defaults to YAHOO.widget.Calendar.LONG *
- initialFocus
- String : Either "year" or "month" specifying which input control should get initial focus. Defaults to "year" *
* The method is also registered as an HTMLElement resize listener on the Calendars container element. *
* @protected * @method _syncMask */ _syncMask : function() { var c = this.cal.oDomContainer; if (c && this.maskEl) { var r = YAHOO.util.Dom.getRegion(c); YAHOO.util.Dom.setStyle(this.maskEl, "width", r.right - r.left + "px"); YAHOO.util.Dom.setStyle(this.maskEl, "height", r.bottom - r.top + "px"); } }, /** * Renders the contents of the navigator * * @method renderNavContents * * @param {Array} html The HTML buffer to append the HTML to. * @return {Array} A reference to the buffer passed in. */ renderNavContents : function(html) { var NAV = YAHOO.widget.CalendarNavigator, C = NAV.CLASSES, h = html; // just to use a shorter name h[h.length] = '';
this.renderMonth(h);
h[h.length] = '
';
h[h.length] = '';
this.renderYear(h);
h[h.length] = '
';
h[h.length] = '';
this.renderButtons(h);
h[h.length] = '
';
h[h.length] = '';
return h;
},
/**
* Renders the month label and control for the navigator
*
* @method renderNavContents
* @param {Array} html The HTML buffer to append the HTML to.
* @return {Array} A reference to the buffer passed in.
*/
renderMonth : function(html) {
var NAV = YAHOO.widget.CalendarNavigator,
C = NAV.CLASSES;
var id = this.id + NAV.MONTH_SUFFIX,
mf = this.__getCfg("monthFormat"),
months = this.cal.cfg.getProperty((mf == YAHOO.widget.Calendar.SHORT) ? "MONTHS_SHORT" : "MONTHS_LONG"),
h = html;
if (months && months.length > 0) {
h[h.length] = '';
h[h.length] = '';
}
return h;
},
/**
* Renders the year label and control for the navigator
*
* @method renderYear
* @param {Array} html The HTML buffer to append the HTML to.
* @return {Array} A reference to the buffer passed in.
*/
renderYear : function(html) {
var NAV = YAHOO.widget.CalendarNavigator,
C = NAV.CLASSES;
var id = this.id + NAV.YEAR_SUFFIX,
size = NAV.YR_MAX_DIGITS,
h = html;
h[h.length] = '';
h[h.length] = '';
return h;
},
/**
* Renders the submit/cancel buttons for the navigator
*
* @method renderButton
* @return {String} The HTML created for the Button UI
*/
renderButtons : function(html) {
var C = YAHOO.widget.CalendarNavigator.CLASSES;
var h = html;
h[h.length] = '';
h[h.length] = '';
h[h.length] = '';
h[h.length] = '';
h[h.length] = '';
h[h.length] = '';
return h;
},
/**
* Attaches DOM event listeners to the rendered elements
* * The method will call applyKeyListeners, to setup keyboard specific * listeners *
* @method applyListeners */ applyListeners : function() { var E = YAHOO.util.Event; function yearUpdateHandler() { if (this.validate()) { this.setYear(this._getYearFromUI()); } } function monthUpdateHandler() { this.setMonth(this._getMonthFromUI()); } E.on(this.submitEl, "click", this.submit, this, true); E.on(this.cancelEl, "click", this.cancel, this, true); E.on(this.yearEl, "blur", yearUpdateHandler, this, true); E.on(this.monthEl, "change", monthUpdateHandler, this, true); if (this.__isIEQuirks) { YAHOO.util.Event.on(this.cal.oDomContainer, "resize", this._syncMask, this, true); } this.applyKeyListeners(); }, /** * Removes/purges DOM event listeners from the rendered elements * * @method purgeListeners */ purgeListeners : function() { var E = YAHOO.util.Event; E.removeListener(this.submitEl, "click", this.submit); E.removeListener(this.cancelEl, "click", this.cancel); E.removeListener(this.yearEl, "blur"); E.removeListener(this.monthEl, "change"); if (this.__isIEQuirks) { E.removeListener(this.cal.oDomContainer, "resize", this._syncMask); } this.purgeKeyListeners(); }, /** * Attaches DOM listeners for keyboard support. * Tab/Shift-Tab looping, Enter Key Submit on Year element, * Up/Down/PgUp/PgDown year increment on Year element ** NOTE: MacOSX Safari 2.x doesn't let you tab to buttons and * MacOSX Gecko does not let you tab to buttons or select controls, * so for these browsers, Tab/Shift-Tab looping is limited to the * elements which can be reached using the tab key. *
* @method applyKeyListeners */ applyKeyListeners : function() { var E = YAHOO.util.Event, ua = YAHOO.env.ua; // IE/Safari 3.1 doesn't fire keypress for arrow/pg keys (non-char keys) var arrowEvt = (ua.ie || ua.webkit) ? "keydown" : "keypress"; // - IE/Safari 3.1 doesn't fire keypress for non-char keys // - Opera doesn't allow us to cancel keydown or keypress for tab, but // changes focus successfully on keydown (keypress is too late to change focus - opera's already moved on). var tabEvt = (ua.ie || ua.opera || ua.webkit) ? "keydown" : "keypress"; // Everyone likes keypress for Enter (char keys) - whoo hoo! E.on(this.yearEl, "keypress", this._handleEnterKey, this, true); E.on(this.yearEl, arrowEvt, this._handleDirectionKeys, this, true); E.on(this.lastCtrl, tabEvt, this._handleTabKey, this, true); E.on(this.firstCtrl, tabEvt, this._handleShiftTabKey, this, true); }, /** * Removes/purges DOM listeners for keyboard support * * @method purgeKeyListeners */ purgeKeyListeners : function() { var E = YAHOO.util.Event, ua = YAHOO.env.ua; var arrowEvt = (ua.ie || ua.webkit) ? "keydown" : "keypress"; var tabEvt = (ua.ie || ua.opera || ua.webkit) ? "keydown" : "keypress"; E.removeListener(this.yearEl, "keypress", this._handleEnterKey); E.removeListener(this.yearEl, arrowEvt, this._handleDirectionKeys); E.removeListener(this.lastCtrl, tabEvt, this._handleTabKey); E.removeListener(this.firstCtrl, tabEvt, this._handleShiftTabKey); }, /** * Updates the Calendar/CalendarGroup's pagedate with the currently set month and year if valid. ** If the currently set month/year is invalid, a validation error will be displayed and the * Calendar/CalendarGroup's pagedate will not be updated. *
* @method submit */ submit : function() { if (this.validate()) { this.hide(); this.setMonth(this._getMonthFromUI()); this.setYear(this._getYearFromUI()); var cal = this.cal; // Artificial delay, just to help the user see something changed var delay = YAHOO.widget.CalendarNavigator.UPDATE_DELAY; if (delay > 0) { var nav = this; window.setTimeout(function(){ nav._update(cal); }, delay); } else { this._update(cal); } } }, /** * Updates the Calendar rendered state, based on the state of the CalendarNavigator * @method _update * @param cal The Calendar instance to update * @protected */ _update : function(cal) { cal.setYear(this.getYear()); cal.setMonth(this.getMonth()); cal.render(); }, /** * Hides the navigator and mask, without updating the Calendar/CalendarGroup's state * * @method cancel */ cancel : function() { this.hide(); }, /** * Validates the current state of the UI controls * * @method validate * @return {Boolean} true, if the current UI state contains valid values, false if not */ validate : function() { if (this._getYearFromUI() !== null) { this.clearErrors(); return true; } else { this.setYearError(); this.setError(this.__getCfg("invalidYear", true)); return false; } }, /** * Displays an error message in the Navigator's error panel * @method setError * @param {String} msg The error message to display */ setError : function(msg) { if (this.errorEl) { this.errorEl.innerHTML = msg; this._show(this.errorEl, true); } }, /** * Clears the navigator's error message and hides the error panel * @method clearError */ clearError : function() { if (this.errorEl) { this.errorEl.innerHTML = ""; this._show(this.errorEl, false); } }, /** * Displays the validation error UI for the year control * @method setYearError */ setYearError : function() { YAHOO.util.Dom.addClass(this.yearEl, YAHOO.widget.CalendarNavigator.CLASSES.INVALID); }, /** * Removes the validation error UI for the year control * @method clearYearError */ clearYearError : function() { YAHOO.util.Dom.removeClass(this.yearEl, YAHOO.widget.CalendarNavigator.CLASSES.INVALID); }, /** * Clears all validation and error messages in the UI * @method clearErrors */ clearErrors : function() { this.clearError(); this.clearYearError(); }, /** * Sets the initial focus, based on the configured value * @method setInitialFocus */ setInitialFocus : function() { var el = this.submitEl, f = this.__getCfg("initialFocus"); if (f && f.toLowerCase) { f = f.toLowerCase(); if (f == "year") { el = this.yearEl; try { this.yearEl.select(); } catch (selErr) { // Ignore; } } else if (f == "month") { el = this.monthEl; } } if (el && YAHOO.lang.isFunction(el.focus)) { try { el.focus(); } catch (focusErr) { // TODO: Fall back if focus fails? } } }, /** * Removes all renderered HTML elements for the Navigator from * the DOM, purges event listeners and clears (nulls) any property * references to HTML references * @method erase */ erase : function() { if (this.__rendered) { this.purgeListeners(); // Clear out innerHTML references this.yearEl = null; this.monthEl = null; this.errorEl = null; this.submitEl = null; this.cancelEl = null; this.firstCtrl = null; this.lastCtrl = null; if (this.navEl) { this.navEl.innerHTML = ""; } var p = this.navEl.parentNode; if (p) { p.removeChild(this.navEl); } this.navEl = null; var pm = this.maskEl.parentNode; if (pm) { pm.removeChild(this.maskEl); } this.maskEl = null; this.__rendered = false; } }, /** * Destroys the Navigator object and any HTML references * @method destroy */ destroy : function() { this.erase(); this._doc = null; this.cal = null; this.id = null; }, /** * Protected implementation to handle how UI elements are * hidden/shown. * * @method _show * @protected */ _show : function(el, bShow) { if (el) { YAHOO.util.Dom.setStyle(el, "display", (bShow) ? "block" : "none"); } }, /** * Returns the month value (index), from the month UI element * @protected * @method _getMonthFromUI * @return {Number} The month index, or 0 if a UI element for the month * is not found */ _getMonthFromUI : function() { if (this.monthEl) { return this.monthEl.selectedIndex; } else { return 0; // Default to Jan } }, /** * Returns the year value, from the Navitator's year UI element * @protected * @method _getYearFromUI * @return {Number} The year value set in the UI, if valid. null is returned if * the UI does not contain a valid year value. */ _getYearFromUI : function() { var NAV = YAHOO.widget.CalendarNavigator; var yr = null; if (this.yearEl) { var value = this.yearEl.value; value = value.replace(NAV.TRIM, "$1"); if (NAV.YR_PATTERN.test(value)) { yr = parseInt(value, 10); } } return yr; }, /** * Updates the Navigator's year UI, based on the year value set on the Navigator object * @protected * @method _updateYearUI */ _updateYearUI : function() { if (this.yearEl && this._year !== null) { this.yearEl.value = this._year; } }, /** * Updates the Navigator's month UI, based on the month value set on the Navigator object * @protected * @method _updateMonthUI */ _updateMonthUI : function() { if (this.monthEl) { this.monthEl.selectedIndex = this._month; } }, /** * Sets up references to the first and last focusable element in the Navigator's UI * in terms of tab order (Naviagator's firstEl and lastEl properties). The references * are used to control modality by looping around from the first to the last control * and visa versa for tab/shift-tab navigation. ** See applyKeyListeners *
* @protected * @method _setFirstLastElements */ _setFirstLastElements : function() { this.firstCtrl = this.monthEl; this.lastCtrl = this.cancelEl; // Special handling for MacOSX. // - Safari 2.x can't focus on buttons // - Gecko can't focus on select boxes or buttons if (this.__isMac) { if (YAHOO.env.ua.webkit && YAHOO.env.ua.webkit < 420){ this.firstCtrl = this.monthEl; this.lastCtrl = this.yearEl; } if (YAHOO.env.ua.gecko) { this.firstCtrl = this.yearEl; this.lastCtrl = this.yearEl; } } }, /** * Default Keyboard event handler to capture Enter * on the Navigator's year control (yearEl) * * @method _handleEnterKey * @protected * @param {Event} e The DOM event being handled */ _handleEnterKey : function(e) { var KEYS = YAHOO.util.KeyListener.KEY; if (YAHOO.util.Event.getCharCode(e) == KEYS.ENTER) { YAHOO.util.Event.preventDefault(e); this.submit(); } }, /** * Default Keyboard event handler to capture up/down/pgup/pgdown * on the Navigator's year control (yearEl). * * @method _handleDirectionKeys * @protected * @param {Event} e The DOM event being handled */ _handleDirectionKeys : function(e) { var E = YAHOO.util.Event, KEYS = YAHOO.util.KeyListener.KEY, NAV = YAHOO.widget.CalendarNavigator; var value = (this.yearEl.value) ? parseInt(this.yearEl.value, 10) : null; if (isFinite(value)) { var dir = false; switch(E.getCharCode(e)) { case KEYS.UP: this.yearEl.value = value + NAV.YR_MINOR_INC; dir = true; break; case KEYS.DOWN: this.yearEl.value = Math.max(value - NAV.YR_MINOR_INC, 0); dir = true; break; case KEYS.PAGE_UP: this.yearEl.value = value + NAV.YR_MAJOR_INC; dir = true; break; case KEYS.PAGE_DOWN: this.yearEl.value = Math.max(value - NAV.YR_MAJOR_INC, 0); dir = true; break; default: break; } if (dir) { E.preventDefault(e); try { this.yearEl.select(); } catch(err) { // Ignore } } } }, /** * Default Keyboard event handler to capture Tab * on the last control (lastCtrl) in the Navigator. * * @method _handleTabKey * @protected * @param {Event} e The DOM event being handled */ _handleTabKey : function(e) { var E = YAHOO.util.Event, KEYS = YAHOO.util.KeyListener.KEY; if (E.getCharCode(e) == KEYS.TAB && !e.shiftKey) { try { E.preventDefault(e); this.firstCtrl.focus(); } catch (err) { // Ignore - mainly for focus edge cases } } }, /** * Default Keyboard event handler to capture Shift-Tab * on the first control (firstCtrl) in the Navigator. * * @method _handleShiftTabKey * @protected * @param {Event} e The DOM event being handled */ _handleShiftTabKey : function(e) { var E = YAHOO.util.Event, KEYS = YAHOO.util.KeyListener.KEY; if (e.shiftKey && E.getCharCode(e) == KEYS.TAB) { try { E.preventDefault(e); this.lastCtrl.focus(); } catch (err) { // Ignore - mainly for focus edge cases } } }, /** * Retrieve Navigator configuration values from * the parent Calendar/CalendarGroup's config value. ** If it has not been set in the user provided configuration, the method will * return the default value of the configuration property, as set in _DEFAULT_CFG *
* @private * @method __getCfg * @param {String} Case sensitive property name. * @param {Boolean} true, if the property is a string property, false if not. * @return The value of the configuration property */ __getCfg : function(prop, bIsStr) { var DEF_CFG = YAHOO.widget.CalendarNavigator._DEFAULT_CFG; var cfg = this.cal.cfg.getProperty("navigator"); if (bIsStr) { return (cfg !== true && cfg.strings && cfg.strings[prop]) ? cfg.strings[prop] : DEF_CFG.strings[prop]; } else { return (cfg !== true && cfg[prop]) ? cfg[prop] : DEF_CFG[prop]; } }, /** * Private flag, to identify MacOS * @private * @property __isMac */ __isMac : (navigator.userAgent.toLowerCase().indexOf("macintosh") != -1) }; YAHOO.register("calendar", YAHOO.widget.Calendar, {version: "2.7.0", build: "1799"}); /* Copyright (c) 2009, Yahoo! Inc. All rights reserved. Code licensed under the BSD License: http://developer.yahoo.net/yui/license.txt version: 2.7.0 */ /****************************************************************************/ /****************************************************************************/ /****************************************************************************/ /** * The LogMsg class defines a single log message. * * @class LogMsg * @constructor * @param oConfigs {Object} Object literal of configuration params. */ YAHOO.widget.LogMsg = function(oConfigs) { // Parse configs /** * Log message. * * @property msg * @type String */ this.msg = /** * Log timestamp. * * @property time * @type Date */ this.time = /** * Log category. * * @property category * @type String */ this.category = /** * Log source. The first word passed in as the source argument. * * @property source * @type String */ this.source = /** * Log source detail. The remainder of the string passed in as the source argument, not * including the first word (if any). * * @property sourceDetail * @type String */ this.sourceDetail = null; if (oConfigs && (oConfigs.constructor == Object)) { for(var param in oConfigs) { if (oConfigs.hasOwnProperty(param)) { this[param] = oConfigs[param]; } } } }; /****************************************************************************/ /****************************************************************************/ /****************************************************************************/ /** * The LogWriter class provides a mechanism to log messages through * YAHOO.widget.Logger from a named source. * * @class LogWriter * @constructor * @param sSource {String} Source of LogWriter instance. */ YAHOO.widget.LogWriter = function(sSource) { if(!sSource) { YAHOO.log("Could not instantiate LogWriter due to invalid source.", "error", "LogWriter"); return; } this._source = sSource; }; ///////////////////////////////////////////////////////////////////////////// // // Public methods // ///////////////////////////////////////////////////////////////////////////// /** * Public accessor to the unique name of the LogWriter instance. * * @method toString * @return {String} Unique name of the LogWriter instance. */ YAHOO.widget.LogWriter.prototype.toString = function() { return "LogWriter " + this._sSource; }; /** * Logs a message attached to the source of the LogWriter. * * @method log * @param sMsg {String} The log message. * @param sCategory {String} Category name. */ YAHOO.widget.LogWriter.prototype.log = function(sMsg, sCategory) { YAHOO.widget.Logger.log(sMsg, sCategory, this._source); }; /** * Public accessor to get the source name. * * @method getSource * @return {String} The LogWriter source. */ YAHOO.widget.LogWriter.prototype.getSource = function() { return this._source; }; /** * Public accessor to set the source name. * * @method setSource * @param sSource {String} Source of LogWriter instance. */ YAHOO.widget.LogWriter.prototype.setSource = function(sSource) { if(!sSource) { YAHOO.log("Could not set source due to invalid source.", "error", this.toString()); return; } else { this._source = sSource; } }; ///////////////////////////////////////////////////////////////////////////// // // Private member variables // ///////////////////////////////////////////////////////////////////////////// /** * Source of the LogWriter instance. * * @property _source * @type String * @private */ YAHOO.widget.LogWriter.prototype._source = null; /****************************************************************************/ /****************************************************************************/ /****************************************************************************/ /** * The LogReader class provides UI to read messages logged to YAHOO.widget.Logger. * * @class LogReader * @constructor * @param elContainer {HTMLElement} (optional) DOM element reference of an existing DIV. * @param elContainer {String} (optional) String ID of an existing DIV. * @param oConfigs {Object} (optional) Object literal of configuration params. */ YAHOO.widget.LogReader = function(elContainer, oConfigs) { this._sName = YAHOO.widget.LogReader._index; YAHOO.widget.LogReader._index++; // Internal vars this._buffer = []; // output buffer this._filterCheckboxes = {}; // pointers to checkboxes this._lastTime = YAHOO.widget.Logger.getStartTime(); // timestamp of last log message to console // Parse config vars here if (oConfigs && (oConfigs.constructor == Object)) { for(var param in oConfigs) { if (oConfigs.hasOwnProperty(param)) { this[param] = oConfigs[param]; } } } this._initContainerEl(elContainer); if(!this._elContainer) { YAHOO.log("Could not instantiate LogReader due to an invalid container element " + elContainer, "error", this.toString()); return; } this._initHeaderEl(); this._initConsoleEl(); this._initFooterEl(); this._initDragDrop(); this._initCategories(); this._initSources(); // Subscribe to Logger custom events YAHOO.widget.Logger.newLogEvent.subscribe(this._onNewLog, this); YAHOO.widget.Logger.logResetEvent.subscribe(this._onReset, this); YAHOO.widget.Logger.categoryCreateEvent.subscribe(this._onCategoryCreate, this); YAHOO.widget.Logger.sourceCreateEvent.subscribe(this._onSourceCreate, this); this._filterLogs(); YAHOO.log("LogReader initialized", null, this.toString()); }; ///////////////////////////////////////////////////////////////////////////// // // Static member variables // ///////////////////////////////////////////////////////////////////////////// YAHOO.lang.augmentObject(YAHOO.widget.LogReader, { /** * Internal class member to index multiple LogReader instances. * * @property _memberName * @static * @type Number * @default 0 * @private */ _index : 0, /** * Node template for the log entries * @property ENTRY_TEMPLATE * @static * @type {HTMLElement} * @default PRE.yui-log-entry element */ ENTRY_TEMPLATE : (function () { var t = document.createElement('pre'); YAHOO.util.Dom.addClass(t,'yui-log-entry'); return t; })(), /** * Template used for innerHTML of verbose entry output. * @property VERBOSE_TEMPLATE * @static * @default "{label}{totalTime}ms (+{elapsedTime}) {localTime}:{sourceAndDetail}
{message}
" */ VERBOSE_TEMPLATE : "{label} {totalTime}ms (+{elapsedTime}) {localTime}:
{sourceAndDetail}
{message}
", /** * Template used for innerHTML of compact entry output. * @property BASIC_TEMPLATE * @static * @default "{label}{totalTime}ms (+{elapsedTime}) {localTime}: {sourceAndDetail}: {message}
" */ BASIC_TEMPLATE : "{label} {totalTime}ms (+{elapsedTime}) {localTime}: {sourceAndDetail}: {message}
" }); ///////////////////////////////////////////////////////////////////////////// // // Public member variables // ///////////////////////////////////////////////////////////////////////////// YAHOO.widget.LogReader.prototype = { /** * Whether or not LogReader is enabled to output log messages. * * @property logReaderEnabled * @type Boolean * @default true */ logReaderEnabled : true, /** * Public member to access CSS width of the LogReader container. * * @property width * @type String */ width : null, /** * Public member to access CSS height of the LogReader container. * * @property height * @type String */ height : null, /** * Public member to access CSS top position of the LogReader container. * * @property top * @type String */ top : null, /** * Public member to access CSS left position of the LogReader container. * * @property left * @type String */ left : null, /** * Public member to access CSS right position of the LogReader container. * * @property right * @type String */ right : null, /** * Public member to access CSS bottom position of the LogReader container. * * @property bottom * @type String */ bottom : null, /** * Public member to access CSS font size of the LogReader container. * * @property fontSize * @type String */ fontSize : null, /** * Whether or not the footer UI is enabled for the LogReader. * * @property footerEnabled * @type Boolean * @default true */ footerEnabled : true, /** * Whether or not output is verbose (more readable). Setting to true will make * output more compact (less readable). * * @property verboseOutput * @type Boolean * @default true */ verboseOutput : true, /** * Custom output format for log messages. Defaults to null, which falls * back to verboseOutput param deciding between LogReader.VERBOSE_TEMPLATE * and LogReader.BASIC_TEMPLATE. Use bracketed place holders to mark where * message info should go. Available place holder names include: *-
*
- category *
- label *
- sourceAndDetail *
- message *
- localTime *
- elapsedTime *
- totalTime *
"+"
";}
html+="";var eventHandlers=[];eventHandlers.push(new ESN.Util.DestroyEventHandler(function(){var banners=Y.util.Dom.getElementsByClassName('adlinkBanner','iframe',ESN.Util.Dom.getBody());for(var i in banners)
{var b=banners[i];b.style.display='block';}}))
ESN.Widget.DropDownMenu.create(null,html,new ESN.Util.Rectangle(150,curLaddersLen*27),'laddersDropDown',null,eventHandlers,state.content.parentNode);},openRanking:function(state)
{var curRanking=ESN.Menu.rankingList[ESN.Menu.activeGame];html=""+(Y.lang.isValue(curLadders[n].icon)?"![]("+curLadders[n].icon+")
":"")+"
"+""+n+"
"+"";if(!curRanking)
return;var curRankingLen=0;for(var n in curRanking)
{curRankingLen++;var click=" onclick='new PageLoader(\"/index.php?key="+curRanking[n].url+"\").setTarget(\"main\").call();' ";html+=""+"
";ESN.Widget.DropDownMenu.create(null,html,new ESN.Util.Rectangle(150,curRankingLen*27),'rankingDropDown',null,null,state.content.parentNode);},parseMenu:function(str)
{for(var n in ESN.Menu.menus)
{if(ESN.Menu.menus[n].url&&ESN.Menu.menus[n].url==str)
return n;}
return'start';},initMenu:function(defMenu)
{ESN.Menu.initGamesInMenu();ESN.Menu.activeGame=ESN.Util.Cookie.getCookie('currentGame');if(!ESN.Menu.activeGame)
ESN.Menu.activeGame=1;ESN.Menu.gMenu=$('mainMenu');ESN.Menu.gMenu.innerHTML='';if(!defMenu)
defMenu=ESN.Menu.activeMenu;var tab;var corner1,corner2;for(n in ESN.Menu.menus)
{var info=ESN.Menu.menus[n];var button=ESN.Util.Dom.newDiv(n+'_mainMenu','topMenuItem');var content=ESN.Util.Dom.newDiv(n+'_mainMenuState','topMenuUnselected',button);corner1=ESN.Util.Dom.newDiv(0,'left',content);corner1.innerHTML='"+""+"
";}
html+=""+n+"
"+"
';var data=ESN.Util.Dom.newDiv(n+'_content','mid',content);corner2=ESN.Util.Dom.newDiv(0,'right',content);corner2.innerHTML='';data.innerHTML=ESN.Menu.menus[n].title.toUpperCase();Y.util.Event.on(button,'click',ESN.Menu.setAndReload,n);Y.util.Event.on(button,'mouseover',ESN.Menu.mouseover,n);Y.util.Event.on(button,'mouseout',ESN.Menu.mouseout,n);ESN.Menu.gMenu.appendChild(button);if(ESN.Menu.menus[n].load)
{var state={me:button,id:n,active:n==defMenu,enabled:1,content:data,leftdiv:corner1,rightdiv:corner2};ESN.Menu.menus[n].load(state);}}
ESN.Menu.activeMenu=defMenu;ESN.GameMenu.initMenu(ESN.Menu.activeGame);ESN.Menu.setActiveMenu(0,defMenu);},mouseover:function(e,menuID)
{var button=$(menuID+'_mainMenuState');var enabled=button.className!='topMenuDisabled';if(ESN.Menu.menus[menuID].mouseover)
{var state={me:Y.util.Event.getTarget(e),id:menuID,active:menuID==ESN.Menu.activeMenu,enabled:enabled,content:$(menuID+'_content')};ESN.Menu.menus[menuID].mouseover(state);}
else if(enabled)
{if(menuID==ESN.Menu.activeMenu)
{button.className='topMenuHoverSelected';}
else
{button.className='topMenuHover';}}},mouseout:function(e,menuID)
{var button=$(menuID+'_mainMenuState');var enabled=button.className!='topMenuDisabled';if(ESN.Menu.menus[menuID].mouseout)
{var state={me:Y.util.Event.getTarget(e),id:menuID,active:menuID==ESN.Menu.activeMenu,enabled:enabled,content:$(menuID+'_content')};ESN.Menu.menus[menuID].mouseout(state);}
else if(enabled)
{if(menuID==ESN.Menu.activeMenu)
{button.className='topMenuSelected';}
else
{button.className='topMenuUnselected';}}},setAndReload:function(e,menuID)
{var button=$(menuID+'_mainMenuState');if(button.className=='topMenuDisabled')
return;if(ESN.Menu.menus[menuID].click)
{var enabled=$(menuID+'_mainMenuState').className!='topMenuDisabled';var state={event:e,me:Y.util.Event.getTarget(e),id:menuID,active:menuID==ESN.Menu.activeMenu,enabled:enabled,content:$(menuID+'_content')};ESN.Menu.menus[menuID].click(state);}
if(!ESN.Menu.menus[menuID].url)
return;ESN.Menu.setActiveMenu(0,menuID);new PageLoader(ESN.Menu.menus[menuID].url).setTarget('main').setCallbackObject({callback:ESN.GameMenu.clearGameMenuText()}).call(e);ESN.GameMenu.updateGameMenu(ESN.Menu.activeGame);if(ESN.Menu.menus[menuID].hideGameMenu)
ESN.GameMenu.hideMenu();else
ESN.GameMenu.showMenu();},setActiveMenu:function(e,menuID)
{if(menuID=="none")
{ESN.Menu.activeMenu="none";for(n in ESN.Menu.menus)
{$(n+'_mainMenuState').className='topMenuUnselected';}
return;}
for(n in ESN.Menu.menus)
{var tab=$(n+'_mainMenuState');if(n==menuID)
{if(tab)
{tab.className='topMenuSelected';}
ESN.Menu.activeMenu=n;if(ESN.Menu.menus[menuID].hideGameMenu)
ESN.GameMenu.hideMenu();else
ESN.GameMenu.showMenu();}
else
{if(tab&&tab.className!='topMenuDisabled')
tab.className='topMenuUnselected';}}},updateSubMenu:function(gameID)
{if(ESN.Menu.activeMenu=='none')return;var validMenus=ESN.Menu.menuSelection[gameID];var button;for(n in validMenus)
{if(gameID==11&&n=='ranking'&&ESN.Config.portal=='sano')
validMenus[n]=0;if(n=='ladders'&&(ESN.Config.portal=='saen'||ESN.Config.portal=='saro'||ESN.Config.portal=='saru'))
validMenus[n]=0;button=$(n+'_mainMenuState');if(!validMenus[n])
{button.className='topMenuDisabled';}
else
{if(n==ESN.Menu.activeMenu)
{button.className='topMenuSelected';}
else
{button.className='topMenuUnselected';}}}},onDOMReady:function()
{var menu=ESN.Menu.parseMenu(ESN.Util.HistoryManager.getCurrentLocation());ESN.Menu.initMenu(menu);}}
ESN.GameMenu={submenuSet:0,initMenu:function(defGame)
{ESN.Menu.gMenu=$('gameMenu');ESN.Menu.gMenu.innerHTML='';if(!defGame)
defGame=1;var data,tab,corner,title,br,text;for(n in ESN.Menu.gamesInMenu)
{tab=ESN.Util.Dom.newDiv(n+'_gameTab','gameTab');var content=ESN.Util.Dom.newDiv(n+'_gameTabState','gameUnselected',tab);tab.style.display='inline';corner=ESN.Util.Dom.newDiv(0,'left',content);corner.innerHTML='';corner=ESN.Util.Dom.newDiv(n+'_icon','icon',content);corner.innerHTML='';title.innerHTML=ESN.Menu.gamesInMenu[n]['title'];text.innerHTML='';Y.util.Event.on(tab,'click',ESN.GameMenu.setAndReloadActiveGame,n);ESN.Menu.gMenu.appendChild(tab);}
ESN.GameMenu.setActiveGame(0,defGame);},setAndReloadActiveGame:function(e,gameID)
{var button=$(gameID+'_gameTabState');if(button.className=='gameDisabled')
return;ESN.Util.Cookie.setCookie('currentGame',gameID,30);ESN.GameMenu.setActiveGame(e,gameID);var loc=ESN.Util.HistoryManager.getCurrentLocation();if(typeof(loc)!="undefined")
{loc=loc.replace(/gameID=[0-9]/,'');loc=loc.replace(/errorString=(.*)(\&|$)/,'');new PageLoader(loc).setTarget('main').call(e);}},generateFrontpageSubText:function(players)
{var games=ESN.Menu.gamesInMenu;for(var gameID in games)
{var numpl=''+players[gameID]+' spelar
';ESN.GameMenu.setGameMenuText(gameID,numpl);}},generatePublicSubText:function(players,compos)
{var buddiesPlaying=ESN.Controller.Matches.getBuddiesPlaying('public');var result={};for(var games in buddiesPlaying)
{result[games]=buddiesPlaying[games].length;}
var games=ESN.Menu.gamesInMenu;for(var gameID in games)
{var bIcon='noBuddyPlaying';var compo='';var numpl=0;if(result[gameID]>0)
{bIcon='buddyPlaying';}
if(compos[gameID])
compo='Tävling:
';numpl=''+players[gameID]+' spelar
';var str=''+compo+numpl;ESN.GameMenu.setGameMenuText(gameID,str);}},generateTournamentSubText:function(players)
{var buddiesPlaying=ESN.Controller.Matches.getBuddiesPlaying('cup');var result={};for(var games in buddiesPlaying)
{result[games]=buddiesPlaying[games].length;}
var games=ESN.Menu.gamesInMenu;for(var gameID in games)
{var bIcon='noBuddyPlaying';var numpl=0;if(result[gameID]>0)
{bIcon='buddyPlaying';}
numpl=''+players[gameID]+' spelar
';var str=''+numpl;ESN.GameMenu.setGameMenuText(gameID,str);}},generateGatherSubText:function(players,compos)
{var buddiesPlaying=ESN.Controller.Matches.getBuddiesPlaying('gather');var result={};for(var games in buddiesPlaying)
{result[games]=buddiesPlaying[games].length;}
var games=ESN.Menu.gamesInMenu;for(var gameID in games)
{var bIcon='noBuddyPlaying';var numpl=0;if(result[gameID]>0)
{bIcon='buddyPlaying';}
numpl=''+players[gameID]+' spelar
';var str=''+numpl;ESN.GameMenu.setGameMenuText(gameID,str);}},generateLadderSubText:function(players)
{var buddiesPlaying=ESN.Controller.Matches.getBuddiesPlaying('gather');var result={};for(var games in buddiesPlaying)
{result[games]=buddiesPlaying[games].length;}
var games=ESN.Menu.gamesInMenu;for(var gameID in games)
{var bIcon='noBuddyPlaying';var numpl=0;if(result[gameID]>0)
{bIcon='buddyPlaying';}
numpl=players[gameID];var str=' '+numpl+' spelar';ESN.GameMenu.setGameMenuText(gameID,str);}},clearGamesSubTexts:function()
{var games=ESN.Menu.gamesInMenu;for(gameID in games)
{ESN.GameMenu.setGameMenuText(gameID,'');}},generateForumSubText:function(users)
{var games=ESN.Menu.gamesInMenu;for(gameID in games)
{var str=users[gameID]+' läsare';ESN.GameMenu.setGameMenuText(gameID,str);}},generateProfileSubText:function(stats)
{var games=ESN.Menu.gamesInMenu;for(var gameID in games)
{if(!stats[gameID])
{var str='Aldrig spelat';ESN.GameMenu.setGameMenuText(gameID,str);continue;}
var iconsp='http://static.playzeek.com/images/common/hovermenu/icon_sp.gif';var color=stats[gameID].skill;var iconxp='http://static.playzeek.com/images/common/hovermenu/icon_xp.gif';var lev='Level '+stats[gameID].level;var str='
');}
else
{var reg=new RegExp('\\\{SORTARROW'+col+'\\\}');txt=txt.replace(reg,'
');}}
if(typeof(node['meta'])!='undefined'&&typeof(node['meta'][col])!='undefined')
{var reg=new RegExp('\\\{META'+col+'\\\}');txt=txt.replace(reg,node['meta'][col]);}
var reg=new RegExp('\\\{'+col+'\\\}');txt=txt.replace(reg,node['content'][col]);}
return txt;},getVal:function(row,col)
{if(!row||!row.childNodes||row.childNodes.length<=col||!row.childNodes[col])
return 0;var val=row.childNodes[col].id;var num=parseInt(val);return num==val?num:val;},compare:function(val1,val2,desc)
{return desc?val1Kompisar på servern
";for(n in sessions[sessID])
{html+="
";html+="";}
html+="
";html+=sessions[sessID][n];html+="
';}
var moreInfo=ESN.Util.Dom.newDiv(coreID+'_moreInfo','moreInfo',onoff);var popup=new ESN.Widget.ESN.Controller.buddyListTooltip(coreID,ESN.Controller.buddyList[coreID].channel);Y.util.Event.addListener(icon,"click",popup.render,popup,true);Y.util.Event.addListener(icon,"mouseout",popup.hide,popup,true);Y.util.Event.addListener(moreInfo,"mouseout",popup.hide,popup,true);Y.util.Event.addListener(icon,"mouseover",popup.setMouseIn,popup,true);Y.util.Event.addListener(moreInfo,"mouseover",popup.setMouseIn,popup,true);}
else
{icon=ESN.Util.Dom.newDiv(0,'iconChan',onoff);icon.onmouseover=function(){this.className='iconChanOn';};icon.onmouseout=function(){this.className='iconChan';};}
icon.onclick=function(){};if(ESN.Controller.buddyList[coreID].sessionID)
{icon=ESN.Util.Dom.newDiv(0,"iconPlayingOn"+ESN.Controller.buddyList[coreID].gameID,onoff);switch(ESN.Controller.buddyList[coreID].gameSection)
{case'public':icon.title=icon.alt='Spelar '+ESN.Controller.buddyList[coreID].gameSection+' på '+ESN.Controller.buddyList[coreID].sessionName;icon.onclick=function(){new PageLoader('index.php?key=public&gameID='+ESN.Controller.buddyList[coreID].gameID+'&sessionID='+ESN.Controller.buddyList[coreID].sessionID).setTarget('main').call();}
break;case'cup':case'cups':icon.title=icon.alt='Spelar '+ESN.Controller.buddyList[coreID].gameSection+' på '+ESN.Controller.buddyList[coreID].sessionName;icon.onclick=function(){new PageLoader('index.php?key=cups.info&cupID='+ESN.Controller.buddyList[coreID].sessionID).setTarget('main').call();}
break;case'gather':case'ladder':icon.title=icon.alt='Spelar '+ESN.Controller.buddyList[coreID].gameSection+' på '+ESN.Controller.buddyList[coreID].sessionName;icon.onclick=function(){};icon.style.cursor='default';break;default:icon.title=icon.alt='Spelar på '+ESN.Controller.buddyList[coreID].sessionName;icon.onclick=function(){};icon.style.cursor='default';}}
else
{icon=ESN.Util.Dom.newDiv(0,"iconPlaying",onoff);icon.style.cursor='default';}
ESN.Controller.buddyList[coreID].div=div;var table=$('myBuddyList');var min=0,cmpDiv,cmpID;var max=table.rows.length;i=this.findPosition(table,coreID,min,max);var row=table.insertRow(i);row.id=coreID+'_row';var cell=row.insertCell(0);cell.id=coreID+'_cell';cell.style.paddingBottom='3px';cell.appendChild(div);if(oldRow)
{ESN.Util.Dom.removeElement(oldRow);}
var size=0;var tot=0;for(var n in ESN.Controller.buddyList)
{if(ESN.Controller.buddyList[n].online)
size++;if(ESN.Controller.buddyList[n].coreID)
tot++;}
if(tot)
{$('buddyListNoBuddies').style.display='none';}
$('bCounter').innerHTML=''+size;return;},voicePopup:function(btn)
{var html="";for(n in ESN.Controller.Channel.chanTypes)
{html+="";}
html+="
";ESN.Widget.DropDownMenu.create(null,html,new ESN.Util.Rectangle(150,57),'vType',0,0,btn,ESN.Util.Rectangle.RELATION_TOP);},search:function()
{var name=document.forms['controllerSearch'].searchField.value;new PageLoader("index.php?key=search.players").setPostObject(new N.PostObject("controllerSearch")).setTarget('main').call();return false;},markPopup:function(btn)
{var html=""+ESN.Controller.Channel.chanTypes[n]+"
";var lst=ESN.Controller.getMarkedBuddies();var allonline=1;var cmp="";var buddyArr=new Array();var marked=0;for(n in lst)
{if(!cmp)
cmp=ESN.Controller.buddyList[lst[n]].coreID;var compareTo=ESN.Controller.buddyList[lst[n]].userID;if(!ESN.Controller.buddyList[lst[n]].online)
{allonline=0;}
marked++;buddyArr[buddyArr.length]=ESN.Controller.buddyList[lst[n]].coreID;}
var items={'compare':{name:'Jämför statistik',url:'new PageLoader("index.php?key=player.profile&profileTab=stats&compareToID='+compareTo+'").setTarget("main").call()'},'gather':{name:'Skapa gather',url:'new PageLoader("index.php?key=g3.create&buddyList='+buddyArr.join(":")+'").setTarget("main").call();'},'remove':{name:'Ta bort kompis',url:'if(confirm("Är du säker på att du vill ta bort kompisar från din lista?")) new PageLoader("index.php?key=player.buddies.remove&buddyList='+buddyArr.join(":")+'").setTarget("void").call();'}};var chanOb=new Object();if(marked==1)
items['compare']['enabled']=1;if(marked&&allonline)
items['gather']['enabled']=1;if(marked)
items['remove']['enabled']=1;for(n in items)
{if(!items[n]["enabled"])
{html+="";}
else
{html+="";}}
html+="";html+="
";ESN.Widget.DropDownMenu.create(0,html,new ESN.Util.Rectangle(119,77),'markand',0,0,btn,ESN.Util.Rectangle.RELATION_TOP);},getMarkedBuddies:function()
{var ret=new Array();for(var n in ESN.Controller.buddyList)
{var checkbox=$(n+'_check');if(checkbox&&checkbox.className=='checkOn')
ret[ret.length]=n;}
return ret;},mergeUser:function(coreID,userOb)
{if(!ESN.Controller.buddyList[coreID])
return;for(var itm in userOb)
{if(itm=='incomplete')
continue;ESN.Controller.buddyList[coreID][itm]=userOb[itm];}},buddyStatus:function(userOb)
{if(!userOb||!userOb['coreID'])
return;var id=userOb['coreID'];if(ESN.Controller.buddyList[id])
{this.removeBuddyFromList(id);if(userOb['incomplete'])
{this.mergeUser(id,userOb);}
else
{ESN.Controller.buddyList[id]=userOb;}}
else
{if(userOb['incomplete']==false)
ESN.Controller.buddyList[id]=userOb;}
if(ESN.Controller.buddyList[id].online==0)
{ESN.Controller.buddyList[id].channel=0;}
this.renderBuddy(id);},toggleCheckboxes:function()
{channelToggleState=!channelToggleState;for(n in ESN.Controller.buddyList)
{var checkbox=$(n+'_check');if(checkbox)
checkbox.className=channelToggleState?'checkOn':'check';}
$('toggleBox').className=channelToggleState?'buddyToggleboxOn':'buddyTogglebox';},onLogin:function(isPremium,voiplayStep)
{ESN.Controller.Channel.channelDiv="";ESN.Controller.Channel.channelName="";ESN.Controller.Channel.btb=0;ESN.Controller.Channel.chanType=1;ESN.Controller.loggedOut=false;if(isPremium)
{ESN.Controller.setPremiumState(1);}
ESN.Ajax.Navigate.loadPage('controller','index.php?key=rightcontroller');ESN.Ajax.Navigate.loadPage('footer','index.php?key=footer');ESN.Menu.setAndReload(0,'start');if(YAHOO.env.ua.ie>5&&YAHOO.env.ua.ie<7)
{new PageLoader('index.php?key=ie6').setTarget('void').call();}
if(voiplayStep)
{$('statusArea').style.display='block';this.resetAndVerifyVoiplay();}},ping:function()
{new PageLoader('index.php?key=ping').setTarget('void').hideLoader().call();setTimeout('ESN.Controller.ping()',15*60*1000);},resetAndVerifyVoiplay:function()
{ESN.Statusarea.vpStatus='NOT_VERIFIED';ESN.Controller.verifyCounter=0;ESN.Statusarea.setVoiplayToTrying();ESN.Controller.verifyVoiplay();},verifyVoiplay:function()
{if(ESN.Controller.loggedOut)
{return;}
var status=ESN.Statusarea.vpStatus;if(status.length>0&&status.indexOf('VOIPLAY_ONLINE')!=-1)
{ESN.Statusarea.setVoiplayToOnline();return;}
else
{setTimeout(ESN.Controller.verifyVoiplay,20000);}
if(ESN.Controller.verifyCounter++>1)
{if(status.indexOf('VOIPLAY_ONLINE')==-1)
{ESN.Statusarea.setVoiplayToOffline();}
return;}
else
{new PageLoader('index.php?key=voiplay.verify').hideLoader().call();}},setVerifyPopupToState:function(state)
{return;if(state=='failed')
{$('statusHeader').innerHTML='status: OFFLINE';}
else
{$('statusHeader').innerHTML='status: ONLINE';}},onLogout:function()
{ESN.Controller.Channel.channelName="";$('statusArea').style.display='none';ESN.Controller.loggedOut=true;ESN.Controller.setPremiumState(0);ESN.Menu.setAndReload(0,'start');ESN.Ajax.Navigate.loadPage('footer','index.php?key=footer');var popups=Y.util.Dom.getElementsByClassName('popup','div',ESN.Util.Dom.getBody());for(var i in popups)
{var popup=popups[i];ESN.Widget.Popup.destroy(null,popup);}},setPremiumState:function(on)
{if(on)
{$('premiumState').className='premium';$('body').className='bodyPremium';$('PREMIUM_TOGGLE').className='cPremium';$('PREMIUM_TOGGLE2').className='cPremium';}
else
{$('premiumState').className='regular';$('body').className='bodyRegular';$('PREMIUM_TOGGLE').className='cRegular';$('PREMIUM_TOGGLE2').className='cRegular';}},buddyPlaying:function(userOb)
{if(userOb['sessionID'])
userOb['online']=1;if(userOb['incomplete'])
this.mergeUser(userOb['coreID'],userOb);else
ESN.Controller.buddyList[userOb['coreID']]=userOb;this.renderBuddy(userOb['coreID']);},entsub:function(event)
{},switchRightContainerMode:function(tabMode)
{switch(tabMode)
{case'tab_buddies':case'friends':$('toggleBox').style.display='block';$('buddies').style.display='block';$('matches').style.display='none';$('tab_matches').className='tab_unselected';$('tab_buddies').className='tab_selected';break;case'tab_matches':default:$('toggleBox').style.display='none';$('buddies').style.display='none';$('matches').style.display='block';$('tab_matches').className='tab_selected';$('tab_buddies').className='tab_unselected';ESN.Controller.Channel.channelDivClose();break;}},inboxSetState:function(unread)
{if(unread)
$("controllerMail").className='newmail';else
$("controllerMail").className='nomail';var str="";switch(unread)
{case 0:str="Inga nya meddelanden";break;case 1:str=unread+" nytt meddelande";break;default:str=unread+" nya meddelanden";}
$("controllerMailText").innerHTML=str;}}
var controllerTabList;var controllerSelectedTab;ESN.Controller.tabClass={isInit:false,initTabs:function()
{if(ESN.Controller.tabClass.isInit)
{}
else
{ESN.Controller.tabClass.isInit=true;}
var tList=new Array('tab_buddies','tab_matches');controllerTabList=tList;controllerSelectedTab=tList[0];if(!$(tList[0]))
setTimeout('ESN.Controller.tabClass.setupTabs()',1500);else
ESN.Controller.tabClass.setupTabs();},setDivFunc:function(ob)
{ob.onmouseover=function(){ESN.Controller.tabClass.tabHoverOn(ob);};ob.onmouseout=function(){ESN.Controller.tabClass.tabHoverOff(ob);};ob.onclick=function(){ESN.Controller.tabClass.tabClick(ob);};},setupTabs:function()
{for(var n in controllerTabList)
{if(n=='toJSONString')
continue;ESN.Controller.tabClass.setDivFunc($(controllerTabList[n]));}},tabClick:function(divOb)
{for(var n in controllerTabList)
{if(n=='toJSONString')
continue;var div=$(controllerTabList[n]);div.className='tab_unselected';}
controllerSelectedTab=divOb.id;divOb.className='tab_selected';ESN.Controller.switchRightContainerMode(divOb.id);},tabHoverOn:function(divOb)
{if(divOb.id==controllerSelectedTab)
return;divOb.className='tab_unselected_hover';},tabHoverOff:function(divOb)
{if(divOb.id==controllerSelectedTab)
return;divOb.className='tab_unselected';}}
var matches=new Object();var upcoming=new Object();var tout=0;ESN.Controller.Matches={active:{},getBuddiesPlaying:function(type)
{var ret=new Array();for(var n in ESN.Controller.buddyList)
{if(ESN.Controller.buddyList[n].sessionID)
{if(!Y.lang.isArray(ret[ESN.Controller.buddyList[n].gameID]))
{ret[ESN.Controller.buddyList[n].gameID]=new Array();}
if(type=='all'||ESN.Controller.buddyList[n].gameSection==type)
ret[ESN.Controller.buddyList[n].gameID][ret[ESN.Controller.buddyList[n].gameID].length]={coreID:n,sessionID:ESN.Controller.buddyList[n].sessionID,subSection:ESN.Controller.buddyList[n].subSection};}}
return ret;},add:function(gameID,url,title,map,date,target)
{var gameIcon='http://static.playzeek.com/images/common/i.gif';switch(gameID)
{case 1:gameIcon='http://static.playzeek.com/images/common/controller/gameicon_1.gif';break;case 2:gameIcon='http://static.playzeek.com/images/common/controller/gameicon_2.gif';break;case 3:gameIcon='http://static.playzeek.com/images/common/controller/gameicon_3.gif';break;case 11:gameIcon='http://static.playzeek.com/images/common/controller/gameicon_11.gif';break;}
if(!target||target==undefined)
target='main';var html="";html+=""+items[n]["name"]+"
"+items[n]["name"]+"
"+title+"
";html+=" VISA
";html+=""+map+"
";html+=""+date+"
";var match=document.createElement('div');match.className='matchItem';match.innerHTML=html;$('matchscroll').appendChild(match);ESN.Controller.Matches.active[url]=match;ESN.Controller.tabClass.tabClick($('tab_matches'));var size=0;for(var u in ESN.Controller.Matches.active)
{size++;}
$('mCounter').innerHTML=size;if(size)
$('noUpcomingMatches').style.display='none';},remove:function(url)
{if(ESN.Controller.Matches.active[url])
{ESN.Util.Dom.removeElement(ESN.Controller.Matches.active[url]);delete(ESN.Controller.Matches.active[url]);}
var size=0;for(var u in ESN.Controller.Matches.active)
{size++;}
$('mCounter').innerHTML=size;if(!size)
{$('noUpcomingMatches').style.display='block';ESN.Controller.tabClass.tabClick($('tab_buddies'));}}}
ESN.Controller.Channel={channelDiv:"",channelName:"",btb:0,chanType:1,chanTypes:Array('Alla','Endast kompisar','Privat'),joinChannel:function(buddyOb,timestamp)
{id=buddyOb.coreID;if(ESN.Controller.buddyList[id])
{if(ESN.Controller.buddyList[id].lastChannelAction&&ESN.Controller.buddyList[id].lastChannelAction>timestamp)
{return;}
ESN.Controller.buddyList[id].lastChannelAction=timestamp;ESN.Controller.mergeUser(id,buddyOb);ESN.Controller.renderBuddy(id);}},leaveChannel:function(coreID,timestamp)
{if(ESN.Controller.buddyList[coreID])
{if(ESN.Controller.buddyList[coreID].lastChannelAction&&ESN.Controller.buddyList[coreID].lastChannelAction>timestamp)
{return;}
ESN.Controller.buddyList[coreID].lastChannelAction=timestamp;ESN.Controller.buddyList[coreID].channel="";ESN.Controller.renderBuddy(coreID);}},initChannelDiv:function(divName,channelName)
{ESN.Controller.Channel.channelDiv=$(divName);ESN.Controller.Channel.channelDivClose();},channelDivClose:function()
{if(!ESN.Controller.Channel)
return;if(ESN.Controller.Channel.channelName)
$('channelState').className='channelStateClosedChannel';else
$('channelState').className='channelStateClosed';$('buddyScroll').className='buddyScrollClosed';if(ESN.Controller.Channel.channelDiv)
ESN.Controller.Channel.channelDiv.style.height="52px";ESN.IE6.Fixed.addSubject("buddies",{height:new ESN.Util.ValueUnit("100%%"),heightOffset:-200});ESN.IE6.Fixed.addSubject("buddyScroll",{height:new ESN.Util.ValueUnit("100%%"),heightOffset:-295});ESN.IE6.Fixed.addSubject("buddyBottom",{top:new ESN.Util.ValueUnit("100%%"),heightOffset:-88});},channelDivOpen:function()
{if(ESN.Controller.Channel.channelName)
$('channelState').className='channelStateOpenChannel';else
$('channelState').className='channelStateOpen';$('buddyScroll').className='buddyScrollOpen';ESN.Controller.Channel.channelDiv.style.height="207px";ESN.IE6.Fixed.addSubject("buddies",{height:new ESN.Util.ValueUnit("100%%"),heightOffset:-200});ESN.IE6.Fixed.addSubject("buddyScroll",{height:new ESN.Util.ValueUnit("100%%"),heightOffset:-450});ESN.IE6.Fixed.addSubject("buddyBottom",{top:new ESN.Util.ValueUnit("100%%"),heightOffset:-243});},createChannel:function()
{var cname;var btb=0;var voiceType;cname=document.forms['chanCreate'].voiceChanName.value;if($('voiceCheckbox').className=='voiceBTBCheckboxChecked'&&$('premiumState').className=='premium')
btb=1;voiceType=ESN.Controller.Channel.chanType;new PageLoader("index.php?key=voiplay&action=create&name="+encodeURIComponent(cname)+"&btb="+btb+"&voiceType="+voiceType).call();ESN.Controller.Channel.setChannel(ESN.Util.Base64.encode(cname),btb,voiceType);},setChanType:function(index)
{ESN.Controller.Channel.chanType=index;$('channelTypeText').innerHTML=ESN.Controller.Channel.chanTypes[index];},removeChannel:function()
{if(confirm("Är du säker på att du vill ta bort kanalen?"))
{var type=ESN.Controller.Channel.chanType;ESN.Controller.Channel.setChannel('',0,0);ESN.Controller.Channel.chanType=type;new PageLoader("/index.php?key=voiplay&action=destroy").hideLoader().call();}},setChannel:function(name,btb,type)
{name=ESN.Util.Base64.decode(name);ESN.Controller.Channel.channelName=name;ESN.Controller.Channel.btb=btb;ESN.Controller.Channel.chanType=type;$('chanName1').innerHTML=name;$('chanName2').innerHTML=name;ESN.Controller.Channel.channelDivClose();},voiceConnect:function()
{new PageLoader("index.php?key=voiplay&action=joinchannel").call();},voiceInvite:function()
{var inviteThese=ESN.Controller.getMarkedBuddies().join(':');if(inviteThese.length==0)
{alert('Du har inte markerat några av dina kompisar i kompislistan.');return;}
new PageLoader('index.php?key=voiplay&action=invite_to_channel&invites='+inviteThese).setTarget('void').call();}};
ESN.Ajax.Navigate={elements:{},loaderDiv:null,loadingUrls:{},initialize:function(loader,elems)
{var el,i;for(i in elems)
{el=$(elems[i]);if(Y.lang.isValue(el))
{this.elements[elems[i]]=$(elems[i]);}
else
{this.elements[elems[i]]=i;}}
for(i in this.elements){if(!Y.lang.isString(this.elements[i]))
{this.registerListeners(this.elements[i]);}}
this.loaderDiv=$(loader);},showMessage:function(event,messageID)
{var url='index.php?key=message.loader&msgID='+messageID;if(event)
{new PageLoader(url).hideLoader().call(event);}
else
{new PageLoader(url).hideLoader().call();}},loadGamercard:function(ev,coreID,relation)
{if(Y.lang.isValue(ev))
{Y.util.Event.preventDefault(ev);}
else
{ev=null;}
ESN.Widget.Gamercard.create(ev,coreID,relation);},loadTeamcard:function(ev,teamID)
{if(Y.lang.isValue(ev))
{Y.util.Event.preventDefault(ev);}
ESN.Widget.Teamcard.create(ev,teamID);},loadPremiumPopup:function(ev,id,title,content,style,reRender)
{if(Y.lang.isValue(ev))
{Y.util.Event.preventDefault(ev);}
if($('premiumPopup'+id)&&id!='medalPremiumJSTop')
{ESN.Widget.Popup.destroy(ev,$('premiumPopup'+id));}
else
{ESN.Widget.PremiumPopup.create(ev,id,title,content,style,reRender);}},getTargetDiv:function(el)
{for(targetElement in this.elements)
{if(YAHOO.util.Dom.hasClass(el,targetElement))
{return targetElement;}}
return null;},defaultLinkListener:function(evt)
{YAHOO.util.Event.preventDefault(evt);var url=this.getAttribute('href');if(!Y.lang.isValue(url)||url=="")
{alert("The clicked url doesn't have a href. Add a href or remove the target class.");return;}
var classArgument=new ESN.Util.ClassArgument(this);var target=classArgument.get('target',null);if(Y.lang.isNull(target))
{target=ESN.Ajax.Navigate.getTargetDiv(this);}
var callback=classArgument.get("callback");var pageLoader=new PageLoader(url).setTarget(target).setCallbackObject({callback:callback});if(Dom.hasClass(this,"noscroll"))
{pageLoader.setScroll(false);}
pageLoader.call();},defaultFormListener:function(evt)
{YAHOO.util.Event.preventDefault(evt);var classArgument=new ESN.Util.ClassArgument(this);var validator=classArgument.get("validator",null,true);if(validator!=null)
{var validationSuccess=validator.call(this);if(validationSuccess==false)
{return;}}
var url=this.getAttribute('action');var target=classArgument.get('target',null);if(Y.lang.isNull(target))
{target=ESN.Ajax.Navigate.getTargetDiv(this);}
var callback=classArgument.get("callback");var fileUpload=(this.enctype=="multipart/form-data");var pageLoader=new PageLoader(url).setTarget(target).setCallbackObject({callback:callback}).setPostObject(new N.PostObject(this).setFileUpload(fileUpload));if(Dom.hasClass(this,"noscroll"))
{pageLoader.setScroll(false);}
pageLoader.call();},registerListeners:function(el)
{var i,len,n,children,el=$(el),target,attach;children=ESN.Dom.getChildrenByTagName(el,new Array("a","form"));len=children.length;for(i=0;i
';$('taf_inputs').appendChild(div);this.currentEmail++;},checkAllWithClassName:function(className,ev)
{if(Y.lang.isValue(ev))
{Y.util.Event.preventDefault(ev);}
var elements=Y.util.Dom.getElementsByClassName(className);for(var i in elements)
{var e=elements[i];$(e).checked=1;}},unCheckAllWithClassName:function(className,ev)
{if(Y.lang.isValue(ev))
{Y.util.Event.preventDefault(ev);}
var elements=Y.util.Dom.getElementsByClassName(className);for(var i in elements)
{var e=elements[i];$(e).checked=0;}},lightTabByCss:function(elem,className,ev)
{if(Y.lang.isValue(ev))
{Y.util.Event.preventDefault(ev);}
var elem=$(elem);var elements=Y.util.Dom.getElementsByClassName(className);for(var i in elements)
{var e=elements[i];$(e).className=className+' '+className+'Off';}
$(elem).className=className+' '+className+'On';},lightTabAndContent:function(tabID,className,ev)
{if(Y.lang.isValue(ev))
{Y.util.Event.preventDefault(ev);}
var elements=Y.util.Dom.getElementsByClassName(className);for(var i in elements)
{var e=elements[i];$(e).style.background='url(http://static.playzeek.com/images/common/tabs/tab_3_bg_off.gif)';var contentName='content_'+($(e).id.substr(4,$(e).id.length));if($(contentName))
{$(contentName).style.display='none';}}
$('tab_'+tabID).style.background='url(http://static.playzeek.com/images/common/tabs/tab_3_bg_on.gif)';if($('content_'+tabID))
$('content_'+tabID).style.display='block';},getDiffInStr:function(ts)
{ts*=1000;var before=new Date();before.setTime(ts);var now=new Date();var diff=Math.floor(now.getTime()/1000)-(before.getTime()/1000);if(now.getDay()!=before.getDay())
{var days=Math.ceil((diff)/(60*60*24));return(days==1)?days+' dag sedan':days+' dagar sedan';}
if(diff>=60*60)
{var hours=Math.floor((diff)/(60*60));return(hours==1)?hours+' timme sedan':hours+' timmar sedan';}
var min=Math.floor((diff)/(60));if(min==1)
return min+' minut sedan';if(min<1)
min=0;return(min==0)?'Nu':min+' minuter sedan';},scrollToDiv:function(divName)
{scrollTo(0,ESN.Dom.getY(divName));},checkPost:function()
{if($('blogHeader').value=="Skriv rubrik här"||$('blogHeader').value=='')
alert("Ange rubrik innan du postar!");else if($('msgText').value=='')
alert("Du måste skriva en kommentar först.");else
return true;},checkComment:function(formID)
{if($('commentForm-'+formID).commentText.value=='')
alert("Du måste skriva en kommentar först.");else
return true;},checkEditPost:function(id)
{if($('editBlogForm-'+id).blogEditTxt.value=='')
alert("Du måste skriva en kommentar först.");else if($('editBlogForm-'+id).blogEditHeader.value=='')
alert("Ange rubrik innan du postar!");else
return true;},blogEdit:function(id)
{blog=$('blogContent-'+id).style;edit=$('blogEdit-'+id).style;blogHeader=$('blogMsgHeader-'+id).style;editHeader=$('blogEditHeader-'+id).style;if(blog.display=='block')
{blog.display='none';blogHeader.display='none';edit.display='block';editHeader.display='block';}
else
{blog.display='block';edit.display='none';blogHeader.display='block';editHeader.display='none';}},checkSubject:function(id)
{if($('replysubject_'+id).value=='')
return alert('Du har glömt fylla i ett ämne.');if($('replycontent_'+id).value=='')
return alert('Du kanske skulle skriva ett meddelande?');ESN.Inbox.toggleReply(id,'1');new PageLoader('index.php?key=player.inbox.send').setPostObject(new N.PostObject($('mailFormReply_'+id))).call();ESN.Widget.Popup.destroy(null,'userMessagePopup'+id);},menuChange:function(id,url)
{for(i in this.pages)
{var page=this.pages[i];if($('profile_'+page))
{$('profile_'+page).className='off';}}
$(id).className='on';new PageLoader('index.php?key='+url).setTarget('profileContent').setScroll(false).call();},setPlaying:function(num)
{if($('headerNumPlaying'))
{$('headerNumPlaying').innerHTML=num+' spelar';}},setTeamsOnline:function(num)
{if($('headerNumTeams'))
{$('headerNumTeams').innerHTML=num+' lag';}},setUsersOnline:function(num)
{if($('headerNumUsers'))
{$('headerNumUsers').innerHTML=num+' online';}},_keyStr:"ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/=",encode64:function(input){var output="";var chr1,chr2,chr3,enc1,enc2,enc3,enc4;var i=0;input=this._utf8_encode(input);while(i';if(arr[i+1])
{historyHtml+='';}
historyHtml+=arr[i].ucFirst();if(arr[i+1])
{historyHtml+='';}
historyHtml+='
';historyHtml+="";html+="
";html+=""+ESN.Util.ListChooser.titles[listname]['source']+"
";for(s in sources)
{var isTarget=false;for(t in targetOrder)
{if(targetOrder[t]==s)
{isTarget=true;break;}}
if(isTarget)
{continue;}
html+="";html+="
";}
html+=""+sources[s]+"
";html+=""+"
"+"
";html+="";html+=""+"";html+="
";}
html+="";html+="";$(listname).value=hiddenvalue;parentEl.innerHTML=html;},moveUp:function(listname,sourceID)
{var tIndex=ESN.Util.ListChooser.getTargetIndex(listname,sourceID);if(tIndex==-1)
{return;}
if(tIndex==0)
{return;}
var prevItem=ESN.Util.ListChooser.targetOrder[listname][tIndex-1];ESN.Util.ListChooser.targetOrder[listname][tIndex-1]=ESN.Util.ListChooser.targetOrder[listname][tIndex];ESN.Util.ListChooser.targetOrder[listname][tIndex]=prevItem;ESN.Util.ListChooser.render(listname);},moveDown:function(listname,sourceID)
{var tIndex=ESN.Util.ListChooser.getTargetIndex(listname,sourceID);if(tIndex==-1)
{return;}
if(tIndex==ESN.Util.ListChooser.targetOrder[listname].length-1)
{return;}
var thisItem=ESN.Util.ListChooser.targetOrder[listname][tIndex];ESN.Util.ListChooser.targetOrder[listname][tIndex]=ESN.Util.ListChooser.targetOrder[listname][tIndex+1];ESN.Util.ListChooser.targetOrder[listname][tIndex+1]=thisItem;ESN.Util.ListChooser.render(listname);},getTargetIndex:function(listname,sourceID)
{var targets=ESN.Util.ListChooser.targetOrder[listname];var t;for(t in targets)
{if(targets[t]==sourceID)
{return parseInt(t);}}
return-1;},moveRight:function(listname,sourceID)
{var targetCount=ESN.Util.ListChooser.targetOrder[listname].length;ESN.Util.ListChooser.targetOrder[listname][targetCount]=sourceID;ESN.Util.ListChooser.render(listname);},moveLeft:function(listname,sourceID)
{var tIndex=ESN.Util.ListChooser.getTargetIndex(listname,sourceID);if(tIndex==-1)
{return;}
ESN.Util.ListChooser.targetOrder[listname].splice(tIndex,1);ESN.Util.ListChooser.render(listname);}}
ESN.Widget.Popup={margin:10,create:function(ev,content,rectangle,movable,eventHandlers,animations,popupId,fullscreenOverlay,dragDropImplementation)
{if(!Y.lang.isValue(movable))
{movable=false;}
eventHandlers=eventHandlers||null;popupId=popupId||null;dragDropImplementation=dragDropImplementation||ESN.Util.DragDropFactory.DD_POPUP;animations=animations||{}
var el=document.createElement('div');YAHOO.util.Dom.addClass(el,'popup');Dom.setStyle(el,"zIndex",ESN.Util.DDPopupZindex.incrementHighIndex());if(popupId==null)
YAHOO.util.Dom.generateId(el,'popup');else
el.id=popupId;this.setContent(el,content,movable,eventHandlers,dragDropImplementation);this.setPosition(el,rectangle);if(fullscreenOverlay==true)
{var overlayDiv=document.createElement('div');overlayDiv.id="overlayFor"+el.id;YAHOO.util.Dom.addClass(overlayDiv,'fullscreenOverlay');$("frame").appendChild(overlayDiv);}
ESN.Dom.getBody().appendChild(el);return el;},setPosition:function(el,rectangle){el=$(el);rectangle.applyTo(el);},setContent:function(el,content,movable,eventHandlers,dragDropImplementation){if(!Y.lang.isValue(movable))
{movable=false;}
el=$(el);if(!el)return;var evaluatedContent=this.evaluateContent(content,el);el.innerHTML=evaluatedContent.content;el.innerHTML=el.innerHTML.replace(/{POPUPID}/g,el.id);if(true==movable){var dd=ESN.Util.DragDropFactory.create(dragDropImplementation,el);if(Y.lang.isValue(evaluatedContent.header))
{dd.setHandleElId(evaluatedContent.header.draghandle);}}
N.registerListeners(el);ESN.Util.Event.addListeners(el,eventHandlers);ESN.IE6.Png.fixRecursive(el);},evaluateContent:function(content,el){var contentString;var contentWithHeader=null;if(Y.lang.isObject(content)&&!Y.lang.isObject(content.content)){contentString=ESN.Util.Dom.harvestHTML(content);}else if(Y.lang.isObject(content.content)){contentWithHeader=ESN.Widget.Popup.buildContentWithHeader(content,el);contentString=contentWithHeader.content;}else{contentString=content;}
return{content:contentString,header:contentWithHeader}},contentToString:function(content){var result=this.evaluateContent(content);return result.content;},destroyWithFade:function(ev,popup,secondsToFade,delayTime)
{if(!Y.lang.isValue(secondsToFade))
{secondsToFade=2;}
if(!Y.lang.isValue(delayTime))
{delayTime=2;}
delayTime*=1000;var attributes={opacity:{from:1,to:0}};setTimeout(function(){var anim=new Y.util.Anim(popup,attributes);anim.duration=secondsToFade;anim.method=Y.util.Easing.easeOutStrong;var that=this;anim.onComplete.subscribe(function(){ESN.Widget.Popup.destroy(ev,popup)});anim.animate();},delayTime);},destroy:function(ev,popup){popup=$(popup);if(!Y.lang.isValue(popup))
{return;}
if(Y.lang.isValue(ev))
{Y.util.Event.preventDefault(ev);}
ESN.Dom.removeElement("overlayFor"+popup.id);if(popup.destroyEvent!=null){popup.destroyEvent.fire();}
ESN.Util.Event.removeListeners(popup);ESN.Dom.removeElement(popup);popup=null;},buildContentWithHeader:function(content,el)
{var dragid=YAHOO.util.Dom.generateId(null,'popuptitle');var title="";var subtitle="";if(Y.lang.isValue(content.title))
{title=ESN.Util.Dom.harvestHTML(content.title);}
if(Y.lang.isValue(content.subtitle))
{subtitle=ESN.Util.Dom.harvestHTML(content.subtitle);}
content=ESN.Util.Dom.harvestHTML(content.content);var html="";var popupID=el.id;html+=""+ESN.Util.ListChooser.titles[listname]['target']+"
";var hiddenvalue="";for(t in targetOrder)
{s=targetOrder[t];hiddenvalue+=sources[s]+";";html+="";html+=""+"
"+"
";}
html+=""+"
"+"
";if(t>0)
{html+=""+""+"
"+"
";}
if(t"+""+""+sources[s]+"
";html+="";html+="";html+="
";return{draghandle:dragid,content:html};},timerTickEventListener:function(type,arguments)
{var eh=arguments[0];if((ESN.Util.Date.unixTimestamp()-eh.get('createdTimestamp'))>eh.get('autoDestructDelay'))
{ESN.Widget.Popup.destroy(null,eh.get('el'));}},destroyEventListener:function(type,arguments,eh)
{ESN.Widget.Popup.destroy(null,eh.get('el'));},loadPageEventListener:function(type,arguments,eh)
{ESN.Widget.Popup.destroy(null,eh.get('el'));},destroyOnMouseOut:function(ev,el)
{ESN.Util.Event.addListener(el,new ESN.Util.EventHandler('mouseout',ESN.Widget.Popup.destroy));}};
ESN.Widget.Notifier={margin:10,notifierGroups:[],getNotifierGroup:function(rectangle)
{var currentNotifierGroup;var currentBottom=ESN.Util.Dom.getDocumentScrollBottom();if(ESN.Widget.Notifier.notifierGroups[currentBottom]==null)
{currentNotifierGroup={currentBottom:currentBottom,widestNotifier:0,nextPosition:{top:0,right:null},count:0};}
else
{currentNotifierGroup=ESN.Widget.Notifier.notifierGroups[currentBottom];}
var rw=rectangle.getWidth().getValue();var rh=rectangle.getHeight().getValue();if(currentNotifierGroup.count>0)
{var newTop=currentNotifierGroup.nextPosition.top-rh-ESN.Widget.Notifier.margin;if(newTop>=YAHOO.util.Dom.getDocumentScrollTop())
{currentNotifierGroup.nextPosition.top=newTop;if(currentNotifierGroup.widestNotifier";html+="
";html+="
";}
html+="
";html+="";html+="
";html+=content;html+=""+title+"
";if(subtitle!="")
{html+="";html+=""+subtitle+"
";html+="";}
html+="";html+="";html+="hej hej
';var rectangle=rectangle||new ESN.Util.Rectangle(Math.round(Math.random()*100)+100,Math.round(Math.random()*100)+100);var notifierGroup=ESN.Widget.Notifier.getNotifierGroup(rectangle);rectangle.setY(notifierGroup.nextPosition.top);rectangle.setX(notifierGroup.nextPosition.right);rectangle.setHorizontalAlignment('right');var eventHandlers=new ESN.Util.TimerTickEventHandler(ESN.Widget.Popup.timerTickEventListener,{autoDestructDelay:5});var notifier=ESN.Widget.Popup.create(event,content,rectangle,false,eventHandlers);notifier.notifierGroup=notifierGroup.currentBottom;},close:function(closeButton){ESN.Widget.Notifier.destroy(closeButton.parentNode.parentNode);},destroy:function(popup){ESN.Widget.Notifier.notifierGroups[popup.notifierGroup].count=ESN.Widget.Notifier.notifierGroups[popup.notifierGroup].count-1;ESN.Widget.Popup.destroy(null,popup);}}; ESN.Widget.ContentPopup={popupIds:new Array(),tryReservePopupId:function(popupId,ev) {if(Y.lang.isValue(popupId)){if(!Y.lang.isValue(this.popupIds[popupId])) this.popupIds[popupId]=true;else{if(ev!=null) YAHOO.util.Event.preventDefault(ev);return false;}}},determineTarget:function(ev,target) {if(target==null&&ev!=null) {return Event.getTarget(ev);} else if(target!=null) {return $(target);}},createTooltip:function(ev,target,content) {var popup=this.create(ev,content,new ESN.Util.Rectangle(200,100),"mouse",[],5,null,null,target,'showAltInfo',null,null,0);},create:function(ev,content,rectangle,relation,eventHandlers,margin,align,valign,target,popupId,fullscreenOverlay,dragDropImplementation,movable,animations,flipHorizontal,flipVertical){if(this.tryReservePopupId(popupId,ev)==false) {return;} if(!Y.lang.isValue(flipHorizontal)) flipHorizontal=ESN.Util.Rectangle.INSIDE_CLIENT_FLIP;if(!Y.lang.isValue(flipVertical)) flipVertical=ESN.Util.Rectangle.INSIDE_CLIENT_NO;relation=relation||ESN.Util.Rectangle.RELATION_CENTER;target=this.determineTarget(ev,target);switch(relation){case ESN.Util.Rectangle.RELATION_TOP:case ESN.Util.Rectangle.RELATION_BOTTOM:case ESN.Util.Rectangle.RELATION_LEFT:case ESN.Util.Rectangle.RELATION_RIGHT:rectangle.setRelativePosition(target,relation,margin,align,valign,flipHorizontal,flipVertical);break;case'mouse':eventHandlers.push(new ESN.Util.EventHandler('mouseout',this.destroyMouseFollower,target));eventHandlers.push(new ESN.Util.EventHandler('mousemove',this.repositionToMouse,target));rectangle.setY(YAHOO.util.Event.getPageY(ev)+margin);rectangle.setX(YAHOO.util.Event.getPageX(ev)+margin);break;case ESN.Util.Rectangle.RELATION_CENTER:rectangle.setCenterPosition();break;} eventHandlers.push(new ESN.Util.DestroyEventHandler(this.destroyEventListener));if(!Y.lang.isValue(movable)) {movable=true;} var popup=ESN.Widget.Popup.create(ev,content,rectangle,movable,eventHandlers,animations,popupId,fullscreenOverlay,dragDropImplementation);popup.popupMargin=margin;return popup;},destroyMouseFollower:function(ev,eh) {ESN.Widget.Popup.destroy(ev,eh.get('el'));},setPosition:function(popup,target,relation,margin,align,valign,flip) {var popupRectangle=new ESN.Util.Rectangle().cloneElement(popup);popupRectangle.setRelativePosition(target,relation,margin,align,valign,flip);popupRectangle.applyTo(popup);},repositionToMouse:function(ev,eh){var popup=eh.get('el');YAHOO.util.Dom.setStyle(popup,'left',YAHOO.util.Event.getPageX(ev)+popup.popupMargin+'px');YAHOO.util.Dom.setStyle(popup,'top',YAHOO.util.Event.getPageY(ev)+popup.popupMargin+'px');},destroyEventListener:function(type,arguments,eh){var el=eh.get('el');if(Y.lang.isValue(el.id)&&Y.lang.isValue(ESN.Widget.ContentPopup.popupIds[el.id])) {delete ESN.Widget.ContentPopup.popupIds[el.id];}},close:function(closeButton){this.destroy(null,closeButton.parentNode.parentNode);}}; ESN.Widget.DropDownMenu={activeMenuIds:new Array(),setIsActive:function(ev,eh,elId) {if(!Y.lang.isValue(elId)) {var el=eh.get('el');elId=el.id;} ESN.Widget.DropDownMenu.activeMenuIds[elId]=true;},setIsNotActive:function(ev,eh) {var el=eh.get('el');if(Y.lang.isValue(ESN.Widget.DropDownMenu.activeMenuIds[el.id])) {delete ESN.Widget.DropDownMenu.activeMenuIds[el.id];}},destroyIfNotActiveTimeout:function(ev,eh) {var el=eh.get('el');setTimeout(function() {ESN.Widget.DropDownMenu.destroyIfNotActive(el);},200);},destroyIfNotActive:function(el) {if(!Y.lang.isValue(ESN.Widget.DropDownMenu.activeMenuIds[el.id])) {ESN.Widget.Popup.destroy(null,el);}},destroyActive:function(ev,eh) {var el=eh.get('el');ESN.Widget.Popup.destroy(ev,el);},destroyEventListener:function(type,arguments,eh){var el=eh.get('el');if(Y.lang.isValue(el.id)&&Y.lang.isValue(ESN.Widget.DropDownMenu.activeMenuIds[el.id])) {delete ESN.Widget.DropDownMenu.activeMenuIds[el.id];}},create:function(ev,content,rectangle,menuId,margin,eventHandlers,target,relation) {if(Y.lang.isValue(ev)) {Y.util.Event.preventDefault(ev);} if(!Y.lang.isValue(margin)) {margin=0;} relation=relation||ESN.Util.Rectangle.RELATION_BOTTOM;var align=null;var valign=null;if(relation==ESN.Util.Rectangle.RELATION_TOP||relation==ESN.Util.Rectangle.RELATION_BOTTOM) align=ESN.Util.Rectangle.ALIGN_LEFT;else if(relation==ESN.Util.Rectangle.RELATION_LEFT||relation==ESN.Util.Rectangle.RELATION_RIGHT) valign=ESN.Util.Rectangle.VALIGN_TOP;target=ESN.Widget.ContentPopup.determineTarget(ev,target);var animations={create:false} eventHandlers=eventHandlers||[];eventHandlers.push(new ESN.Util.EventHandler('mouseover',this.setIsActive,target));eventHandlers.push(new ESN.Util.EventHandler('mouseover',this.setIsActive));eventHandlers.push(new ESN.Util.EventHandler('mouseout',this.setIsNotActive,target));eventHandlers.push(new ESN.Util.EventHandler('mouseout',this.setIsNotActive));eventHandlers.push(new ESN.Util.EventHandler('mouseout',this.destroyIfNotActiveTimeout,target));eventHandlers.push(new ESN.Util.EventHandler('mouseout',this.destroyIfNotActiveTimeout));eventHandlers.push(new ESN.Util.EventHandler('click',this.destroyActive));eventHandlers.push(new ESN.Util.EventHandler('click',function(event,eh) {if(new Date().getTime()-eh.get("creationTime")>100) {setTimeout(function() {ESN.Widget.DropDownMenu.destroyActive(null,eh);},50);}},target));eventHandlers.push(new ESN.Util.DestroyEventHandler(this.destroyEventListener));return ESN.Widget.ContentPopup.create(ev,content,rectangle,relation,eventHandlers,margin,align,valign,target,menuId,null,null,0,animations,ESN.Util.Rectangle.INSIDE_CLIENT_NO);}}; ESN.Widget.Gamercard={WIDTH:296,HEIGHT:178,MARGIN:10,loadingGamercards:{},addLoadingGamercard:function(el,requestObj) {this.loadingGamercards[el.id]=requestObj;},deleteLoadingGamercard:function(el) {if(Y.lang.isValue(this.loadingGamercards[el.id])) {delete this.loadingGamercards[el.id];}},destroyLoadingGamercard:function(el) {this.deleteLoadingGamercard(el);ESN.Widget.Popup.destroy(null,el);},abortLoadingGamercard:function(gamercardId) {var el=$(gamercardId);if(Y.lang.isValue(this.loadingGamercards[gamercardId])) {Y.util.Connect.abort(this.loadingGamercards[gamercardId].conn,this.loadingGamercards[gamercardId].callback);} ESN.Widget.Popup.destroy(null,el);},gamercardRequestCallback:function(args) {var gamercard=$(args.gamercardId);if(args.obj.status==0||args.obj.status==-1) {this.destroyLoadingGamercard(gamercard);} else {this.deleteLoadingGamercard(gamercard);}},create:function(ev,coreID,relation){relation=relation||ESN.Util.Rectangle.RELATION_RIGHT;var popupRectangle=new ESN.Util.Rectangle(this.WIDTH,this.HEIGHT),relation,content;popupRectangle.setRelativePosition(ev,relation);var gamercardId="gamercard"+coreID;var popup=$(gamercardId);if(!Y.lang.isValue(popup)) {content=""+"
"+""+"
";popup=ESN.Widget.Popup.create(ev,content,popupRectangle,true,null,null,gamercardId);}
var url=new ESN.Url("index.php?key=player");url.add("coreID",coreID);url.add("popupid",gamercardId);url.add("popuprelation",popupRectangle.getRelation());var callbackObject={callback:this.gamercardRequestCallback,scope:this,args:{gamercardId:gamercardId}}
this.addLoadingGamercard(popup,new PageLoader(url.getUrl()).setCallbackObject(callbackObject).hideLoader(true).call(ev));},loadPageEventListener:function(type,arguments,eh)
{if(!Dom.hasClass(eh.get("el"),"popupMoving"))
{ESN.Widget.Popup.destroy(null,eh.get("el"));}}};
ESN.Widget.Teamcard={WIDTH:409,HEIGHT:507,MARGIN:10,create:function(ev,teamID){var url=new ESN.Url("index.php?key=team");url.add("teamID",teamID);new PageLoader(url.getUrl()).call(ev);}};
ESN.Widget.PremiumPopup={WIDTH:205,HEIGHT:122,MARGIN:0,create:function(ev,ID,title,content,style,reRender){relation=style||ESN.Util.Rectangle.RELATION_RIGHT;var popupID="premiumPopup"+ID;var url=new ESN.Url("index.php?key=premium.info.popup");url.add("title",title);url.add("ID",popupID);url.add("content",content);url.add("style",style);if(reRender!=null&&reRender)
{ESN.Widget.ContentPopup.setPosition($('premiumPopup'+ID),Y.util.Event.getTarget(ev),relation);}
new PageLoader(url.getUrl()).hideLoader(true).call(ev);}};
ESN.Widget.TopMessage={autoDestuctDelay:5,currentTopMessage:null,messageQueue:new Array(),create:function(ev,content,autoDestructDelay,overrideQueue){overrideQueue=overrideQueue||false;content=ESN.Widget.Popup.contentToString(content);if((Y.lang.isValue(ESN.Widget.TopMessage.currentTopMessage)||ESN.Widget.TopMessage.messageQueue.length>0)&&overrideQueue!=true){if(Y.lang.isValue(ev))
Y.util.Event.prevDefault(ev);ESN.Widget.TopMessage.messageQueue.push({ev:ev,content:content,autoDestructDelay:autoDestructDelay});ESN.Widget.TopMessage.updateMessagesInQueueIndicator();}else{var rectangle=new ESN.Util.Rectangle('100%','1px',0,0).setPositioningType('fixed');var animations={create:{attributes:{height:{to:50},opacity:{to:0.95}},duration:1}}
autoDestructDelay=autoDestructDelay||this.autoDestuctDelay;var eventHandlers=new Array(new ESN.Util.LoadPageEventHandler(ESN.Widget.TopMessage.loadPageEventListener),new ESN.Util.TimerTickEventHandler(ESN.Widget.Popup.timerTickEventListener,{autoDestructDelay:autoDestructDelay}),new ESN.Util.DestroyEventHandler(ESN.Widget.TopMessage.destroyEventListener));ESN.Widget.TopMessage.currentTopMessage={el:ESN.Widget.Popup.create(ev,content,rectangle,false,eventHandlers,animations)};ESN.Widget.TopMessage.updateMessagesInQueueIndicator();}},updateMessagesInQueueIndicator:function(){if(this.messageQueue.length>0){var messagesInQueueContainer=YAHOO.util.Dom.getElementsByClassName('messagesInQueue','div',this.currentTopMessage.el);messagesInQueueContainer[0].innerHTML=new String(this.messageQueue.length)+(this.messageQueue.length==1?" meddelande i kö":" meddelanden i kö");}},loadPageEventListener:function(type,evData,eh){var i=ESN.Widget.TopMessage.messageQueue.length-1;while(i>=0)
{delete ESN.Widget.TopMessage.messageQueue[i];ESN.Widget.TopMessage.messageQueue[i]=null;i--;}
ESN.Widget.TopMessage.messageQueue=[];var el=eh.get("el");ESN.Widget.Popup.destroy(null,el);},destroyEventListener:function(type,arguments,eh){ESN.Widget.TopMessage.destroy(eh);},destroy:function(eh,popup){if(!Y.lang.isValue(popup))
{popup=eh.get('el');}
ESN.Widget.TopMessage.currentTopMessage=null;if(ESN.Widget.TopMessage.messageQueue.length>0){var nextMessage=ESN.Widget.TopMessage.messageQueue.shift();this.create(nextMessage.ev,nextMessage.content,nextMessage.autoDestructDelay,true);}}};
ESN.Widget.Ticker={tickerTimeout:null,tickerPos:new Array(-25,0),tickerMessages:new Array(),currentTicker:0,reloaded:function()
{img=new Image();img.src='/index.php?key=reload';setTimeout('reloaded()',1800000);},validateTicker:function()
{this.startTicker(true);},addTickerMessage:function(prio,link,target,msg,gameID,lifetime,portal)
{if(gameID!=""&&gameID!=0&&ESN.Menu.activeGame!=gameID)
{return;}
if(portal!='validPortal'&&portal!=ESN.Config.portal)
return;dt=new Date();var tickerOb=new Object();tickerOb.link=link;tickerOb.target=target;tickerOb.message=msg;tickerOb.gameID=gameID;if(!lifetime)
lifetime=60*3;tickerOb.lifetime=dt.getTime()+(lifetime*1000);ESN.Widget.Ticker.tickerMessages.push(tickerOb);if(ESN.Widget.Ticker.tickerMessages.length==1)
{setTimeout("ESN.Widget.Ticker.startTicker(false)",5000);}},startTicker:function()
{var tickers=0;$('tickerContent').style.top='-25px';if(ESN.Widget.Ticker.tickerMessages.length>0)
{tickers=ESN.Widget.Ticker.tickerMessages.length;ob=ESN.Widget.Ticker.tickerMessages.pop();this.currentTicker=ob;if(ob)
{dt=new Date();if(ob.lifetime-dt.getTime()>0)
{ESN.Widget.Ticker.tickerMessages.unshift(ob);}
var innerHTML;if(ob.message!='')
{if(ob.link!='')
{innerHTML='';}
else
{innerHTML='"+"Hämtar uppgifter 
"+"
"+""+"'+ob.message+'
';}}
else
{innerHTML=ob.message;}
$('tickerContent').innerHTML=innerHTML;this.tickerTimeout=window.setTimeout('ESN.Widget.Ticker.moveTickerLeft()',100);}
else
{this.isMoreTickers();}
return;}
else
{setTimeout('ESN.Widget.Ticker.startTicker()',500);}},moveTickerLeft:function()
{var elem=$('tickerContent');var attributes={top:{from:-25,to:0}};var anim=new YAHOO.util.Anim('tickerContent',attributes);anim.duration=1;anim.onComplete.subscribe(window.setTimeout('ESN.Widget.Ticker.isMoreTickers()',7000));anim.animate();},isMoreTickers:function()
{if(ESN.Widget.Ticker.tickerMessages.length>1||(ESN.Widget.Ticker.tickerMessages.length==1&&ESN.Widget.Ticker.tickerMessages[0]!=this.currentTicker))
{ESN.Widget.Ticker.moveTickerDown();}
else
{ESN.Widget.Ticker.tickerTimeout=window.setTimeout('ESN.Widget.Ticker.isMoreTickers()',2000);}},moveTickerDown:function()
{var elem=$('tickerContent');var attributes={top:{from:0,to:25}};var anim=new YAHOO.util.Anim('tickerContent',attributes);anim.duration=1;anim.onComplete.subscribe(ESN.Widget.Ticker.startTicker);anim.animate();}};
ESN.Widget.Slider={initTrack:function(me)
{me.initTrack();},initHandle:function(me)
{me.initHandle();},create:function(min,max,current,track,handle,onchangefunc,onslidefunc)
{this._onchange=(typeof onchangefunc=='function'?onchangefunc:function(p){alert('changed to '+p);});this._onslide=(typeof onslidefunc=='function'?onslidefunc:function(p){alert('sliding over '+p);});this._min=min;this._max=max;this._trackID=track;this._handleID=handle;this._selectedValue=current;this._slidedValue=current;this._downX=-1;this._handle=null;this._track=null;this._tw;this._hw;this._pw;this._precached;this._handleCentering=false;this.mouseX=function(e,elem)
{if(!e)
{var e=window.event;}
else
{var e=e;}
var x=0;if(e.screenX)
{x=e.screenX;}
else if(e.pageX)
{x=e.pageX;}
return(x-ESN.Util.Dom.getX(elem));}
this.mouseOut=function(){}
this.offsetSelect=function(offset)
{var newVal=this._selectedValue+offset;if(newVal";html+="
Anslut";}
html+="
";div.innerHTML=html;this.makeVisible();}},closeListener:function(ev)
{var that=this;setTimeout(function()
{that.close();},50);},makeVisible:function()
{this.visible=true;$(this.coreID+"_cell").style.paddingBottom="22px";$(this.coreID+'_moreInfo').style.display='block';var icon=$(this.coreID+"_iconChanActive");Y.util.Event.addListener(icon,"click",this.closeListener,this,true);},makeInvisible:function()
{var icon=$(this.coreID+"_iconChanActive");Y.util.Event.removeListener(icon,"click",this.closeListener);this.visible=false;$(this.coreID+"_cell").style.paddingBottom="3px";$(this.coreID+'_moreInfo').style.display='none';},isBTB:function(){parts=this.channelID.split('_');if(parts[4]=='1')
{return 1;}
return 0;},validJoin:function()
{this.mayJoin=false;if(this.voiceType=='open')
this.mayJoin=true;else
if(this.voiceType=='closed')
this.mayJoin=false;else
for(var x in ESN.Controller.buddyList)
{if(x==this.channelOwner)
{this.mayJoin=true;break;}}
if(ESN.Controller.myID==this.channelOwner)
{this.mayJoin=true;}
return this.mayJoin;},close:function()
{this.makeInvisible();},setMouseIn:function()
{this.mouseIn=true;},hide:function()
{this.mouseIn=false;var that=this;this.timer=setTimeout(function(){that.hideNow();},1500);},hideNow:function()
{if(!this.mouseIn)
{this.makeInvisible();}}};
ESN.Widget.VoiceChannelTooltip={create:function(ev,target,coreID,channel,style)
{channel.channelName=ESN.Util.Base64.decode(channel.channelName);var bg;if(style=='left')
{bg='http://static.playzeek.com/images/common/profile/voicepopup_bg.gif';}
else if(style=='bottom')
{bg='http://static.playzeek.com/images/common/profile/voicedropdown2_bg.gif';}
else
{alert('wrong style!');}
if(channel.isBtb)
{channel.channelName+=" (BTB)";}
var html="";if(this.mayJoin)
{html+="
Anslut";html+="Anslut";}
else
{html+="
";}
html+="
";ESN.Widget.DropDownMenu.create(ev,html,new ESN.Util.Rectangle(247,32,null,null,18),"voiceDropUp"+coreID,null,null,target,ESN.Util.Rectangle.RELATION_TOP);}};
ESN.Widget.Medallog={medalNames:new Object,medalTimeString:new Object(),logger:function(divName)
{this.divName=divName;this.currentMedals=new Array();this.currTout=0;this.addMedal=function(medalOb)
{if(this.currentMedals.length>3)
{this.currentMedals.shift();}
this.currentMedals[this.currentMedals.length]=medalOb;}
this.tsSort=function(a,b)
{return a.medalTs-b.medalTs;}
this.render=function()
{if($(this.divName)==null)
return;this.currTout=0;this.currentMedals.sort(this.tsSort);html='';for(n=this.currentMedals.length-1;n>=0;n--)
{html+=this.currentMedals[n].render(n==1);}
$(this.divName).innerHTML=html;}},medalObject:function(medalImg,medalID,playerName,playerImg,playerLnk,medalTime,playerCoreID,medalTs)
{this.medalImg=medalImg;this.medalID=medalID;this.playerName=playerName;this.playerImg=playerImg;this.medalTime=medalTime;this.playerLnk=playerLnk;this.playerCoreID=playerCoreID;this.medalTs=medalTs;this.setPlayerCoreID=function(coreID){this.playerCoreID=coreID;}
this.setMedalImg=function(medalImg){this.medalImg=medalImg;}
this.setMedalID=function(medalID){this.medalID=medalID;}
this.setPlayerName=function(playerName){this.playerName=playerName;}
this.setPlayerImg=function(playerImg){this.playerImg=playerImg;}
this.setMedalTime=function(medalTime){this.medalTime=medalTime;}
this.setMedalTs=function(medalTs){this.medalTs=medalTs;}
this.setPlayerLnk=function(playerLnk,encoded)
{this.playerLnk=playerLnk;if(encoded)
{this.playerLnk=ESN.Misc.decode64(playerLnk);}}
this.render=function(last)
{html="";if(channel.mayJoin)
{html+="
Anslut";html+="
";return html;}}};
ESN.Gather={POSITIVE_RESPONSE:1,NEGATIVE_RESPONSE:2,NEUTRAL_RESPONSE:3,VERIFY_TIMEOUT:300,isFounder:false,applyingLimit:20,maxPlayers:0,hasOtherGather:false,mainGatherListing:{},gatherCode:"",myUserID:0,pingResponses:Array(),gatherObject:null,thisGatherID:0,statusLockedUntil:0,selectedTeam:null,myBuddies:null,teamSelectionActive:true,founderBuddyIconON:'http://static.playzeek.com/images/common/gathers/gatherfounder_buddies_marker_on.gif',founderBuddyIconOFF:'http://static.playzeek.com/images/common/gathers/gatherfounder_buddies_marker_off.gif',espeakIconON:'http://static.playzeek.com/images/common/gathers/espeak.gif',espeakIconOFF:'http://static.playzeek.com/images/common/gathers/espeak_off.gif',buddyIconON:'http://static.playzeek.com/images/common/gathers/buddies_marker_on.gif',buddyIconOFF:'http://static.playzeek.com/images/common/gathers/buddies_marker_off.gif',playerDistance:"";html+="
";html+="
";html+="";html+="
";html+="";html+=this.playerLnk+"
";html+="";html+=""+ESN.Misc.getDiffInStr(this.medalTs)+"
";{html+="";}
html+="![Rysshopp tillåtet]("+ESN.Config.staticJsUrl+"images/common/sessions/duck_"+this.antiDuckwalk+".gif "Rysshopp tillåtet")
";meta[2]="name='"+1+"'";}
else
{content[2]="";meta[2]="name='"+2+"'";}
content[3]="";if(this.avgSkillImage!="")
{content[3]="
";}
else
{content[6]='';}
meta[6]='';content[7]=this.map;meta[7]="ID='"+this.map+"'";var p=ESN.Ping.pingList[this.serverGroup];if(typeof(p)=="undefined")
p=-1;content[8]="";if(me.userID==groupID&&!me.accepted)
{html=html+"
";html=html+"
";html=html+"
";return html;},repaintBoxes:function()
{var fullGather=(ESN.Gather.gatherObject.getNumAccepted()==(ESN.Gather.gatherObject.playersPerTeam*2));ESN.Gather.teamSelectionActive=fullGather&&ESN.Gather.isLeader();me=ESN.Gather.gatherObject.getPlayerByID(ESN.Gather.myUserID);ESN.Gather.autoAcceptStatus(ESN.Gather.gatherObject.autoaccept);var n=0;var i;var noDropChance=1;for(i=0;i";html=html+"Avbryt gruppansökan
";}
else if(me.group==groupID&&!me.groupActive&&!me.accepted)
{html=html+"";html=html+"Ja, jag vill gå med i gruppen
";}
else
{return'';}
html=html+"autoacceptering är påslagen");if(ESN.Gather.teamSelectionActive) {var appTable=$('applyingTable');var appTableDark=$('applyingTableDark');var oldDisplay=appTable.style.display;appTable.style.display='block';$('applyingOverlay').style.height=(parseInt(appTable.offsetHeight)-35)+"px";appTable.style.display=oldDisplay;var oldDisplay=appTableDark.style.display;appTableDark.style.display='block';$('applyingOverlayDark').style.height=(parseInt(appTableDark.offsetHeight)-7)+"px";appTableDark.style.display=oldDisplay;} ESN.Gather.showElement('rejoinEspeakDiv',(me!=null&&me.accepted)) if(me==null) {ESN.Gather.showElement('leaveGatherDiv',false);} else {ESN.Gather.showElement('leaveGatherDiv',(!ESN.Gather.fullGather||!me.accepted));if(me.accepted) {if(fullGather) {ESN.Gather.updateStatus("
Verifera medverkan i gathernEn gruppansökan är en samlad ansökan från ett gäng kompisar. När du accepterar en grupp till gathern flyttas hela gruppen in i matchen, och kan inte separeras under lagsorteringen.
Ingen gruppansökning är på väg in till den här gathern just nu
";}}
$('groupsDiv').innerHTML=html;},repaintAcceptedPlayers:function()
{html='';var numPlayers=ESN.Gather.gatherObject.playersPerTeam*2;var i=0;for(i=0;i
";}
else if(p.group==p.userID)
{kickButton="";}}}
else
{if(p.group>0)
{if(p.userID==p.group&&ESN.Gather.gatherObject.isFullGroup(p.group))
{acceptButton="
";denyButton="";}}
else
{acceptButton="";denyButton="";}}}
else
{if(!p.accepted&&p==ESN.Gather.myObject()&&p.group>0)
{if(p.group==p.userID)
{}
else if(!p.groupActive)
{}}
if(p!=ESN.Gather.myObject()&&!p.accepted&&p.group==ESN.Gather.myUserID&&!p.groupActive)
{groupKickPlayerButton=" Sparka spelare
";}
if(p!=ESN.Gather.gatherObject.getLeader())
{leaderBuddy=""+p.gathersDropped+" av "+p.gathersPlayed+"";buddyIcon="
";groupApplyStatus=" Spelaren klar
";}
else
{if(p.userID!=ESN.Gather.myUserID)
{groupApplyStatus="
";groupApplyStatus=" Inbjudan skickad
";}}
if(!ESN.Gather.gatherObject.isFullGroup(p.group))
{buddyIcon='';leaderBuddy='';}}
if(p.accepted&&ESN.Gather.gatherObject.getNumAccepted()==(ESN.Gather.gatherObject.playersPerTeam*2))
{if(((p.gatherActive+ESN.Gather.VERIFY_TIMEOUT)>ESN.Gather.gatherObject.curTimestamp))
{var verified=true;gatherVerify=" Verifierad
";}
else
{var verified=false;gatherVerify=" Väntar på verifiering
";}
dropText='';espeakIcon='';buddyIcon='';if(ESN.Gather.isLeader()&&p!=ESN.Gather.gatherObject.getLeader())
{if(p.groupID==p.userID)
{espeakIcon=" ";}
else
{pFlag="![]("+ESN.Config.staticJsUrl+"images/common/flags/flag_"+p.language+".gif)
";espeakIcon+="";}
if(!verified)gatherVerify=" Väntar på verifiering
";}}
if(p==ESN.Gather.gatherObject.getLeader())
{leaderText="Ledare";}
else
{leaderText="";}
pName=p.name;pNameLink=p.namelink;pLink=p.link;pSkill=p.skill;pSkillAndLevel=p.skillAndLevel;pAvatar=p.avatar;pLink=p.link;pUserID=p.userID;}}
if(p)
{if(p.group==0)
{playerBorder=borderBlueWhole;}
else
{if(p.group==p.userID)
{playerBorder=borderGreenTop;}
else
{var groupSize=1;var myPos=0;for(i=0;i"+p.namelink+"
";html=html+""+p.skillAndLevel+"
";if(teamSelectBgLeft)html=html+"";if(teamSelectHalfUpLeft)html=html+"{PLAYERNAMELINK}
";if(pSkillAndLevel)html=html+""+pSkillAndLevel+"
";html=html+"{GATHERDROPS}
";html=html+"{ESPEAK}
";html=html+"{MYBUDDY}
";html=html+"{LEADERTEXT}
";html=html+"{FOUNDERBUDDY}
";html=html+"{ACCEPTPLAYER}
";html=html+"{KICKPLAYER}
";html=html+"{DENYPLAYER}
";html=html+"{GATHERVERIFY}
";html=html+"{GROUPKICKPLAYER}
";html=html+"{GROUPLEAVE}
";html=html+"{GROUPVERIFY}
";html=html+"{GROUPSTATUS}
";html=html+"";html=html.replace(/{PLAYERBG}/g,playerBorder);html=html.replace(/{GATHERVERIFY}/g,gatherVerify);html=html.replace(/{GATHERDROPS}/g,dropText);html=html.replace(/{GROUPLEAVE}/g,groupLeaveButton);html=html.replace(/{GROUPSTATUS}/g,groupApplyStatus);html=html.replace(/{GROUPVERIFY}/g,groupVerifyButton);html=html.replace(/{GROUPKICKPLAYER}/g,groupKickPlayerButton);html=html.replace(/{KICKPLAYER}/g,kickButton);html=html.replace(/{ACCEPTPLAYER}/g,acceptButton);html=html.replace(/{DENYPLAYER}/g,denyButton);html=html.replace(/{LEADERTEXT}/g,leaderText);html=html.replace(/{PLAYERNAME}/g,pName);html=html.replace(/{PLAYERNAMELINK}/g,pNameLink);html=html.replace(/{PLAYERLINK}/g,pLink);html=html.replace(/{SKILL}/g,pSkill);html=html.replace(/{SKILLANDLEVEL}/g,pSkillAndLevel);html=html.replace(/{AVATARURL}/g,pAvatar);html=html.replace(/{PLAYERLINK}/g,pLink);html=html.replace(/{FOUNDERBUDDY}/g,leaderBuddy);html=html.replace(/{ESPEAK}/g,espeakIcon);html=html.replace(/{MYBUDDY}/g,buddyIcon);html=html.replace(/{USERID}/g,pUserID);return html;},getTime:function()
{return(Date.parse(new Date())/1000);},handleGatherEvent:function(eventName,args)
{if(eventName=='mygathercancelled')
{handled=true;ESN.Gather.gatherWasCancelled();return;}
if(eventName=='setautoaccept')
{handled=true;if(args[0]=='1')
{ESN.Gather.autoAcceptStatus(true);}
else
{ESN.Gather.autoAcceptStatus(false);}}
if(eventName=='iwasaccepted')
{ESN.Gather.updateStatus('Du har blivit accepterad. Väntar på att gathern ska fyllas.');ESN.Gather.statusLockedUntil=ESN.Gather.getTime()+15;return;}
if(eventName=='setstatus')
{statusCode=args[0];statusText=args[1];ESN.Gather.updateStatus(statusCode,statusText);ESN.Gather.statusLockedUntil=ESN.Gather.getTime()+5;return;}
if(eventName=='iwasdeclined')
{ESN.Gather.updateStatus('Gatherledaren nekade din ansökan till gathern.');ESN.Gather.statusLockedUntil=ESN.Gather.getTime()+30;return;}
if(eventName=='iwaskicked')
{ESN.Gather.updateStatus('Du har blivit kickad från gathern');ESN.Gather.statusLockedUntil=ESN.Gather.getTime()+30;return;}},gatherWasCancelled:function()
{alert('Denna gather har avbrutits');url=location.href;doman=url.substring(0,url.indexOf('index.php'));document.location=doman+'index.php?key=g3';},joinLobby:function(id)
{if(!id)
{id=ESN.Gather.gatherObject.id;}
var url='index.php?key=g3.signup.exec&event=joinespeaklobby&gatherID='+id;ESN.Gather.backgroundExec(url);},showElement:function(elementName,show)
{s=$(elementName);if(!s)
{return;}
if(show)
{s.style.display='';}
else
{s.style.display='none';}},autoAcceptStatus:function(status)
{ESN.Gather.showElement('autoAcceptIconOn',status);ESN.Gather.showElement('autoAcceptTextOn',status);ESN.Gather.showElement('autoAcceptIconOff',!status);ESN.Gather.showElement('autoAcceptTextOff',!status);ESN.Gather.showElement('autoAcceptIconWait',false);ESN.Gather.showElement('autoAcceptTextWait',false);if(!ESN.Gather.isLeader())
{$('autoAcceptIconOn').style.cursor='default';$('autoAcceptTextOn').style.cursor='default';$('autoAcceptIconOff').style.cursor='default';$('autoAcceptTextOff').style.cursor='default';$('autoAcceptIconWait').style.cursor='default';$('autoAcceptTextWait').style.cursor='default';}},showEspeakInfoBox:function(show)
{ESN.Gather.showElement('espeakInfoBox',show);},showApplyBox:function(show)
{ESN.Gather.showElement('applyBox',show);},thisGather:function()
{return new Array(ESN.Gather.myUserID,ESN.Gather.thisGatherID,ESN.Gather.gatherObject.getLeader().userID);},gatherEvent:function(gatherID,eventName,args)
{var info=ESN.Gather.thisGather();if(gatherID!=info[1])
{return;}
ESN.Gather.handleGatherEvent(eventName,args);},sendToBuddy:function()
{ob=$('buddylistselect');if(ob.selectedIndex==0)
{alert("Could not send tip");return;}
ESN.Gather.backgroundExec('index.php?key=g3.signup.exec&event=invite&gatherID='+ESN.Gather.thisGatherID+'&userID='+ob.options[ob.selectedIndex].value+'&accept=1');if(ESN.Gather.isLeader())
{ESN.Gather.updateStatus('Inbjudan skickad till '+ob.options[ob.selectedIndex].text);}
else
{ESN.Gather.updateStatus('Tips skickat till '+ob.options[ob.selectedIndex].text);}
var i;for(i=1;iAnsöker...
";setTimeout(groupBox.innerHTML=oldData,1000);ESN.Gather.backgroundExec('index.php?key=g3.signup.exec&gatherID='+ESN.Gather.gatherObject.id+'&event=group_apply&members='+ids);}} else {check1=$('espeak1');check2=$('espeak2');if(!check1.checked&&!check2.checked) {alert('Du måste markera om du använder VOIPlay eller inte.');return;} if(check1.checked) espeak=1;else espeak=0;N.loadPage('main','index.php?key=g3.join&gatherID='+ESN.Gather.gatherObject.id+'&espeak='+espeak);}},updatePing:function() {if(!$('g3_serverGroup')) {return false;} var pings=ESN.Gather.pingResponses;var pings={'192.168.1.51:23224':'20 ms','111.222':'10 ms'};var options=$('g3_serverGroup').options;for(var i in options) {var option=options[i];if($(option)==null||pings[$(option).id]==undefined) {continue;} $('g3_serverGroup').options[i].innerHTML+=' ('+pings[$(option).id]+')';}}}; ESN.Gather.GatherData=function(_id) {this.id=_id;this.players=null;this.playersPerTeam=0;this.groupSignOff=function() {if(confirm('Vill du verkligen avbryta gruppansökan?')) {ESN.Gather.backgroundExec('index.php?key=g3.signup.exec&event=group_leave&gatherID='+this.id);}} this.groupSize=function(groupID) {var num=0;var i;for(i=0;i
"+text+"
",new ESN.Util.Rectangle(0,0),'bottom',new Array(new ESN.Util.TimerTickEventHandler(function(type,evData){ESN.Widget.Popup.destroy(null,anchor+'Error');},null,3000)),-5,'left',null,anchor,anchor+'Error')},ajaxValidateUsernameHandler:function(response)
{if(Y.lang.isValue(response.obj))
{response=response.obj.responseText;}
if(response=='NAME_OK')
{$('tab1usernamebg').style.background='url(http://static.playzeek.com/images/common/register/field_user_yes.gif)';$('tab1usernameStatus').innerHTML="
";}
else if(response=='NAME_OCCUPIED')
{ESN.Register.showErrorToolTip(180,"Användarnamnet är redan upptaget","tab1usernameStatus");$('tab1usernamebg').style.background='url(http://static.playzeek.com/images/common/register/field_user_no.gif)';$('tab1usernameStatus').innerHTML="
";}
else if(response=='NAME_SHORT')
{ESN.Register.showErrorToolTip(180,"Användarnamnet är för kort","tab1usernameStatus");$('tab1usernamebg').style.background='url(http://static.playzeek.com/images/common/register/field_user_no.gif)';$('tab1usernameStatus').innerHTML="";}
else if(response=='NAME_LONG')
{ESN.Register.showErrorToolTip(180,"Användarnamnet är för långt","tab1usernameStatus");$('tab1usernamebg').style.background='url(http://static.playzeek.com/images/common/register/field_user_no.gif)';$('tab1usernameStatus').innerHTML="";}
else if(response=='NAME_CHECKING')
{$('tab1usernameStatus').innerHTML=")
";}
else
{$('tab1username').style.background='url(http://static.playzeek.com/images/common/register/field_user_no.gif)';$('tab1usernameStatus').innerHTML="";}
ESN.Register.checkFormCompletion(1);},ajaxValidateEmailHandler:function(response)
{if(Y.lang.isValue(response.obj))
{response=response.obj.responseText;}
if(response=='EMAIL_OK')
{$('tab1emailbg').style.background='url(http://static.playzeek.com/images/common/register/field_yes.gif)';$('tab1emailStatus').innerHTML="
";}
else if(response=='EMAIL_INVALID')
{$('tab1emailbg').style.background='url(http://static.playzeek.com/images/common/register/field_no.gif)';$('tab1emailStatus').innerHTML="";}
else if(response=='EMAIL_CHECKING')
{$('tab1emailStatus').innerHTML="
";}
else if(response=='EMAIL_USED')
{$('tab1emailbg').style.background='url(http://static.playzeek.com/images/common/register/field_no.gif)';$('tab1emailStatus').innerHTML="";}
else
{$('tab1emailbg').style.background='url(http://static.playzeek.com/images/common/register/field_no.gif)';$('tab1emailStatus').innerHTML="";}
ESN.Register.checkFormCompletion(1);},checkPasswords:function()
{p1=$('tab1pass1');p2=$('tab1pass2');p1bg=$('tab1pass1bg');p2bg=$('tab1pass2bg');p1ok=(this.timer(p1.value).length>5&&this.timer(p1.value).length<25);p1ok=(this.timer(p1.value).length>1);if(p1ok)
{p1bg.style.background='url(http://static.playzeek.com/images/common/register/field_pass_yes.gif)';$('tab1pass1Status').innerHTML="";}
else
{p1bg.style.background='url(http://static.playzeek.com/images/common/register/field_pass_no.gif)';$('tab1pass1Status').innerHTML="";}
if(p1ok&&p1.value==p2.value)
{p2bg.style.background='url(http://static.playzeek.com/images/common/register/field_pass_yes.gif)';$('tab1pass2Status').innerHTML="";}
else
{p2bg.style.background='url(http://static.playzeek.com/images/common/register/field_pass_no.gif)';$('tab1pass2Status').innerHTML="";}
ESN.Register.checkFormCompletion(1);}};
ESN.Banner=function(ID){this.ID=ID;this.div=$(ID);this.div.style.display='none';}
ESN.Banner.prototype={ID:"",div:""}
ESN.BannerSlideshow=function(){this.banners=new Array();this.currentBannerIndex=0;}
ESN.BannerSlideshow.prototype={banners:null,container:null,ID:"",currentBannerIndex:null,delayTime:0,timer:null,fadeBetween:false,addBanner:function(banner)
{this.container.appendChild(banner.div);this.banners.push(banner);},start:function()
{if(this.banners.length==0||!Y.lang.isValue(this.banners[this.currentBannerIndex].ID))
{return;}
this.banners[this.currentBannerIndex].div.style.display='block';ESN.IE6.Png.fixRecursive(this.container);if(this.banners.length>1)
{var that=this;this.timer=setTimeout(function(){that.fadeOut();},this.delayTime);}},fadeOut:function()
{if(!Y.lang.isValue(this.banners))
{return;}
if(this.fadeBetween)
{var attributes={opacity:{from:1,to:0}};var anim=new Y.util.Anim(this.ID,attributes);anim.duration=0.5;anim.method=Y.util.Easing.easeOutStrong;var that=this;anim.onComplete.subscribe(function(){that.switchBanner();});anim.animate();}
else
{this.switchBanner();}},switchBanner:function()
{var prevIndex=this.currentBannerIndex++;if(!Y.lang.isValue(this.banners[this.currentBannerIndex]))
{this.currentBannerIndex=0;prevIndex=this.banners.length-1;}
this.banners[prevIndex].div.style.display='none';this.banners[this.currentBannerIndex].div.style.display='block';if(this.fadeBetween)
{this.fadeIn();}
else
{var that=this;setTimeout(function(){that.fadeOut();},this.delayTime);}},fadeIn:function()
{var attributes={opacity:{from:0,to:1}};var anim=new Y.util.Anim(this.ID,attributes);anim.duration=1;var that=this;anim.onComplete.subscribe(setTimeout(function(){that.fadeOut();},this.delayTime));anim.animate();}};
var isIE=(navigator.appVersion.indexOf("MSIE")!=-1)?true:false;var isWin=(navigator.appVersion.toLowerCase().indexOf("win")!=-1)?true:false;var isOpera=(navigator.userAgent.indexOf("Opera")!=-1)?true:false;ESN.Flash={ControlVersion:function()
{var version;var axo;var e;try{axo=new ActiveXObject("ShockwaveFlash.ShockwaveFlash.7");version=axo.GetVariable("$version");}catch(e){}
if(!version)
{try{axo=new ActiveXObject("ShockwaveFlash.ShockwaveFlash.6");version="WIN 6,0,21,0";axo.AllowScriptAccess="always";version=axo.GetVariable("$version");}catch(e){}}
if(!version)
{try{axo=new ActiveXObject("ShockwaveFlash.ShockwaveFlash.3");version=axo.GetVariable("$version");}catch(e){}}
if(!version)
{try{axo=new ActiveXObject("ShockwaveFlash.ShockwaveFlash.3");version="WIN 3,0,18,0";}catch(e){}}
if(!version)
{try{axo=new ActiveXObject("ShockwaveFlash.ShockwaveFlash");version="WIN 2,0,0,11";}catch(e){version=-1;}}
return version;},GetSwfVer:function(){var flashVer=-1;if(navigator.plugins!=null&&navigator.plugins.length>0){if(navigator.plugins["Shockwave Flash 2.0"]||navigator.plugins["Shockwave Flash"]){var swVer2=navigator.plugins["Shockwave Flash 2.0"]?" 2.0":"";var flashDescription=navigator.plugins["Shockwave Flash"+swVer2].description;var descArray=flashDescription.split(" ");var tempArrayMajor=descArray[2].split(".");var versionMajor=tempArrayMajor[0];var versionMinor=tempArrayMajor[1];var versionRevision=descArray[3];if(versionRevision==""){versionRevision=descArray[4];}
if(versionRevision[0]=="d"){versionRevision=versionRevision.substring(1);}else if(versionRevision[0]=="r"){versionRevision=versionRevision.substring(1);if(versionRevision.indexOf("d")>0){versionRevision=versionRevision.substring(0,versionRevision.indexOf("d"));}}
var flashVer=versionMajor+"."+versionMinor+"."+versionRevision;}}
else if(navigator.userAgent.toLowerCase().indexOf("webtv/2.6")!=-1)flashVer=4;else if(navigator.userAgent.toLowerCase().indexOf("webtv/2.5")!=-1)flashVer=3;else if(navigator.userAgent.toLowerCase().indexOf("webtv")!=-1)flashVer=2;else if(isIE&&isWin&&!isOpera)
{flashVer=ESN.Flash.ControlVersion();}
return flashVer;},DetectFlashVer:function(reqMajorVer,reqMinorVer,reqRevision)
{versionStr=GetSwfVer();if(versionStr==-1){return false;}else if(versionStr!=0){if(isIE&&isWin&&!isOpera){tempArray=versionStr.split(" ");tempString=tempArray[1];versionArray=tempString.split(",");}else{versionArray=versionStr.split(".");}
var versionMajor=versionArray[0];var versionMinor=versionArray[1];var versionRevision=versionArray[2];if(versionMajor>parseFloat(reqMajorVer)){return true;}else if(versionMajor==parseFloat(reqMajorVer)){if(versionMinor>parseFloat(reqMinorVer))
return true;else if(versionMinor==parseFloat(reqMinorVer)){if(versionRevision>=parseFloat(reqRevision))
return true;}}
return false;}},AC_AddExtension:function(src,ext)
{if(src.indexOf('?')!=-1)
return src.replace(/\?/,ext+'?');else
return src+ext;},AC_Generateobj:function(objAttrs,params,embedAttrs)
{var str='';if(isIE&&isWin&&!isOpera)
{str+=' ';}
str+='';}
else
{str+='