---------------------------------------------------------------------------------------------------------
 RECENT OR FEATURE POST SLIDER FOR HTML JAVA WIDGET CODE
http://fbgadgets.blogspot.co.uk/2014/08/recentor-featured-post-slider-after.html
--------------------------------------------------------------------------------------------------------

<style>

/* FEATURED CONTENT
&gt;&gt;&gt;&gt;&gt;&gt;&gt;&gt;&gt;&gt;&gt;&gt;&gt;&gt;&gt;&gt;&gt;&gt;&gt;&gt;&gt;&gt;&gt;&gt;*/
#featured-product{
}
.image_carousel {
position:relative;
clear:both;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEguJl1JfRwDNoHwInUM3dlkgwpn6RsljDs9ElbF9kx0QRnR0w-XuCuLw5G85R-1-l6Y2V1BZpmgBSODKcDRoDqQboZl5D9sEWzzpw2-lKs_OlLhyTOOqacHUqL-B_Y3URbi7gcF_WJhgiF8/s1600/divider.gif)repeat-x bottom left;
margin-bottom:20px;
padding:15px 15px 10px 28px
}
.image_carousel img {
width:110px;
height:110px;
border:1px solid #ccc;
background-color:#FFF;
display:block;
float:left;
margin:7px;
padding:9px
}
a.prev,a.next {
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEghM-WiFwWcljm93Ud2OfKabdghqkbiH4zTHj8PFcZU4kfpPRGAMGxy2ub34uD1GCJ2GkRw-z8kn36IOxHA88AIAIXgqRNfC_HyOc7mNEOTPfGlqk-c3Gw__iJZtlSi_9IyMsVvbsp4uTVB/s1600/carousel_sprite.png) no-repeat transparent;
width:45px;
height:50px;
display:block;
position:absolute;
top:65px
}
a.prev {
left:-15px;
background-position:0 0
}
a.prev:hover {
background-position:0 -50px
}
a.next {
right:-15px;
background-position:-50px 0
}
a.next:hover {
background-position:-50px -50px
}
.pagination {
text-align:center
}
.pagination a {
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEghM-WiFwWcljm93Ud2OfKabdghqkbiH4zTHj8PFcZU4kfpPRGAMGxy2ub34uD1GCJ2GkRw-z8kn36IOxHA88AIAIXgqRNfC_HyOc7mNEOTPfGlqk-c3Gw__iJZtlSi_9IyMsVvbsp4uTVB/s1600/carousel_sprite.png) 0 -300px no-repeat transparent;
width:15px;
height:15px;
display:inline-block;
margin:12px 5px 0 0
}
.pagination a.selected {
background-position:-25px -300px;
cursor:default
}
a.prev span,a.next span,.pagination a span {
display:none
}

</style>



<link href="http://fonts.googleapis.com/css?family=Open+Sans:400,700" rel="stylesheet" type="text/css" />

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js' type='text/javascript'> </script>



<script type='text/javascript'>
//<![CDATA[

jQuery.cookie = function (key, value, options) {
if (arguments.length > 1 && String(value) !== "[object Object]") {
options = jQuery.extend({}, options);
if (value === null || value === undefined) {
options.expires = -1;
}
if (typeof options.expires === 'number') {
var days = options.expires, t = options.expires = new Date();
t.setDate(t.getDate() + days);
}
value = String(value);
return (document.cookie = [
encodeURIComponent(key), '=',
options.raw ? value : encodeURIComponent(value),
options.expires ? '; expires=' + options.expires.toUTCString() : '', // use expires attribute, max-age is not supported by IE
options.path ? '; path=' + options.path : '',
options.domain ? '; domain=' + options.domain : '',
options.secure ? '; secure' : ''
].join(''));
}
options = value || {};
var result, decode = options.raw ? function (s) { return s; } : decodeURIComponent;
return (result = new RegExp('(?:^|; )' + encodeURIComponent(key) + '=([^;]*)').exec(document.cookie)) ? decode(result[1]) : null;
};
//]]>
</script>


<script type='text/javascript'>
//<![CDATA[
;(function($){
$.fn.superfish = function(op){
var sf = $.fn.superfish,
c = sf.c,
$arrow = $(['<span class="',c.arrowClass,'"> &#187;</span>'].join('')),
over = function(){
var $$ = $(this), menu = getMenu($$);
clearTimeout(menu.sfTimer);
$$.showSuperfishUl().siblings().hideSuperfishUl();
},
out = function(){
var $$ = $(this), menu = getMenu($$), o = sf.op;
clearTimeout(menu.sfTimer);
menu.sfTimer=setTimeout(function(){
o.retainPath=($.inArray($$[0],o.$path)>-1);
$$.hideSuperfishUl();
if (o.$path.length && $$.parents(['li.',o.hoverClass].join('')).length<1){over.call(o.$path);} },o.delay); }, getMenu=function($menu){ var menu=$menu.parents(['ul.',c.menuClass,':first'].join(''))[0]; sf.op=sf.o[menu.serial]; return menu; }, addArrow=function($a){ $a.addClass(c.anchorClass).append($arrow.clone()); }; return this.each(function() { var s=this.serial=sf.o.length; var o=$.extend({},sf.defaults,op); o.$path=$('li.'+o.pathClass,this).slice(0,o.pathLevels).each(function(){ $(this).addClass([o.hoverClass,c.bcClass].join(' ')) .filter('li:has(ul)').removeClass(o.pathClass); }); sf.o[s]=sf.op=o; $('li:has(ul)',this)[($.fn.hoverIntent && !o.disableHI) ? 'hoverIntent' : 'hover'](over,out).each(function() { if (o.autoArrows) addArrow( $('>a:first-child',this) );
})
.not('.'+c.bcClass)
.hideSuperfishUl();
var $a = $('a',this);
$a.each(function(i){
var $li = $a.eq(i).parents('li');
$a.eq(i).focus(function(){over.call($li);}).blur(function(){out.call($li);});
});
o.onInit.call(this);
}).each(function() {
var menuClasses = [c.menuClass];
if (sf.op.dropShadows && !($.browser.msie && $.browser.version < 7)) menuClasses.push(c.shadowClass);
$(this).addClass(menuClasses.join(' '));
});
};
var sf = $.fn.superfish;
sf.o = [];
sf.op = {};
sf.IE7fix = function(){
var o = sf.op;
if ($.browser.msie && $.browser.version > 6 && o.dropShadows && o.animation.opacity!=undefined)
this.toggleClass(sf.c.shadowClass+'-off');
};
sf.c = {
bcClass : 'sf-breadcrumb',
menuClass : 'sf-js-enabled',
anchorClass : 'sf-with-ul',
arrowClass : 'sf-sub-indicator',
shadowClass : 'sf-shadow'
};
sf.defaults = {
hoverClass : 'sfHover',
pathClass : 'overideThisToUse',
pathLevels : 1,
delay : 800,
animation : {opacity:'show'},
speed : 'normal',
autoArrows : true,
dropShadows : true,
disableHI : false, // true disables hoverIntent detection
onInit : function(){}, // callback functions
onBeforeShow: function(){},
onShow : function(){},
onHide : function(){}
};
$.fn.extend({
hideSuperfishUl : function(){
var o = sf.op,
not = (o.retainPath===true) ? o.$path : '';
o.retainPath = false;
var $ul = $(['li.',o.hoverClass].join(''),this).add(this).not(not).removeClass(o.hoverClass)
.find('>ul').hide().css('visibility','hidden');
o.onHide.call($ul);
return this;
},
showSuperfishUl : function(){
var o = sf.op,
sh = sf.c.shadowClass+'-off',
$ul = this.addClass(o.hoverClass)
.find('>ul:hidden').css('visibility','visible');
sf.IE7fix.call($ul);
o.onBeforeShow.call($ul);
$ul.animate(o.animation,o.speed,function(){ sf.IE7fix.call($ul); o.onShow.call($ul); });
return this;
}
});
})(jQuery);
//]]>
</script>



<script type='text/javascript'>
//<![CDATA[

