/*
* Copyright 2009 Google Inc.
*
* Licensed under the Apache License, Version 2.0 (the "License");
* you may not use this file except in compliance with the License.
* You may obtain a copy of the License at
*
* http://www.apache.org/licenses/LICENSE-2.0
*
* Unless required by applicable law or agreed to in writing, software
* distributed under the License is distributed on an "AS IS" BASIS,
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
* See the License for the specific language governing permissions and
* limitations under the License.
*/
SpriteMe = {};
SpriteMe.bgImageCntr = SpriteMe.spriteCntr = 0;
SpriteMe.nBgImagesBefore = 0; // # of bg images in the page before spriting
SpriteMe.nSizeBefore = 0; // total size of bg images before spriting
SpriteMe.nSpritesBefore = 0; // # of bg images that were already sprites
SpriteMe.nCreatedSprites = 0; // # of sprites created
SpriteMe.savedImages = 0; // # of HTTP requests eliminated (includes new sprites)
SpriteMe.savedSize = 0; // # of bytes eliminated or gained (includes new sprites)
SpriteMe.bgposZeroZero = 0;
SpriteMe.bgposTotal = 0;
SpriteMe.bIE = ( -1 != navigator.userAgent.indexOf('MSIE') );
SpriteMe.hBgImages = null; // a hash of BgImage objects
SpriteMe.suggestedSpriteCntr = 0;
SpriteMe.aSprites = [];
SpriteMe.bToggleAll = true;
SpriteMe.backgroundColor = "none";
SpriteMe.marginX = 10;
SpriteMe.marginY = 10;
SpriteMe.marginWiggle = 20; // how much we're willing to extend the margin (in addition to marginX and marginY) if necessary to accomodate more images
SpriteMe.resizeWiggle = 20; // how much we're willing to let repeating bg images be resized so they can be sprited with other bg images of different sizes
SpriteMe.GOOD = 0;
SpriteMe.REPEATX = 1;
SpriteMe.REPEATY = 2;
SpriteMe.REPEATBOTH = 3;
SpriteMe.NARROWLEFT = 4;
SpriteMe.NARROWRIGHT = 5;
SpriteMe.SHORTTOP = 6;
SpriteMe.SHORTBOTTOM = 7;
SpriteMe.NARROWSHORT = 8;
SpriteMe.NARROWREPEAT = 9;
SpriteMe.SHORTREPEAT = 10;
SpriteMe.ALREADYSPRITE = 11;
SpriteMe.NOELEMSIZE = 12;
SpriteMe.JPG = 13;
SpriteMe.ERROR = -1;
// Crawl through all DOM elements looking for specific properties that use background images.
SpriteMe.getBgImages = function() {
SpriteMe.dprint(9, "getBgImages: enter");
var elems = SpriteMe.doc.getElementsByTagName('*');
var nElems = elems.length;
SpriteMe.hBgImages = {};
for ( var i = 0; i < nElems; i++ ) {
var elem = elems[i];
var imageUrl = SpriteMe.getStyleAndUrl(elem, 'backgroundImage', true);
if ( imageUrl && !SpriteMe.skipImage(imageUrl) ) {
if ( 0 == imageUrl.toLowerCase().indexOf("data:") ) {
SpriteMe.dprint(5, "skipping data: URI");
if ( "undefined" === typeof(SpriteMe.bDataUriWarning) ) {
alert("Background images using \"data:\" URIs are not supported by SpriteMe.");
SpriteMe.bDataUriWarning = true;
}
continue;
}
imageUrl = imageUrl.replace("\\", ""); // Firefox 3.5 added a backslash to a URL that contained a comma (",")
if ( ! SpriteMe.hBgImages[imageUrl] ) {
new SpriteMe.BgImage(imageUrl);
}
var bgImage = SpriteMe.hBgImages[imageUrl];
new SpriteMe.ImageElement(elem, bgImage); // this adds the element to bgImage
}
}
SpriteMe.nBgImagesBefore = SpriteMe.bgImageCntr;
SpriteMe.nSpritesBefore = SpriteMe.spriteCntr;
};
SpriteMe.getData = function(nTry) {
SpriteMe.dprint(9, "getData: enter");
// Need to wait for all of the background images to be fetched.
nTry = ( nTry ? nTry+1 : 1 );
if ( ! SpriteMe.doneFetching() && nTry < 10 ) {
SpriteMe.dprint(5, "getData: calling setTimeout to wait for images to load, nTry = " + nTry);
setTimeout("SpriteMe.getData(" + nTry + ")", 500);
return;
}
// Iterate through all the BG images and their elements to gather information (repeat, background-position, etc.).
for ( var imageUrl in SpriteMe.hBgImages ) {
if ( SpriteMe.hBgImages.hasOwnProperty(imageUrl) ) {
var bgImage = SpriteMe.hBgImages[imageUrl];
bgImage.getDataFromElements();
}
}
SpriteMe.createSuggestedSprites();
SpriteMe.showSpritemePanel();
};
// Main spriting logic: decide which images can be sprited together.
SpriteMe.createSuggestedSprites = function() {
SpriteMe.dprint(9, "SpriteMe.createSuggestedSprites: enter");
// Sort the images by iState.
var hStates = [];
for ( var imageUrl in SpriteMe.hBgImages ) {
if ( SpriteMe.hBgImages.hasOwnProperty(imageUrl) ) {
var bgImage = SpriteMe.hBgImages[imageUrl];
if ( "undefined" === typeof(hStates[bgImage.iState]) ) {
hStates[bgImage.iState] = [];
}
hStates[bgImage.iState][hStates[bgImage.iState].length] = bgImage;
}
}
// GOOD and NARROWLEFT
var aTmpBgImages = [];
var state = SpriteMe.GOOD;
if ( hStates[state] && 0 < hStates[state].length ) {
aTmpBgImages = aTmpBgImages.concat(hStates[state]);
}
state = SpriteMe.NARROWLEFT;
if ( hStates[state] && 0 < hStates[state].length ) {
aTmpBgImages = aTmpBgImages.concat(hStates[state]);
}
if ( 1 < aTmpBgImages.length ) {
var spriteObj = new SpriteMe.Sprite("vertical, varied width", aTmpBgImages);
SpriteMe.suggestedSpriteCntr++;
}
// REPEATX
state = SpriteMe.REPEATX;
if ( hStates[state] && 1 < hStates[state].length ) {
// Sort images by width.
var hWidths = {};
var aCombine = [];
for ( var i = 0; i < hStates[state].length; i++ ) {
var bgImage = hStates[state][i];
if ( "undefined" === typeof(hWidths[bgImage.width]) ) {
hWidths[bgImage.width] = [];
if ( bgImage.width <= SpriteMe.resizeWiggle ) {
aCombine[aCombine.length] = bgImage.width;
}
}
hWidths[bgImage.width][hWidths[bgImage.width].length] = bgImage;
}
// We can resize repeat-x bg images of different widths.
if ( aCombine.length ) {
var resizeWidth = SpriteMe.lcm(aCombine);
if ( resizeWidth <= SpriteMe.resizeWiggle ) {
var aTmpBgImages = [];
for ( var ac = 0; ac < aCombine.length; ac++ ) {
var acw = aCombine[ac];
aTmpBgImages = aTmpBgImages.concat(hWidths[acw]);
hWidths[acw] = undefined;
delete hWidths[acw]; // so we don't catch this in the logic below
}
for ( var i = 0; i < aTmpBgImages.length; i++ ) {
var bgImage = aTmpBgImages[i];
bgImage.resizeWidth = resizeWidth;
}
if ( 1 < aTmpBgImages.length ) {
var spriteObj = new SpriteMe.Sprite("repeat-x width=" + resizeWidth, aTmpBgImages);
SpriteMe.suggestedSpriteCntr++;
}
}
}
// Handle any other repeat-x bg images we didn't catch in the resize logic above.
for ( var width in hWidths ) {
if ( hWidths.hasOwnProperty(width) ) {
if ( 1 < hWidths[width].length ) {
var spriteObj = new SpriteMe.Sprite("repeat-x width=" + width, hWidths[width]);
SpriteMe.suggestedSpriteCntr++;
}
}
}
}
// REPEATY
state = SpriteMe.REPEATY;
if ( hStates[state] && 1 < hStates[state].length ) {
// Sort images by height.
var hHeights = {}
var aCombine = [];
for ( var i = 0; i < hStates[state].length; i++ ) {
var bgImage = hStates[state][i];
if ( "undefined" === typeof(hHeights[bgImage.height]) ) {
hHeights[bgImage.height] = [];
if ( bgImage.height <= SpriteMe.resizeWiggle ) {
aCombine[aCombine.length] = bgImage.height;
}
}
hHeights[bgImage.height][hHeights[bgImage.height].length] = bgImage;
}
// We can resize repeat-x bg images of different widths.
if ( aCombine.length ) {
var resizeHeight = SpriteMe.lcm(aCombine);
if ( resizeHeight <= SpriteMe.resizeWiggle ) {
var aTmpBgImages = [];
for ( var ac = 0; ac < aCombine.length; ac++ ) {
var acw = aCombine[ac];
aTmpBgImages = aTmpBgImages.concat(hHeights[acw]);
hHeights[acw] = undefined;
delete hHeights[acw]; // so we don't catch this in the logic below
}
for ( var i = 0; i < aTmpBgImages.length; i++ ) {
var bgImage = aTmpBgImages[i];
bgImage.resizeHeight = resizeHeight;
}
var spriteObj = new SpriteMe.Sprite("repeat-x width=" + resizeHeight, aTmpBgImages);
SpriteMe.suggestedSpriteCntr++;
}
}
// Handle any other repeat-x bg images we didn't catch in the resize logic above.
for ( var height in hHeights ) {
if ( hHeights.hasOwnProperty(height) ) {
if ( 1 < hHeights[height].length ) {
var spriteObj = new SpriteMe.Sprite("repeat-y height=" + height, hHeights[height]);
SpriteMe.suggestedSpriteCntr++;
}
}
}
}
// containing block is wider - just stack horizontally!
state = SpriteMe.SHORTTOP;
if ( hStates[state] && 1 < hStates[state].length ) {
var spriteObj = new SpriteMe.Sprite("taller containing block", hStates[state]);
SpriteMe.suggestedSpriteCntr++;
}
};
// Render the topmost SpriteMe panel.
SpriteMe.showSpritemePanel = function() {
SpriteMe.dprint(9, "SpriteMe.showSpritemePanel: enter");
var sHtml = "";
// Draw the suggested sprites.
if ( SpriteMe.aSprites.length ) {
sHtml += "\n";
for ( var i = 0; i < SpriteMe.aSprites.length; i++ ) {
var spriteObj = SpriteMe.aSprites[i];
sHtml += spriteObj.getHtml();
}
}
// list all the unused CSS bg images
var sUnused = "";
var unusedBgImages = [];
for ( var imageUrl in SpriteMe.hBgImages ) {
if ( SpriteMe.hBgImages.hasOwnProperty(imageUrl) ) {
var bgImage = SpriteMe.hBgImages[imageUrl];
if ( "undefined" === typeof(bgImage.bUsed) ) {
sUnused += bgImage.getHtml(true);
}
}
}
sHtml += "\n" +
"" +
sUnused +
"
\n" +
"
\n" +
"
No CSS background images were found. Nothing to sprite!
';
}
sHtml =
'' +
'
' +
'
' +
'
' +
'
' +
'
' +
SpriteMe.prettySavings() +
sHtml +
'
';
spritemeimagediv.style.top = ( ( SpriteMe.bIE ? SpriteMe.doc.body.scrollTop : window.scrollY ) + 40) + 'px';
spritemeimagediv.style.display = "block";
}
};
SpriteMe.requestSprite = function(iSprite) {
// This is a little hacky: Rather than deal with drag&drop handlers, we update
// the sprite's bgImage array based on the sortable HTML elements it contains.
var spriteObj = SpriteMe.aSprites[iSprite];
if ( !spriteObj ) {
SpriteMe.dprint(0, "ERROR: SpriteMe.requestSprite - couldn't find sprite #" + iSprite);
return;
}
spriteObj.updateBgImages(); // update any drag&drop bg images
if ( 0 == spriteObj.bgImages.length ) {
alert("Drag some images into this sprite before making it.");
return;
}
var sJson = "";
var sPrevJson = "";
var iLeft = iTop = 0;
var iTotalHeight = iTotalWidth = 0;
for ( var i = 0; i < spriteObj.bgImages.length; i++ ) {
var bgImage = spriteObj.bgImages[i];
iTop = ( spriteObj.bVertical ? iTop + bgImage.marginTop : bgImage.marginTop );
iLeft = ( !spriteObj.bVertical ? iLeft + bgImage.marginLeft : bgImage.marginLeft );
sJson += ( sJson ? ', ' : '' ) + '{"url":"' + bgImage.url + '", "top":' + iTop + ', "left":' + iLeft + '}';
bgImage.spriteTop = iTop;
bgImage.spriteLeft = iLeft;
if ( spriteObj.bVertical ) {
if ( "undefined" === typeof(bgImage.resizeWidth) ) {
iTotalWidth = ( iTotalWidth < bgImage.width+bgImage.marginLeft+bgImage.marginRight ?
bgImage.width+bgImage.marginLeft+bgImage.marginRight : iTotalWidth );
}
else {
var nRepeats = parseInt(bgImage.resizeWidth/bgImage.width);
for ( var nr = 0; nr < nRepeats; nr++ ) {
sJson += ', {"url":"' + bgImage.url + '", "top":' + iTop + ', "left":' + (iLeft+((nr+1)*bgImage.width)) + '}';
}
iTotalWidth = ( iTotalWidth < bgImage.resizeWidth+bgImage.marginLeft+bgImage.marginRight ?
bgImage.resizeWidth+bgImage.marginLeft+bgImage.marginRight : iTotalWidth );
}
iTop += bgImage.height + bgImage.marginBottom;
iTotalHeight = iTop;
iLeft = iLeft;
}
else { // horizontal
iLeft += bgImage.width + bgImage.marginRight;
iTotalWidth = iLeft;
iTop = iTop;
iTotalHeight = ( iTotalHeight < bgImage.height+bgImage.marginTop+bgImage.marginBottom ?
bgImage.height+bgImage.marginTop+bgImage.marginBottom : iTotalHeight );
}
if ( 3500 < sJson.length ) {
sJson = sPrevJson;
alert("Not all of the images can be combined into one sprite because the image URLs are too long."); // bug #30
break;
}
sPrevJson = sJson;
}
if ( sJson ) {
coolRunnings = undefined;
SpriteMe.closeImage();
SpriteMe.elemUnhighlight(); // need to do this so the element's size is normal when injecting the sprite image
sJson = '{"canvas": {"name":"' + spriteObj.filename + '", "height":' + iTotalHeight + ',"width":' + iTotalWidth + ', "background-color":"' + spriteObj.bgColor + '","comments":"normally"},"images":[' + sJson + ']}';
var makeUrl = "http://jaredhirsch.com/coolrunnings/index.php?t=" + Number(new Date()) + "&format=json&absolute=" + sJson;
var domscript = SpriteMe.doc.createElement('script');
domscript.src = makeUrl;
domscript.onloadDone = false;
domscript.onload = function() {
if ( !domscript.onloadDone ) {
domscript.onloadDone = true;
SpriteMe.handleSprite(spriteObj);
}
}
domscript.onreadystatechange = function() {
if ( "loaded" === domscript.readyState && ! domscript.onloadDone ) {
domscript.onloadDone = true;
SpriteMe.handleSprite(spriteObj);
}
}
domscript.onerror = function() {
SpriteMe.abortSprite();
if ( "function" != typeof(SpriteMe_autospriteCallback) ) {
alert("An error occurred trying to create the sprite image.");
}
}
SpriteMe.showSpinner();
SpriteMe.doc.body.appendChild(domscript);
}
};
SpriteMe.makeAll = function() {
SpriteMe_autospriteCallback = function() {};
SpriteMe.autoSprite();
};
// Display a sprite container where the user can create their own custom sprite via D&D.
SpriteMe.customSprite = function() {
var spriteObj = new SpriteMe.Sprite("new sprite (drag&drop here)", undefined);
var container = SpriteMe.doc.createElement("div");
container.id = spriteObj.id;
container.className = "spritemespritediv";
var header = SpriteMe.doc.getElementById("spritemesuggestedheader");
if ( header ) {
header.parentNode.insertBefore(container, header.nextSibling);
setTimeout(function() { spriteObj.getHtml(true, false); }, 50);
}
};
SpriteMe.abortSprite = function() {
SpriteMe.bAbortSprite = true;
SpriteMe.stopSpinner();
};
SpriteMe.handleSprite = function(spriteObj) {
if ( SpriteMe.bAbortSprite ) {
SpriteMe.bAbortSprite = false;
return;
}
if ( "undefined" === typeof(coolRunnings) ) {
SpriteMe.dprint(1, "request to coolRunnings failed");
return;
}
SpriteMe.stopSpinner();
spriteObj.spritify(coolRunnings.url, coolRunnings.spriteWidth, coolRunnings.spriteHeight, coolRunnings.inputSize, coolRunnings.outputSize);
spriteObj.getHtml(true, true);
SpriteMe.nCreatedSprites++;
if ( "function" === typeof(SpriteMe_autospriteCallback) ) {
SpriteMe.autoSprite();
}
};
SpriteMe.hBgImageRules = {}; // a hash of arrays - hash key is the bg image URL
SpriteMe.hBgPosRules = {}; // a hash of arrays - hash key is the bg position string
SpriteMe.exportCSS = function() {
if ( 0 === SpriteMe.nCreatedSprites ) {
alert("Make some sprites first, and then you can export the CSS changes.");
return;
}
var hChanges = {}; // hash of strings where the hash key is the stylesheet's URL
// *** begin INLINE STYLE ATTRIBUTES
// Iterate through every DOM element that has a bg image that is now in a sprite.
// Check if the background-image is part of the element's inline style (no rules).
// As a side effect, build a list of the sprite URLs.
var bSecondPass = false;
var sInlineStyleAttributes = "inline style attributes";
var sSpriteUrls = "";
for ( var i = 0; i < SpriteMe.aSprites.length; i++ ) {
var spriteObj = SpriteMe.aSprites[i];
if ( spriteObj.spriteUrl ) {
sSpriteUrls += " " + spriteObj.spriteUrl + "";
for ( var e = 0; e < spriteObj.bgImages[0].imgElements.length; e++ ) {
var elemObj = spriteObj.bgImages[0].imgElements[e];
if ( elemObj.oldBgImageInline ) {
if ( "undefined" === typeof(hChanges[sInlineStyleAttributes]) ) {
hChanges[sInlineStyleAttributes] = "These elements in the page have their background-image set using the
style attribute. You need to find each of these elements and change their
style. To help you out, the following information is shown for each element:
- tagName (DIV, A, etc.)
- classname (if there is one)
- ID (if there is one)
-
old background-image (striked out) - new background-image and background-position
- the first few characters of the innerHTML (if there is any)
Merge these changes into the
style attribute for these elements in the page:
";
}
hChanges[sInlineStyleAttributes] += elemObj.getCssHtml();
elemObj.bExported = true;
}
else {
// If an element had a bg image but it was not an inline style,
// then we have to do the second pass.
bSecondPass = true;
}
}
}
}
// *** end INLINE STYLE ATTRIBUTES
var sInlineStyleRules = "inline CSS rules";
if ( bSecondPass ) {
var aStylesheets = SpriteMe.doc.styleSheets;
// Create an element that we can use to get the browser's post-processed format for backgroundImage.
var tempdiv = SpriteMe.doc.createElement('div');
tempdiv.style.display = "none";
SpriteMe.doc.body.appendChild(tempdiv); // you have to append it for IE
// *** begin COLLECT RELEVANT RULES
// Loop through each stylesheet.
var hRestrictedStylesheets = {};
for ( var i = 0; i < aStylesheets.length; i++ ) {
var stylesheet = aStylesheets[i];
var url = ( stylesheet.href ? stylesheet.href : sInlineStyleRules );
var aRules = [];
try {
aRules = ( SpriteMe.bIE ? stylesheet.rules : stylesheet.cssRules );
}
catch(err) {
hRestrictedStylesheets[url] = true;
}
// Loop through each rule
for ( var r = 0, nRules = aRules.length; r < nRules; r++ ) {
var rule = aRules[r];
if ( "undefined" === typeof(rule.style) ) {
// It appears that "@media print { ... }" creates subrules???
continue;
}
var bgPos = rule.style.backgroundPosition;
var bgImage = rule.style.backgroundImage;
if ( -1 != rule.selectorText.indexOf('spriteme') ) {
// don't analyze SpriteMe rules
continue;
}
if ( bgPos ) {
if ( "undefined" === typeof(SpriteMe.hBgPosRules[bgPos]) ) {
SpriteMe.hBgPosRules[bgPos] = [];
}
SpriteMe.hBgPosRules[bgPos][ SpriteMe.hBgPosRules[bgPos].length ] = new SpriteMe.CssRule(rule, url);
}
if ( bgImage && "none" != bgImage ) {
if ( -1 != bgImage.indexOf("../") ) {
bgImage = SpriteMe.genFullUrl(bgImage, url);
}
SpriteMe.setStyleAndUrl(tempdiv, "backgroundImage", bgImage);
var bgImageKey = SpriteMe.getStyleAndUrl(tempdiv, "backgroundImage");
if ( "undefined" === typeof(SpriteMe.hBgImageRules[bgImageKey]) ) {
SpriteMe.hBgImageRules[bgImageKey] = [];
}
SpriteMe.hBgImageRules[bgImageKey][ SpriteMe.hBgImageRules[bgImageKey].length ] = new SpriteMe.CssRule(rule, url);
}
} // end rule loop
} // end stylesheet loop
// *** end COLLECT RELEVANT RULES
// In Firefox, x-domain stylesheets are restricted. Build a list of these stylesheets.
var sRestrictedStylesheets = "";
var iRestricted = 0;
for ( var sUrl in hRestrictedStylesheets ) {
if ( hRestrictedStylesheets.hasOwnProperty(sUrl) ) {
sRestrictedStylesheets += "
" + sUrl + "";
}
}
if ( sRestrictedStylesheets ) {
sRestrictedStylesheets = "You'll have to search " +
( 1 === iRestricted ? "this stylesheet" : "these stylesheets" ) + " to find the appropriate rule:
" +
sRestrictedStylesheets + "
";
}
// *** begin MATCH ELEMENTS TO RULES GROUPED BY STYLESHEET
// Iterate through every DOM element that has a bg image.
for ( var i = 0; i < SpriteMe.aSprites.length; i++ ) {
var spriteObj = SpriteMe.aSprites[i];
if ( spriteObj.spriteUrl ) {
for ( var e = 0; e < spriteObj.bgImages[0].imgElements.length; e++ ) {
var elemObj = spriteObj.bgImages[0].imgElements[e];
if ( elemObj.bExported ) {
continue;
}
var bgPos = SpriteMe.getStyleAndUrl(elemObj.elem, "backgroundPosition");
var bgImage = SpriteMe.getStyleAndUrl(elemObj.elem, "backgroundImage");
var aRules = SpriteMe.hBgImageRules[elemObj.oldBgImage];
if ( ! aRules ) {
if ( "undefined" === typeof(hChanges["restricted"]) ) {
hChanges["restricted"] =
"
The rules for these CSS changes could not be found. " +
( -1 != navigator.userAgent.indexOf("Firefox") ? "This is most likely because Firefox restricts DOM access to cross-domain stylesheets. You could try running
SpriteMe using a different browser. " : "" ) +
sRestrictedStylesheets +
"To help you find the rules that need to be updated, the following clues are provided: the tag of the element, the id and class (when available), and the original background-image.
"; // need to close this DIV
}
hChanges["restricted"] += elemObj.getCssHtml(true);
elemObj.bExported = true;
}
else if ( 1 < aRules.length ) {
for ( var iRule = 0; iRule < aRules.length; iRule++ ) {
var ruleObj = aRules[iRule];
if ( ! ruleObj.bExported ) {
// Actually change the active rule. Cool!
// TODO - Do this **INSTEAD OF** changing each element's style so we can verify we found the right rules.
var oldBgImage = ruleObj.rule.style.backgroundImage;
var oldBgPos = ruleObj.rule.style.backgroundPosition;
ruleObj.rule.style.backgroundImage = bgImage;
ruleObj.rule.style.backgroundPosition = bgPos;
if ( "undefined" === typeof(hChanges[ruleObj.url]) ) {
hChanges[ruleObj.url] = "
"; // need to close this DIV
}
hChanges[ruleObj.url] += "
This is one of multiple rules that use this background image:" + ruleObj.getCssHtml(oldBgImage);
elemObj.bExported = true;
ruleObj.bExported = true;
}
}
}
else {
var ruleObj = aRules[0];
if ( ! ruleObj.bExported ) {
// Actually change the active rule. Cool!
// TODO - Do this **INSTEAD OF** changing each element's style so we can verify we found the right rules.
var oldBgImage = ruleObj.rule.style.backgroundImage;
var oldBgPos = ruleObj.rule.style.backgroundPosition;
ruleObj.rule.style.backgroundImage = bgImage;
ruleObj.rule.style.backgroundPosition = bgPos;
if ( "undefined" === typeof(hChanges[ruleObj.url]) ) {
hChanges[ruleObj.url] = "
"; // need to close this DIV
}
hChanges[ruleObj.url] += ruleObj.getCssHtml(oldBgImage);
elemObj.bExported = true;
ruleObj.bExported = true;
}
}
}
}
}
// *** end MATCH ELEMENTS TO RULES GROUPED BY STYLESHEET
}
// *** compile the results
var sExport = "";
if ( "undefined" != typeof(hChanges[sInlineStyleAttributes]) ) {
// do the inline style attributes first
sExport += SpriteMe.formatRuleChanges(hChanges, sInlineStyleAttributes, sInlineStyleAttributes, SpriteMe.doc.location) + "
\n";
}
if ( "undefined" != typeof(hChanges[sInlineStyleRules]) ) {
// do the inline CSS rules next
sExport += SpriteMe.formatRuleChanges(hChanges, sInlineStyleRules, sInlineStyleRules, SpriteMe.doc.location) + "
\n";
}
for ( var cssUrl in hChanges ) {
if ( hChanges.hasOwnProperty(cssUrl) && cssUrl != sInlineStyleAttributes && cssUrl != sInlineStyleRules && cssUrl != "restricted" ) {
sExport += SpriteMe.formatRuleChanges(hChanges, cssUrl, cssUrl, cssUrl) + "
\n";
}
}
if ( "undefined" != typeof(hChanges["restricted"]) ) {
// do "restricted" last
sExport += SpriteMe.formatRuleChanges(hChanges, "restricted", "restricted") + "
" +
"
Here are the CSS changes you need to integrate back into your web site.
Make sure to download these sprite images to your own server. These URLs are temporary and will eventually be removed! Replace these URLs with the URLs where you host the images.
" +
sExport +
"
" + title + "
\n" +
"" + hChanges[key] + "
\n\n";
}
return sHtml;
};
SpriteMe.toggleImage = function(imageUrl, bSelect) {
SpriteMe.hBgImages[imageUrl].checked = bSelect;
};
SpriteMe.toggleAll = function() {
for ( var imageUrl in SpriteMe.hBgImages ) {
if ( SpriteMe.hBgImages.hasOwnProperty(imageUrl) ) {
var bgImage = SpriteMe.hBgImages[imageUrl];
SpriteMe.toggleExpand(bgImage.id + "tog", bgImage.id + "elems", SpriteMe.bToggleAll);
}
}
SpriteMe.bToggleAll = !SpriteMe.bToggleAll;
};
// togId - this is an anchor element whose innerHTML is the plus or minus image
// divId - this is the div that we're going to show and hide
// bExpand - explicitly say whether to expand or collapse, ow toggle the current state
SpriteMe.toggleExpand = function(togId, divId, bExpand) {
//SpriteMe.dprint(9, "toggleExpand: togId = " + togId + ", divId = " + divId);
var divElem = SpriteMe.doc.getElementById(divId);
if ( divElem ) {
if ( "undefined" === typeof(bExpand) ) {
bExpand = ( "none" === divElem.style.display );
}
if ( bExpand ) {
divElem.style.display = "block";
SpriteMe.doc.getElementById(togId).innerHTML = "
";
}
else {
divElem.style.display = "none";
SpriteMe.doc.getElementById(togId).innerHTML = "
";
}
}
};
// TODO - Create an "element" object that encapsulates this logic. It should have an "element" data member that points to the DOM element.
SpriteMe.elemHighlight = function(imageUrl, iElem) {
var bgImage = SpriteMe.hBgImages[imageUrl];
if ( bgImage ) {
var imgElem = bgImage.imgElements[iElem];
if ( imgElem ) {
imgElem.elem.style.border = "2px solid red";
if ( imgElem.elem != SpriteMe.prevElemHighlight ) {
SpriteMe.elemUnhighlight();
SpriteMe.prevElemHighlight = imgElem.elem;
}
}
}
};
SpriteMe.elemUnhighlight = function() {
if ( SpriteMe.prevElemHighlight && SpriteMe.prevElemHighlight != SpriteMe.prevElemSelect ) {
SpriteMe.prevElemHighlight.style.border = "";
SpriteMe.prevElemHighlight = undefined;
}
};
SpriteMe.elemSelect = function(imageUrl, iElem, anchorId) {
var bgImage = SpriteMe.hBgImages[imageUrl];
if ( bgImage ) {
var elem = bgImage.imgElements[iElem].elem;
var elemAnchor = SpriteMe.doc.getElementById(anchorId);
if ( elem && elemAnchor ) {
var bSelect = ( -1 == elemAnchor.style.borderWidth.indexOf("2") );
if ( SpriteMe.prevElemSelect ) {
SpriteMe.prevElemSelect.style.border = ""; // TODO - What if the original element had a border?!?!
}
if ( SpriteMe.prevElemAnchorSelect ) {
SpriteMe.prevElemAnchorSelect.style.borderColor = "";
SpriteMe.prevElemAnchorSelect.style.borderStyle = "";
SpriteMe.prevElemAnchorSelect.style.borderWidth = "";
SpriteMe.prevElemAnchorSelect.style.backgroundColor = "";
SpriteMe.prevElemSelect = undefined;
SpriteMe.prevElemAnchorSelect = undefined;
}
if ( bSelect ) {
// select it
elemAnchor.style.borderColor = "red";
elemAnchor.style.borderStyle = "solid";
elemAnchor.style.borderWidth = "2px";
elemAnchor.style.backgroundColor = "#EA3";
SpriteMe.prevElemSelect = elem;
SpriteMe.prevElemAnchorSelect = elemAnchor;
SpriteMe.scrollToElement(elem);
SpriteMe.inspectElement(elem);
}
else {
SpriteMe.inspectElement(elem, true);
}
}
}
};
SpriteMe.inspectElement = function(elem, bClear) {
if ( "undefined" != typeof( _firebug ) ) {
alert("You must close Firebug (the Firefox add-on) if you want to use Firebug Lite. Alternatively, right-click on the highlighted DOM element to inspect it in Firebug.");
return;
}
if ( "undefined" === typeof(SpriteMe.bFirebugInspect) ) {
SpriteMe.bFirebugInspect = confirm("Do you want to inspect elements in Firebug Lite?");
}
if ( SpriteMe.bFirebugInspect ) {
if ( "undefined" === typeof(SpriteMe.bFirebugLoaded) ) {
SpriteMe.bFirebugLoaded = true;
SpriteMe.firebugRetryCount = 0;
var firebugscript = SpriteMe.doc.createElement('script');
//firebugscript.src = "http://getfirebug.com/releases/lite/1.2/firebug-lite-compressed.js";
firebugscript.src = "http://fbug.googlecode.com/svn/lite/branches/firebug1.2/firebug-lite-compressed.js";
SpriteMe.doc.getElementsByTagName('head')[0].appendChild(firebugscript);
}
if ( "undefined" === typeof(firebug) ) {
if ( SpriteMe.firebugRetryCount < 20 ) {
setTimeout(function() { SpriteMe.inspectElement(elem); }, 500);
}
else {
alert("Firebug Lite failed to load.");
}
return;
}
if ( "undefined" === typeof(SpriteMe.bFirebugInitted) ) {
SpriteMe.bFirebugInitted = true;
firebug.init();
}
if ( bClear ) {
firebug.win.hide();
firebug.d.html.highlight(elem, true);
}
else {
firebug.win.show();
firebug.d.html.inspect(elem);
firebug.d.html.highlight(elem);
}
}
};
SpriteMe.showSpinner = function() {
SpriteMe.spinner = SpriteMe.doc.createElement('div');
var spritemepanel = SpriteMe.doc.getElementById('spritemepanel');
var width, height;
if ( spritemepanel ) {
spritemepanel.appendChild(SpriteMe.spinner);
width = spritemepanel.offsetWidth-4;
height = spritemepanel.offsetHeight-4;
}
else {
SpriteMe.spinner.style.cssText = "position: absolute; right: 10px; top: 40px; width: 400px; height: 200px; border: 2px solid #000; z-index: 12800; background: #F1E7F1;";
SpriteMe.doc.body.appendChild(SpriteMe.spinner);
width = 400;
height = 200;
}
SpriteMe.spinner.innerHTML =
'
' +
'' +
'
' +
( spritemepanel ? '
Cancel' : '
finding images...' ) +
'
" + sSavings + "
\n";
}
return sSavings;
};
SpriteMe.fetchDomScript = function(url, callback) {
var domscript = SpriteMe.doc.createElement('script');
domscript.src = url;
if ( "function" === typeof(callback) ) {
domscript.onload = function() {
if ( !domscript.onloadDone ) {
domscript.onloadDone = true;
callback();
}
};
domscript.onreadystatechange = function() {
if ( "loaded" === domscript.readyState && !domscript.onloadDone ) {
domscript.onloadDone = true;
callback();
}
}
}
SpriteMe.doc.body.appendChild(domscript);
};
SpriteMe.shareSavings = function() {
new Image().src = "http://spriteme.org/results.php?url=" + escape(SpriteMe.doc.location.href) +
"&ib=" + SpriteMe.nBgImagesBefore +
"&id=" + SpriteMe.savedImages +
"&sb=" + SpriteMe.nSizeBefore +
"&sd=" + SpriteMe.savedSize +
"&tb=" + SpriteMe.nSpritesBefore +
"&tc=" + SpriteMe.nCreatedSprites +
"";
var shareLink = SpriteMe.doc.getElementById('spritemeshare');
if ( shareLink ) {
shareLink.innerHTML = "shared";
}
};
SpriteMe.autoSpriteCallback = function() {
//SpriteMe.shareSavings();
return;
};
// UNcomment this line to automatically sprite as much as possible in the page.
//SpriteMe_autospriteCallback = SpriteMe.autoSpriteCallback;
////////////////////////////////////////////////////////////////////////////////
//
// Sprite object
//
////////////////////////////////////////////////////////////////////////////////
SpriteMe.Sprite = function(title, bgImages) {
this.title = title;
this.bgImages = [];
this.bVertical = true;
this.bgColor = "none";
this.bRepeatX = false;
this.bRepeatY = false;
this.short = false;
this.url = undefined; // sprite URL
SpriteMe.aSprites[SpriteMe.aSprites.length] = this;
this.iSprite = SpriteMe.aSprites.length; // NOTE: this is 1 greater than the index in SpriteMe.aSprites!!!
this.id = "spritemesprite" + this.iSprite;
this.filename = "spriteme" + this.iSprite; // do NOT add ".png"
if ( bgImages && 0 < bgImages.length ) {
this.bgImages = bgImages;
this.gatherSpriteData();
}
};
SpriteMe.Sprite.prototype = {
getHtml: function(bUpdate, bHideMake) {
var sHtml =
"" +
( bHideMake ? "" : "
make sprite" ) +
"
" +
" " +
this.title + "" +
"
\n";
for ( var i = 0; i < this.bgImages.length; i++ ) {
var bgImage = this.bgImages[i];
sHtml += bgImage.getHtml();
bgImage.bUsed = true; // it's weird to hide this here
}
sHtml +=
"
\n" +
"
\n" +
"
" + sHtml + "
";
}
return sHtml;
},
// Topmost handler for turning a sprite with multiple bg images into a sprited sprite
spritify: function(spriteUrl, width, height, sizeBefore, sizeAfter) { // Sprite object
this.spriteUrl = spriteUrl;
SpriteMe.savedImages += this.bgImages.length - 1;
SpriteMe.nSizeBefore += sizeBefore;
SpriteMe.savedSize += sizeBefore - sizeAfter;
SpriteMe.dprint(8, "id = " + SpriteMe.savedImages + ", sd = " + SpriteMe.savedSize);
// Create a new BgImage for the sprited image.
var spriteBgImage = new SpriteMe.BgImage(this.spriteUrl); // this starts downloading the image to get width and height
spriteBgImage.width = width;
spriteBgImage.height = height;
spriteBgImage.size = sizeAfter;
// Change all the elements using the old bg images to use the new sprite image.
for ( var i = 0; i < this.bgImages.length; i++ ) {
var bgImage = this.bgImages[i];
for ( var j = 0, len = bgImage.imgElements.length; j < len; j++ ) {
var imgElem = bgImage.imgElements[j];
imgElem.spritify(this.spriteUrl, bgImage);
spriteBgImage.imgElements[spriteBgImage.imgElements.length] = imgElem; // add this element to the new sprite image object
}
}
spriteBgImage.getDataFromElements(); // update all the elements' info (repeat, etc.)
this.bgImages = [ spriteBgImage ];
SpriteMe.prettySavings(true);
},
updateBgImages: function() {
// This is a little hacky: Rather than deal with drag&drop handlers, we update
// the sprite's bgImage array based on the sortable HTML elements it contains.
var spriteElem = SpriteMe.doc.getElementById(this.id);
if ( !spriteElem ) {
SpriteMe.dprint(0, "Error: SpriteMe.Sprite.updateBgImages - sprite DOM element not found: " + this.id);
return;
}
var aElems = SpriteMe.getElementsByTagAndClass('div', 'spritemesortable spritemebgimage', undefined, spriteElem);
this.bgImages = [];
for ( var i = 0, len = aElems.length; i < len; i++ ) {
var elem = aElems[i];
this.bgImages[this.bgImages.length] = SpriteMe.getBgImage(elem.id);
}
},
gatherSpriteData: function() {
for ( var i = 0; i < this.bgImages.length; i++ ) {
var bgImage = this.bgImages[i];
bgImage.iSprite = this.iSprite;
this.bRepeatX = this.bRepeatX || bgImage.bRepeatX;
this.bRepeatY = this.bRepeatY || bgImage.bRepeatY;
this.short = this.short || bgImage.short;
}
if ( this.bRepeatX && this.bRepeatY ) {
//TODO alert("Trouble: You can't sprite background images that repeat both horizontally AND vertically.");
}
this.bVertical = (!this.bRepeatY && !this.short);
} // NO COMMA!
};
////////////////////////////////////////////////////////////////////////////////
//
// BgImage object
//
////////////////////////////////////////////////////////////////////////////////
SpriteMe.BgImage = function(imageUrl) {
this.url = imageUrl;
this.imgElements = [];
this.height = undefined;
this.width = undefined;
this.iSprite = undefined;
this.spriteLeft = 0; // need to set this so calculateBackgroundPosition works even before we've sprited
this.spriteTop = 0;
this.marginLeft = SpriteMe.marginX;
this.marginRight = SpriteMe.marginX;
this.marginTop = SpriteMe.marginY;
this.marginBottom = SpriteMe.marginY;
SpriteMe.hBgImages[imageUrl] = this;
this.image = new Image();
var bgimage = this; // is this the right way to workaround this?
this.image.onload = function() { bgimage.imageOnload(); };
this.image.onerror = function() { bgimage.imageOnerror(); };
this.bError = false;
this.id = "spritemebgimage" + (SpriteMe.bgImageCntr++);
if ( this.url ) {
this.image.src = this.url;
}
};
SpriteMe.BgImage.prototype = {
imageLink: function() {
return '' + SpriteMe.shortenUrl(this.url) + '';
},
imageProps: function() {
var sProps = "";
if ( this.width && this.height ) {
sProps += this.width + "x" + this.height;
}
else {
SpriteMe.dprint(0, "Error: SpriteMe.BgImage.imageProps - width and height undefined for image " + this.url);
}
if ( this.size ) {
sProps += ( sProps ? ", " : "" ) + SpriteMe.prettySize(this.size, true) + "K";
}
return sProps;
},
getDataFromElements: function() {
for ( var i = 0; i < this.imgElements.length; i++ ) {
this.getDataFromElement(this.imgElements[i]);
}
this.setState(); // set this AFTER grokking all elements
},
// What do we know, given that this image is used as a background for this DOM element?
getDataFromElement: function(imgElem) {
imgElem.backgroundRepeat = SpriteMe.getStyleAndUrl(imgElem.elem, 'backgroundRepeat', false);
if ( -1 != imgElem.backgroundRepeat.indexOf('repeat-x') || 'repeat' == imgElem.backgroundRepeat ) {
this.bRepeatX = true;
this.marginLeft = this.marginRight = 0;
}
if ( -1 != imgElem.backgroundRepeat.indexOf('repeat-y') || 'repeat' == imgElem.backgroundRepeat ) {
this.bRepeatY = true;
this.marginTop = this.marginBottom = 0;
}
imgElem.backgroundPosition = SpriteMe.getStyleAndUrl(imgElem.elem, "backgroundPosition");
/*
if ( "0% 0%" == imgElem.backgroundPosition ||
"0px 0px" == imgElem.backgroundPosition ||
"0 0" == imgElem.backgroundPosition ||
"0pt 0pt" == imgElem.backgroundPosition ||
"0em 0em" == imgElem.backgroundPosition ) {
SpriteMe.bgposZeroZero++;
}
*/
SpriteMe.bgposTotal++;
if ( 0 !== imgElem.elem.offsetWidth && 0 !== imgElem.elem.offsetHeight ) {
// Calculate custom margins and determine if the bg image is narrow or short.
this.bElemSize = true; // there's at least one element that has real dimensions
var aPos = imgElem.calculateBackgroundPosition(this);
if ( !aPos ) {
this.unknownBgPos = imgElem.backgroundPosition;
return;
}
var marginLeft = aPos[0];
var marginRight = (imgElem.elem.offsetWidth - (aPos[0] + this.width));
var marginTop = aPos[1];
var marginBottom = (imgElem.elem.offsetHeight - (aPos[1] + this.height));
if ( ! this.bRepeatX && ( marginLeft > this.marginLeft || marginRight > this.marginRight ) ) {
if ( (marginLeft - SpriteMe.marginX) < SpriteMe.marginWiggle && (marginRight - SpriteMe.marginX) < SpriteMe.marginWiggle ) { // not too big
if ( marginLeft > this.marginLeft ) {
this.marginLeft = marginLeft;
}
if ( marginRight > this.marginRight ) {
this.marginRight = marginRight;
}
}
else {
this.narrow = true;
}
}
if ( ! this.bRepeatY && ( marginTop > this.marginTop || marginBottom > this.marginBottom ) ) {
if ( (marginTop - SpriteMe.marginY) < SpriteMe.marginWiggle && (marginBottom - SpriteMe.marginY) < SpriteMe.marginWiggle ) { // not too big
if ( marginTop > this.marginTop ) {
this.marginTop = marginTop;
}
if ( marginBottom > this.marginBottom ) {
this.marginBottom = marginBottom;
}
}
else {
this.short = true;
}
}
}
if ( "undefined" === typeof(this.prevBackgroundPosition) && -1 != imgElem.backgroundPosition.indexOf('px') ) {
this.prevBackgroundPosition = imgElem.backgroundPosition;
}
if ( -1 != imgElem.backgroundPosition.indexOf('px') && this.prevBackgroundPosition != imgElem.backgroundPosition ) {
// If two different elements use this background image,
// and they both have a background-position with specific "px" values,
// then we're going to assume it's already a sprite.
// This is ~90% accurate.
this.sprite = true;
}
SpriteMe.dprint(8, this.url + ": getDataFromElement: " + "bRepeatX = " + this.bRepeatX + ", bRepeatY = " + this.bRepeatY + ", narrow = " + this.narrow + ", short = " + this.short + ", sprite = " + this.sprite + ", margin = " + this.marginTop + " " + this.marginRight + " " + this.marginBottom + " " + this.marginLeft);
},
getHtml: function(bShowWhy) { // SpriteMe.BgImage
var sProps = this.imageProps();
if ( bShowWhy ) {
var sWhy = this.reasonWhy();
sProps += ( sWhy ? ", reason not sprited: " + sWhy : "" );
}
var sElems = "";
for ( var j = 0; j < this.imgElements.length; j++ ) {
var imgElem = this.imgElements[j];
sElems += imgElem.getHtml();
}
var sHtml =
"\n" +
"
" +
this.imageLink() + "
" +
sProps + "
\n" +
"
" + sElems + "
\n" +
"
" + this.elem.tagName +
( this.elem.id ? " id=" + this.elem.id : "" ) +
( this.elem.className ? " class=" + this.elem.className : "" ) +
"
{
" +
" background-image: " + this.oldBgImage + "
" +
" background-image: " + this.elem.style.backgroundImage +
";
background-position: " + this.elem.style.backgroundPosition +
";'
}
\n";
}
else {
var snippet = this.elem.innerHTML.substring(0, 32);
snippet = snippet.replace("<", "<").replace(">", ">");
snippet += ( snippet ? "..." : "" );
sHtml =
"<" + this.elem.tagName +
( this.elem.id ? "
id=" + this.elem.id : "" ) +
( this.elem.className ? "
class=" + this.elem.className : "" ) +
"
style='background-image: " + this.oldBgImage + ";'" +
"
style='background-image: " + this.elem.style.backgroundImage +
"; background-position: " + this.elem.style.backgroundPosition +
";'>" + snippet + "
\n";
}
return sHtml;
},
spritify: function(url, bgImage) { // ImageElement
var aPos = this.calculateBackgroundPosition(bgImage);
if ( aPos ) {
this.oldBgPos = SpriteMe.getStyleAndUrl(this.elem, "backgroundPosition");
SpriteMe.setStyleAndUrl(this.elem, 'backgroundPosition', aPos[0] + 'px ' + aPos[1] + 'px');
this.oldBgImage = SpriteMe.getStyleAndUrl(this.elem, "backgroundImage");
this.oldBgImageInline = this.elem.style.backgroundImage;
SpriteMe.setStyleAndUrl(this.elem, 'backgroundImage', url, true);
}
else {
SpriteMe.dprint(5, "SpriteMe.ImageElement.spritify: no regex match: " + this.backgroundPosition);
// TODO - deal with background-position that uses "px" values (other than "0px" which is handled above)
bgImage.unknownBgPos = this.backgroundPosition;
}
},
calculateBackgroundPosition: function(bgImage) {
if ( !this.backgroundPosition ) {
SpriteMe.dprint(5, "calculateBackgroundPosition: no backgroundPosition");
return undefined; // TODO - deal with elements that are missing backgroundPosition
}
var bgPos = this.backgroundPosition;
var xOffset = 0;
var yOffset = 0;
if ( bgPos.match(/^([-.0-9]*)px/) ) {
xOffset = parseInt(RegExp.$1);
//SpriteMe.dprint(8, "calculateBackgroundPosition: xOffset = " + xOffset + " from " + bgPos);
bgPos = bgPos.replace(RegExp.$1 + "px", "0%");
}
if ( bgPos.match(/ ([-.0-9]*)px$/) ) {
yOffset = parseInt(RegExp.$1);
//SpriteMe.dprint(8, "calculateBackgroundPosition: yOffset = " + yOffset + " from " + bgPos);
bgPos = bgPos.replace(" " + RegExp.$1 + "px", " 0%");
}
if ( bgPos.match(/([.0-9]*)% ([.0-9]*)%/) ) {
var xPos = parseInt(RegExp.$1);
var yPos = parseInt(RegExp.$2);
var left = bgImage.spriteLeft;
var top = bgImage.spriteTop;
if ( 0 != xPos ) {
left += (xPos*bgImage.width/100) - (xPos*this.elem.offsetWidth/100);
}
if ( 0 != yPos ) {
top += ((yPos*bgImage.height/100) - (yPos*this.elem.offsetHeight/100));
}
left -= xOffset;
top -= yOffset;
return [(-1*left), (-1*top)];
}
else {
SpriteMe.dprint(5, "calculateBackgroundPosition: no regex match: " + bgPos);
// TODO - deal with background-position that uses "px" values (other than "0px" which is handled above)
}
return undefined;
} // NO COMMA!
};
////////////////////////////////////////////////////////////////////////////////
//
// CssRule object
//
////////////////////////////////////////////////////////////////////////////////
SpriteMe.CssRule = function(domRule, url) {
this.rule = domRule;
this.url = url;
};
SpriteMe.CssRule.prototype = {
getCssHtml: function(oldBgImage, oldBgPos) {
var sHtml =
"" +
this.rule.selectorText + " {
" +
" background-image: " + oldBgImage + ";
" +
( oldBgPos ? " background-position: " + oldBgPos + ";
" : "" ) +
" background-image: " + this.rule.style.backgroundImage +
";
background-position: " + this.rule.style.backgroundPosition +
";
}
\n";
return sHtml;
} // NO COMMA!
};
SpriteMe.init = function(doc) {
SpriteMe.doc = doc;
SpriteMe.bgImageCntr = 0;
SpriteMe.hBgImages = null;
SpriteMe.suggestedSpriteCntr = 0;
SpriteMe.aSprites = [];
SpriteMe.showSpinner();
SpriteMe.getBgImages();
SpriteMe.getData();
};
/*
* jQuery JavaScript Library v1.3.2
* http://jquery.com/
*
* Copyright (c) 2009 John Resig
* Dual licensed under the MIT and GPL licenses.
* http://docs.jquery.com/License
*
* Date: 2009-02-19 17:34:21 -0500 (Thu, 19 Feb 2009)
* Revision: 6246
*/
(function(){var l=this,g,y=l.jQuery,p=l.$,o=l.jQuery=l.$=function(E,F){return new o.fn.init(E,F)},D=/^[^<]*(<(.|\s)+>)[^>]*$|^#([\w-]+)$/,f=/^.[^:#\[\.,]*$/;o.fn=o.prototype={init:function(E,H){E=E||document;if(E.nodeType){this[0]=E;this.length=1;this.context=E;return this}if(typeof E==="string"){var G=D.exec(E);if(G&&(G[1]||!H)){if(G[1]){E=o.clean([G[1]],H)}else{var I=document.getElementById(G[3]);if(I&&I.id!=G[3]){return o().find(E)}var F=o(I||[]);F.context=document;F.selector=E;return F}}else{return o(H).find(E)}}else{if(o.isFunction(E)){return o(document).ready(E)}}if(E.selector&&E.context){this.selector=E.selector;this.context=E.context}return this.setArray(o.isArray(E)?E:o.makeArray(E))},selector:"",jquery:"1.3.2",size:function(){return this.length},get:function(E){return E===g?Array.prototype.slice.call(this):this[E]},pushStack:function(F,H,E){var G=o(F);G.prevObject=this;G.context=this.context;if(H==="find"){G.selector=this.selector+(this.selector?" ":"")+E}else{if(H){G.selector=this.selector+"."+H+"("+E+")"}}return G},setArray:function(E){this.length=0;Array.prototype.push.apply(this,E);return this},each:function(F,E){return o.each(this,F,E)},index:function(E){return o.inArray(E&&E.jquery?E[0]:E,this)},attr:function(F,H,G){var E=F;if(typeof F==="string"){if(H===g){return this[0]&&o[G||"attr"](this[0],F)}else{E={};E[F]=H}}return this.each(function(I){for(F in E){o.attr(G?this.style:this,F,o.prop(this,E[F],G,I,F))}})},css:function(E,F){if((E=="width"||E=="height")&&parseFloat(F)<0){F=g}return this.attr(E,F,"curCSS")},text:function(F){if(typeof F!=="object"&&F!=null){return this.empty().append((this[0]&&this[0].ownerDocument||document).createTextNode(F))}var E="";o.each(F||this,function(){o.each(this.childNodes,function(){if(this.nodeType!=8){E+=this.nodeType!=1?this.nodeValue:o.fn.text([this])}})});return E},wrapAll:function(E){if(this[0]){var F=o(E,this[0].ownerDocument).clone();if(this[0].parentNode){F.insertBefore(this[0])}F.map(function(){var G=this;while(G.firstChild){G=G.firstChild}return G}).append(this)}return this},wrapInner:function(E){return this.each(function(){o(this).contents().wrapAll(E)})},wrap:function(E){return this.each(function(){o(this).wrapAll(E)})},append:function(){return this.domManip(arguments,true,function(E){if(this.nodeType==1){this.appendChild(E)}})},prepend:function(){return this.domManip(arguments,true,function(E){if(this.nodeType==1){this.insertBefore(E,this.firstChild)}})},before:function(){return this.domManip(arguments,false,function(E){this.parentNode.insertBefore(E,this)})},after:function(){return this.domManip(arguments,false,function(E){this.parentNode.insertBefore(E,this.nextSibling)})},end:function(){return this.prevObject||o([])},push:[].push,sort:[].sort,splice:[].splice,find:function(E){if(this.length===1){var F=this.pushStack([],"find",E);F.length=0;o.find(E,this[0],F);return F}else{return this.pushStack(o.unique(o.map(this,function(G){return o.find(E,G)})),"find",E)}},clone:function(G){var E=this.map(function(){if(!o.support.noCloneEvent&&!o.isXMLDoc(this)){var I=this.outerHTML;if(!I){var J=this.ownerDocument.createElement("div");J.appendChild(this.cloneNode(true));I=J.innerHTML}return o.clean([I.replace(/ jQuery\d+="(?:\d+|null)"/g,"").replace(/^\s*/,"")])[0]}else{return this.cloneNode(true)}});if(G===true){var H=this.find("*").andSelf(),F=0;E.find("*").andSelf().each(function(){if(this.nodeName!==H[F].nodeName){return}var I=o.data(H[F],"events");for(var K in I){for(var J in I[K]){o.event.add(this,K,I[K][J],I[K][J].data)}}F++})}return E},filter:function(E){return this.pushStack(o.isFunction(E)&&o.grep(this,function(G,F){return E.call(G,F)})||o.multiFilter(E,o.grep(this,function(F){return F.nodeType===1})),"filter",E)},closest:function(E){var G=o.expr.match.POS.test(E)?o(E):null,F=0;return this.map(function(){var H=this;while(H&&H.ownerDocument){if(G?G.index(H)>-1:o(H).is(E)){o.data(H,"closest",F);return H}H=H.parentNode;F++}})},not:function(E){if(typeof E==="string"){if(f.test(E)){return this.pushStack(o.multiFilter(E,this,true),"not",E)}else{E=o.multiFilter(E,this)}}var F=E.length&&E[E.length-1]!==g&&!E.nodeType;return this.filter(function(){return F?o.inArray(this,E)<0:this!=E})},add:function(E){return this.pushStack(o.unique(o.merge(this.get(),typeof E==="string"?o(E):o.makeArray(E))))},is:function(E){return !!E&&o.multiFilter(E,this).length>0},hasClass:function(E){return !!E&&this.is("."+E)},val:function(K){if(K===g){var E=this[0];if(E){if(o.nodeName(E,"option")){return(E.attributes.value||{}).specified?E.value:E.text}if(o.nodeName(E,"select")){var I=E.selectedIndex,L=[],M=E.options,H=E.type=="select-one";if(I<0){return null}for(var F=H?I:0,J=H?I+1:M.length;F=0||o.inArray(this.name,K)>=0)}else{if(o.nodeName(this,"select")){var N=o.makeArray(K);o("option",this).each(function(){this.selected=(o.inArray(this.value,N)>=0||o.inArray(this.text,N)>=0)});if(!N.length){this.selectedIndex=-1}}else{this.value=K}}})},html:function(E){return E===g?(this[0]?this[0].innerHTML.replace(/ jQuery\d+="(?:\d+|null)"/g,""):null):this.empty().append(E)},replaceWith:function(E){return this.after(E).remove()},eq:function(E){return this.slice(E,+E+1)},slice:function(){return this.pushStack(Array.prototype.slice.apply(this,arguments),"slice",Array.prototype.slice.call(arguments).join(","))},map:function(E){return this.pushStack(o.map(this,function(G,F){return E.call(G,F,G)}))},andSelf:function(){return this.add(this.prevObject)},domManip:function(J,M,L){if(this[0]){var I=(this[0].ownerDocument||this[0]).createDocumentFragment(),F=o.clean(J,(this[0].ownerDocument||this[0]),I),H=I.firstChild;if(H){for(var G=0,E=this.length;G1||G>0?I.cloneNode(true):I)}}if(F){o.each(F,z)}}return this;function K(N,O){return M&&o.nodeName(N,"table")&&o.nodeName(O,"tr")?(N.getElementsByTagName("tbody")[0]||N.appendChild(N.ownerDocument.createElement("tbody"))):N}}};o.fn.init.prototype=o.fn;function z(E,F){if(F.src){o.ajax({url:F.src,async:false,dataType:"script"})}else{o.globalEval(F.text||F.textContent||F.innerHTML||"")}if(F.parentNode){F.parentNode.removeChild(F)}}function e(){return +new Date}o.extend=o.fn.extend=function(){var J=arguments[0]||{},H=1,I=arguments.length,E=false,G;if(typeof J==="boolean"){E=J;J=arguments[1]||{};H=2}if(typeof J!=="object"&&!o.isFunction(J)){J={}}if(I==H){J=this;--H}for(;H-1}},swap:function(H,G,I){var E={};for(var F in G){E[F]=H.style[F];H.style[F]=G[F]}I.call(H);for(var F in G){H.style[F]=E[F]}},css:function(H,F,J,E){if(F=="width"||F=="height"){var L,G={position:"absolute",visibility:"hidden",display:"block"},K=F=="width"?["Left","Right"]:["Top","Bottom"];function I(){L=F=="width"?H.offsetWidth:H.offsetHeight;if(E==="border"){return}o.each(K,function(){if(!E){L-=parseFloat(o.curCSS(H,"padding"+this,true))||0}if(E==="margin"){L+=parseFloat(o.curCSS(H,"margin"+this,true))||0}else{L-=parseFloat(o.curCSS(H,"border"+this+"Width",true))||0}})}if(H.offsetWidth!==0){I()}else{o.swap(H,G,I)}return Math.max(0,Math.round(L))}return o.curCSS(H,F,J)},curCSS:function(I,F,G){var L,E=I.style;if(F=="opacity"&&!o.support.opacity){L=o.attr(E,"opacity");return L==""?"1":L}if(F.match(/float/i)){F=w}if(!G&&E&&E[F]){L=E[F]}else{if(q.getComputedStyle){if(F.match(/float/i)){F="float"}F=F.replace(/([A-Z])/g,"-$1").toLowerCase();var M=q.getComputedStyle(I,null);if(M){L=M.getPropertyValue(F)}if(F=="opacity"&&L==""){L="1"}}else{if(I.currentStyle){var J=F.replace(/\-(\w)/g,function(N,O){return O.toUpperCase()});L=I.currentStyle[F]||I.currentStyle[J];if(!/^\d+(px)?$/i.test(L)&&/^\d/.test(L)){var H=E.left,K=I.runtimeStyle.left;I.runtimeStyle.left=I.currentStyle.left;E.left=L||0;L=E.pixelLeft+"px";E.left=H;I.runtimeStyle.left=K}}}}return L},clean:function(F,K,I){K=K||document;if(typeof K.createElement==="undefined"){K=K.ownerDocument||K[0]&&K[0].ownerDocument||document}if(!I&&F.length===1&&typeof F[0]==="string"){var H=/^<(\w+)\s*\/?>$/.exec(F[0]);if(H){return[K.createElement(H[1])]}}var G=[],E=[],L=K.createElement("div");o.each(F,function(P,S){if(typeof S==="number"){S+=""}if(!S){return}if(typeof S==="string"){S=S.replace(/(<(\w+)[^>]*?)\/>/g,function(U,V,T){return T.match(/^(abbr|br|col|img|input|link|meta|param|hr|area|embed)$/i)?U:V+">"});var O=S.replace(/^\s+/,"").substring(0,10).toLowerCase();var Q=!O.indexOf("",""]||!O.indexOf("",""]||O.match(/^<(thead|tbody|tfoot|colg|cap)/)&&[1,""]||!O.indexOf("",""]||(!O.indexOf("","
"]||!O.indexOf("",""]||!o.support.htmlSerialize&&[1,"div","
"]||[0,"",""];L.innerHTML=Q[1]+S+Q[2];while(Q[0]--){L=L.lastChild}if(!o.support.tbody){var R=/"&&!R?L.childNodes:[];for(var M=N.length-1;M>=0;--M){if(o.nodeName(N[M],"tbody")&&!N[M].childNodes.length){N[M].parentNode.removeChild(N[M])}}}if(!o.support.leadingWhitespace&&/^\s/.test(S)){L.insertBefore(K.createTextNode(S.match(/^\s*/)[0]),L.firstChild)}S=o.makeArray(L.childNodes)}if(S.nodeType){G.push(S)}else{G=o.merge(G,S)}});if(I){for(var J=0;G[J];J++){if(o.nodeName(G[J],"script")&&(!G[J].type||G[J].type.toLowerCase()==="text/javascript")){E.push(G[J].parentNode?G[J].parentNode.removeChild(G[J]):G[J])}else{if(G[J].nodeType===1){G.splice.apply(G,[J+1,0].concat(o.makeArray(G[J].getElementsByTagName("script"))))}I.appendChild(G[J])}}return E}return G},attr:function(J,G,K){if(!J||J.nodeType==3||J.nodeType==8){return g}var H=!o.isXMLDoc(J),L=K!==g;G=H&&o.props[G]||G;if(J.tagName){var F=/href|src|style/.test(G);if(G=="selected"&&J.parentNode){J.parentNode.selectedIndex}if(G in J&&H&&!F){if(L){if(G=="type"&&o.nodeName(J,"input")&&J.parentNode){throw"type property can't be changed"}J[G]=K}if(o.nodeName(J,"form")&&J.getAttributeNode(G)){return J.getAttributeNode(G).nodeValue}if(G=="tabIndex"){var I=J.getAttributeNode("tabIndex");return I&&I.specified?I.value:J.nodeName.match(/(button|input|object|select|textarea)/i)?0:J.nodeName.match(/^(a|area)$/i)&&J.href?0:g}return J[G]}if(!o.support.style&&H&&G=="style"){return o.attr(J.style,"cssText",K)}if(L){J.setAttribute(G,""+K)}var E=!o.support.hrefNormalized&&H&&F?J.getAttribute(G,2):J.getAttribute(G);return E===null?g:E}if(!o.support.opacity&&G=="opacity"){if(L){J.zoom=1;J.filter=(J.filter||"").replace(/alpha\([^)]*\)/,"")+(parseInt(K)+""=="NaN"?"":"alpha(opacity="+K*100+")")}return J.filter&&J.filter.indexOf("opacity=")>=0?(parseFloat(J.filter.match(/opacity=([^)]*)/)[1])/100)+"":""}G=G.replace(/-([a-z])/ig,function(M,N){return N.toUpperCase()});if(L){J[G]=K}return J[G]},trim:function(E){return(E||"").replace(/^\s+|\s+$/g,"")},makeArray:function(G){var E=[];if(G!=null){var F=G.length;if(F==null||typeof G==="string"||o.isFunction(G)||G.setInterval){E[0]=G}else{while(F){E[--F]=G[F]}}}return E},inArray:function(G,H){for(var E=0,F=H.length;E0?this.clone(true):this).get();o.fn[F].apply(o(L[K]),I);J=J.concat(I)}return this.pushStack(J,E,G)}});o.each({removeAttr:function(E){o.attr(this,E,"");if(this.nodeType==1){this.removeAttribute(E)}},addClass:function(E){o.className.add(this,E)},removeClass:function(E){o.className.remove(this,E)},toggleClass:function(F,E){if(typeof E!=="boolean"){E=!o.className.has(this,F)}o.className[E?"add":"remove"](this,F)},remove:function(E){if(!E||o.filter(E,[this]).length){o("*",this).add([this]).each(function(){o.event.remove(this);o.removeData(this)});if(this.parentNode){this.parentNode.removeChild(this)}}},empty:function(){o(this).children().remove();while(this.firstChild){this.removeChild(this.firstChild)}}},function(E,F){o.fn[E]=function(){return this.each(F,arguments)}});function j(E,F){return E[0]&&parseInt(o.curCSS(E[0],F,true),10)||0}var h="jQuery"+e(),v=0,A={};o.extend({cache:{},data:function(F,E,G){F=F==l?A:F;var H=F[h];if(!H){H=F[h]=++v}if(E&&!o.cache[H]){o.cache[H]={}}if(G!==g){o.cache[H][E]=G}return E?o.cache[H][E]:H},removeData:function(F,E){F=F==l?A:F;var H=F[h];if(E){if(o.cache[H]){delete o.cache[H][E];E="";for(E in o.cache[H]){break}if(!E){o.removeData(F)}}}else{try{delete F[h]}catch(G){if(F.removeAttribute){F.removeAttribute(h)}}delete o.cache[H]}},queue:function(F,E,H){if(F){E=(E||"fx")+"queue";var G=o.data(F,E);if(!G||o.isArray(H)){G=o.data(F,E,o.makeArray(H))}else{if(H){G.push(H)}}}return G},dequeue:function(H,G){var E=o.queue(H,G),F=E.shift();if(!G||G==="fx"){F=E[0]}if(F!==g){F.call(H)}}});o.fn.extend({data:function(E,G){var H=E.split(".");H[1]=H[1]?"."+H[1]:"";if(G===g){var F=this.triggerHandler("getData"+H[1]+"!",[H[0]]);if(F===g&&this.length){F=o.data(this[0],E)}return F===g&&H[1]?this.data(H[0]):F}else{return this.trigger("setData"+H[1]+"!",[H[0],G]).each(function(){o.data(this,E,G)})}},removeData:function(E){return this.each(function(){o.removeData(this,E)})},queue:function(E,F){if(typeof E!=="string"){F=E;E="fx"}if(F===g){return o.queue(this[0],E)}return this.each(function(){var G=o.queue(this,E,F);if(E=="fx"&&G.length==1){G[0].call(this)}})},dequeue:function(E){return this.each(function(){o.dequeue(this,E)})}});
/*
* Sizzle CSS Selector Engine - v0.9.3
* Copyright 2009, The Dojo Foundation
* Released under the MIT, BSD, and GPL Licenses.
* More information: http://sizzlejs.com/
*/
(function(){var R=/((?:\((?:\([^()]+\)|[^()]+)+\)|\[(?:\[[^[\]]*\]|['"][^'"]*['"]|[^[\]'"]+)+\]|\\.|[^ >+~,(\[\\]+)+|[>+~])(\s*,\s*)?/g,L=0,H=Object.prototype.toString;var F=function(Y,U,ab,ac){ab=ab||[];U=U||document;if(U.nodeType!==1&&U.nodeType!==9){return[]}if(!Y||typeof Y!=="string"){return ab}var Z=[],W,af,ai,T,ad,V,X=true;R.lastIndex=0;while((W=R.exec(Y))!==null){Z.push(W[1]);if(W[2]){V=RegExp.rightContext;break}}if(Z.length>1&&M.exec(Y)){if(Z.length===2&&I.relative[Z[0]]){af=J(Z[0]+Z[1],U)}else{af=I.relative[Z[0]]?[U]:F(Z.shift(),U);while(Z.length){Y=Z.shift();if(I.relative[Y]){Y+=Z.shift()}af=J(Y,af)}}}else{var ae=ac?{expr:Z.pop(),set:E(ac)}:F.find(Z.pop(),Z.length===1&&U.parentNode?U.parentNode:U,Q(U));af=F.filter(ae.expr,ae.set);if(Z.length>0){ai=E(af)}else{X=false}while(Z.length){var ah=Z.pop(),ag=ah;if(!I.relative[ah]){ah=""}else{ag=Z.pop()}if(ag==null){ag=U}I.relative[ah](ai,ag,Q(U))}}if(!ai){ai=af}if(!ai){throw"Syntax error, unrecognized expression: "+(ah||Y)}if(H.call(ai)==="[object Array]"){if(!X){ab.push.apply(ab,ai)}else{if(U.nodeType===1){for(var aa=0;ai[aa]!=null;aa++){if(ai[aa]&&(ai[aa]===true||ai[aa].nodeType===1&&K(U,ai[aa]))){ab.push(af[aa])}}}else{for(var aa=0;ai[aa]!=null;aa++){if(ai[aa]&&ai[aa].nodeType===1){ab.push(af[aa])}}}}}else{E(ai,ab)}if(V){F(V,U,ab,ac);if(G){hasDuplicate=false;ab.sort(G);if(hasDuplicate){for(var aa=1;aa":function(Z,U,aa){var X=typeof U==="string";if(X&&!/\W/.test(U)){U=aa?U:U.toUpperCase();for(var V=0,T=Z.length;V=0)){if(!V){T.push(Y)}}else{if(V){U[X]=false}}}}return false},ID:function(T){return T[1].replace(/\\/g,"")},TAG:function(U,T){for(var V=0;T[V]===false;V++){}return T[V]&&Q(T[V])?U[1]:U[1].toUpperCase()},CHILD:function(T){if(T[1]=="nth"){var U=/(-?)(\d*)n((?:\+|-)?\d*)/.exec(T[2]=="even"&&"2n"||T[2]=="odd"&&"2n+1"||!/\D/.test(T[2])&&"0n+"+T[2]||T[2]);T[2]=(U[1]+(U[2]||1))-0;T[3]=U[3]-0}T[0]=L++;return T},ATTR:function(X,U,V,T,Y,Z){var W=X[1].replace(/\\/g,"");if(!Z&&I.attrMap[W]){X[1]=I.attrMap[W]}if(X[2]==="~="){X[4]=" "+X[4]+" "}return X},PSEUDO:function(X,U,V,T,Y){if(X[1]==="not"){if(X[3].match(R).length>1||/^\w/.test(X[3])){X[3]=F(X[3],null,null,U)}else{var W=F.filter(X[3],U,V,true^Y);if(!V){T.push.apply(T,W)}return false}}else{if(I.match.POS.test(X[0])||I.match.CHILD.test(X[0])){return true}}return X},POS:function(T){T.unshift(true);return T}},filters:{enabled:function(T){return T.disabled===false&&T.type!=="hidden"},disabled:function(T){return T.disabled===true},checked:function(T){return T.checked===true},selected:function(T){T.parentNode.selectedIndex;return T.selected===true},parent:function(T){return !!T.firstChild},empty:function(T){return !T.firstChild},has:function(V,U,T){return !!F(T[3],V).length},header:function(T){return/h\d/i.test(T.nodeName)},text:function(T){return"text"===T.type},radio:function(T){return"radio"===T.type},checkbox:function(T){return"checkbox"===T.type},file:function(T){return"file"===T.type},password:function(T){return"password"===T.type},submit:function(T){return"submit"===T.type},image:function(T){return"image"===T.type},reset:function(T){return"reset"===T.type},button:function(T){return"button"===T.type||T.nodeName.toUpperCase()==="BUTTON"},input:function(T){return/input|select|textarea|button/i.test(T.nodeName)}},setFilters:{first:function(U,T){return T===0},last:function(V,U,T,W){return U===W.length-1},even:function(U,T){return T%2===0},odd:function(U,T){return T%2===1},lt:function(V,U,T){return UT[3]-0},nth:function(V,U,T){return T[3]-0==U},eq:function(V,U,T){return T[3]-0==U}},filter:{PSEUDO:function(Z,V,W,aa){var U=V[1],X=I.filters[U];if(X){return X(Z,W,V,aa)}else{if(U==="contains"){return(Z.textContent||Z.innerText||"").indexOf(V[3])>=0}else{if(U==="not"){var Y=V[3];for(var W=0,T=Y.length;W=0)}}},ID:function(U,T){return U.nodeType===1&&U.getAttribute("id")===T},TAG:function(U,T){return(T==="*"&&U.nodeType===1)||U.nodeName===T},CLASS:function(U,T){return(" "+(U.className||U.getAttribute("class"))+" ").indexOf(T)>-1},ATTR:function(Y,W){var V=W[1],T=I.attrHandle[V]?I.attrHandle[V](Y):Y[V]!=null?Y[V]:Y.getAttribute(V),Z=T+"",X=W[2],U=W[4];return T==null?X==="!=":X==="="?Z===U:X==="*="?Z.indexOf(U)>=0:X==="~="?(" "+Z+" ").indexOf(U)>=0:!U?Z&&T!==false:X==="!="?Z!=U:X==="^="?Z.indexOf(U)===0:X==="$="?Z.substr(Z.length-U.length)===U:X==="|="?Z===U||Z.substr(0,U.length+1)===U+"-":false},POS:function(X,U,V,Y){var T=U[2],W=I.setFilters[T];if(W){return W(X,V,U,Y)}}}};var M=I.match.POS;for(var O in I.match){I.match[O]=RegExp(I.match[O].source+/(?![^\[]*\])(?![^\(]*\))/.source)}var E=function(U,T){U=Array.prototype.slice.call(U);if(T){T.push.apply(T,U);return T}return U};try{Array.prototype.slice.call(document.documentElement.childNodes)}catch(N){E=function(X,W){var U=W||[];if(H.call(X)==="[object Array]"){Array.prototype.push.apply(U,X)}else{if(typeof X.length==="number"){for(var V=0,T=X.length;V";var T=document.documentElement;T.insertBefore(U,T.firstChild);if(!!document.getElementById(V)){I.find.ID=function(X,Y,Z){if(typeof Y.getElementById!=="undefined"&&!Z){var W=Y.getElementById(X[1]);return W?W.id===X[1]||typeof W.getAttributeNode!=="undefined"&&W.getAttributeNode("id").nodeValue===X[1]?[W]:g:[]}};I.filter.ID=function(Y,W){var X=typeof Y.getAttributeNode!=="undefined"&&Y.getAttributeNode("id");return Y.nodeType===1&&X&&X.nodeValue===W}}T.removeChild(U)})();(function(){var T=document.createElement("div");T.appendChild(document.createComment(""));if(T.getElementsByTagName("*").length>0){I.find.TAG=function(U,Y){var X=Y.getElementsByTagName(U[1]);if(U[1]==="*"){var W=[];for(var V=0;X[V];V++){if(X[V].nodeType===1){W.push(X[V])}}X=W}return X}}T.innerHTML="";if(T.firstChild&&typeof T.firstChild.getAttribute!=="undefined"&&T.firstChild.getAttribute("href")!=="#"){I.attrHandle.href=function(U){return U.getAttribute("href",2)}}})();if(document.querySelectorAll){(function(){var T=F,U=document.createElement("div");U.innerHTML="";if(U.querySelectorAll&&U.querySelectorAll(".TEST").length===0){return}F=function(Y,X,V,W){X=X||document;if(!W&&X.nodeType===9&&!Q(X)){try{return E(X.querySelectorAll(Y),V)}catch(Z){}}return T(Y,X,V,W)};F.find=T.find;F.filter=T.filter;F.selectors=T.selectors;F.matches=T.matches})()}if(document.getElementsByClassName&&(-1!=document.getElementsByClassName.toString().indexOf("native code"))&&document.documentElement.getElementsByClassName){(function(){var T=document.createElement("div");T.innerHTML="";if(T.getElementsByClassName("e").length===0){return}T.lastChild.className="e";if(T.getElementsByClassName("e").length===1){return}I.order.splice(1,0,"CLASS");I.find.CLASS=function(U,V,W){if(typeof V.getElementsByClassName!=="undefined"&&!W){return V.getElementsByClassName(U[1])}}})()}function P(U,Z,Y,ad,aa,ac){var ab=U=="previousSibling"&&!ac;for(var W=0,V=ad.length;W0){X=T;break}}}T=T[U]}ad[W]=X}}}var K=document.compareDocumentPosition?function(U,T){return U.compareDocumentPosition(T)&16}:function(U,T){return U!==T&&(U.contains?U.contains(T):true)};var Q=function(T){return T.nodeType===9&&T.documentElement.nodeName!=="HTML"||!!T.ownerDocument&&Q(T.ownerDocument)};var J=function(T,aa){var W=[],X="",Y,V=aa.nodeType?[aa]:aa;while((Y=I.match.PSEUDO.exec(T))){X+=Y[0];T=T.replace(I.match.PSEUDO,"")}T=I.relative[T]?T+"*":T;for(var Z=0,U=V.length;Z0||T.offsetHeight>0};F.selectors.filters.animated=function(T){return o.grep(o.timers,function(U){return T===U.elem}).length};o.multiFilter=function(V,T,U){if(U){V=":not("+V+")"}return F.matches(V,T)};o.dir=function(V,U){var T=[],W=V[U];while(W&&W!=document){if(W.nodeType==1){T.push(W)}W=W[U]}return T};o.nth=function(X,T,V,W){T=T||1;var U=0;for(;X;X=X[V]){if(X.nodeType==1&&++U==T){break}}return X};o.sibling=function(V,U){var T=[];for(;V;V=V.nextSibling){if(V.nodeType==1&&V!=U){T.push(V)}}return T};return;l.Sizzle=F})();o.event={add:function(I,F,H,K){if(I.nodeType==3||I.nodeType==8){return}if(I.setInterval&&I!=l){I=l}if(!H.guid){H.guid=this.guid++}if(K!==g){var G=H;H=this.proxy(G);H.data=K}var E=o.data(I,"events")||o.data(I,"events",{}),J=o.data(I,"handle")||o.data(I,"handle",function(){return typeof o!=="undefined"&&!o.event.triggered?o.event.handle.apply(arguments.callee.elem,arguments):g});J.elem=I;o.each(F.split(/\s+/),function(M,N){var O=N.split(".");N=O.shift();H.type=O.slice().sort().join(".");var L=E[N];if(o.event.specialAll[N]){o.event.specialAll[N].setup.call(I,K,O)}if(!L){L=E[N]={};if(!o.event.special[N]||o.event.special[N].setup.call(I,K,O)===false){if(I.addEventListener){I.addEventListener(N,J,false)}else{if(I.attachEvent){I.attachEvent("on"+N,J)}}}}L[H.guid]=H;o.event.global[N]=true});I=null},guid:1,global:{},remove:function(K,H,J){if(K.nodeType==3||K.nodeType==8){return}var G=o.data(K,"events"),F,E;if(G){if(H===g||(typeof H==="string"&&H.charAt(0)==".")){for(var I in G){this.remove(K,I+(H||""))}}else{if(H.type){J=H.handler;H=H.type}o.each(H.split(/\s+/),function(M,O){var Q=O.split(".");O=Q.shift();var N=RegExp("(^|\\.)"+Q.slice().sort().join(".*\\.")+"(\\.|$)");if(G[O]){if(J){delete G[O][J.guid]}else{for(var P in G[O]){if(N.test(G[O][P].type)){delete G[O][P]}}}if(o.event.specialAll[O]){o.event.specialAll[O].teardown.call(K,Q)}for(F in G[O]){break}if(!F){if(!o.event.special[O]||o.event.special[O].teardown.call(K,Q)===false){if(K.removeEventListener){K.removeEventListener(O,o.data(K,"handle"),false)}else{if(K.detachEvent){K.detachEvent("on"+O,o.data(K,"handle"))}}}F=null;delete G[O]}}})}for(F in G){break}if(!F){var L=o.data(K,"handle");if(L){L.elem=null}o.removeData(K,"events");o.removeData(K,"handle")}}},trigger:function(I,K,H,E){var G=I.type||I;if(!E){I=typeof I==="object"?I[h]?I:o.extend(o.Event(G),I):o.Event(G);if(G.indexOf("!")>=0){I.type=G=G.slice(0,-1);I.exclusive=true}if(!H){I.stopPropagation();if(this.global[G]){o.each(o.cache,function(){if(this.events&&this.events[G]){o.event.trigger(I,K,this.handle.elem)}})}}if(!H||H.nodeType==3||H.nodeType==8){return g}I.result=g;I.target=H;K=o.makeArray(K);K.unshift(I)}I.currentTarget=H;var J=o.data(H,"handle");if(J){J.apply(H,K)}if((!H[G]||(o.nodeName(H,"a")&&G=="click"))&&H["on"+G]&&H["on"+G].apply(H,K)===false){I.result=false}if(!E&&H[G]&&!I.isDefaultPrevented()&&!(o.nodeName(H,"a")&&G=="click")){this.triggered=true;try{H[G]()}catch(L){}}this.triggered=false;if(!I.isPropagationStopped()){var F=H.parentNode||H.ownerDocument;if(F){o.event.trigger(I,K,F,true)}}},handle:function(K){var J,E;K=arguments[0]=o.event.fix(K||l.event);K.currentTarget=this;var L=K.type.split(".");K.type=L.shift();J=!L.length&&!K.exclusive;var I=RegExp("(^|\\.)"+L.slice().sort().join(".*\\.")+"(\\.|$)");E=(o.data(this,"events")||{})[K.type];for(var G in E){var H=E[G];if(J||I.test(H.type)){K.handler=H;K.data=H.data;var F=H.apply(this,arguments);if(F!==g){K.result=F;if(F===false){K.preventDefault();K.stopPropagation()}}if(K.isImmediatePropagationStopped()){break}}}},props:"altKey attrChange attrName bubbles button cancelable charCode clientX clientY ctrlKey currentTarget data detail eventPhase fromElement handler keyCode metaKey newValue originalTarget pageX pageY prevValue relatedNode relatedTarget screenX screenY shiftKey srcElement target toElement view wheelDelta which".split(" "),fix:function(H){if(H[h]){return H}var F=H;H=o.Event(F);for(var G=this.props.length,J;G;){J=this.props[--G];H[J]=F[J]}if(!H.target){H.target=H.srcElement||document}if(H.target.nodeType==3){H.target=H.target.parentNode}if(!H.relatedTarget&&H.fromElement){H.relatedTarget=H.fromElement==H.target?H.toElement:H.fromElement}if(H.pageX==null&&H.clientX!=null){var I=document.documentElement,E=document.body;H.pageX=H.clientX+(I&&I.scrollLeft||E&&E.scrollLeft||0)-(I.clientLeft||0);H.pageY=H.clientY+(I&&I.scrollTop||E&&E.scrollTop||0)-(I.clientTop||0)}if(!H.which&&((H.charCode||H.charCode===0)?H.charCode:H.keyCode)){H.which=H.charCode||H.keyCode}if(!H.metaKey&&H.ctrlKey){H.metaKey=H.ctrlKey}if(!H.which&&H.button){H.which=(H.button&1?1:(H.button&2?3:(H.button&4?2:0)))}return H},proxy:function(F,E){E=E||function(){return F.apply(this,arguments)};E.guid=F.guid=F.guid||E.guid||this.guid++;return E},special:{ready:{setup:B,teardown:function(){}}},specialAll:{live:{setup:function(E,F){o.event.add(this,F[0],c)},teardown:function(G){if(G.length){var E=0,F=RegExp("(^|\\.)"+G[0]+"(\\.|$)");o.each((o.data(this,"events").live||{}),function(){if(F.test(this.type)){E++}});if(E<1){o.event.remove(this,G[0],c)}}}}}};o.Event=function(E){if(!this.preventDefault){return new o.Event(E)}if(E&&E.type){this.originalEvent=E;this.type=E.type}else{this.type=E}this.timeStamp=e();this[h]=true};function k(){return false}function u(){return true}o.Event.prototype={preventDefault:function(){this.isDefaultPrevented=u;var E=this.originalEvent;if(!E){return}if(E.preventDefault){E.preventDefault()}E.returnValue=false},stopPropagation:function(){this.isPropagationStopped=u;var E=this.originalEvent;if(!E){return}if(E.stopPropagation){E.stopPropagation()}E.cancelBubble=true},stopImmediatePropagation:function(){this.isImmediatePropagationStopped=u;this.stopPropagation()},isDefaultPrevented:k,isPropagationStopped:k,isImmediatePropagationStopped:k};var a=function(F){var E=F.relatedTarget;while(E&&E!=this){try{E=E.parentNode}catch(G){E=this}}if(E!=this){F.type=F.data;o.event.handle.apply(this,arguments)}};o.each({mouseover:"mouseenter",mouseout:"mouseleave"},function(F,E){o.event.special[E]={setup:function(){o.event.add(this,F,a,E)},teardown:function(){o.event.remove(this,F,a)}}});o.fn.extend({bind:function(F,G,E){return F=="unload"?this.one(F,G,E):this.each(function(){o.event.add(this,F,E||G,E&&G)})},one:function(G,H,F){var E=o.event.proxy(F||H,function(I){o(this).unbind(I,E);return(F||H).apply(this,arguments)});return this.each(function(){o.event.add(this,G,E,F&&H)})},unbind:function(F,E){return this.each(function(){o.event.remove(this,F,E)})},trigger:function(E,F){return this.each(function(){o.event.trigger(E,F,this)})},triggerHandler:function(E,G){if(this[0]){var F=o.Event(E);F.preventDefault();F.stopPropagation();o.event.trigger(F,G,this[0]);return F.result}},toggle:function(G){var E=arguments,F=1;while(F=0){var E=G.slice(I,G.length);G=G.slice(0,I)}var H="GET";if(J){if(o.isFunction(J)){K=J;J=null}else{if(typeof J==="object"){J=o.param(J);H="POST"}}}var F=this;o.ajax({url:G,type:H,dataType:"html",data:J,complete:function(M,L){if(L=="success"||L=="notmodified"){F.html(E?o("").append(M.responseText.replace(//g,"")).find(E):M.responseText)}if(K){F.each(K,[M.responseText,L,M])}}});return this},serialize:function(){return o.param(this.serializeArray())},serializeArray:function(){return this.map(function(){return this.elements?o.makeArray(this.elements):this}).filter(function(){return this.name&&!this.disabled&&(this.checked||/select|textarea/i.test(this.nodeName)||/text|hidden|password|search/i.test(this.type))}).map(function(E,F){var G=o(this).val();return G==null?null:o.isArray(G)?o.map(G,function(I,H){return{name:F.name,value:I}}):{name:F.name,value:G}}).get()}});o.each("ajaxStart,ajaxStop,ajaxComplete,ajaxError,ajaxSuccess,ajaxSend".split(","),function(E,F){o.fn[F]=function(G){return this.bind(F,G)}});var r=e();o.extend({get:function(E,G,H,F){if(o.isFunction(G)){H=G;G=null}return o.ajax({type:"GET",url:E,data:G,success:H,dataType:F})},getScript:function(E,F){return o.get(E,null,F,"script")},getJSON:function(E,F,G){return o.get(E,F,G,"json")},post:function(E,G,H,F){if(o.isFunction(G)){H=G;G={}}return o.ajax({type:"POST",url:E,data:G,success:H,dataType:F})},ajaxSetup:function(E){o.extend(o.ajaxSettings,E)},ajaxSettings:{url:location.href,global:true,type:"GET",contentType:"application/x-www-form-urlencoded",processData:true,async:true,xhr:function(){return l.ActiveXObject?new ActiveXObject("Microsoft.XMLHTTP"):new XMLHttpRequest()},accepts:{xml:"application/xml, text/xml",html:"text/html",script:"text/javascript, application/javascript",json:"application/json, text/javascript",text:"text/plain",_default:"*/*"}},lastModified:{},ajax:function(M){M=o.extend(true,M,o.extend(true,{},o.ajaxSettings,M));var W,F=/=\?(&|$)/g,R,V,G=M.type.toUpperCase();if(M.data&&M.processData&&typeof M.data!=="string"){M.data=o.param(M.data)}if(M.dataType=="jsonp"){if(G=="GET"){if(!M.url.match(F)){M.url+=(M.url.match(/\?/)?"&":"?")+(M.jsonp||"callback")+"=?"}}else{if(!M.data||!M.data.match(F)){M.data=(M.data?M.data+"&":"")+(M.jsonp||"callback")+"=?"}}M.dataType="json"}if(M.dataType=="json"&&(M.data&&M.data.match(F)||M.url.match(F))){W="jsonp"+r++;if(M.data){M.data=(M.data+"").replace(F,"="+W+"$1")}M.url=M.url.replace(F,"="+W+"$1");M.dataType="script";l[W]=function(X){V=X;I();L();l[W]=g;try{delete l[W]}catch(Y){}if(H){H.removeChild(T)}}}if(M.dataType=="script"&&M.cache==null){M.cache=false}if(M.cache===false&&G=="GET"){var E=e();var U=M.url.replace(/(\?|&)_=.*?(&|$)/,"$1_="+E+"$2");M.url=U+((U==M.url)?(M.url.match(/\?/)?"&":"?")+"_="+E:"")}if(M.data&&G=="GET"){M.url+=(M.url.match(/\?/)?"&":"?")+M.data;M.data=null}if(M.global&&!o.active++){o.event.trigger("ajaxStart")}var Q=/^(\w+:)?\/\/([^\/?#]+)/.exec(M.url);if(M.dataType=="script"&&G=="GET"&&Q&&(Q[1]&&Q[1]!=location.protocol||Q[2]!=location.host)){var H=document.getElementsByTagName("head")[0];var T=document.createElement("script");T.src=M.url;if(M.scriptCharset){T.charset=M.scriptCharset}if(!W){var O=false;T.onload=T.onreadystatechange=function(){if(!O&&(!this.readyState||this.readyState=="loaded"||this.readyState=="complete")){O=true;I();L();T.onload=T.onreadystatechange=null;H.removeChild(T)}}}H.appendChild(T);return g}var K=false;var J=M.xhr();if(M.username){J.open(G,M.url,M.async,M.username,M.password)}else{J.open(G,M.url,M.async)}try{if(M.data){J.setRequestHeader("Content-Type",M.contentType)}if(M.ifModified){J.setRequestHeader("If-Modified-Since",o.lastModified[M.url]||"Thu, 01 Jan 1970 00:00:00 GMT")}J.setRequestHeader("X-Requested-With","XMLHttpRequest");J.setRequestHeader("Accept",M.dataType&&M.accepts[M.dataType]?M.accepts[M.dataType]+", */*":M.accepts._default)}catch(S){}if(M.beforeSend&&M.beforeSend(J,M)===false){if(M.global&&!--o.active){o.event.trigger("ajaxStop")}J.abort();return false}if(M.global){o.event.trigger("ajaxSend",[J,M])}var N=function(X){if(J.readyState==0){if(P){clearInterval(P);P=null;if(M.global&&!--o.active){o.event.trigger("ajaxStop")}}}else{if(!K&&J&&(J.readyState==4||X=="timeout")){K=true;if(P){clearInterval(P);P=null}R=X=="timeout"?"timeout":!o.httpSuccess(J)?"error":M.ifModified&&o.httpNotModified(J,M.url)?"notmodified":"success";if(R=="success"){try{V=o.httpData(J,M.dataType,M)}catch(Z){R="parsererror"}}if(R=="success"){var Y;try{Y=J.getResponseHeader("Last-Modified")}catch(Z){}if(M.ifModified&&Y){o.lastModified[M.url]=Y}if(!W){I()}}else{o.handleError(M,J,R)}L();if(X){J.abort()}if(M.async){J=null}}}};if(M.async){var P=setInterval(N,13);if(M.timeout>0){setTimeout(function(){if(J&&!K){N("timeout")}},M.timeout)}}try{J.send(M.data)}catch(S){o.handleError(M,J,null,S)}if(!M.async){N()}function I(){if(M.success){M.success(V,R)}if(M.global){o.event.trigger("ajaxSuccess",[J,M])}}function L(){if(M.complete){M.complete(J,R)}if(M.global){o.event.trigger("ajaxComplete",[J,M])}if(M.global&&!--o.active){o.event.trigger("ajaxStop")}}return J},handleError:function(F,H,E,G){if(F.error){F.error(H,E,G)}if(F.global){o.event.trigger("ajaxError",[H,F,G])}},active:0,httpSuccess:function(F){try{return !F.status&&location.protocol=="file:"||(F.status>=200&&F.status<300)||F.status==304||F.status==1223}catch(E){}return false},httpNotModified:function(G,E){try{var H=G.getResponseHeader("Last-Modified");return G.status==304||H==o.lastModified[E]}catch(F){}return false},httpData:function(J,H,G){var F=J.getResponseHeader("content-type"),E=H=="xml"||!H&&F&&F.indexOf("xml")>=0,I=E?J.responseXML:J.responseText;if(E&&I.documentElement.tagName=="parsererror"){throw"parsererror"}if(G&&G.dataFilter){I=G.dataFilter(I,H)}if(typeof I==="string"){if(H=="script"){o.globalEval(I)}if(H=="json"){I=l["eval"]("("+I+")")}}return I},param:function(E){var G=[];function H(I,J){G[G.length]=encodeURIComponent(I)+"="+encodeURIComponent(J)}if(o.isArray(E)||E.jquery){o.each(E,function(){H(this.name,this.value)})}else{for(var F in E){if(o.isArray(E[F])){o.each(E[F],function(){H(F,this)})}else{H(F,o.isFunction(E[F])?E[F]():E[F])}}}return G.join("&").replace(/%20/g,"+")}});var m={},n,d=[["height","marginTop","marginBottom","paddingTop","paddingBottom"],["width","marginLeft","marginRight","paddingLeft","paddingRight"],["opacity"]];function t(F,E){var G={};o.each(d.concat.apply([],d.slice(0,E)),function(){G[this]=F});return G}o.fn.extend({show:function(J,L){if(J){return this.animate(t("show",3),J,L)}else{for(var H=0,F=this.length;H").appendTo("body");K=I.css("display");if(K==="none"){K="block"}I.remove();m[G]=K}o.data(this[H],"olddisplay",K)}}for(var H=0,F=this.length;H=0;H--){if(G[H].elem==this){if(E){G[H](true)}G.splice(H,1)}}});if(!E){this.dequeue()}return this}});o.each({slideDown:t("show",1),slideUp:t("hide",1),slideToggle:t("toggle",1),fadeIn:{opacity:"show"},fadeOut:{opacity:"hide"}},function(E,F){o.fn[E]=function(G,H){return this.animate(F,G,H)}});o.extend({speed:function(G,H,F){var E=typeof G==="object"?G:{complete:F||!F&&H||o.isFunction(G)&&G,duration:G,easing:F&&H||H&&!o.isFunction(H)&&H};E.duration=o.fx.off?0:typeof E.duration==="number"?E.duration:o.fx.speeds[E.duration]||o.fx.speeds._default;E.old=E.complete;E.complete=function(){if(E.queue!==false){o(this).dequeue()}if(o.isFunction(E.old)){E.old.call(this)}};return E},easing:{linear:function(G,H,E,F){return E+F*G},swing:function(G,H,E,F){return((-Math.cos(G*Math.PI)/2)+0.5)*F+E}},timers:[],fx:function(F,E,G){this.options=E;this.elem=F;this.prop=G;if(!E.orig){E.orig={}}}});o.fx.prototype={update:function(){if(this.options.step){this.options.step.call(this.elem,this.now,this)}(o.fx.step[this.prop]||o.fx.step._default)(this);if((this.prop=="height"||this.prop=="width")&&this.elem.style){this.elem.style.display="block"}},cur:function(F){if(this.elem[this.prop]!=null&&(!this.elem.style||this.elem.style[this.prop]==null)){return this.elem[this.prop]}var E=parseFloat(o.css(this.elem,this.prop,F));return E&&E>-10000?E:parseFloat(o.curCSS(this.elem,this.prop))||0},custom:function(I,H,G){this.startTime=e();this.start=I;this.end=H;this.unit=G||this.unit||"px";this.now=this.start;this.pos=this.state=0;var E=this;function F(J){return E.step(J)}F.elem=this.elem;if(F()&&o.timers.push(F)&&!n){n=setInterval(function(){var K=o.timers;for(var J=0;J=this.options.duration+this.startTime){this.now=this.end;this.pos=this.state=1;this.update();this.options.curAnim[this.prop]=true;var E=true;for(var F in this.options.curAnim){if(this.options.curAnim[F]!==true){E=false}}if(E){if(this.options.display!=null){this.elem.style.overflow=this.options.overflow;this.elem.style.display=this.options.display;if(o.css(this.elem,"display")=="none"){this.elem.style.display="block"}}if(this.options.hide){o(this.elem).hide()}if(this.options.hide||this.options.show){for(var I in this.options.curAnim){o.attr(this.elem.style,I,this.options.orig[I])}}this.options.complete.call(this.elem)}return false}else{var J=G-this.startTime;this.state=J/this.options.duration;this.pos=o.easing[this.options.easing||(o.easing.swing?"swing":"linear")](this.state,J,0,1,this.options.duration);this.now=this.start+((this.end-this.start)*this.pos);this.update()}return true}};o.extend(o.fx,{speeds:{slow:600,fast:200,_default:400},step:{opacity:function(E){o.attr(E.elem.style,"opacity",E.now)},_default:function(E){if(E.elem.style&&E.elem.style[E.prop]!=null){E.elem.style[E.prop]=E.now+E.unit}else{E.elem[E.prop]=E.now}}}});if(document.documentElement.getBoundingClientRect){o.fn.offset=function(){if(!this[0]){return{top:0,left:0}}if(this[0]===this[0].ownerDocument.body){return o.offset.bodyOffset(this[0])}var G=this[0].getBoundingClientRect(),J=this[0].ownerDocument,F=J.body,E=J.documentElement,L=E.clientTop||F.clientTop||0,K=E.clientLeft||F.clientLeft||0,I=G.top+(self.pageYOffset||o.boxModel&&E.scrollTop||F.scrollTop)-L,H=G.left+(self.pageXOffset||o.boxModel&&E.scrollLeft||F.scrollLeft)-K;return{top:I,left:H}}}else{o.fn.offset=function(){if(!this[0]){return{top:0,left:0}}if(this[0]===this[0].ownerDocument.body){return o.offset.bodyOffset(this[0])}o.offset.initialized||o.offset.initialize();var J=this[0],G=J.offsetParent,F=J,O=J.ownerDocument,M,H=O.documentElement,K=O.body,L=O.defaultView,E=L.getComputedStyle(J,null),N=J.offsetTop,I=J.offsetLeft;while((J=J.parentNode)&&J!==K&&J!==H){M=L.getComputedStyle(J,null);N-=J.scrollTop,I-=J.scrollLeft;if(J===G){N+=J.offsetTop,I+=J.offsetLeft;if(o.offset.doesNotAddBorder&&!(o.offset.doesAddBorderForTableAndCells&&/^t(able|d|h)$/i.test(J.tagName))){N+=parseInt(M.borderTopWidth,10)||0,I+=parseInt(M.borderLeftWidth,10)||0}F=G,G=J.offsetParent}if(o.offset.subtractsBorderForOverflowNotVisible&&M.overflow!=="visible"){N+=parseInt(M.borderTopWidth,10)||0,I+=parseInt(M.borderLeftWidth,10)||0}E=M}if(E.position==="relative"||E.position==="static"){N+=K.offsetTop,I+=K.offsetLeft}if(E.position==="fixed"){N+=Math.max(H.scrollTop,K.scrollTop),I+=Math.max(H.scrollLeft,K.scrollLeft)}return{top:N,left:I}}}o.offset={initialize:function(){if(this.initialized){return}var L=document.body,F=document.createElement("div"),H,G,N,I,M,E,J=L.style.marginTop,K='';M={position:"absolute",top:0,left:0,margin:0,border:0,width:"1px",height:"1px",visibility:"hidden"};for(E in M){F.style[E]=M[E]}F.innerHTML=K;L.insertBefore(F,L.firstChild);H=F.firstChild,G=H.firstChild,I=H.nextSibling.firstChild.firstChild;this.doesNotAddBorder=(G.offsetTop!==5);this.doesAddBorderForTableAndCells=(I.offsetTop===5);H.style.overflow="hidden",H.style.position="relative";this.subtractsBorderForOverflowNotVisible=(G.offsetTop===-5);L.style.marginTop="1px";this.doesNotIncludeMarginInBodyOffset=(L.offsetTop===0);L.style.marginTop=J;L.removeChild(F);this.initialized=true},bodyOffset:function(E){o.offset.initialized||o.offset.initialize();var G=E.offsetTop,F=E.offsetLeft;if(o.offset.doesNotIncludeMarginInBodyOffset){G+=parseInt(o.curCSS(E,"marginTop",true),10)||0,F+=parseInt(o.curCSS(E,"marginLeft",true),10)||0}return{top:G,left:F}}};o.fn.extend({position:function(){var I=0,H=0,F;if(this[0]){var G=this.offsetParent(),J=this.offset(),E=/^body|html$/i.test(G[0].tagName)?{top:0,left:0}:G.offset();J.top-=j(this,"marginTop");J.left-=j(this,"marginLeft");E.top+=j(G,"borderTopWidth");E.left+=j(G,"borderLeftWidth");F={top:J.top-E.top,left:J.left-E.left}}return F},offsetParent:function(){var E=this[0].offsetParent||document.body;while(E&&(!/^body|html$/i.test(E.tagName)&&o.css(E,"position")=="static")){E=E.offsetParent}return o(E)}});o.each(["Left","Top"],function(F,E){var G="scroll"+E;o.fn[G]=function(H){if(!this[0]){return null}return H!==g?this.each(function(){this==l||this==document?l.scrollTo(!F?H:o(l).scrollLeft(),F?H:o(l).scrollTop()):this[G]=H}):this[0]==l||this[0]==document?self[F?"pageYOffset":"pageXOffset"]||o.boxModel&&document.documentElement[G]||document.body[G]:this[0][G]}});o.each(["Height","Width"],function(I,G){var E=I?"Left":"Top",H=I?"Right":"Bottom",F=G.toLowerCase();o.fn["inner"+G]=function(){return this[0]?o.css(this[0],F,false,"padding"):null};o.fn["outer"+G]=function(K){return this[0]?o.css(this[0],F,false,K?"margin":"border"):null};var J=G.toLowerCase();o.fn[J]=function(K){return this[0]==l?document.compatMode=="CSS1Compat"&&document.documentElement["client"+G]||document.body["client"+G]:this[0]==document?Math.max(document.documentElement["client"+G],document.body["scroll"+G],document.documentElement["scroll"+G],document.body["offset"+G],document.documentElement["offset"+G]):K===g?(this.length?o.css(this[0],J):null):this.css(J,typeof K==="string"?K:K+"px")}})})();
/*
* jQuery UI 1.7.2
*
* Copyright (c) 2009 AUTHORS.txt (http://jqueryui.com/about)
* Dual licensed under the MIT (MIT-LICENSE.txt)
* and GPL (GPL-LICENSE.txt) licenses.
*
* http://docs.jquery.com/UI
*/
jQuery.ui||(function(c){var i=c.fn.remove,d=c.browser.mozilla&&(parseFloat(c.browser.version)<1.9);c.ui={version:"1.7.2",plugin:{add:function(k,l,n){var m=c.ui[k].prototype;for(var j in n){m.plugins[j]=m.plugins[j]||[];if("function"===typeof(m.plugins[j].push)){m.plugins[j].push([l,n[j]])}}},call:function(j,l,k){var n=j.plugins[l];if(!n||!j.element[0].parentNode){return}for(var m=0;m0){return true}m[j]=1;l=(m[j]>0);m[j]=0;return l},isOverAxis:function(k,j,l){return(k>j)&&(k<(j+l))},isOver:function(o,k,n,m,j,l){return c.ui.isOverAxis(o,n,j)&&c.ui.isOverAxis(k,m,l)},keyCode:{BACKSPACE:8,CAPS_LOCK:20,COMMA:188,CONTROL:17,DELETE:46,DOWN:40,END:35,ENTER:13,ESCAPE:27,HOME:36,INSERT:45,LEFT:37,NUMPAD_ADD:107,NUMPAD_DECIMAL:110,NUMPAD_DIVIDE:111,NUMPAD_ENTER:108,NUMPAD_MULTIPLY:106,NUMPAD_SUBTRACT:109,PAGE_DOWN:34,PAGE_UP:33,PERIOD:190,RIGHT:39,SHIFT:16,SPACE:32,TAB:9,UP:38}};if(d){var f=c.attr,e=c.fn.removeAttr,h="http://www.w3.org/2005/07/aaa",a=/^aria-/,b=/^wairole:/;c.attr=function(k,j,l){var m=l!==undefined;return(j=="role"?(m?f.call(this,k,j,"wairole:"+l):(f.apply(this,arguments)||"").replace(b,"")):(a.test(j)?(m?k.setAttributeNS(h,j.replace(a,"aaa:"),l):f.call(this,k,j.replace(a,"aaa:"))):f.apply(this,arguments)))};c.fn.removeAttr=function(j){return(a.test(j)?this.each(function(){this.removeAttributeNS(h,j.replace(a,""))}):e.call(this,j))}}c.fn.extend({remove:function(){c("*",this).add(this).each(function(){c(this).triggerHandler("remove")});return i.apply(this,arguments)},enableSelection:function(){return this.attr("unselectable","off").css("MozUserSelect","").unbind("selectstart.ui")},disableSelection:function(){return this.attr("unselectable","on").css("MozUserSelect","none").bind("selectstart.ui",function(){return false})},scrollParent:function(){var j;if((c.browser.msie&&(/(static|relative)/).test(this.css("position")))||(/absolute/).test(this.css("position"))){j=this.parents().filter(function(){return(/(relative|absolute|fixed)/).test(c.curCSS(this,"position",1))&&(/(auto|scroll)/).test(c.curCSS(this,"overflow",1)+c.curCSS(this,"overflow-y",1)+c.curCSS(this,"overflow-x",1))}).eq(0)}else{j=this.parents().filter(function(){return(/(auto|scroll)/).test(c.curCSS(this,"overflow",1)+c.curCSS(this,"overflow-y",1)+c.curCSS(this,"overflow-x",1))}).eq(0)}return(/fixed/).test(this.css("position"))||!j.length?c(document):j}});c.extend(c.expr[":"],{data:function(l,k,j){return !!c.data(l,j[3])},focusable:function(k){var l=k.nodeName.toLowerCase(),j=c.attr(k,"tabindex");return(/input|select|textarea|button|object/.test(l)?!k.disabled:"a"==l||"area"==l?k.href||!isNaN(j):!isNaN(j))&&!c(k)["area"==l?"parents":"closest"](":hidden").length},tabbable:function(k){var j=c.attr(k,"tabindex");return(isNaN(j)||j>=0)&&c(k).is(":focusable")}});function g(m,n,o,l){function k(q){var p=c[m][n][q]||[];return(typeof p=="string"?p.split(/,?\s+/):p)}var j=k("getter");if(l.length==1&&typeof l[0]=="string"){j=j.concat(k("getterSetter"))}return(c.inArray(o,j)!=-1)}c.widget=function(k,j){var l=k.split(".")[0];k=k.split(".")[1];c.fn[k]=function(p){var n=(typeof p=="string"),o=Array.prototype.slice.call(arguments,1);if(n&&p.substring(0,1)=="_"){return this}if(n&&g(l,k,p,o)){var m=c.data(this[0],k);return(m?m[p].apply(m,o):undefined)}return this.each(function(){var q=c.data(this,k);(!q&&!n&&c.data(this,k,new c[l][k](this,p))._init());(q&&n&&c.isFunction(q[p])&&q[p].apply(q,o))})};c[l]=c[l]||{};c[l][k]=function(o,n){var m=this;this.namespace=l;this.widgetName=k;this.widgetEventPrefix=c[l][k].eventPrefix||k;this.widgetBaseClass=l+"-"+k;this.options=c.extend({},c.widget.defaults,c[l][k].defaults,c.metadata&&c.metadata.get(o)[k],n);this.element=c(o).bind("setData."+k,function(q,p,r){if(q.target==o){return m._setData(p,r)}}).bind("getData."+k,function(q,p){if(q.target==o){return m._getData(p)}}).bind("remove",function(){return m.destroy()})};c[l][k].prototype=c.extend({},c.widget.prototype,j);c[l][k].getterSetter="option"};c.widget.prototype={_init:function(){},destroy:function(){this.element.removeData(this.widgetName).removeClass(this.widgetBaseClass+"-disabled "+this.namespace+"-state-disabled").removeAttr("aria-disabled")},option:function(l,m){var k=l,j=this;if(typeof l=="string"){if(m===undefined){return this._getData(l)}k={};k[l]=m}c.each(k,function(n,o){j._setData(n,o)})},_getData:function(j){return this.options[j]},_setData:function(j,k){this.options[j]=k;if(j=="disabled"){this.element[k?"addClass":"removeClass"](this.widgetBaseClass+"-disabled "+this.namespace+"-state-disabled").attr("aria-disabled",k)}},enable:function(){this._setData("disabled",false)},disable:function(){this._setData("disabled",true)},_trigger:function(l,m,n){var p=this.options[l],j=(l==this.widgetEventPrefix?l:this.widgetEventPrefix+l);m=c.Event(m);m.type=j;if(m.originalEvent){for(var k=c.event.props.length,o;k;){o=c.event.props[--k];m[o]=m.originalEvent[o]}}this.element.trigger(m,n);return !(c.isFunction(p)&&p.call(this.element[0],m,n)===false||m.isDefaultPrevented())}};c.widget.defaults={disabled:false};c.ui.mouse={_mouseInit:function(){var j=this;this.element.bind("mousedown."+this.widgetName,function(k){return j._mouseDown(k)}).bind("click."+this.widgetName,function(k){if(j._preventClickEvent){j._preventClickEvent=false;k.stopImmediatePropagation();return false}});if(c.browser.msie){this._mouseUnselectable=this.element.attr("unselectable");this.element.attr("unselectable","on")}this.started=false},_mouseDestroy:function(){this.element.unbind("."+this.widgetName);(c.browser.msie&&this.element.attr("unselectable",this._mouseUnselectable))},_mouseDown:function(l){l.originalEvent=l.originalEvent||{};if(l.originalEvent.mouseHandled){return}(this._mouseStarted&&this._mouseUp(l));this._mouseDownEvent=l;var k=this,m=(l.which==1),j=(typeof this.options.cancel=="string"?c(l.target).parents().add(l.target).filter(this.options.cancel).length:false);if(!m||j||!this._mouseCapture(l)){return true}this.mouseDelayMet=!this.options.delay;if(!this.mouseDelayMet){this._mouseDelayTimer=setTimeout(function(){k.mouseDelayMet=true},this.options.delay)}if(this._mouseDistanceMet(l)&&this._mouseDelayMet(l)){this._mouseStarted=(this._mouseStart(l)!==false);if(!this._mouseStarted){l.preventDefault();return true}}this._mouseMoveDelegate=function(n){return k._mouseMove(n)};this._mouseUpDelegate=function(n){return k._mouseUp(n)};c(document).bind("mousemove."+this.widgetName,this._mouseMoveDelegate).bind("mouseup."+this.widgetName,this._mouseUpDelegate);(c.browser.safari||l.preventDefault());l.originalEvent.mouseHandled=true;return true},_mouseMove:function(j){if(c.browser.msie&&!j.button){return this._mouseUp(j)}if(this._mouseStarted){this._mouseDrag(j);return j.preventDefault()}if(this._mouseDistanceMet(j)&&this._mouseDelayMet(j)){this._mouseStarted=(this._mouseStart(this._mouseDownEvent,j)!==false);(this._mouseStarted?this._mouseDrag(j):this._mouseUp(j))}return !this._mouseStarted},_mouseUp:function(j){c(document).unbind("mousemove."+this.widgetName,this._mouseMoveDelegate).unbind("mouseup."+this.widgetName,this._mouseUpDelegate);if(this._mouseStarted){this._mouseStarted=false;this._preventClickEvent=(j.target==this._mouseDownEvent.target);this._mouseStop(j)}return false},_mouseDistanceMet:function(j){return(Math.max(Math.abs(this._mouseDownEvent.pageX-j.pageX),Math.abs(this._mouseDownEvent.pageY-j.pageY))>=this.options.distance)},_mouseDelayMet:function(j){return this.mouseDelayMet},_mouseStart:function(j){},_mouseDrag:function(j){},_mouseStop:function(j){},_mouseCapture:function(j){return true}};c.ui.mouse.defaults={cancel:null,distance:1,delay:0}})(jQuery);;
/*
* jQuery UI Draggable 1.7.2
*
* Copyright (c) 2009 AUTHORS.txt (http://jqueryui.com/about)
* Dual licensed under the MIT (MIT-LICENSE.txt)
* and GPL (GPL-LICENSE.txt) licenses.
*
* http://docs.jquery.com/UI/Draggables
*
* Depends:
* ui.core.js
*/
(function(a){a.widget("ui.draggable",a.extend({},a.ui.mouse,{_init:function(){if(this.options.helper=="original"&&!(/^(?:r|a|f)/).test(this.element.css("position"))){this.element[0].style.position="relative"}(this.options.addClasses&&this.element.addClass("ui-draggable"));(this.options.disabled&&this.element.addClass("ui-draggable-disabled"));this._mouseInit()},destroy:function(){if(!this.element.data("draggable")){return}this.element.removeData("draggable").unbind(".draggable").removeClass("ui-draggable ui-draggable-dragging ui-draggable-disabled");this._mouseDestroy()},_mouseCapture:function(b){var c=this.options;if(this.helper||c.disabled||a(b.target).is(".ui-resizable-handle")){return false}this.handle=this._getHandle(b);if(!this.handle){return false}return true},_mouseStart:function(b){var c=this.options;this.helper=this._createHelper(b);this._cacheHelperProportions();if(a.ui.ddmanager){a.ui.ddmanager.current=this}this._cacheMargins();this.cssPosition=this.helper.css("position");this.scrollParent=this.helper.scrollParent();this.offset=this.element.offset();this.offset={top:this.offset.top-this.margins.top,left:this.offset.left-this.margins.left};a.extend(this.offset,{click:{left:b.pageX-this.offset.left,top:b.pageY-this.offset.top},parent:this._getParentOffset(),relative:this._getRelativeOffset()});this.originalPosition=this._generatePosition(b);this.originalPageX=b.pageX;this.originalPageY=b.pageY;if(c.cursorAt){this._adjustOffsetFromHelper(c.cursorAt)}if(c.containment){this._setContainment()}this._trigger("start",b);this._cacheHelperProportions();if(a.ui.ddmanager&&!c.dropBehaviour){a.ui.ddmanager.prepareOffsets(this,b)}this.helper.addClass("ui-draggable-dragging");this._mouseDrag(b,true);return true},_mouseDrag:function(b,d){this.position=this._generatePosition(b);this.positionAbs=this._convertPositionTo("absolute");if(!d){var c=this._uiHash();this._trigger("drag",b,c);this.position=c.position}if(!this.options.axis||this.options.axis!="y"){this.helper[0].style.left=this.position.left+"px"}if(!this.options.axis||this.options.axis!="x"){this.helper[0].style.top=this.position.top+"px"}if(a.ui.ddmanager){a.ui.ddmanager.drag(this,b)}return false},_mouseStop:function(c){var d=false;if(a.ui.ddmanager&&!this.options.dropBehaviour){d=a.ui.ddmanager.drop(this,c)}if(this.dropped){d=this.dropped;this.dropped=false}if((this.options.revert=="invalid"&&!d)||(this.options.revert=="valid"&&d)||this.options.revert===true||(a.isFunction(this.options.revert)&&this.options.revert.call(this.element,d))){var b=this;a(this.helper).animate(this.originalPosition,parseInt(this.options.revertDuration,10),function(){b._trigger("stop",c);b._clear()})}else{this._trigger("stop",c);this._clear()}return false},_getHandle:function(b){var c=!this.options.handle||!a(this.options.handle,this.element).length?true:false;a(this.options.handle,this.element).find("*").andSelf().each(function(){if(this==b.target){c=true}});return c},_createHelper:function(c){var d=this.options;var b=a.isFunction(d.helper)?a(d.helper.apply(this.element[0],[c])):(d.helper=="clone"?this.element.clone():this.element);if(!b.parents("body").length){b.appendTo((d.appendTo=="parent"?this.element[0].parentNode:d.appendTo))}if(b[0]!=this.element[0]&&!(/(fixed|absolute)/).test(b.css("position"))){b.css("position","absolute")}return b},_adjustOffsetFromHelper:function(b){if(b.left!=undefined){this.offset.click.left=b.left+this.margins.left}if(b.right!=undefined){this.offset.click.left=this.helperProportions.width-b.right+this.margins.left}if(b.top!=undefined){this.offset.click.top=b.top+this.margins.top}if(b.bottom!=undefined){this.offset.click.top=this.helperProportions.height-b.bottom+this.margins.top}},_getParentOffset:function(){this.offsetParent=this.helper.offsetParent();var b=this.offsetParent.offset();if(this.cssPosition=="absolute"&&this.scrollParent[0]!=document&&a.ui.contains(this.scrollParent[0],this.offsetParent[0])){b.left+=this.scrollParent.scrollLeft();b.top+=this.scrollParent.scrollTop()}if((this.offsetParent[0]==document.body)||(this.offsetParent[0].tagName&&this.offsetParent[0].tagName.toLowerCase()=="html"&&a.browser.msie)){b={top:0,left:0}}return{top:b.top+(parseInt(this.offsetParent.css("borderTopWidth"),10)||0),left:b.left+(parseInt(this.offsetParent.css("borderLeftWidth"),10)||0)}},_getRelativeOffset:function(){if(this.cssPosition=="relative"){var b=this.element.position();return{top:b.top-(parseInt(this.helper.css("top"),10)||0)+this.scrollParent.scrollTop(),left:b.left-(parseInt(this.helper.css("left"),10)||0)+this.scrollParent.scrollLeft()}}else{return{top:0,left:0}}},_cacheMargins:function(){this.margins={left:(parseInt(this.element.css("marginLeft"),10)||0),top:(parseInt(this.element.css("marginTop"),10)||0)}},_cacheHelperProportions:function(){this.helperProportions={width:this.helper.outerWidth(),height:this.helper.outerHeight()}},_setContainment:function(){var e=this.options;if(e.containment=="parent"){e.containment=this.helper[0].parentNode}if(e.containment=="document"||e.containment=="window"){this.containment=[0-this.offset.relative.left-this.offset.parent.left,0-this.offset.relative.top-this.offset.parent.top,a(e.containment=="document"?document:window).width()-this.helperProportions.width-this.margins.left,(a(e.containment=="document"?document:window).height()||document.body.parentNode.scrollHeight)-this.helperProportions.height-this.margins.top]}if(!(/^(document|window|parent)$/).test(e.containment)&&e.containment.constructor!=Array){var c=a(e.containment)[0];if(!c){return}var d=a(e.containment).offset();var b=(a(c).css("overflow")!="hidden");this.containment=[d.left+(parseInt(a(c).css("borderLeftWidth"),10)||0)+(parseInt(a(c).css("paddingLeft"),10)||0)-this.margins.left,d.top+(parseInt(a(c).css("borderTopWidth"),10)||0)+(parseInt(a(c).css("paddingTop"),10)||0)-this.margins.top,d.left+(b?Math.max(c.scrollWidth,c.offsetWidth):c.offsetWidth)-(parseInt(a(c).css("borderLeftWidth"),10)||0)-(parseInt(a(c).css("paddingRight"),10)||0)-this.helperProportions.width-this.margins.left,d.top+(b?Math.max(c.scrollHeight,c.offsetHeight):c.offsetHeight)-(parseInt(a(c).css("borderTopWidth"),10)||0)-(parseInt(a(c).css("paddingBottom"),10)||0)-this.helperProportions.height-this.margins.top]}else{if(e.containment.constructor==Array){this.containment=e.containment}}},_convertPositionTo:function(f,h){if(!h){h=this.position}var c=f=="absolute"?1:-1;var e=this.options,b=this.cssPosition=="absolute"&&!(this.scrollParent[0]!=document&&a.ui.contains(this.scrollParent[0],this.offsetParent[0]))?this.offsetParent:this.scrollParent,g=(/(html|body)/i).test(b[0].tagName);return{top:(h.top+this.offset.relative.top*c+this.offset.parent.top*c-(a.browser.safari&&this.cssPosition=="fixed"?0:(this.cssPosition=="fixed"?-this.scrollParent.scrollTop():(g?0:b.scrollTop()))*c)),left:(h.left+this.offset.relative.left*c+this.offset.parent.left*c-(a.browser.safari&&this.cssPosition=="fixed"?0:(this.cssPosition=="fixed"?-this.scrollParent.scrollLeft():g?0:b.scrollLeft())*c))}},_generatePosition:function(e){var h=this.options,b=this.cssPosition=="absolute"&&!(this.scrollParent[0]!=document&&a.ui.contains(this.scrollParent[0],this.offsetParent[0]))?this.offsetParent:this.scrollParent,i=(/(html|body)/i).test(b[0].tagName);if(this.cssPosition=="relative"&&!(this.scrollParent[0]!=document&&this.scrollParent[0]!=this.offsetParent[0])){this.offset.relative=this._getRelativeOffset()}var d=e.pageX;var c=e.pageY;if(this.originalPosition){if(this.containment){if(e.pageX-this.offset.click.leftthis.containment[2]){d=this.containment[2]+this.offset.click.left}if(e.pageY-this.offset.click.top>this.containment[3]){c=this.containment[3]+this.offset.click.top}}if(h.grid){var g=this.originalPageY+Math.round((c-this.originalPageY)/h.grid[1])*h.grid[1];c=this.containment?(!(g-this.offset.click.topthis.containment[3])?g:(!(g-this.offset.click.topthis.containment[2])?f:(!(f-this.offset.click.left').css({width:this.offsetWidth+"px",height:this.offsetHeight+"px",position:"absolute",opacity:"0.001",zIndex:1000}).css(a(this).offset()).appendTo("body")})},stop:function(b,c){a("div.ui-draggable-iframeFix").each(function(){this.parentNode.removeChild(this)})}});a.ui.plugin.add("draggable","opacity",{start:function(c,d){var b=a(d.helper),e=a(this).data("draggable").options;if(b.css("opacity")){e._opacity=b.css("opacity")}b.css("opacity",e.opacity)},stop:function(b,c){var d=a(this).data("draggable").options;if(d._opacity){a(c.helper).css("opacity",d._opacity)}}});a.ui.plugin.add("draggable","scroll",{start:function(c,d){var b=a(this).data("draggable");if(b.scrollParent[0]!=document&&b.scrollParent[0].tagName!="HTML"){b.overflowOffset=b.scrollParent.offset()}},drag:function(d,e){var c=a(this).data("draggable"),f=c.options,b=false;if(c.scrollParent[0]!=document&&c.scrollParent[0].tagName!="HTML"){if(!f.axis||f.axis!="x"){if((c.overflowOffset.top+c.scrollParent[0].offsetHeight)-d.pageY=0;v--){var s=g.snapElements[v].left,n=s+g.snapElements[v].width,m=g.snapElements[v].top,A=m+g.snapElements[v].height;if(!((s-y=0;b--){this.items[b].item.removeData("sortable-item")}},_mouseCapture:function(e,f){if(this.reverting){return false}if(this.options.disabled||this.options.type=="static"){return false}this._refreshItems(e);var d=null,c=this,b=a(e.target).parents().each(function(){if(a.data(this,"sortable-item")==c){d=a(this);return false}});if(a.data(e.target,"sortable-item")==c){d=a(e.target)}if(!d){return false}if(this.options.handle&&!f){var g=false;a(this.options.handle,d).find("*").andSelf().each(function(){if(this==e.target){g=true}});if(!g){return false}}this.currentItem=d;this._removeCurrentsFromItems();return true},_mouseStart:function(e,f,b){var g=this.options,c=this;this.currentContainer=this;this.refreshPositions();this.helper=this._createHelper(e);this._cacheHelperProportions();this._cacheMargins();this.scrollParent=this.helper.scrollParent();this.offset=this.currentItem.offset();this.offset={top:this.offset.top-this.margins.top,left:this.offset.left-this.margins.left};this.helper.css("position","absolute");this.cssPosition=this.helper.css("position");a.extend(this.offset,{click:{left:e.pageX-this.offset.left,top:e.pageY-this.offset.top},parent:this._getParentOffset(),relative:this._getRelativeOffset()});this.originalPosition=this._generatePosition(e);this.originalPageX=e.pageX;this.originalPageY=e.pageY;if(g.cursorAt){this._adjustOffsetFromHelper(g.cursorAt)}this.domPosition={prev:this.currentItem.prev()[0],parent:this.currentItem.parent()[0]};if(this.helper[0]!=this.currentItem[0]){this.currentItem.hide()}this._createPlaceholder();if(g.containment){this._setContainment()}if(g.cursor){if(a("body").css("cursor")){this._storedCursor=a("body").css("cursor")}a("body").css("cursor",g.cursor)}if(g.opacity){if(this.helper.css("opacity")){this._storedOpacity=this.helper.css("opacity")}this.helper.css("opacity",g.opacity)}if(g.zIndex){if(this.helper.css("zIndex")){this._storedZIndex=this.helper.css("zIndex")}this.helper.css("zIndex",g.zIndex)}if(this.scrollParent[0]!=document&&this.scrollParent[0].tagName!="HTML"){this.overflowOffset=this.scrollParent.offset()}this._trigger("start",e,this._uiHash());if(!this._preserveHelperProportions){this._cacheHelperProportions()}if(!b){for(var d=this.containers.length-1;d>=0;d--){this.containers[d]._trigger("activate",e,c._uiHash(this))}}if(a.ui.ddmanager){a.ui.ddmanager.current=this}if(a.ui.ddmanager&&!g.dropBehaviour){a.ui.ddmanager.prepareOffsets(this,e)}this.dragging=true;this.helper.addClass("ui-sortable-helper");this._mouseDrag(e);return true},_mouseDrag:function(f){this.position=this._generatePosition(f);this.positionAbs=this._convertPositionTo("absolute");if(!this.lastPositionAbs){this.lastPositionAbs=this.positionAbs}if(this.options.scroll){var g=this.options,b=false;if(this.scrollParent[0]!=document&&this.scrollParent[0].tagName!="HTML"){if((this.overflowOffset.top+this.scrollParent[0].offsetHeight)-f.pageY=0;d--){var e=this.items[d],c=e.item[0],h=this._intersectsWithPointer(e);if(!h){continue}if(c!=this.currentItem[0]&&this.placeholder[h==1?"next":"prev"]()[0]!=c&&!a.ui.contains(this.placeholder[0],c)&&(this.options.type=="semi-dynamic"?!a.ui.contains(this.element[0],c):true)){this.direction=h==1?"down":"up";if(this.options.tolerance=="pointer"||this._intersectsWithSides(e)){this._rearrange(f,e)}else{break}this._trigger("change",f,this._uiHash());break}}this._contactContainers(f);if(a.ui.ddmanager){a.ui.ddmanager.drag(this,f)}this._trigger("sort",f,this._uiHash());this.lastPositionAbs=this.positionAbs;return false},_mouseStop:function(c,d){if(!c){return}if(a.ui.ddmanager&&!this.options.dropBehaviour){a.ui.ddmanager.drop(this,c)}if(this.options.revert){var b=this;var e=b.placeholder.offset();b.reverting=true;a(this.helper).animate({left:e.left-this.offset.parent.left-b.margins.left+(this.offsetParent[0]==document.body?0:this.offsetParent[0].scrollLeft),top:e.top-this.offset.parent.top-b.margins.top+(this.offsetParent[0]==document.body?0:this.offsetParent[0].scrollTop)},parseInt(this.options.revert,10)||500,function(){b._clear(c)})}else{this._clear(c,d)}return false},cancel:function(){var b=this;if(this.dragging){this._mouseUp();if(this.options.helper=="original"){this.currentItem.css(this._storedCSS).removeClass("ui-sortable-helper")}else{this.currentItem.show()}for(var c=this.containers.length-1;c>=0;c--){this.containers[c]._trigger("deactivate",null,b._uiHash(this));if(this.containers[c].containerCache.over){this.containers[c]._trigger("out",null,b._uiHash(this));this.containers[c].containerCache.over=0}}}if(this.placeholder[0].parentNode){this.placeholder[0].parentNode.removeChild(this.placeholder[0])}if(this.options.helper!="original"&&this.helper&&this.helper[0].parentNode){this.helper.remove()}a.extend(this,{helper:null,dragging:false,reverting:false,_noFinalSort:null});if(this.domPosition.prev){a(this.domPosition.prev).after(this.currentItem)}else{a(this.domPosition.parent).prepend(this.currentItem)}return true},serialize:function(d){var b=this._getItemsAsjQuery(d&&d.connected);var c=[];d=d||{};a(b).each(function(){var e=(a(d.item||this).attr(d.attribute||"id")||"").match(d.expression||(/(.+)[-=_](.+)/));if(e){c.push((d.key||e[1]+"[]")+"="+(d.key&&d.expression?e[1]:e[2]))}});return c.join("&")},toArray:function(d){var b=this._getItemsAsjQuery(d&&d.connected);var c=[];d=d||{};b.each(function(){c.push(a(d.item||this).attr(d.attribute||"id")||"")});return c},_intersectsWith:function(m){var e=this.positionAbs.left,d=e+this.helperProportions.width,k=this.positionAbs.top,j=k+this.helperProportions.height;var f=m.left,c=f+m.width,n=m.top,i=n+m.height;var o=this.offset.click.top,h=this.offset.click.left;var g=(k+o)>n&&(k+o)f&&(e+h)m[this.floating?"width":"height"])){return g}else{return(f0?"down":"up")},_getDragHorizontalDirection:function(){var b=this.positionAbs.left-this.lastPositionAbs.left;return b!=0&&(b>0?"right":"left")},refresh:function(b){this._refreshItems(b);this.refreshPositions()},_connectWith:function(){var b=this.options;return b.connectWith.constructor==String?[b.connectWith]:b.connectWith},_getItemsAsjQuery:function(b){var l=this;var g=[];var e=[];var h=this._connectWith();if(h&&b){for(var d=h.length-1;d>=0;d--){var k=a(h[d]);for(var c=k.length-1;c>=0;c--){var f=a.data(k[c],"sortable");if(f&&f!=this&&!f.options.disabled){e.push([a.isFunction(f.options.items)?f.options.items.call(f.element):a(f.options.items,f.element).not(".ui-sortable-helper"),f])}}}}e.push([a.isFunction(this.options.items)?this.options.items.call(this.element,null,{options:this.options,item:this.currentItem}):a(this.options.items,this.element).not(".ui-sortable-helper"),this]);for(var d=e.length-1;d>=0;d--){e[d][0].each(function(){g.push(this)})}return a(g)},_removeCurrentsFromItems:function(){var d=this.currentItem.find(":data(sortable-item)");for(var c=0;c=0;e--){var m=a(l[e]);for(var d=m.length-1;d>=0;d--){var g=a.data(m[d],"sortable");if(g&&g!=this&&!g.options.disabled){f.push([a.isFunction(g.options.items)?g.options.items.call(g.element[0],b,{item:this.currentItem}):a(g.options.items,g.element),g]);this.containers.push(g)}}}}for(var e=f.length-1;e>=0;e--){var k=f[e][1];var c=f[e][0];for(var d=0,n=c.length;d=0;d--){var e=this.items[d];if(e.instance!=this.currentContainer&&this.currentContainer&&e.item[0]!=this.currentItem[0]){continue}var c=this.options.toleranceElement?a(this.options.toleranceElement,e.item):e.item;if(!b){e.width=c.outerWidth();e.height=c.outerHeight()}var f=c.offset();e.left=f.left;e.top=f.top}if(this.options.custom&&this.options.custom.refreshContainers){this.options.custom.refreshContainers.call(this)}else{for(var d=this.containers.length-1;d>=0;d--){var f=this.containers[d].element.offset();this.containers[d].containerCache.left=f.left;this.containers[d].containerCache.top=f.top;this.containers[d].containerCache.width=this.containers[d].element.outerWidth();this.containers[d].containerCache.height=this.containers[d].element.outerHeight()}}},_createPlaceholder:function(d){var b=d||this,e=b.options;if(!e.placeholder||e.placeholder.constructor==String){var c=e.placeholder;e.placeholder={element:function(){var f=a(document.createElement(b.currentItem[0].nodeName)).addClass(c||b.currentItem[0].className+" ui-sortable-placeholder").removeClass("ui-sortable-helper")[0];if(!c){f.style.visibility="hidden"}return f},update:function(f,g){if(c&&!e.forcePlaceholderSize){return}if(!g.height()){g.height(b.currentItem.innerHeight()-parseInt(b.currentItem.css("paddingTop")||0,10)-parseInt(b.currentItem.css("paddingBottom")||0,10))}if(!g.width()){g.width(b.currentItem.innerWidth()-parseInt(b.currentItem.css("paddingLeft")||0,10)-parseInt(b.currentItem.css("paddingRight")||0,10))}}}}b.placeholder=a(e.placeholder.element.call(b.element,b.currentItem));b.currentItem.after(b.placeholder);e.placeholder.update(b,b.placeholder)},_contactContainers:function(d){for(var c=this.containers.length-1;c>=0;c--){if(this._intersectsWith(this.containers[c].containerCache)){if(!this.containers[c].containerCache.over){if(this.currentContainer!=this.containers[c]){var h=10000;var g=null;var e=this.positionAbs[this.containers[c].floating?"left":"top"];for(var b=this.items.length-1;b>=0;b--){if(!a.ui.contains(this.containers[c].element[0],this.items[b].item[0])){continue}var f=this.items[b][this.containers[c].floating?"left":"top"];if(Math.abs(f-e)this.containment[2]){d=this.containment[2]+this.offset.click.left}if(e.pageY-this.offset.click.top>this.containment[3]){c=this.containment[3]+this.offset.click.top}}if(h.grid){var g=this.originalPageY+Math.round((c-this.originalPageY)/h.grid[1])*h.grid[1];c=this.containment?(!(g-this.offset.click.topthis.containment[3])?g:(!(g-this.offset.click.topthis.containment[2])?f:(!(f-this.offset.click.left=0;c--){if(a.ui.contains(this.containers[c].element[0],this.currentItem[0])&&!e){f.push((function(g){return function(h){g._trigger("receive",h,this._uiHash(this))}}).call(this,this.containers[c]));f.push((function(g){return function(h){g._trigger("update",h,this._uiHash(this))}}).call(this,this.containers[c]))}}}for(var c=this.containers.length-1;c>=0;c--){if(!e){f.push((function(g){return function(h){g._trigger("deactivate",h,this._uiHash(this))}}).call(this,this.containers[c]))}if(this.containers[c].containerCache.over){f.push((function(g){return function(h){g._trigger("out",h,this._uiHash(this))}}).call(this,this.containers[c]));this.containers[c].containerCache.over=0}}if(this._storedCursor){a("body").css("cursor",this._storedCursor)}if(this._storedOpacity){this.helper.css("opacity",this._storedOpacity)}if(this._storedZIndex){this.helper.css("zIndex",this._storedZIndex=="auto"?"":this._storedZIndex)}this.dragging=false;if(this.cancelHelperRemoval){if(!e){this._trigger("beforeStop",d,this._uiHash());for(var c=0;c *",opacity:false,placeholder:false,revert:false,scroll:true,scrollSensitivity:20,scrollSpeed:20,scope:"default",tolerance:"intersect",zIndex:1000}})})(jQuery);;
SpriteMe.init(window.document);
' +
' SpriteMe
Export CSS