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

// prototype.innerfade.js

// Datum: 2008-08-29
// Firma: Zaypay
// Author: Rick Wong
// Web: http://www.zaypay.com

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

 *
 *  <ul id="news"> 
 *      <li>content 1</li>
 *      <li>content 2</li>
 *      <li>content 3</li>
 *  </ul>
 *  
 *  Element.innerfade($('news'), { 
 *	  animationtype: Type of animation 'fade' or 'slide' (Default: 'fade'), 
 *	  speed: Fading-/Sliding-Speed in milliseconds or keywords (slow, normal or fast) (Default: 'normal'), 
 *	  timeout: Time between the fades in milliseconds (Default: '2000'), 
 *	  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 () {
  Element.innerfade = function(container, options) {
    var settings = {
  		'animationtype':    'fade',
      'speed':            'normal',
      'type':             'sequence',
      'timeout':          2000,
      'containerheight':  'auto',
      'runningclass':     'innerfade'
    };
    
    if (options) {
      Object.extend(settings, options);
    }
    
    var elements = $(container).childElements();
    
    if (elements.length > 1) {
      $(container).setStyle({ position:'relative', height:settings.containerheight }).addClassName(settings.runningclass);
      
      for (var i=0; i<elements.length; i++) {
          $(elements[i]).setStyle({ 'z-index':String(elements.length-i), position:'absolute' }).hide();
      }
      
      if (settings.type == 'sequence') {
        setTimeout(function () {
          Element.innerfade.next(elements, settings, 1, 0);
        }, settings.timeout);
        
        $(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);   

					Element.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 () {
					Element.innerfade.next(elements, settings, (current + 1) %  elements.length, current);
				}, settings.timeout);
				
				$(elements[current]).show();
			}	else {
				alert('Innerfade-Type must either be \'sequence\', \'random\' or \'random_start\'');
			}
		}
  };

  Element.innerfade.next = function(elements, settings, current, last) {
    if (settings.animationtype == 'slide') {
      Effect.SlideUp(elements[last], { duration:settings.speed/1000 });      
      Effect.SlideDown(elements[current], { duration:settings.speed/1000 });
    }
    else if (settings.animationtype == 'fade') {
      Effect.Fade(elements[last], { duration:settings.speed/1000 });      
      Effect.Appear(elements[current], { duration:settings.speed/1000, afterFinish:(function () {
					removeFilter($(this).childElements()[0]);
				}).bind(elements[current])
		  });
    }
    else {
      alert('Innerfade-animationtype must either be \'slide\' or \'fade\'');
    }
    
    if (settings.type == "sequence") {
        if ((current + 1) < elements.length) {
          current = current + 1;
          last = current - 1;
        }
        else {
          current = 0;
          last = elements.length - 1;
        }
    }
    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\'');
    }
    
    setTimeout((function () {
      Element.innerfade.next(elements, settings, current, last);
    }), settings.timeout);
  };
})();

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