X-Git-Url: http://git.cyclocoop.org/?p=velocampus%2Fweb%2Fwww.git;a=blobdiff_plain;f=www%2Fplugins%2Fsquelette_maparaan%2Fjs%2Fjquery.s3slider.js;fp=www%2Fplugins%2Fsquelette_maparaan%2Fjs%2Fjquery.s3slider.js;h=c1982c580d7f3ae203b01dca174f619c52640142;hp=0000000000000000000000000000000000000000;hb=80b4d3e85f78d402ed2e73f8f5d1bf4c19962eed;hpb=aaf970bf4cdaf76689ecc10609048e18d073820c

diff --git a/www/plugins/squelette_maparaan/js/jquery.s3slider.js b/www/plugins/squelette_maparaan/js/jquery.s3slider.js
new file mode 100644
index 0000000..c1982c5
--- /dev/null
+++ b/www/plugins/squelette_maparaan/js/jquery.s3slider.js
@@ -0,0 +1,118 @@
+/* ------------------------------------------------------------------------
+	s3Slider
+	
+	Developped By: Boban Karišik -> http://www.serie3.info/
+        CSS Help: Mészáros Róbert -> http://www.perspectived.com/
+	Version: 1.0
+	
+	Copyright: Feel free to redistribute the script/modify it, as
+			   long as you leave my infos at the top.
+------------------------------------------------------------------------- */
+
+
+(function($){  
+
+    $.fn.s3Slider = function(vars) {       
+        
+        var element     = this;
+        var timeOut     = (vars.timeOut != undefined) ? vars.timeOut : 4000;
+        var current     = null;
+        var timeOutFn   = null;
+        var faderStat   = true;
+        var mOver       = false;
+        var items       = $("#" + element[0].id + "Content ." + element[0].id + "Image");
+        var itemsSpan   = $("#" + element[0].id + "Content ." + element[0].id + "Image span");
+            
+        items.each(function(i) {
+    
+            $(items[i]).mouseover(function() {
+               mOver = true;
+            });
+            
+            $(items[i]).mouseout(function() {
+                mOver   = false;
+                fadeElement(true);
+            });
+            
+        });
+        
+        var fadeElement = function(isMouseOut) {
+            var thisTimeOut = (isMouseOut) ? (timeOut/2) : timeOut;
+            thisTimeOut = (faderStat) ? 10 : thisTimeOut;
+            if(items.length > 0) {
+                timeOutFn = setTimeout(makeSlider, thisTimeOut);
+            } else {
+                console.log("Poof..");
+            }
+        }
+        
+        var makeSlider = function() {
+            current = (current != null) ? current : items[(items.length-1)];
+            var currNo      = jQuery.inArray(current, items) + 1
+            currNo = (currNo == items.length) ? 0 : (currNo - 1);
+            var newMargin   = $(element).width() * currNo;
+            if(faderStat == true) {
+                if(!mOver) {
+                    $(items[currNo]).fadeIn((timeOut/6), function() {
+                        if($(itemsSpan[currNo]).css('bottom') == 0) {
+                            $(itemsSpan[currNo]).slideUp((timeOut/6), function() {
+                                faderStat = false;
+                                current = items[currNo];
+                                if(!mOver) {
+                                    fadeElement(false);
+                                }
+                            });
+                        } else {
+                            $(itemsSpan[currNo]).slideDown((timeOut/6), function() {
+                                faderStat = false;
+                                current = items[currNo];
+                                if(!mOver) {
+                                    fadeElement(false);
+                                }
+                            });
+                        }
+                    });
+                }
+            } else {
+                if(!mOver) {
+                    if($(itemsSpan[currNo]).css('bottom') == 0) {
+                        $(itemsSpan[currNo]).slideDown((timeOut/6), function() {
+                            $(items[currNo]).fadeOut((timeOut/6), function() {
+                                faderStat = true;
+                                current = items[(currNo+1)];
+                                if(!mOver) {
+                                    fadeElement(false);
+                                }
+                            });
+                        });
+                    } else {
+                        $(itemsSpan[currNo]).slideUp((timeOut/6), function() {
+                        $(items[currNo]).fadeOut((timeOut/6), function() {
+                                faderStat = true;
+                                current = items[(currNo+1)];
+                                if(!mOver) {
+                                    fadeElement(false);
+                                }
+                            });
+                        });
+                    }
+                }
+            }
+        }
+        
+        makeSlider();
+
+    };  
+
+})(jQuery);
+
+
+jQuery(document).ready(function() {
+	//jQuery.noConflict();
+
+	if (jQuery('div#s3slider').length > 0) {
+		jQuery('div#s3slider').s3Slider({
+			timeOut: 4000
+		});
+	}
+});
\ No newline at end of file