/** ------------------------------------------------------------------------
	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.
------------------------------------------------------------------------- */
/***************************************************************************
*	MODIFICATIONS:
*		- it was added the possibility of have a general caption for every
*		slider, that became visible/invisible with the mousehover/mouseout.
*		This caption is indipendent from the captions of the single images.
*
*		- add the control if itemsSpan[currNo] has content. If has content,
*		the caption of the image is showed, else no.
*/

(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");
        var itemsCaption= $("#" + element[0].id + "Caption");

		
        items.each(function(i) {
    
            $(items[i]).mouseover(function() {
				mOver = true;
            });

            $(items[i]).mouseout(function() {
                mOver   = false;
                fadeElement(true);
			});
            
			/********************************************************************
			* ADDED: show the caption at the mouse over with vertical sliding
			*/
			$(element).hover(
				function(){
					if($.trim($(itemsCaption).html())) { // control if itemCaption has content
						if($(itemsCaption).css('bottom') == 0) {
							$(itemsCaption).slideUp((timeOut/6));
						}
						else {
							$(itemsCaption).slideDown((timeOut/6));
						}
					}
				},
				function() {
					if($(itemsCaption).css('bottom') == 0) {
						$(itemsCaption).slideDown((timeOut/6));
					}
					else {
						$(itemsCaption).slideUp((timeOut/6));
					}
				}
			);
			/********************************************************************/
        });
        
        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) {
							if($.trim($(itemsSpan[currNo]).html())) { // control if itemsSpan[currNo] has content
								$(itemsSpan[currNo]).slideUp((timeOut/6), function() {
									faderStat = false;
									current = items[currNo];
									if(!mOver) {
										fadeElement(false);
									}
								});
							}
							else {
								faderStat = false;
								current = items[currNo];
								if(!mOver) {
									fadeElement(false);
								}
							}
						}
                        else {
							if($.trim($(itemsSpan[currNo]).html())) { // control if itemsSpan[currNo] has content
								$(itemsSpan[currNo]).slideDown((timeOut/6), function() {
									faderStat = false;
									current = items[currNo];
									if(!mOver) {
										fadeElement(false);
									}
								});
							}
							else {
								faderStat = false;
								current = items[currNo];
								if(!mOver) {
									fadeElement(false);
								}
							}
                        }
                    });
                }
            }
			else {
                if(!mOver) {
                    if($(itemsSpan[currNo]).css('bottom') == 0) {
						if($.trim($(itemsSpan[currNo]).html())) { // control if itemsSpan[currNo] has content
							$(itemsSpan[currNo]).slideDown((timeOut/6), function() {
								$(items[currNo]).fadeOut((timeOut/6), function() {
									faderStat = true;
									current = items[(currNo+1)];
									if(!mOver) {
										fadeElement(false);
									}
								});
							});
						}
						else {
							$(items[currNo]).fadeOut((timeOut/6), function() {
								faderStat = true;
								current = items[(currNo+1)];
								if(!mOver) {
									fadeElement(false);
								}
							});
						}
                    }
					else {
						if($.trim($(itemsSpan[currNo]).html())) { // control if itemsSpan[currNo] has content
							$(itemsSpan[currNo]).slideUp((timeOut/6), function() {
							$(items[currNo]).fadeOut((timeOut/6), function() {
									faderStat = true;
									current = items[(currNo+1)];
									if(!mOver) {
										fadeElement(false);
									}
								});
							});
						}
						else {
							$(items[currNo]).fadeOut((timeOut/6), function() {
								faderStat = true;
								current = items[(currNo+1)];
								if(!mOver) {
									fadeElement(false);
								}
							});
						}
                    }
                }
            }
        }
        makeSlider();
    };  
})(jQuery);