/* ------------------------------------------------------------------------
	s3Slider
	// presekane, marek, cs2
	
------------------------------------------------------------------------- */


(function($){  

    $.fn.s3Slider = function(vars) {       
        
        var element     = this;
        var timeOut     = (vars.timeOut != undefined) ? vars.timeOut : 4000;
        var current     = null;
        var timeOutFn   = null;
        var faderStat   = false;
        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(false);
   //         });
        });
        
        var fadeElement = function(isMouseOut) {
            var thisTimeOut =  timeOut;
            if (faderStat)
		    thisTimeOut = 10;
	   
		    
            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) {
		    $(items[currNo]).fadeIn((500), function() {
				faderStat = false;
				current = items[currNo];
				if(!mOver) {
				    fadeElement(false);
				}
		    });
            } else {
		    $(items[currNo]).fadeOut((500), function() {
			faderStat = true;
			current = items[(currNo+1)];
			if(!mOver) {
			    fadeElement(false);
			}
		    });
            }
        }
        
        makeSlider();

    };  

})(jQuery);  

		$(document).ready(function(){
		$('#s3slider').s3Slider({
			timeOut: 5000
			});
		});