(function($) {
if ($.fn.carouFredSel) return;
$.fn.carouFredSel = function(o) {
if (this.length == 0) {
debug(true, 'No element found for "'+this.selector+'".');
return this;
}
if (this.length > 1) {
return this.each(function() {
$(this).carouFredSel(o);
});
}
var $cfs = this,
$tt0 = this[0];
$cfs.init = function(o, setOrig, start) {
var obs = ['items', 'scroll', 'auto', 'prev', 'next', 'pagination'];
o = getObject($tt0, o);
for (var a = 0, l = obs.length; a < l; a++) {
o[obs[a]] = getObject($tt0, o[obs[a]]);
}
if (typeof o.scroll == 'number') {
if (o.scroll <= 50) o.scroll = { 'items' : o.scroll };
else o.scroll = { 'duration' : o.scroll };
} else {
if (typeof o.scroll == 'string') o.scroll = { 'easing' : o.scroll };
}
if (typeof o.items == 'number') o.items = { 'visible' : o.items };
else if ( o.items == 'variable') o.items = { 'visible' : o.items,
'width' : o.items,
'height' : o.items };
if (setOrig) opts_orig = $.extend(true, {}, $.fn.carouFredSel.defaults, o);
opts = $.extend(true, {}, $.fn.carouFredSel.defaults, o);
opts.d = {};
opts.variableVisible = false;
opts.visibleAdjust = false;
if (opts.items.start == 0 && typeof start == 'number') {
opts.items.start = start;
}
conf.direction = (opts.direction == 'up' || opts.direction == 'left') ? 'next' : 'prev';
var dims = [
['width' , 'innerWidth' , 'outerWidth' , 'height' , 'innerHeight' , 'outerHeight' , 'left', 'top' , 'marginRight' , 0, 1, 2, 3],
['height' , 'innerHeight' , 'outerHeight' , 'width' , 'innerWidth' , 'outerWidth' , 'top' , 'left', 'marginBottom', 3, 2, 1, 0]
];
var dn = dims[0].length,
dx = (opts.direction == 'right' || opts.direction == 'left') ? 0 : 1;
for (var d = 0; d < dn; d++) {
opts.d[dims[0][d]] = dims[dx][d];
}
var all_itm = $cfs.children(),
lrgst_b = ms_getTrueLargestSize(all_itm, opts, 'outerHeight', false);
if (opts.padding == 'auto') {
debug(true, 'The option "padding: auto" is deprecated, use "align: center".');
opts.padding = false;
opts.align = 'center';
}
if (opts[opts.d['height']] == 'auto') {
opts[opts.d['height']] = lrgst_b;
opts.items[opts.d['height']] = lrgst_b;
}
if (!opts.items[opts.d['width']]) {
opts.items[opts.d['width']] = (ms_hasVariableSizes(all_itm, opts, 'outerWidth'))
? 'variable'
: all_itm[opts.d['outerWidth']](true);
}
if (!opts.items[opts.d['height']]) {
opts.items[opts.d['height']] = (ms_hasVariableSizes(all_itm, opts, 'outerHeight'))
? 'variable'
: all_itm[opts.d['outerHeight']](true);
}
if (!opts[opts.d['height']]) {
opts[opts.d['height']] = opts.items[opts.d['height']];
}
switch (opts.items.visible) {
case '+1':
case '-1':
case 'odd':
case 'odd+':
case 'even':
case 'even+':
opts.visibleAdjust = opts.items.visible;
opts.items.visible = false;
break;
}
if (!opts.items.visible) {
if (opts.items[opts.d['width']] == 'variable') {
opts.items.visible = 'variable';
} else {
if (typeof opts[opts.d['width']] == 'number') {
opts.items.visible = Math.floor(opts[opts.d['width']] / opts.items[opts.d['width']]);
} else {
var maxS = ms_getTrueInnerSize($wrp.parent(), opts, 'innerWidth');
opts.items.visible = Math.floor(maxS / opts.items[opts.d['width']]);
opts[opts.d['width']] = opts.items.visible * opts.items[opts.d['width']];
if (!opts.visibleAdjust) opts.align = false;
}
if (opts.items.visible == 'Infinity' || opts.items.visible < 0) {
debug(true, 'Not a valid number of visible items: Set to "1".');
opts.items.visible = 1;
}
opts.items.visible = cf_getVisibleItemsAdjust(opts.items.visible, opts);
}
}
if (!opts[opts.d['width']]) {
if (opts.items.visible != 'variable' && opts.items[opts.d['width']] != 'variable') {
opts[opts.d['width']] = opts.items.visible * opts.items[opts.d['width']];
opts.align = false;
} else {
opts[opts.d['width']] = 'variable';
}
}
if (opts.items.visible == 'variable') {
opts.variableVisible = true;
opts.maxDimention = (opts[opts.d['width']] == 'variable')
? ms_getTrueInnerSize($wrp.parent(), opts, 'innerWidth')
: opts[opts.d['width']];
if (opts.align === false) {
opts[opts.d['width']] = 'variable';
}
opts.items.visible = getVisibleItemsNext(all_itm, opts, 0);
if (opts.items.visible > conf.items.total) {
opts.items.visible = conf.items.total;
}
}
if (typeof opts.padding == 'undefined') {
opts.padding = 0;
}
if (typeof opts.align == 'undefined') {
opts.align = (opts[opts.d['width']] == 'variable')
? false
: 'center';
}
opts.items.oldVisible = opts.items.visible;
opts.usePadding = false;
opts.padding = cf_getPadding(opts.padding);
if (opts.align == 'top') opts.align = 'left';
if (opts.align == 'bottom') opts.align = 'right';
switch (opts.align) {
case 'center':
case 'left':
case 'right':
if (opts[opts.d['width']] != 'variable') {
var p = cf_getAlignPadding(getCurrentItems(all_itm, opts), opts);
opts.usePadding = true;
opts.padding[opts.d[1]] = p[1];
opts.padding[opts.d[3]] = p[0];
}
break;
default:
opts.align = false;
opts.usePadding = (
opts.padding[0] == 0 &&
opts.padding[1] == 0 &&
opts.padding[2] == 0 &&
opts.padding[3] == 0
) ? false : true;
break;
}
if (typeof opts.items.minimum != 'number') opts.items.minimum = opts.items.visible;
if (typeof opts.scroll.items != 'number') opts.scroll.items = (opts.variableVisible) ? 'variable' : opts.items.visible;
if (typeof opts.scroll.duration != 'number') opts.scroll.duration = 500;
opts.auto = getNaviObject($tt0, opts.auto, false, true);
opts.prev = getNaviObject($tt0, opts.prev);
opts.next = getNaviObject($tt0, opts.next);
opts.pagination = getNaviObject($tt0, opts.pagination, true);
opts.auto = $.extend(true, {}, opts.scroll, opts.auto);
opts.prev = $.extend(true, {}, opts.scroll, opts.prev);
opts.next = $.extend(true, {}, opts.scroll, opts.next);
opts.pagination = $.extend(true, {}, opts.scroll, opts.pagination);
if (typeof opts.pagination.keys != 'boolean') opts.pagination.keys = false;
if (typeof opts.pagination.anchorBuilder != 'function') opts.pagination.anchorBuilder = $.fn.carouFredSel.pageAnchorBuilder;
if (typeof opts.auto.play != 'boolean') opts.auto.play = true;
if (typeof opts.auto.delay != 'number') opts.auto.delay = 0;
if (typeof opts.auto.pauseDuration != 'number') opts.auto.pauseDuration = (opts.auto.duration < 10) ? 2500 : opts.auto.duration * 5;
if (opts.auto.nap) {
debug(true, 'jQuery.nap-plugin is no longer supported.');
}
if (opts.synchronise) {
opts.synchronise = getSynchArr(opts.synchronise);
}
if (opts.debug) {
debug(true, 'Carousel width: '+opts.width);
debug(true, 'Carousel height: '+opts.height);
if (opts[opts.d['width']] == 'variable') debug(true, 'Available '+opts.d['width']+': '+opts.maxDimention);
debug(true, 'Item widths: '+opts.items.width);
debug(true, 'Item heights: '+opts.items.height);
debug(true, 'Number of items visible: '+opts.items.visible);
if (opts.auto.play) debug(true, 'Number of items scrolled automatically: '+opts.auto.items);
if (opts.prev.button) debug(true, 'Number of items scrolled backward: '+opts.prev.items);
if (opts.next.button) debug(true, 'Number of items scrolled forward: '+opts.next.items);
}
};
$cfs.build = function() {
if ($cfs.css('position') == 'absolute' || $cfs.css('position') == 'fixed') {
debug(opts.debug, 'Carousels CSS-attribute "position" should be "static" or "relative".');
}
var orgCSS = {
'float' : $cfs.css('float'),
'position' : $cfs.css('position'),
'top' : $cfs.css('top'),
'right' : $cfs.css('right'),
'bottom' : $cfs.css('bottom'),
'left' : $cfs.css('left'),
'width' : $cfs.css('width'),
'height' : $cfs.css('height'),
'marginTop' : $cfs.css('marginTop'),
'marginRight' : $cfs.css('marginRight'),
'marginBottom' : $cfs.css('marginBottom'),
'marginLeft' : $cfs.css('marginLeft')
};
$wrp.css(orgCSS).css({
'overflow' : 'hidden',
'position' : (orgCSS.position == 'absolute') ? 'absolute' : 'relative'
});
$cfs.data('cfs_origCss', orgCSS).css({
'float' : 'none',
'position' : 'absolute',
'top' : 0,
'left' : 0,
'marginTop' : 0,
'marginRight' : 0,
'marginBottom' : 0,
'marginLeft' : 0
});
if (opts.usePadding) {
$cfs.children().each(function() {
var m = parseInt($(this).css(opts.d['marginRight']));
if (isNaN(m)) m = 0;
$(this).data('cfs_origCssMargin', m);
});
}
};
$cfs.bind_events = function() {
$cfs.unbind_events();
$cfs.bind('stop.cfs'+serial, function(e) {
e.stopPropagation();
$cfs.trigger('pause');
opts.auto.play = false;
conf.isPaused = 'stopped';
});
$cfs.bind('finish.cfs'+serial, function(e) {
});
$cfs.bind('pause.cfs'+serial, function(e, g) {
e.stopPropagation();
// DEPRECATED
if (typeof g == 'boolean') {
debug(true, 'Pause a carousel globally is deprecated, use the "stop" custom event.');
$cfs.trigger('stop');
return;
}
// /DEPRECATED
conf.isPaused = true;
if (tmrs.timeouts.auto != null) clearTimeout(tmrs.timeouts.auto);
if (tmrs.intervals.auto != null) clearInterval(tmrs.intervals.auto);
if (tmrs.intervals.timer != null) clearInterval(tmrs.intervals.timer);
var dur1 = opts.auto.pauseDuration - tmrs.pausePassed,
perc = 100 - Math.ceil( dur1 * 100 / opts.auto.pauseDuration );
if (perc != 0) {
if (opts.auto.onPausePause) opts.auto.onPausePause.call($tt0, perc, dur1);
}
});
$cfs.bind('play.cfs'+serial, function(e, dir, dla, sta) {
e.stopPropagation();
$cfs.trigger('pause');
var v = [dir, dla, sta],
t = ['string', 'number', 'boolean'],
a = sortParams(v, t);
var dir = a[0],
dla = a[1],
sta = a[2];
if (dir != 'prev' && dir != 'next') dir = conf.direction;
if (typeof dla != 'number') dla = 0;
if (sta) opts.auto.play = true;
if (!opts.auto.play) {
return e.stopImmediatePropagation();
}
conf.isPaused = false;
var dur1 = opts.auto.pauseDuration - tmrs.pausePassed,
dur2 = dur1 + dla;
perc = 100 - Math.ceil(dur1 * 100 / opts.auto.pauseDuration);
tmrs.timeouts.auto = setTimeout(function() {
if (conf.isAnimated) {
$cfs.trigger('play', dir);
} else {
tmrs.pausePassed = 0;
$cfs.trigger(dir, opts.auto);
}
}, dur2);
if (opts.auto.pauseOnHover === 'resume') {
tmrs.intervals.auto = setInterval(function() {
tmrs.pausePassed += 50;
}, 50);
}
if (opts.auto.onPauseEnd && perc == 0) {
opts.auto.onPauseEnd.call($tt0, perc, dur1);
}
if (opts.auto.onPauseStart) {
tmrs.intervals.timer = setTimeout(function() {
opts.auto.onPauseStart.call($tt0, perc, dur1);
}, dla);
}
});
$cfs.bind('prev.cfs'+serial+' next.cfs'+serial, function(e, obj, num, clb) {
e.stopPropagation();
if (conf.isPaused == 'stopped' || $cfs.is(':hidden')) {
e.stopImmediatePropagation();
return debug(opts.debug, 'Carousel stopped or hidden: Not scrolling.');
}
var v = [obj, num, clb],
t = ['object', 'number/string', 'function'],
a = sortParams(v, t);
var obj = a[0],
num = a[1],
clb = a[2];
if (typeof obj != 'object' || obj == null) obj = opts[e.type];
if (typeof clb == 'function') obj.onAfter = clb;
if (typeof num != 'number') {
if (num == 'visible') {
if (!opts.variableVisible) num = opts.items.visible;
} else {
if (typeof obj.items == 'number') num = obj.items;
else if (typeof opts[e.type].items == 'number') num = opts[e.type].items;
else if (opts.variableVisible) num = 'visible';
else num = opts.items.visible;
}
}
if (obj.duration > 0) {
if (conf.isAnimated) {
if (obj.queue) $cfs.trigger('queue', [e.type, [obj, num, clb]]);
e.stopImmediatePropagation();
return debug(opts.debug, 'Carousel currently scrolling.');
}
if (opts.items.minimum >= conf.items.total) {
e.stopImmediatePropagation();
return debug(opts.debug, 'Not enough items ('+conf.items.total+', '+opts.items.minimum+' needed): Not scrolling.');
}
}
tmrs.pausePassed = 0;
if (obj.conditions && !obj.conditions.call($tt0)) {
e.stopImmediatePropagation();
return debug(opts.debug, 'Callback "conditions" returned false.');
}
$cfs.trigger('slide_'+e.type, [obj, num]);
if (opts.synchronise) {
var s = opts.synchronise,
c = [obj, num];
for (var j = 0, l = s.length; j < l; j++) {
var d = e.type;
if (!s[j][1]) c[0] = s[j][0].triggerHandler('configuration', e.type);
if (!s[j][2]) d = (d == 'prev') ? 'next' : 'prev';
c[1] = num + s[j][3];
s[j][0].trigger('slide_'+d, c);
}
}
});
$cfs.bind('slide_prev.cfs'+serial, function(e, sO, nI) {
e.stopPropagation();
var a_itm = $cfs.children();
if (!opts.circular) {
if (conf.items.first == 0) {
if (opts.infinite) {
$cfs.trigger('next', conf.items.total-1);
}
return e.stopImmediatePropagation();
}
}
if (opts.usePadding) resetMargin(a_itm, opts);
if (opts.variableVisible) {
if (typeof nI != 'number') {
nI = getVisibleItemsPrev(a_itm, opts, conf.items.total-1);
}
}
if (!opts.circular) {
if (conf.items.total - nI < conf.items.first) {
nI = conf.items.total - conf.items.first;
}
}
if (opts.variableVisible) {
var vI = getVisibleItemsNext(a_itm, opts, conf.items.total-nI);
opts.items.oldVisible = opts.items.visible;
opts.items.visible = cf_getVisibleItemsAdjust(vI, opts);
}
if (opts.usePadding) resetMargin(a_itm, opts, true);
if (nI == 0) {
e.stopImmediatePropagation();
return debug(opts.debug, '0 items to scroll: Not scrolling.');
}
debug(opts.debug, 'Scrolling '+nI+' items backward.');
conf.items.first += nI;
while (conf.items.first >= conf.items.total) conf.items.first -= conf.items.total;
if (!opts.circular) {
if (conf.items.first == 0 && sO.onEnd) sO.onEnd.call($tt0);
if (!opts.infinite) nv_enableNavi(opts, conf.items.first);
}
$cfs.children().slice(conf.items.total-nI).prependTo($cfs);
if (conf.items.total < opts.items.visible + nI) {
$cfs.children().slice(0, (opts.items.visible+nI)-conf.items.total).clone(true).appendTo($cfs);
}
var a_itm = $cfs.children(),
c_old = getOldItemsPrev(a_itm, opts, nI),
c_new = getNewItemsPrev(a_itm, opts),
l_cur = a_itm.eq(nI-1),
l_old = c_old.last(),
l_new = c_new.last();
if (opts.usePadding) resetMargin(a_itm, opts);
if (opts.align) var p = cf_getAlignPadding(c_new, opts);
if (sO.fx == 'directscroll' && opts.items.oldVisible < nI) {
var hiddenitems = a_itm.slice(opts.items.oldVisible, nI).hide(),
orgW = opts.items[opts.d['width']];
opts.items[opts.d['width']] = 'variable';
} else {
var hiddenitems = false;
}
var i_siz = ms_getTotalSize(a_itm.slice(0, nI), opts, 'width'),
w_siz = mapWrapperSizes(ms_getSizes(c_new, opts, true), opts, !opts.usePadding);
if (hiddenitems) opts.items[opts.d['width']] = orgW;
if (opts.usePadding) {
resetMargin(a_itm, opts, true);
resetMargin(l_old, opts, opts.padding[opts.d[1]]);
resetMargin(l_cur, opts, opts.padding[opts.d[3]]);
}
if (opts.align) {
opts.padding[opts.d[1]] = p[1];
opts.padding[opts.d[3]] = p[0];
}
var a_cfs = {},
a_new = {},
a_cur = {},
a_old = {},
a_dur = sO.duration;
if (sO.fx == 'none') a_dur = 0;
else if (a_dur == 'auto') a_dur = opts.scroll.duration / opts.scroll.items * nI;
else if (a_dur <=0) a_dur=0; else if (a_dur < 10) a_dur=i_siz / a_dur; var a_conf={ duration: a_dur, easing : sO.easing }; if (sO.onBefore) sO.onBefore.call($tt0, c_old, c_new, w_siz, a_dur); if (opts.usePadding) { var new_m=opts.padding[opts.d[3]]; a_cur[opts.d['marginRight']]=l_cur.data('cfs_origCssMargin'); a_new[opts.d['marginRight']]=l_new.data('cfs_origCssMargin') + opts.padding[opts.d[1]]; a_old[opts.d['marginRight']]=l_old.data('cfs_origCssMargin'); l_cur.stop().animate(a_cur, a_conf); l_old.stop().animate(a_old, a_conf); l_new.stop().animate(a_new, a_conf); } else { var new_m=0; } a_cfs[opts.d['left']]=new_m; if (opts[opts.d['width']]=='variable' || opts[opts.d['height']]=='variable') { $wrp.stop().animate(w_siz, a_conf); } switch(sO.fx) { case 'crossfade': case 'cover': case 'uncover': var $cf2=$cfs.clone().appendTo($wrp); break; } switch(sO.fx) { case 'uncover': $cf2.children().slice(0, nI).remove(); case 'crossfade': case 'cover': $cf2.children().slice(opts.items.visible).remove(); break; } switch(sO.fx) { case 'fade': fx_fade(sO, $cfs, 0, a_dur); break; case 'crossfade': $cf2.css({ 'opacity': 0 }); fx_fade(sO, $cf2, 1, a_dur); fx_fade(sO, $cfs, 1, a_dur, function() { $cf2.remove(); }); break; case 'cover': fx_cover(sO, $cfs, $cf2, opts, a_dur, true); break; case 'uncover': fx_uncover(sO, $cfs, $cf2, opts, a_dur, true, nI); break; } switch(sO.fx) { case 'fade': case 'crossfade': case 'cover': case 'uncover': f_dur=a_dur; a_dur=0; break; } conf.isAnimated=true; var c_nI=nI; $cfs.css(opts.d['left'], -i_siz); $cfs.animate(a_cfs, { duration: a_dur, easing : sO.easing, complete: function() { conf.isAnimated=false; var overFill=opts.items.visible+c_nI-conf.items.total; if (overFill> 0) {
$cfs.children().slice(conf.items.total).remove();
c_old = $cfs.children().slice(conf.items.total-(c_nI-overFill)).get().concat( $cfs.children().slice(0, overFill).get() );
}
if (hiddenitems) hiddenitems.show();
if (opts.usePadding) {
var l_itm = $cfs.children().eq(opts.items.visible+c_nI-1);
l_itm.css(opts.d['marginRight'], l_itm.data('cfs_origCssMargin'));
}
var fn = function() {
if (sO.onAfter) {
sO.onAfter.call($tt0, c_old, c_new, w_siz);
}
switch(sO.fx) {
case 'fade':
case 'crossfade':
$cfs.css('filter', '');
break;
}
if (queue.length) {
setTimeout(function() {
$cfs.trigger(queue[0][0], queue[0][1]);
queue.shift();
}, 1);
}
};
switch(sO.fx) {
case 'fade':
case 'uncover':
fx_fade(sO, $cfs, 1, f_dur, fn);
break;
default:
fn();
break;
}
}
});
$cfs.trigger('updatePageStatus', [false, w_siz]).trigger('play', a_dur);
});
$cfs.bind('slide_next.cfs'+serial, function(e, sO, nI) {
e.stopPropagation();
var a_itm = $cfs.children();
if (!opts.circular) {
if (conf.items.first == opts.items.visible) {
if (opts.infinite) {
$cfs.trigger('prev', conf.items.total-1);
}
return e.stopImmediatePropagation();
}
}
if (opts.usePadding) resetMargin(a_itm, opts);
if (opts.variableVisible) {
if (typeof nI != 'number') {
nI = opts.items.visible;
}
}
var lastItemNr = (conf.items.first == 0) ? conf.items.total : conf.items.first;
if (!opts.circular) {
if (opts.variableVisible) {
var vI = getVisibleItemsNext(a_itm, opts, nI),
xI = getVisibleItemsPrev(a_itm, opts, lastItemNr-1);
} else {
var vI = opts.items.visible,
xI = opts.items.visible;
}
if (nI + vI > lastItemNr) {
nI = lastItemNr - xI;
}
}
if (opts.variableVisible) {
var vI = getVisibleItemsNextTestCircular(a_itm, opts, nI, lastItemNr);
while (opts.items.visible - nI >= vI && nI < conf.items.total) {
nI++;
vI = getVisibleItemsNextTestCircular(a_itm, opts, nI, lastItemNr);
}
opts.items.oldVisible = opts.items.visible;
opts.items.visible = cf_getVisibleItemsAdjust(vI, opts);
}
if (opts.usePadding) resetMargin(a_itm, opts, true);
if (nI == 0) {
e.stopImmediatePropagation();
return debug(opts.debug, '0 items to scroll: Not scrolling.');
}
debug(opts.debug, 'Scrolling '+nI+' items forward.');
conf.items.first -= nI;
while (conf.items.first < 0) conf.items.first += conf.items.total;
if (!opts.circular) {
if (conf.items.first == opts.items.visible && sO.onEnd) sO.onEnd.call($tt0);
if (!opts.infinite) nv_enableNavi(opts, conf.items.first);
}
if (conf.items.total < opts.items.visible + nI) {
$cfs.children().slice(0, (opts.items.visible+nI)-conf.items.total).clone(true).appendTo($cfs);
}
var a_itm = $cfs.children(),
c_old = getOldItemsNext(a_itm, opts),
c_new = getNewItemsNext(a_itm, opts, nI),
l_cur = a_itm.eq(nI-1),
l_old = c_old.last(),
l_new = c_new.last();
if (opts.usePadding) resetMargin(a_itm, opts);
if (opts.align) var p = cf_getAlignPadding(c_new, opts);
if (sO.fx == 'directscroll' && opts.items.oldVisible < nI) {
var hiddenitems = a_itm.slice(opts.items.oldVisible, nI).hide(),
orgW = opts.items[opts.d['width']];
opts.items[opts.d['width']] = 'variable';
} else {
var hiddenitems = false;
}
var i_siz = ms_getTotalSize(a_itm.slice(0, nI), opts, 'width'),
w_siz = mapWrapperSizes(ms_getSizes(c_new, opts, true), opts, !opts.usePadding);
if (hiddenitems) opts.items[opts.d['width']] = orgW;
if (opts.usePadding) {
resetMargin(a_itm, opts, true);
resetMargin(l_old, opts, opts.padding[opts.d[1]]);
resetMargin(l_new, opts, opts.padding[opts.d[1]]);
}
if (opts.align) {
opts.padding[opts.d[1]] = p[1];
opts.padding[opts.d[3]] = p[0];
}
var a_cfs = {},
a_old = {},
a_cur = {},
a_dur = sO.duration;
if (sO.fx == 'none') a_dur = 0;
else if (a_dur == 'auto') a_dur = opts.scroll.duration / opts.scroll.items * nI;
else if (a_dur <= 0) a_dur = 0;
else if (a_dur < 10) a_dur = i_siz / a_dur;
var a_conf = {
duration: a_dur,
easing : sO.easing
};
if (sO.onBefore) sO.onBefore.call($tt0, c_old, c_new, w_siz, a_dur);
if (opts.usePadding) {
a_old[opts.d['marginRight']] = l_old.data('cfs_origCssMargin');
a_cur[opts.d['marginRight']] = l_cur.data('cfs_origCssMargin') + opts.padding[opts.d[3]];
l_new.css(opts.d['marginRight'], l_new.data('cfs_origCssMargin') + opts.padding[opts.d[1]]);
l_old.stop().animate(a_old, a_conf);
l_cur.stop().animate(a_cur, a_conf);
}
a_cfs[opts.d['left']] = -i_siz;
if (opts[opts.d['width']] == 'variable' || opts[opts.d['height']] == 'variable') {
$wrp.stop().animate(w_siz, a_conf);
}
switch(sO.fx) {
case 'crossfade':
case 'cover':
case 'uncover':
var $cf2 = $cfs.clone().appendTo($wrp);
break;
}
switch(sO.fx) {
case 'crossfade':
case 'cover':
$cf2.children().slice(0, nI).remove();
$cf2.children().slice(opts.items.visible).remove();
break;
case 'uncover':
$cf2.children().slice(opts.items.oldVisible).remove();
break;
}
switch(sO.fx) {
case 'fade':
fx_fade(sO, $cfs, 0, a_dur);
break;
case 'crossfade':
$cf2.css({ 'opacity': 0 });
fx_fade(sO, $cf2, 1, a_dur);
fx_fade(sO, $cfs, 1, a_dur, function() { $cf2.remove(); });
break;
case 'cover':
fx_cover(sO, $cfs, $cf2, opts, a_dur, false);
break;
case 'uncover':
fx_uncover(sO, $cfs, $cf2, opts, a_dur, false, nI);
break;
}
switch(sO.fx) {
case 'fade':
case 'crossfade':
case 'cover':
case 'uncover':
f_dur = a_dur;
a_dur = 0;
break;
}

conf.isAnimated = true;
var c_nI = nI;
$cfs.animate(a_cfs, {
duration: a_dur,
easing : sO.easing,
complete: function() {
conf.isAnimated = false;
var overFill = opts.items.visible+c_nI-conf.items.total,
new_m = (opts.usePadding) ? opts.padding[opts.d[3]] : 0;
$cfs.css(opts.d['left'], new_m);
if (overFill > 0) {
$cfs.children().slice(conf.items.total).remove();
}
var l_itm = $cfs.children().slice(0, c_nI).appendTo($cfs).last();
if (overFill > 0) {
c_new = getCurrentItems(a_itm, opts);
}
if (hiddenitems) hiddenitems.show();
if (opts.usePadding) {
if (conf.items.total < opts.items.visible+c_nI) {
var l_cur = $cfs.children().eq(opts.items.visible-1);
l_cur.css(opts.d['marginRight'], l_cur.data('cfs_origCssMargin') + opts.padding[opts.d[3]]);
}
l_itm.css(opts.d['marginRight'], l_itm.data('cfs_origCssMargin'));
}
var fn = function() {
if (sO.onAfter) {
sO.onAfter.call($tt0, c_old, c_new, w_siz);
}
switch(sO.fx) {
case 'fade':
case 'crossfade':
$cfs.css('filter', '');
break;
}
if (queue.length) {
setTimeout(function() {
$cfs.trigger(queue[0][0], queue[0][1]);
queue.shift();
}, 1);
}
};
switch(sO.fx) {
case 'fade':
case 'uncover':
fx_fade(sO, $cfs, 1, f_dur, fn);
break;
default:
fn();
break;
}
}
});
$cfs.trigger('updatePageStatus', [false, w_siz]).trigger('play', a_dur);
});
$cfs.bind('slideTo.cfs'+serial, function(e, num, dev, org, obj, dir) {
e.stopPropagation();
var v = [num, dev, org, obj, dir],
t = ['string/number/object', 'number', 'boolean', 'object', 'string'],
a = sortParams(v, t);
var obj = a[3],
dir = a[4];
num = getItemIndex(a[0], a[1], a[2], conf.items, $cfs);
if (num == 0) return;
if (typeof obj != 'object') obj = false;
if (conf.isAnimated) {
if (typeof obj != 'object' || obj.duration > 0) return;
}
if (dir != 'prev' && dir != 'next') {
if (opts.circular) {
if (num <=conf.items.total / 2) dir='next'; else dir='prev'; } else { if (conf.items.first==0 || conf.items.first> num) dir = 'next';
else dir = 'prev';
}
}
if (dir == 'prev') $cfs.trigger('prev', [obj, conf.items.total-num]);
else $cfs.trigger('next', [obj, num]);
});
$cfs.bind('jumpToStart.cfs'+serial, function(e) {
if (conf.items.first > 0) {
$cfs.prepend($cfs.children().slice(conf.items.first));
}
});
$cfs.bind('synchronise.cfs'+serial, function(e, s) {
if (s) s = getSynchArr(s);
else if (opts.synchronise) s = opts.synchronise;
else return debug(opts.debug, 'No carousel to synchronise.');
var n = $cfs.triggerHandler('currentPosition');
for (var j = 0, l = s.length; j < l; j++) {
s[j][0].trigger('slideTo', [n, s[j][3], true]);
}
});
$cfs.bind('queue.cfs'+serial, function(e, dir, opt) {
if (typeof dir == 'undefined') {
return queue;
} else if (typeof dir == 'function') {
dir.call($tt0, queue);
} else if (is_array(dir)) {
queue = dir;
} else {
queue.push([dir, opt]);
}
});
$cfs.bind('insertItem.cfs'+serial, function(e, itm, num, org, dev) {
e.stopPropagation();
var v = [itm, num, org, dev],
t = ['string/object', 'string/number/object', 'boolean', 'number'],
a = sortParams(v, t);
var itm = a[0],
num = a[1],
org = a[2],
dev = a[3];
if (typeof itm == 'object' &&
typeof itm.jquery == 'undefined') itm = $(itm);
if (typeof itm == 'string') itm = $(itm);
if (typeof itm != 'object' ||
typeof itm.jquery == 'undefined' ||
itm.length == 0) return debug(opts.debug, 'Not a valid object.');
if (typeof num == 'undefined') num = 'end';
if (opts.usePadding) {
itm.each(function() {
var m = parseInt($(this).css(opts.d['marginRight']));
if (isNaN(m)) m = 0;
$(this).data('cfs_origCssMargin', m);
});
}
var orgNum = num,
before = 'before';
if (num == 'end') {
if (org) {
if (conf.items.first == 0) {
num = conf.items.total-1;
before = 'after';
} else {
num = conf.items.first;
conf.items.first += itm.length
}
if (num < 0) num = 0;
} else {
num = conf.items.total-1;
before = 'after';
}
} else {
num = getItemIndex(num, dev, org, conf.items, $cfs);
}
if (orgNum != 'end' && !org) {
if (num < conf.items.first) conf.items.first += itm.length;
}
if (conf.items.first >= conf.items.total) conf.items.first -= conf.items.total;
var $cit = $cfs.children().eq(num);
if ($cit.length) {
$cit[before](itm);
} else {
$cfs.append(itm);
}
conf.items.total = $cfs.children().length;
$cfs.trigger('linkAnchors');
var sz = setSizes($cfs, opts);
nv_showNavi(opts, conf.items.total);
nv_enableNavi(opts, conf.items.first);
$cfs.trigger('updatePageStatus', [true, sz]);
});
$cfs.bind('removeItem.cfs'+serial, function(e, num, org, dev) {
e.stopPropagation();
var v = [num, org, dev],
t = ['string/number/object', 'boolean', 'number'],
a = sortParams(v, t);
var num = a[0],
org = a[1],
dev = a[2];
if (typeof num == 'undefined' || num == 'end') {
$cfs.children().last().remove();
} else {
num = getItemIndex(num, dev, org, conf.items, $cfs);
var $cit = $cfs.children().eq(num);
if ($cit.length){
if (num < conf.items.first) conf.items.first -= $cit.length;
$cit.remove();
}
}
conf.items.total = $cfs.children().length;
var sz = setSizes($cfs, opts);
nv_showNavi(opts, conf.items.total);
nv_enableNavi(opts, conf.items.first);
$cfs.trigger('updatePageStatus', [true, sz]);
});
$cfs.bind('currentPosition.cfs'+serial, function(e, fn) {
e.stopPropagation();
if (conf.items.first == 0) var val = 0;
else var val = conf.items.total - conf.items.first;
if (typeof fn == 'function') fn.call($tt0, val);
return val;
});
$cfs.bind('currentPage.cfs'+serial, function(e, fn) {
e.stopPropagation();
var max = Math.ceil(conf.items.total/opts.items.visible-1);
if (conf.items.first == 0) var nr = 0;
else if (conf.items.first < conf.items.total % opts.items.visible) var nr = 0;
else if (conf.items.first == opts.items.visible && !opts.circular) var nr = max;
else var nr = Math.round((conf.items.total-conf.items.first)/opts.items.visible);
if (nr < 0) nr = 0;
if (nr > max) nr = max;
if (typeof fn == 'function') fn.call($tt0, nr);
return nr;
});
$cfs.bind('currentVisible.cfs'+serial, function(e, fn) {
e.stopPropagation();
$i = getCurrentItems($cfs.children(), opts);
if (typeof fn == 'function') fn.call($tt0, $i);
return $i;
});
$cfs.bind('isPaused.cfs'+serial, function(e, fn) {
e.stopPropagation();
if (typeof fn == 'function') fn.call($tt0, conf.isPaused);
return conf.isPaused;
});
$cfs.bind('configuration.cfs'+serial, function(e, a, b, c) {
e.stopPropagation();
var reInit = false;
// return entire configuration-object
if (typeof a == 'function') {
a.call($tt0, opts);
// set multiple options via object
} else if (typeof a == 'object') {
opts_orig = $.extend(true, {}, opts_orig, a);
if (b !== false) reInit = true;
else opts = $.extend(true, {}, opts, a);
} else if (typeof a != 'undefined') {
// callback function for specific option
if (typeof b == 'function') {
var val = eval('opts.'+a);
if (typeof val == 'undefined') val = '';
b.call($tt0, val);
// set individual option
} else if (typeof b != 'undefined') {
if (typeof c !== 'boolean') c = true;
eval('opts_orig.'+a+' = b');
if (c !== false) reInit = true;
else eval('opts.'+a+' = b');
// return value for specific option
} else {
return eval('opts.'+a);
}
}
if (reInit) {
resetMargin($cfs.children(), opts);
$cfs.init(opts_orig);
var siz = setSizes($cfs, opts);
nv_showNavi(opts, conf.items.total);
nv_enableNavi(opts, conf.items.first);
$cfs.trigger('updatePageStatus', [true, siz]);
}
return opts;
});
$cfs.bind('linkAnchors.cfs'+serial, function(e, $con, sel) {
e.stopPropagation();
if (typeof $con == 'undefined' || $con.length == 0) $con = $('body');
else if (typeof $con == 'string') $con = $($con);
if (typeof $con != 'object') return debug(opts.debug, 'Not a valid object.');
if (typeof sel != 'string' || sel.length == 0) sel = 'a.caroufredsel';
$con.find(sel).each(function() {
var h = this.hash || '';
if (h.length > 0 && $cfs.children().index($(h)) != -1) {
$(this).unbind('click').click(function(e) {
e.preventDefault();
$cfs.trigger('slideTo', h);
});
}
});
});
$cfs.bind('updatePageStatus.cfs'+serial, function(e, build, sizes) {
e.stopPropagation();
if (!opts.pagination.container) return;
if (typeof build == 'boolean' && build) {
opts.pagination.container.children().remove();
for (var a = 0, l = Math.ceil(conf.items.total/opts.items.visible); a < l; a++) {
var i = $cfs.children().eq( getItemIndex(a*opts.items.visible, 0, true, conf.items, $cfs) );
opts.pagination.container.append(opts.pagination.anchorBuilder(a+1, i));
}
opts.pagination.container.children().unbind(opts.pagination.event).each(function(a) {
$(this).bind(opts.pagination.event, function(e) {
e.preventDefault();
$cfs.trigger('slideTo', [a * opts.items.visible, 0, true, opts.pagination]);
});
});
}
var cnr = $cfs.triggerHandler('currentPage');
opts.pagination.container.children().removeClass('selected').eq(cnr).addClass('selected');
});
$cfs.bind('destroy.cfs'+serial, function(e, orgOrder) {
e.stopPropagation();
if (orgOrder) {
$cfs.trigger('jumpToStart');
}
if (opts.usePadding) {
resetMargin($cfs.children(), opts);
}
$cfs.trigger('pause').css($cfs.data('cfs_origCss'));
$cfs.unbind_events();
$cfs.unbind_buttons();
$wrp.replaceWith($cfs);
});
}; // /bind_events
$cfs.unbind_events = function() {
$cfs.unbind('.cfs'+serial);
}; // /unbind_events
$cfs.bind_buttons = function() {
$cfs.unbind_buttons();
nv_showNavi(opts, conf.items.total);
nv_enableNavi(opts, conf.items.first);
if (opts.auto.pauseOnHover) {
$wrp.bind('mouseenter.cfs'+serial, function() { $cfs.trigger('pause'); })
.bind('mouseleave.cfs'+serial, function() { $cfs.trigger('play'); });
}
if (opts.prev.button) {
opts.prev.button.bind(opts.prev.event+'.cfs'+serial, function(e) {
e.preventDefault();
$cfs.trigger('prev');
});
if (opts.prev.pauseOnHover) {
opts.prev.button.bind('mouseenter.cfs'+serial, function() { $cfs.trigger('pause'); })
.bind('mouseleave.cfs'+serial, function() { $cfs.trigger('play'); });
}
}
if (opts.next.button) {
opts.next.button.bind(opts.next.event+'.cfs'+serial, function(e) {
e.preventDefault();
$cfs.trigger('next');
});
if (opts.next.pauseOnHover) {
opts.next.button.bind('mouseenter.cfs'+serial, function() { $cfs.trigger('pause'); })
.bind('mouseleave.cfs'+serial, function() { $cfs.trigger('play'); });
}
}
if ($.fn.mousewheel) {
if (opts.prev.mousewheel) {
$wrp.mousewheel(function(e, delta) {
if (delta > 0) {
e.preventDefault();
num = (typeof opts.prev.mousewheel == 'number') ? opts.prev.mousewheel : null;
$cfs.trigger('prev', num);
}
});
}
if (opts.next.mousewheel) {
$wrp.mousewheel(function(e, delta) {
if (delta < 0) {
e.preventDefault();
num = (typeof opts.next.mousewheel == 'number') ? opts.next.mousewheel : null;
$cfs.trigger('next', num);
}
});
}
}
if ($.fn.touchwipe) {
var wP = (opts.prev.wipe) ? function() { $cfs.trigger('prev') } : null,
wN = (opts.next.wipe) ? function() { $cfs.trigger('next') } : null;
if (wN || wN) {
var twOps = {
'min_move_x': 30,
'min_move_y': 30,
'preventDefaultEvents': true
};
switch (opts.direction) {
case 'up':
case 'down':
twOps.wipeUp = wN;
twOps.wipeDown = wP;
break;
default:
twOps.wipeLeft = wN;
twOps.wipeRight = wP;
}
$wrp.touchwipe(twOps);
}
}
if (opts.pagination.container) {
if (opts.pagination.pauseOnHover) {
opts.pagination.container.bind('mouseenter.cfs'+serial, function() { $cfs.trigger('pause'); })
.bind('mouseleave.cfs'+serial, function() { $cfs.trigger('play'); });
}
}
if (opts.prev.key || opts.next.key) {
$(document).bind('keyup.cfs'+serial, function(e) {
var k = e.keyCode;
if (k == opts.next.key) {
e.preventDefault();
$cfs.trigger('next');
}
if (k == opts.prev.key) {
e.preventDefault();
$cfs.trigger('prev');
}
});
}
if (opts.pagination.keys) {
$(document).bind('keyup.cfs'+serial, function(e) {
var k = e.keyCode;
if (k >= 49 && k < 58) {
k = (k-49) * opts.items.visible;
if (k <= conf.items.total) {
e.preventDefault();
$cfs.trigger('slideTo', [k, 0, true, opts.pagination]);
}
}
});
}
if (opts.auto.play) {
$cfs.trigger('play', opts.auto.delay);
}};
$cfs.unbind_buttons = function() {
$(document).unbind('.cfs'+serial);
$wrp.unbind('.cfs'+serial);
if (opts.prev.button) opts.prev.button.unbind('.cfs'+serial);
if (opts.next.button) opts.next.button.unbind('.cfs'+serial);
if (opts.pagination.container) opts.pagination.container.unbind('.cfs'+serial);
nv_showNavi(opts, 'hide');
nv_enableNavi(opts, 'removeClass');
if (opts.pagination.container) {
opts.pagination.container.children().remove();
}
};
$cfs.configuration = function(a, b) {
debug(true, 'The "configuration" public method is deprecated, use the "configuration" custom event.');
var cr = false;
var fn = function(val) { cr = val; };
if (!a) a = fn;
if (!b) b = fn;
$cfs.trigger('configuration', [a, b]);
return cr;
};
$cfs.current_position = function() {
debug(true, 'The "current_position" public method is deprecated, use the "currentPosition" custom event.');
return $cfs.triggerHandler('currentPosition');
};
$cfs.destroy = function() {
debug(true, 'The "destroy" public method is deprecated, use the "destroy" custom event.');
$cfs.trigger('destroy');
return $cfs;
};
$cfs.link_anchors = function($c, se) {
debug(true, 'The "link_anchors" public method is deprecated, use the "linkAnchors" custom event.');
$cfs.trigger('linkAnchors', [$c, se]);
return $cfs;
};
if ($cfs.parent().is('.caroufredsel_wrapper')) {
var strt = $cfs.triggerHandler( 'currentPosition' );
$cfs.trigger('destroy', true);
} else {
var strt = false;
}
var $wrp = $cfs.wrap('<div class="caroufredsel_wrapper" />').parent(),
conf = {
'direction' : 'next',
'isPaused' : true,
'isAnimated' : false,
'items' : {
'total' : $cfs.children().length,
'first' : 0
}
},
tmrs = {
'pausePassed' : 0,
'intervals' : {
'auto' : null,
'timer' : null
},
'timeouts' : {
'auto' : null
}
},
opts = {},
opts_orig = o,
queue = [],
serial = $.fn.carouFredSel.serial++;
$cfs.init(opts_orig, true, strt);
$cfs.build();
$cfs.bind_events();
$cfs.bind_buttons();
if (opts.items.start != 0) {
var s = opts.items.start;
if (s === true) {
s = window.location.hash;
if (!s.length) s = 0;
} else if (s === 'random') {
s = Math.floor(Math.random() * conf.items.total);
}
$cfs.trigger('slideTo', [s, 0, true, { duration: 0 }, 'next']);
}
var siz = setSizes($cfs, opts, false),
itm = getCurrentItems($cfs.children(), opts);
if (opts.onCreate) {
opts.onCreate.call($tt0, itm, siz);
}
$cfs.trigger('updatePageStatus', [true, siz]);
$cfs.trigger('linkAnchors');
return this;
};
$.fn.carouFredSel.serial = 0;
$.fn.carouFredSel.defaults = {
'debug' : false,
'synchronise' : false,
'infinite' : true,
'circular' : true,
'direction' : 'left',
'items' : {
'start' : 0
},
'scroll' : {
'easing' : 'swing',
'pauseOnHover' : false,
'mousewheel' : false,
'wipe' : false,
'event' : 'click',
'queue' : false
}
};
$.fn.carouFredSel.pageAnchorBuilder = function(nr, itm) {
return '<a href="#"><span>'+nr+'</span></a>';
};
function fx_fade(sO, c, x, d, f) {
var o = {
'duration' : d,
'easing' : sO.easing
};
if (typeof f == 'function') o.complete = f;
c.animate({
opacity: x
}, o);
}
function fx_cover(sO, c1, c2, o, d, prev) {
var old_w = ms_getSizes(getOldItemsNext(c1.children(), o), o, true)[0],
new_w = ms_getSizes(c2.children(), o, true)[0],
cur_l = (prev) ? -new_w : old_w,
css_o = {},
ani_o = {};
css_o[o.d['width']] = new_w;
css_o[o.d['left']] = cur_l;
ani_o[o.d['left']] = 0;
c1.animate({ opacity: '+=0' }, d);
c2.css(css_o).animate(ani_o, {
duration: d,
easing: sO.easing,
complete: function() {
$(this).remove();
}
});
}
function fx_uncover(sO, c1, c2, o, d, prev, n) {
var new_w = ms_getSizes(getNewItemsNext(c1.children(), o, n), o, true)[0],
old_w = ms_getSizes(c2.children(), o, true)[0],
cur_l = (prev) ? -old_w : new_w,
css_o = {},
ani_o = {};
css_o[o.d['width']] = old_w;
css_o[o.d['left']] = 0;
ani_o[o.d['left']] = cur_l;
c2.css(css_o).animate(ani_o, {
duration: d,
easing: sO.easing,
complete: function() {
$(this).remove();
}
});
}
function nv_showNavi(o, t) {
if (t == 'show' || t == 'hide') {
var f = t;
} else if (o.items.minimum >= t) {
debug(o.debug, 'Not enough items: hiding navigation ('+t+' items, '+o.items.minimum+' needed).');
var f = 'hide';
} else {
var f = 'show';
}
if (o.prev.button) o.prev.button[f]();
if (o.next.button) o.next.button[f]();
if (o.pagination.container) o.pagination.container[f]();
}
function nv_enableNavi(o, f) {
if (o.circular || o.infinite) return;
var fx = (f == 'removeClass' || f == 'addClass') ? f : false;
if (o.next.button) {
var fn = fx || (f == o.items.visible) ? 'addClass' : 'removeClass';
o.next.button[fn]('disabled');
}
if (o.prev.button) {
var fn = fx || (f == 0) ? 'addClass' : 'removeClass';
o.prev.button[fn]('disabled');
}
}
function sortParams(vals, typs) {
var _arr = [];
for (var a = 0, l1 = vals.length; a < l1; a++) {
for (var b = 0, l2 = typs.length; b < l2; b++) {
if (typs[b].indexOf(typeof vals[a]) > -1 && !_arr[b]) {
_arr[b] = vals[a];
break;
}
}
}
return _arr;
}
function getSynchArr(s) {
if (!is_array(s)) s = [[s]];
if (!is_array(s[0])) s = [s];
for (var j = 0, l = s.length; j < l; j++) {
if (typeof s[j][0] == 'string') s[j][0] = $(s[j][0]);
if (typeof s[j][1] != 'boolean') s[j][1] = true;
if (typeof s[j][2] != 'boolean') s[j][2] = true;
if (typeof s[j][3] != 'number') s[j][3] = 0;
}
return s;
}
function getKeyCode(k) {
if (k == 'right') return 39;
if (k == 'left') return 37;
if (k == 'up') return 38;
if (k == 'down') return 40;
return -1;
}
function getObject($tt, obj) {
if (typeof obj == 'function') obj = obj.call($tt);
if (typeof obj == 'undefined') obj = {};
return obj;
}
function getNaviObject($tt, obj, pagi, auto) {
if (typeof pagi != 'boolean') pagi = false;
if (typeof auto != 'boolean') auto = false;
obj = getObject($tt, obj);
if (typeof obj == 'string') {
var temp = getKeyCode(obj);
if (temp == -1) obj = $(obj);
else obj = temp;
}
if (pagi) {
if (typeof obj == 'boolean') obj = { 'keys': obj };
if (typeof obj.jquery != 'undefined') obj = { 'container': obj };
if (typeof obj.container == 'function') obj.container = obj.container.call($tt);
if (typeof obj.container == 'string') obj.container = $(obj.container);
} else if (auto) {
if (typeof obj == 'boolean') obj = { 'play': obj };
if (typeof obj == 'number') obj = { 'pauseDuration': obj };
} else {
if (typeof obj.jquery != 'undefined') obj = { 'button': obj };
if (typeof obj == 'number') obj = { 'key': obj };
if (typeof obj.button == 'function') obj.button = obj.button.call($tt);
if (typeof obj.button == 'string') obj.button = $(obj.button);
if (typeof obj.key == 'string') obj.key = getKeyCode(obj.key);
}
return obj;
}
function getItemIndex(num, dev, org, items, $cfs) {
if (typeof num == 'string') {
if (isNaN(num)) num = $(num);
else num = parseInt(num);
}
if (typeof num == 'object') {
if (typeof num.jquery == 'undefined') num = $(num);
num = $cfs.children().index(num);
if (num == -1) num = 0;
if (typeof org != 'boolean') org = false;
} else {
if (typeof org != 'boolean') org = true;
}
if (isNaN(num)) num = 0;
else num = parseInt(num);
if (isNaN(dev)) dev = 0;
else dev = parseInt(dev);
if (org) {
num += items.first;
}
num += dev;
if (items.total > 0) {
while (num >= items.total) { num -= items.total; }
while (num < 0) { num += items.total; }
}
return num;
}
function getCurrentItems(i, o) {
return i.slice(0, o.items.visible);
}
function getOldItemsPrev(i, o, n) {
return i.slice(n, o.items.oldVisible+n);
}
function getNewItemsPrev(i, o) {
return i.slice(0, o.items.visible);
}
function getOldItemsNext(i, o) {
return i.slice(0, o.items.oldVisible);
}
function getNewItemsNext(i, o, n) {
return i.slice(n, o.items.visible+n);
}
function getVisibleItemsPrev(i, o, s) {
var t = 0,
x = 0;
for (var a = s; a >= 0; a--) {
t += i.eq(a)[o.d['outerWidth']](true);
if (t > o.maxDimention) return x;
if (a == 0) a = i.length;
x++;
}
}
function getVisibleItemsNext(i, o, s) {
var t = 0,
x = 0;
for (var a = s, l = i.length-1; a <=l; a++) { t +=i.eq(a)[o.d['outerWidth']](true); if (t> o.maxDimention) return x;
if (a == l) a = -1;
x++;
}
}
function getVisibleItemsNextTestCircular(i, o, s, l) {
var v = getVisibleItemsNext(i, o, s);
if (!o.circular) {
if (s + v > l) v = l - s;
}
return v;
}
function resetMargin(i, o, m) {
var x = (typeof m == 'boolean') ? m : false;
if (typeof m != 'number') m = 0;
i.each(function() {
var t = parseInt($(this).css(o.d['marginRight']));
if (isNaN(t)) t = 0;
$(this).data('cfs_tempCssMargin', t);
$(this).css(o.d['marginRight'], ((x) ? $(this).data('cfs_tempCssMargin') : m + $(this).data('cfs_origCssMargin')));
});
}
function ms_getSizes(i, o, wrapper) {
s1 = ms_getTotalSize(i, o, 'width', wrapper);
s2 = ms_getLargestSize(i, o, 'height', wrapper);
return [s1, s2];
}
function ms_getLargestSize(i, o, dim, wrapper) {
if (typeof wrapper != 'boolean') wrapper = false;
if (typeof o[o.d[dim]] == 'number' && wrapper) return o[o.d[dim]];
if (typeof o.items[o.d[dim]] == 'number') return o.items[o.d[dim]];
var di2 = (dim.toLowerCase().indexOf('width') > -1) ? 'outerWidth' : 'outerHeight';
return ms_getTrueLargestSize(i, o, di2);
}
function ms_getTrueLargestSize(i, o, dim) {
var s = 0;
i.each(function() {
var m = $(this)[o.d[dim]](true);
if (s < m) s = m;
});
return s;
}
function ms_getTrueInnerSize($el, o, dim) {
var siz = $el[o.d[dim]](),
arr = (o.d[dim].toLowerCase().indexOf('width') > -1) ? ['paddingLeft', 'paddingRight'] : ['paddingTop', 'paddingBottom'];
for (a = 0, l = arr.length; a < l; a++) {
var m = parseInt($el.css(arr[a]));
if (isNaN(m)) m = 0;
siz -= m;
}
return siz;
}
function ms_getTotalSize(i, o, dim, wrapper) {
if (typeof wrapper != 'boolean') wrapper = false;
if (typeof o[o.d[dim]] == 'number' && wrapper) return o[o.d[dim]];
if (typeof o.items[o.d[dim]] == 'number') return o.items[o.d[dim]] * i.length;
var d = (dim.toLowerCase().indexOf('width') > -1) ? 'outerWidth' : 'outerHeight',
s = 0;
i.each(function() {
var j = $(this);
if (j.is(':visible')) {
s += j[o.d[d]](true);
}
});
return s;
}
function ms_hasVariableSizes(i, o, dim) {
var s = false,
v = false;
i.each(function() {
c = $(this)[o.d[dim]](true);
if (s === false) s = c;
else if (s != c) v = true;
if (s == 0) v = true;
});
return v;
}
function mapWrapperSizes(ws, o, p) {
if (typeof p != 'boolean') p = true;
var pad = (o.usePadding && p) ? o.padding : [0, 0, 0, 0];
var wra = {};
wra[o.d['width']] = ws[0] + pad[1] + pad[3];
wra[o.d['height']] = ws[1] + pad[0] + pad[2];
return wra;
}
function setSizes($c, o, p) {
var $w = $c.parent(),
$i = $c.children(),
$v = getCurrentItems($i, o),
sz = mapWrapperSizes(ms_getSizes($v, o, true), o, p);
$w.css(sz);
if (o.usePadding) {
var $l = $v.last();
$l.css(o.d['marginRight'], $l.data('cfs_origCssMargin') + o.padding[o.d[1]]);
$c.css(o.d['top'], o.padding[o.d[0]]);
$c.css(o.d['left'], o.padding[o.d[3]]);
}
$c.css(o.d['width'], sz[o.d['width']]+(ms_getTotalSize($i, o, 'width')*2));
$c.css(o.d['height'], ms_getLargestSize($i, o, 'height'));
return sz;
}
function cf_getPadding(p) {
if (typeof p == 'undefined') return [0, 0, 0, 0];
if (typeof p == 'number') return [p, p, p, p];
else if (typeof p == 'string') p = p.split('px').join('').split(' ');
if (!is_array(p)) {
return [0, 0, 0, 0];
}
for (var i = 0; i < 4; i++) {
p[i] = parseInt(p[i]);
}
switch (p.length) {
case 0: return [0, 0, 0, 0];
case 1: return [p[0], p[0], p[0], p[0]];
case 2: return [p[0], p[1], p[0], p[1]];
case 3: return [p[0], p[1], p[2], p[1]];
default: return [p[0], p[1], p[2], p[3]];
}
}
function cf_getAlignPadding(itm, o) {
var x = (typeof o[o.d['width']] == 'number') ? Math.ceil(o[o.d['width']] - ms_getTotalSize(itm, o, 'width')) : 0;
switch (o.align) {
case 'left':
return [0, x];
break;
case 'right':
return [x, 0];
break;
case 'center':
default:
var x1 = Math.ceil(x/2), x2 = Math.floor(x/2);
return [x1, x2];
break;
}
}
function cf_getVisibleItemsAdjust(x, o) {
switch (o.visibleAdjust) {
case '+1':
return x + 1;
break;
case '-1':
return x - 1;
break;
case 'odd':
if (x % 2 == 0) return x - 1;
break;
case 'odd+':
if (x % 2 == 0) return x + 1;
break;
case 'even':
if (x % 2 == 1) return x - 1;
break;
case 'even+':
if (x % 2 == 1) return x + 1;
break;
default:
return x;
break;
}
}
function is_array(a) {
return typeof(a) == 'object' && (a instanceof Array);
}
function debug(d, m) {
if (!d) return false;
if (typeof m == 'string') m = 'carouFredSel: ' + m;
else m = ['carouFredSel:', m];
if (window.console && window.console.log) window.console.log(m);
return false;
}
$.fn.caroufredsel = function(o) {
return this.carouFredSel(o);
};
})(jQuery);

