/* =========================================================

// jquery.mandala.betterFader.js

// Version:	0.1
// Date: 	2009-08-24
// Author: 	Chris Pappas
// Email: 	chris@nexventures.com
// Web: 	http://nexventures.com

// based on the work of T. Baldes http://medienfreunde.com

	Much thanks to T. Baldes at medienfreunde.com for his very nice InnerFade plugin.

	I have fixed up this plugin to make it fit my needs. I simply added a customizable delay into the
	'fade' animations. Next few versions will add delays into slide transition and fix up other parts.

 *
 *  <ul id="news">
 *      <li>content 1</li>
 *      <li>content 2</li>
 *      <li>content 3</li>
 *  </ul>
 *
 *  $('#news').innerfade({
 *	  animationtype: Type of animation 'fade' or 'slide' (Default: 'fade'),
 *	  speed: Fading-/Sliding-Speed in milliseconds or keywords (slow, normal or fast) (Default: 'normal'),
 *	  timeoutCurrent: Time between the fades in milliseconds (Default: '2000'),
 *	  timeoutBetween: Time between the fades in milliseconds (Default: '500'),
 *	  type: Type of slideshow: 'sequence', 'random' or 'random_start' (Default: 'sequence'),
 * 	  containerheight: Height of the containing element in any css-height-value (Default: 'auto'),
 *	  runningclass: CSS-Class which the container get’s applied (Default: 'innerfade'),
 *	  children: optional children selector (Default: null)
 *  });
 *

// ========================================================= */


(function($) {


    $.fn.innerfade = function(options) {
        return this.each(function() {
            $.innerfade(this, options);
        });
    };

    $.innerfade = function(container, options) {
        var settings = {
        	'animationtype':	'fade',
            'speed':			'normal',
            'type':				'sequence',
            'timeoutCurrent':	2000,
            'timeoutBetween':	500,
            'containerheight':	'auto',
            'runningclass':		'innerfade',
            'children':			null
        };

        if (options)
            $.extend(settings, options);


        if (settings.children === null)
            var elements = $(container).children();
        else
            var elements = $(container).children(settings.children);


        if (elements.length > 1) {

            $(container).css('position', 'relative').css('height', settings.containerheight).addClass(settings.runningclass);

            for (var i = 0; i < elements.length; i++) {
                $(elements[i]).css('z-index', String(elements.length-i)).css('position', 'absolute').hide();
            };

            if (settings.type == "sequence") {

                setTimeout(function() {
                    $.innerfade.next(elements, settings, 1, 0);
                }, settings.timeoutCurrent);

                $(elements[0]).show();

            } else if (settings.type == "random") {

           		var last = Math.floor ( Math.random () * ( elements.length ) );
                setTimeout(function() {

                    do {
						current = Math.floor ( Math.random ( ) * ( elements.length ) );
					} while (last == current );

					$.innerfade.next(elements, settings, current, last);

                }, settings.timeout);

                $(elements[last]).show();

			} else if ( settings.type == 'random_start' ) {

				settings.type = 'sequence';
				var current = Math.floor ( Math.random () * ( elements.length ) );

				setTimeout(function(){
					$.innerfade.next(elements, settings, (current + 1) %  elements.length, current);
				}, settings.timeoutCurrent);
				$(elements[current]).show();

			} else {

				alert('Innerfade-Type must either be \'sequence\', \'random\' or \'random_start\'');

			}
		}
    };

    $.innerfade.next = function(elements, settings, current, last) {

        if (settings.animationtype == 'slide') {

            $(elements[last]).slideUp(settings.speed);
            $(elements[current]).slideDown(settings.speed);

        } else if (settings.animationtype == 'fade') {


            $(elements[last]).fadeOut(settings.speed);

            $(elements[current]).animate({foo: 1}, settings.timeoutBetween).fadeIn(settings.speed, function() {
				removeFilter($(this)[0]);
			});

        } else {

            alert('Innerfade-animationtype must either be \'slide\' or \'fade\'');

        } // end if

        if (settings.type == "sequence") {

            if ((current + 1) < elements.length) {

                current = current + 1;
                last = current - 1;

            } else {

                current = 0;
                last = elements.length - 1;

            } // end if

        } else if (settings.type == "random") {

            last = current;
            while (current == last)
                current = Math.floor(Math.random() * elements.length);

        } else {

            alert('Innerfade-Type must either be \'sequence\', \'random\' or \'random_start\'');

        } // end if

        setTimeout((function() {
            $.innerfade.next(elements, settings, current, last);
        }), settings.timeoutCurrent);

    };

})(jQuery);

// **** remove Opacity-Filter in ie ****
function removeFilter(element) {
	if(element.style.removeAttribute){
		element.style.removeAttribute('filter');
	}
}
