/*
* Crossfade
* Version 4.2 BETA January 2009
*
* Copyright (c) 2007 Millstream Web Software http://www.millstream.com.au
*
* Permission is hereby granted, free of charge, to any person
* obtaining a copy of this software and associated documentation
* files (the "Software"), to deal in the Software without
* restriction, including without limitation the rights to use, copy,
* modify, merge, publish, distribute, sublicense, and/or sell copies
* of the Software, and to permit persons to whom the Software is
* furnished to do so, subject to the following conditions:
*
* The above copyright notice and this permission notice shall be
* included in all copies or substantial portions of the Software.
*
* THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
* EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF
* MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND
* NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS
* BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN
* ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN
* CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
* SOFTWARE.
* *
*/

var Crossfade = Class.create();

Crossfade.prototype = {
	loaded : false,
	initialize : function(elm, options) {
		var me = this, next, prev;
		this.elm = $(elm);
		var t_opt = {};
		for(t in Crossfade.Transition) {
			var trans = Crossfade.Transition[t];
			if(trans.className && this.elm.hasClassName(trans.className)) {
				t_opt = {transition:trans};
				break;
			}
		}
		this.options = Object.extend(Object.clone(Crossfade.defaults),Object.extend(options || {},t_opt));
		this.options.interval = Math.max(2,this.options.interval);
		this.elm.makePositioned();
		this.slides = this.elm.childElements();
		if(this.options.random || this.elm.hasClassName(this.options.randomClassName)){
			this.slides.sort(function(a,b){
				return me.rndm(-1,1);
			});
		}
		if(this.elm.id) {
			this.nextButton = $(this.elm.id + '-next');
			this.prevButton = $(this.elm.id + '-previous');
			
			if(this.nextButton) { Event.observe(this.nextButton, 'click', this.next.bind(this)); }
			if(this.prevButton) { Event.observe(this.prevButton, 'click', this.previous.bind(this)); }

			$$('a.' + this.elm.id + '-link').each(function(link, idx) {
			  Event.observe(link,'click', me.anchor.bindAsEventListener(me),false);
			});
		}
		var idx = this.getInitialSlide(); //check for URI target
		if(idx != 0) {
		  var neworder = [];
		  for(var x = idx,l = this.slides.length; x < l; x++) {
		    neworder.push(this.slides[x]);
		  }
		  for(var x = 0; x < idx; x++) {
		    neworder.push(this.slides[x]);
		  }
		  this.slides = neworder;
		}

		var initialSlideIdx = 0;

		// Find index of initial slide and next one
		if (options.initialSlideId)
		{
		  for (var i = 0; i < this.slides.length; i++)
		  {
		    if (this.slides[i].identify().match(options.initialSlideId))
		    {
		      initialSlideIdx = i;
		      break;
		    }
		  }
		}

		this.counter = initialSlideIdx;
		var initialSlide = this.slides[initialSlideIdx];
		var nextSlideIdx = (initialSlideIdx + 1) % this.slides.length;

		this.updateLinksControls(this.getLinkElementForSlide(initialSlide));
		this.updatePrevNext();

		this.loadSlide(initialSlide, function() {
			me.options.transition.prepare(me, initialSlideIdx);
		});
		this.loadSlide(this.slides[nextSlideIdx]);
		if(this.options.autoStart) {
		  setTimeout(this.start.bind(this),this.rndm((this.options.interval-1)*1000,(this.options.interval+1)*1000));
		}
	},
	start : function() {
		
	  if (!this.timerStopped)
	  {
  		this.ready = true;
  		this.timerDir = 1;
  		this.timerCycle();
  		this.timer = new PeriodicalExecuter(this.timerCycle.bind(this), this.options.interval);
	  }
		return this.timer;
	},
	resume : function(event) {
		
	 // if (!this.timerStopped)
	 // {
  		this.ready = true;
  		this.timerDir = 1;
  		this.timerCycle();
  		this.timer = new PeriodicalExecuter(this.timerCycle.bind(this), this.options.interval);
	 // }
		return this.timer;
	},
	stop : function() {
		this.options.transition.cancel(this);
		this.stopTimer();
	},
	stopTimer : function() {
	  if (this.timer)
    {
      this.timer.stop();
    }
    this.timerStopped = true;
	},
	next : function(event) {
	  Event.stop(event);

	  var allowCycle = true;
	  if (!this.options.wrapping && ((this.counter + 1) >= this.slides.length))
	  {
	    allowCycle = false;
	  }

	  if (allowCycle)
	  {
  		this.stop();
  		this.cycle();
	  }
	},
	previous : function(event) {
	  Event.stop(event);

	  var allowCycle = true;
    if (!this.options.wrapping && ((this.counter - 1) < 0))
    {
      allowCycle = false;
    }

    if (allowCycle)
    {
      this.stop();
      this.cycle(-1);
    }
	},
  anchor : function(ev) {
    var element = Event.findElement(ev, "a");
    Event.stop(ev);
    if(element.href.match(/#(\w.+)/)) {
      var loc = RegExp.$1;
		  this.stopTimer();
		  this.cycleTo(loc, element);
    }
	},
	timerCycle : function() {
	  if (!this.options.wrapping)
	  {
	    if (((this.timerDir > 0) && ((this.counter + 1) >= this.slides.length)) ||
          ((this.timerDir <= 0) && ((this.counter - 1) < 0)))
	    {
	      this.timerDir = -this.timerDir;
	    }
	  }

	  if (this.timerDir > 0)
	  {
	    this.cycle();
	  }
	  else
	  {
	    this.cycle(-1);
	  }
	},
	cycle : function(dir) {
		if(!this.ready) { return; }
		this.ready = false;
		dir = (dir === -1) ? dir : 1;
		var me = this, prevSlide, nextSlide, opt, fade;
		prevSlide = this.slides[this.counter];
		this.counter = this.loopCount(this.counter + dir);
		if(this.counter == 0){
			this.loaded = true;
		}
		nextSlide = this.slides[this.counter];
		this.doLoad(prevSlide, nextSlide, me, dir, this.getLinkElementForSlide(nextSlide));
	},
	cycleTo : function(slide, activeLink) {
	  var me = this, prevSlide, nextSlide, opt, fade;
    if(!this.ready) { return; }
		slide = $(slide);
		var slideIds = this.slides.map(function(s,i){
		  return s.id;
		});
		if(!this.slides.include(slide)) { return; }
		var oldCounter = this.counter;
		prevSlide = this.slides[this.counter];
		var newCounter = this.slides.indexOf(slide);//slideIds.indexOf(slide.id);
		if (oldCounter != newCounter)
		{
		  this.options.transition.cancel(this);
  		this.counter = newCounter;
  		this.ready = false;
  		nextSlide = slide;
  		var dir = (oldCounter < newCounter)? 1 : -1;
  		this.doLoad(prevSlide, nextSlide, me, dir, activeLink);
		}
	},
  updatePrevNext: function(){
    if (!this.options.wrapping)
    {
      if (this.nextButton)
      {
        if (this.counter == (this.slides.length - 1))
        {
          this.nextButton.setStyle({
            visibility: 'hidden'
          });
        }
        else
        {
          this.nextButton.setStyle({
            visibility: 'visible'
          });
        }
      }

      if (this.prevButton)
      {
        if (this.counter == 0)
        {
          this.prevButton.setStyle({
            visibility: 'hidden'
          });
        }
        else
        {
          this.prevButton.setStyle({
            visibility: 'visible'
          });
        }
      }
    }
  },
	doLoad : function(prevSlide, nextSlide, me, dir, activeLink) {
		// TODO add support for afterChange + better support for onChange
	  if (this.options.controlsUpdate == 'beforeChange')
    {
      this.updateLinksControls(activeLink);
      this.updatePrevNext();
    }

    this.loadSlide(nextSlide, me.options.transition.cycle(prevSlide, nextSlide, me, dir, function() {
      if (me.options.controlsUpdate == 'onChange')
      {
        me.updateLinksControls(activeLink);
        me.updatePrevNext();
      }
    }));
    if(!this.loaded) {
      this.loadSlide(this.slides[this.loopCount(this.counter+1)]);
    }
	},
	getLinkElementForSlide: function(slide) {
	  var found = null;
	  if (slide.id && this.elm.id)
	  {
      found = $$('a.' + this.elm.id + '-link').find(function(link, idx) {
        var loc = (link.href.match(/#(\w.+)/))? RegExp.$1 : null;
        return (loc && (loc == slide.id));
      });
	  }

	  return found;
	},
	updateLinksControls: function(activeControl) {
	  // Add 'active' class to current link and remove it from others
    if(this.elm.id) {
      $$('.' + this.elm.id + '-link').each(function(link) {
        if (link == activeControl)
        {
          link.addClassName("active");
        }
        else
        {
          link.removeClassName("active");
        }
      });
    }
	},
	loadSlide : function(slide, onload){
		var loaders = [], me = this, img, pnode, onloadFunction;
		onload = typeof onload === 'function' ? onload : function(){};
		onloadFunction = function() {
				onload();
				me.ready = true;
		};
		slide = $(slide);
		loaders = Selector.findChildElements(slide,[this.options.imageLoadSelector]);
		if(loaders.length && loaders[0].href !== ''){
			img = document.createElement('img');
			img.className = 'loadimage';
			img.onload = onloadFunction;
			img.src = loaders[0].href;
			loaders[0].parentNode.replaceChild(img,loaders[0]);
		} else {
			loaders = [];
			loaders = Selector.findChildElements(slide, [this.options.ajaxLoadSelector]);
			if(loaders.length && loaders[0].href !== ''){
				new Ajax.Updater(slide, loaders[0].href, {method:'get',onComplete:onloadFunction});
			} else {
				onloadFunction();
			}
		}
	},
	getInitialSlide : function() {
	  var i = 0;
		if(document.location.href.match(/#(\w.+)/)) {
			var loc = RegExp.$1.split('/');
			var slide1 = this.slides.find(
			  function(slide, idx) {
			    i = idx;
			    return $(slide).match('#'+loc[1]);
			  }
			);
			i = slide1 ? i : 0;
		}
		return i;
	},
	loopCount : function(c){
		if(c >= this.slides.length){
			c = 0;
		} else if (c < 0) {
			c = this.slides.length - 1;
		}
		return c;
	},
	rndm : function(min, max){
		return Math.floor(Math.random() * (max - min + 1) + min);
	},
	timer : null,effect : null,ready : false
};
Crossfade.Transition = {};
Crossfade.Transition.Switch = {
	className : 'transition-switch',
	cycle : function(prev, next, show, dir, onSlideChange) {
		show.slides.without(next).each(function(s){
			$(s).hide();
		});
		$(next).show();
		fireEvent(onSlideChange);
	},
	cancel : function(show){},
	prepare : function(show, idx){
		show.slides.each(function(s,i){
			$(s).setStyle({display:(i === idx ? 'block' : 'none')});
		});
	}
};
Crossfade.Transition.Crossfade = {
	className : 'transition-crossfade',
	cycle : function(prev, next, show, dir, onSlideChange) {
		var opt = show.options;
		show.effect = new Effect.Parallel([new Effect.Fade(prev ,{sync:true}),
			new Effect.Appear(next,{sync:true})],
			{duration: opt.duration, queue : 'Crossfade', afterFinish:function(){
				show.slides.without(next).each(function(s){
					$(s).setStyle({opacity:0});
				});
			}}
		);
		fireEvent(onSlideChange);
	},
	cancel : function(show){
		if(show.effect) { show.effect.cancel(); }
	},
	prepare : function(show, idx){
		show.slides.each(function(s,i){
			$(s).setStyle({opacity:(i === idx ? 1 : 0),visibility:'visible'});
		});
	}
};
Crossfade.Transition.FadeOutFadeIn = {
	className : 'transition-fadeoutfadein',
	cycle : function(prev, next, show, dir, onSlideChange) {
		var opt = show.options;
		show.effect = new Effect.Fade(prev ,{
			duration: opt.duration/2,
			afterFinish: function(){
		    fireEvent(onSlideChange);
				show.effect = new Effect.Appear(next,{duration: opt.duration/2});
				show.slides.without(next).each(function(s, i){
					$(s).setStyle({opacity:0, display: 'none'});
				});
			}
		});
	},
	cancel : function(show){
		if(show.effect) { show.effect.cancel(); }
	},
	prepare : function(show, idx){
		show.slides.each(function(s,i){
			$(s).setStyle({opacity:(i === idx ? 1 : 0),visibility:'visible', display:(i === 0 ? 'block' : 'none')});
		});
	}
};

Effect.DoNothing = Class.create();
Object.extend(Object.extend(Effect.DoNothing.prototype, Effect.Base.prototype), {
	initialize: function() {
		this.start({duration: 0});
	},
	update: Prototype.emptyFunction
});
Crossfade.Transition.FadeOutResizeFadeIn = {
	className : 'transition-fadeoutresizefadein',
	cycle : function(prev, next, show, dir, onSlideChange) {
		var opt = show.options;
		show.effect = new Effect.Fade(prev ,{
			duration: (opt.duration-1)/2,
			afterFinish: function(){
				show.slides.without(next).each(function(s){
					$(s).setStyle({opacity:0});
				});
				fireEvent(onSlideChange);
				var slideDims = [next.getWidth(),next.getHeight()];
				var loadimg = Selector.findChildElements(next,['img.loadimage']);
				if(loadimg.length && loadimg[0].offsetWidth && loadimg[0].offsetHeight){
					slideDims[0] += slideDims[0] < loadimg[0].offsetWidth ? loadimg[0].offsetWidth : 0;
					slideDims[1] += slideDims[1] < loadimg[0].offsetHeight ? loadimg[0].offsetHeight : 0;
				}
				var showDims = [show.elm.getWidth(),show.elm.getHeight()];
				var scale = [(showDims[0] > 0 && slideDims[0] > 0 ? slideDims[0]/showDims[0] : 1)*100,(showDims[1] > 0 && slideDims[1] > 0 ? slideDims[1]/showDims[1] : 1)*100];
				show.effect = new Effect.Parallel([
						(scale[0] === 100 ? new Effect.DoNothing() : new Effect.Scale(show.elm,scale[0],{sync:true,scaleY:false,scaleContent:false})),
						(scale[1] === 100 ? new Effect.DoNothing() : new Effect.Scale(show.elm,scale[1],{sync:true,scaleX:false,scaleContent:false}))
					],
					{
						duration: 1,
						queue : 'FadeOutResizeFadeIn',
						afterFinish: function(){
							show.effect = new Effect.Appear(next,{duration: (opt.duration-1)/2});
						}
					}
				);
			}
		});
	},
	cancel : function(show){
		if(show.effect) { show.effect.cancel(); }
	},
	prepare : function(show, idx){
		var slideDims = [$(show.slides[0]).getWidth(),$(show.slides[0]).getHeight()];
		show.elm.setStyle({width:slideDims[0]+'px', height:slideDims[1]+'px'});
		show.slides.each(function(s,i){
			$(s).setStyle({opacity:(i === idx ? 1 : 0),visibility:'visible'});
		});
	}
};

Crossfade.Transition.SlideHorizontal = {
  // Height and width of parent slideshow element need to be set via CSS
  className : 'transition-slide-horizontal',
  cycle : function(prev, next, show, dir, onSlideChange) {
    var opt = show.options;
    var dim = show.elm.getDimensions();
    show.slides.each(function(s){
        $(s).setStyle({zIndex:(next === s) ? 1 : 0});
    });
    $(next).setStyle({left: dir*(dim.width+50)+'px'});
    show.effect = new Effect.Move(next ,{
      duration: opt.duration/2,
      x: 0,
      y: 0,
      mode: 'absolute',
      afterFinish: function(){
        show.slides.without(next).each(function(s){
          $(s).setStyle({left: (dim.width+50)+'px'});
        });
      }
    });
    fireEvent(onSlideChange);
  },
  cancel : function(show){
    if(show.effect) { show.effect.cancel(); }
  },
  prepare : function(show, idx){
    var dim = show.elm.getDimensions();
    show.slides.each(function(s,i){
      $(s).setStyle({
        position:'absolute',
        top:0,
        left: (i === idx ? 0 : (dim.width+50)+'px'),
        zIndex: (i === idx ? 1 : 0),
        visibility:'visible'
      });
    });
    show.elm.setStyle({overflow: 'hidden'});
  }
};

Crossfade.Transition.SmoothHorizontalScroll = {
  // Height and width of parent slideshow element need to be set via CSS
	className : 'transition-smooth-horizontal',
	cycle : function(prev, next, show, dir, onSlideChange) {
		var opt = show.options;
		var dim = show.elm.getDimensions();
		show.slides.each(function(s){
				$(s).setStyle({zIndex:(next === s) ? 1 : 0});
		});
		$(next).setStyle({left: dir*(dim.width+50)+'px'});
		show.effect = new Effect.Parallel([
		  new Effect.Move(next, {duration: opt.duration/2, x: 0, y: 0, mode: 'absolute', sync: true}),
		  new Effect.Move(prev, {duration: opt.duration/2, x: -dir*(dim.width+50), y: 0, mode: 'absolute', sync: true})],
		  {duration: opt.duration, queue : 'SlideHorizontal', afterFinish:function(){
  		  show.slides.without(next).each(function(s){
          $(s).setStyle({left: (dim.width+50)+'px'});
        });
      }}
		);
		fireEvent(onSlideChange);
	},
	cancel : function(show){
		if(show.effect) { show.effect.cancel(); }
	},
	prepare : function(show, idx){
	  var dim = show.elm.getDimensions();
		show.slides.each(function(s,i){
			$(s).setStyle({
			  position:'absolute',
			  top:0,
			  left: (i === idx ? 0 : (dim.width+50)+'px'),
			  zIndex: (i === idx ? 1 : 0),
			  visibility:'visible'
			});
		});
		show.elm.setStyle({overflow: 'hidden'});
	}
};
Crossfade.defaults = {
	autoLoad : true,
	autoStart : true,
	random : false,
	wrapping : true,
	randomClassName : 'random',
	selectors : ['.crossfade'],
	imageLoadSelector : 'a.loadimage',
	ajaxLoadSelector : 'a.load',
	interval : 5,
	duration : 2,
	transition : Crossfade.Transition.Crossfade,
	controlsUpdate: 'onChange' //also: 'none', 'beforeChange', 'afterChange'
};
Crossfade.setup = function(options) {
	Object.extend(Crossfade.defaults,options);
};
Crossfade.load = function() {
	if(Crossfade.defaults.autoLoad) {
		Crossfade.defaults.selectors.each(function(s){
			$$(s).each(function(c){
				return new Crossfade(c);
			});
		});
	}
};

if(window.FastInit) {
	FastInit.addOnLoad(Crossfade.load);
} else {
	Event.observe(window, 'load', Crossfade.load);
}

function fireEvent(event)
{
  if (typeof event === 'function')
  {
    event();
  }
}