//]]>
</script>
<script type='text/javascript'>
//<![CDATA[
eval(function(p,a,c,k,e,r){e=function(c){return(c<a?'':e(parseInt(c/a)))+((c=c%a)>35?String.fromCharCode(c+29):c.toString(36))};if(!''.replace(/^/,String)){while(c--)r[e(c)]=k[c]||e(c);k=[function(e){return r[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}('w L(z,E){3 s=z.W("<");n(3 i=0;i<s.7;i++){4(s[i].8(">")!=-1){s[i]=s[i].A(s[i].8(">")+1,s[i].7)}}s=s.J("");s=s.A(0,E-1);K s}w T(m){g.l(\'<D O="P-S">\');j=(p)?q.G((e.7+1)*q.p()):0;6=10 M();n(3 i=0;i<N;i++){3 2=m.C.2[i];3 Q=2.R.$t;3 f;4(i==m.C.2.7)o;n(3 k=0;k<2.h.7;k++){4(2.h[k].H==\'I\'){f=2.h[k].r;o}}4("u"v 2){3 9=2.u.$t}x 4("y"v 2){3 9=2.y.$t}x 3 9="";4(j>e.7-1)j=0;6[i]=e[j];s=9;a=s.8("<6");b=s.8("B=\\"",a);c=s.8("\\"",b+5);d=s.V(b+5,c-b-5);4((a!=-1)&&(b!=-1)&&(c!=-1)&&(d!=""))6[i]=d;3 F=\'<a r="\'+f+\'"><6 B="\'+6[i]+\'" X="\'+Y+\'" Z="\'+U+\'"/></a>\';g.l(F);j++}g.l(\'</D>\')}',62,63,'||entry|var|if||img|length|indexOf|postcontent|||||product_image|permalink|document|link||||write|json|for|break|random|Math|href|||content|in|function|else|summary|strx|substring|src|feed|div|chop|item|floor|rel|alternate|join|return|removeHtmlTag|Array|product_image_number|id|featured|posttitle|title|product|featured_product|product_image_height|substr|split|width|product_image_width|height|new'.split('|'),0,{}))
//]]>
</script>

<script type='text/javascript'>
//<![CDATA[
jQuery(document).ready(function() {
jQuery('a.mycart').click(function() {
jQuery('.bag').slideToggle('medium');
return false;
});
jQuery('.nav').superfish({
delay: 200,
animation: {
opacity: 'show'
},
speed: 'fast',
autoArrows: true,
dropShadows: false
})
jQuery('ul#top-nav').superfish({
delay: 200,
animation: {
opacity: 'show'
},
speed: 'fast',
autoArrows: true,
dropShadows: false
})
/* Style View */
var $box = jQuery('.post'),
$grid = jQuery('a.grid_view');
$list = jQuery('a.list_view');
$list.click(function() {
$box.removeClass("grid");
jQuery(this).addClass('active');
$grid.removeClass('active');
jQuery.cookie('list_style', 0);
return false;
});
$grid.click(function() {
$box.addClass("grid");
jQuery(this).addClass('active');
$list.removeClass('active');
jQuery.cookie('list_style', 1);
return false;
});
if (jQuery.cookie('list_style') == 0) {
$box.removeClass("grid");
$list.addClass('active');
} else {
$box.addClass("grid");
$grid.addClass('active');
}
jQuery('#featured-product').carouFredSel({
curcular: false,
infinite: false,
auto: true,
prev: {
button: '#featured-product_prev',
key: 'left'
},
next: {
button: '#featured-product_next',
key: 'right'
},
pagination: '#featured-product_pag'
});
jQuery('.footer-right a').hover(function(){
jQuery(this).stop().animate({
opacity: 1
}, 400);
}, function(){
jQuery(this).stop().animate({
opacity: 0.5
}, 400);
});
});

//]]>
</script>
<div class='image_carousel clearfix'>
<script type='text/javascript'>
//<![CDATA[
random = true;
product_image = new Array();
product_image[0] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhcCuR6q9-11iuF0bnE-bfiy-V3V0FpS6Z2wMf4Z8p_Hmv1AT83TJz8YY-TcFpyi2camx3QHoMa5-bzIF6Og_WtE6o_F8_gj6Dq90H9LSQYRk0dn3KJ4iWtG5UPJhn8mCJDwB_NaPeCgpll/s1600/FBGadgets.jpg"; // Image URL for product wich have no a thumbnail.
product_image_width = 250; // Product image width.
product_image_height = 260; // Product image height.
product_image_number = 8; // Value to show item.
//]]>
</script>
<script src='/feeds/posts/default?orderby=updated&amp;alt=json-in-script&amp;callback=featured_product' type='text/javascript'/>
<div class='clear'/>
<a class='prev' href='#' id='featured-product_prev'><span>prev</span></a>
<a class='next' href='#' id='featured-product_next'><span>next</span></a>
<div class='pagination' id='featured-product_pag'/>
</div> <!-- /image_carousel --></script></div>