1 /* ------------------------------------------------------------------------
4 Developped By: Boban Karišik -> http://www.serie3.info/
5 CSS Help: Mészáros Róbert -> http://www.perspectived.com/
8 Copyright: Feel free to redistribute the script/modify it, as
9 long as you leave my infos at the top.
10 ------------------------------------------------------------------------- */
15 $.fn
.s3Slider = function(vars
) {
18 var timeOut
= (vars
.timeOut
!= undefined) ? vars
.timeOut
: 4000;
23 var items
= $("#" + element
[0].id
+ "Content ." + element
[0].id
+ "Image");
24 var itemsSpan
= $("#" + element
[0].id
+ "Content ." + element
[0].id
+ "Image span");
26 items
.each(function(i
) {
28 $(items
[i
]).mouseover(function() {
32 $(items
[i
]).mouseout(function() {
39 var fadeElement = function(isMouseOut
) {
40 var thisTimeOut
= (isMouseOut
) ? (timeOut
/2) : timeOut
;
41 thisTimeOut
= (faderStat
) ? 10 : thisTimeOut
;
42 if(items
.length
> 0) {
43 timeOutFn
= setTimeout(makeSlider
, thisTimeOut
);
45 console
.log("Poof..");
49 var makeSlider = function() {
50 current
= (current
!= null) ? current
: items
[(items
.length
-1)];
51 var currNo
= jQuery
.inArray(current
, items
) + 1
52 currNo
= (currNo
== items
.length
) ? 0 : (currNo
- 1);
53 var newMargin
= $(element
).width() * currNo
;
54 if(faderStat
== true) {
56 $(items
[currNo
]).fadeIn((timeOut
/6), function() {
57 if($(itemsSpan
[currNo
]).css('bottom') == 0) {
58 $(itemsSpan
[currNo
]).slideUp((timeOut
/6), function() {
60 current
= items
[currNo
];
66 $(itemsSpan
[currNo
]).slideDown((timeOut
/6), function() {
68 current
= items
[currNo
];
78 if($(itemsSpan
[currNo
]).css('bottom') == 0) {
79 $(itemsSpan
[currNo
]).slideDown((timeOut
/6), function() {
80 $(items
[currNo
]).fadeOut((timeOut
/6), function() {
82 current
= items
[(currNo
+1)];
89 $(itemsSpan
[currNo
]).slideUp((timeOut
/6), function() {
90 $(items
[currNo
]).fadeOut((timeOut
/6), function() {
92 current
= items
[(currNo
+1)];
110 jQuery(document
).ready(function() {
111 //jQuery.noConflict();
113 if (jQuery('div#s3slider').length
> 0) {
114 jQuery('div#s3slider').s3Slider({