// Image slider (Sslide)
$(function() {
$('#slides').slides({
play: 10000,
pause: 2500,
hoverPause: true,
generatePagination: false,
effect: 'fade',
fadeSpeed: 650
//slideSpeed: 350,
//preloadImage: '/OneStopCMS/Sites/YOURSITE/Theme/images/loading.gif'
});
});
/*
* Slides, A Slideshow Plugin for jQuery
*/
(function(a) {
a.fn.slides = function(b) {
b = a.extend({}, a.fn.slides.option, b);
return this.each(function() {
function y() {
if (b.pause) {
clearTimeout(c.data("pause"));
clearInterval(c.data("interval"));
u = setTimeout(function() {
clearTimeout(c.data("pause"));
v = setInterval(function() {
w("next", i)
}, b.play);
c.data("interval", v)
}, b.pause);
c.data("pause", u)
} else {
x()
}
}
function x() {
clearInterval(c.data("interval"))
}
function w(g, h, i) {
if (!p && o) {
p = true;
b.animationStart(n + 1);
switch (g) {
case "next":
l = n;
k = n + 1;
k = e === k ? 0 : k;
r = f * 2;
g = -f * 2;
n = k;
break;
case "prev":
l = n;
k = n - 1;
k = k === -1 ? e - 1 : k;
r = 0;
g = 0;
n = k;
break;
case "pagination":
k = parseInt(i, 10);
l = a("." + b.paginationClass + " li." + b.currentClass + " a", c).attr("href").match("[^#/]+$");
if (k > l) {
r = f * 2;
g = -f * 2
} else {
r = 0;
g = 0
}
n = k;
break
}
if (h === "fade") {
if (b.crossfade) {
d.children(":eq(" + k + ")", c).css({
zIndex: 10
}).fadeIn(b.fadeSpeed, b.fadeEasing, function() {
if (b.autoHeight) {
d.animate({
height: d.children(":eq(" + k + ")", c).outerHeight()
}, b.autoHeightSpeed, function() {
d.children(":eq(" + l + ")", c).css({
display: "none",
zIndex: 0
});
d.children(":eq(" + k + ")", c).css({
zIndex: 0
});
b.animationComplete(k + 1);
p = false
})
} else {
d.children(":eq(" + l + ")", c).css({
display: "none",
zIndex: 0
});
d.children(":eq(" + k + ")", c).css({
zIndex: 0
});
b.animationComplete(k + 1);
p = false
}
})
} else {
d.children(":eq(" + l + ")", c).fadeOut(b.fadeSpeed, b.fadeEasing, function() {
if (b.autoHeight) {
d.animate({
height: d.children(":eq(" + k + ")", c).outerHeight()
}, b.autoHeightSpeed, function() {
d.children(":eq(" + k + ")", c).fadeIn(b.fadeSpeed, b.fadeEasing)
})
} else {
d.children(":eq(" + k + ")", c).fadeIn(b.fadeSpeed, b.fadeEasing, function() {
if (a.browser.msie) {
a(this).get(0).style.removeAttribute("filter")
}
})
}
b.animationComplete(k + 1);
p = false
})
}
} else {
d.children(":eq(" + k + ")").css({
left: r,
display: "block"
});
if (b.autoHeight) {
d.animate({
left: g,
height: d.children(":eq(" + k + ")").outerHeight()
}, b.slideSpeed, b.slideEasing, function() {
d.css({
left: -f
});
d.children(":eq(" + k + ")").css({
left: f,
zIndex: 5
});
d.children(":eq(" + l + ")").css({
left: f,
display: "none",
zIndex: 0
});
b.animationComplete(k + 1);
p = false
})
} else {
d.animate({
left: g
}, b.slideSpeed, b.slideEasing, function() {
d.css({
left: -f
});
d.children(":eq(" + k + ")").css({
left: f,
zIndex: 5
});
d.children(":eq(" + l + ")").css({
left: f,
display: "none",
zIndex: 0
});
b.animationComplete(k + 1);
p = false
})
}
}
if (b.pagination) {
a("." + b.paginationClass + " li." + b.currentClass, c).removeClass(b.currentClass);
a("." + b.paginationClass + " li:eq(" + k + ")", c).addClass(b.currentClass)
}
}
}
a("." + b.container, a(this)).children().wrapAll('');
var c = a(this),
d = a(".slides_control", c),
e = d.children().size(),
f = d.children().outerWidth(),
g = d.children().outerHeight(),
h = b.start - 1,
i = b.effect.indexOf(",") < 0 ? b.effect : b.effect.replace(" ", "").split(",")[0],
j = b.effect.indexOf(",") < 0 ? i : b.effect.replace(" ", "").split(",")[1],
k = 0,
l = 0,
m = 0,
n = 0,
o, p, q, r, s, t, u, v;
if (e < 1) {
return
}
if (h < 0) {
h = 0
}
if (h > e) {
h = e - 1
}
if (b.start) {
n = h
}
if (b.randomize) {
d.randomize()
}
a("." + b.container, c).css({
overflow: "hidden",
position: "relative"
});
d.children().css({
position: "absolute",
top: 0,
left: d.children().outerWidth(),
zIndex: 0,
display: "none"
});
d.css({
position: "relative",
width: f * 3,
height: g,
left: -f
});
a("." + b.container, c).css({
display: "block"
});
if (b.autoHeight) {
d.children().css({
height: "auto"
});
d.animate({
height: d.children(":eq(" + h + ")").outerHeight()
}, b.autoHeightSpeed)
}
if (b.preload && d.find("img:eq(" + h + ")").length) {
a("." + b.container, c).css({
background: "url(" + b.preloadImage + ") no-repeat 50% 50%"
});
var z = d.find("img:eq(" + h + ")").attr("src");
if (a("img", c).parent().attr("class") != "slides_control") {
t = d.children(":eq(0)")[0].tagName.toLowerCase()
} else {
t = d.find("img:eq(" + h + ")")
}
d.find("img:eq(" + h + ")").attr("src", z).load(function() {
d.find(t + ":eq(" + h + ")").fadeIn(b.fadeSpeed, b.fadeEasing, function() {
a(this).css({
zIndex: 5
});
a("." + b.container, c).css({
background: ""
});
o = true;
b.slidesLoaded()
})
})
} else {
d.children(":eq(" + h + ")").fadeIn(b.fadeSpeed, b.fadeEasing, function() {
o = true;
b.slidesLoaded()
})
}
if (b.bigTarget) {
d.children().css({
cursor: "pointer"
});
d.children().click(function() {
w("next", i);
return false
})
}
if (b.hoverPause && b.play) {
d.bind("mouseover", function() {
x()
});
d.bind("mouseleave", function() {
y()
})
}
if (b.generateNextPrev) {
a("." + b.container, c).after('Prev');
a("." + b.prev, c).after('Next')
}
a("." + b.next, c).click(function(a) {
a.preventDefault();
if (b.play) {
y()
}
w("next", i)
});
a("." + b.prev, c).click(function(a) {
a.preventDefault();
if (b.play) {
y()
}
w("prev", i)
});
if (b.generatePagination) {
if (b.prependPagination) {
c.prepend("")
} else {
c.append("")
}
d.children().each(function() {
a("." + b.paginationClass, c).append('' + (m + 1) + "");
m++
})
} else {
a("." + b.paginationClass + " li a", c).each(function() {
a(this).attr("href", "#" + m);
m++
})
}
a("." + b.paginationClass + " li:eq(" + h + ")", c).addClass(b.currentClass);
a("." + b.paginationClass + " li a", c).click(function() {
if (b.play) {
y()
}
q = a(this).attr("href").match("[^#/]+$");
if (n != q) {
w("pagination", j, q)
}
return false
});
a("a.link", c).click(function() {
if (b.play) {
y()
}
q = a(this).attr("href").match("[^#/]+$") - 1;
if (n != q) {
w("pagination", j, q)
}
return false
});
if (b.play) {
v = setInterval(function() {
w("next", i)
}, b.play);
c.data("interval", v)
}
})
};
a.fn.slides.option = {
preload: false,
// preloadImage: "/img/loading.gif",
container: "slides_container",
generateNextPrev: false,
next: "next",
prev: "prev",
pagination: true,
generatePagination: true,
prependPagination: false,
paginationClass: "pagination",
currentClass: "current",
fadeSpeed: 350,
fadeEasing: "",
slideSpeed: 350,
slideEasing: "",
start: 1,
effect: "slide",
crossfade: false,
randomize: false,
play: 0,
pause: 0,
hoverPause: false,
autoHeight: false,
autoHeightSpeed: 350,
bigTarget: false,
animationStart: function() { },
animationComplete: function() { },
slidesLoaded: function() { }
};
a.fn.randomize = function(b) {
function c() {
return Math.round(Math.random()) - .5
}
return a(this).each(function() {
var d = a(this);
var e = d.children();
var f = e.length;
if (f > 1) {
e.hide();
var g = [];
for (i = 0; i < f; i++) {
g[g.length] = i
}
g = g.sort(c);
a.each(g, function(a, c) {
var f = e.eq(c);
var g = f.clone(true);
g.show().appendTo(d);
if (b !== undefined) {
b(f, g)
}
f.remove()
})
}
})
}
})(jQuery)