Effect.Squish = function(element) {
  return new Effect.Scale(element, window.opera ? 1 : 0,
    Object.extend({ restoreAfterFinish: true,
      beforeSetup: function(effect) {
        effect.element.makeClipping(effect.element); },
      afterFinishInternal: function(effect) {
        effect.element.hide(effect.element);
        effect.element.undoClipping(effect.element); }
    }, arguments[1] || {})
  );
}

/*
 * Gallery Class
 * @author: Daniel Auener <daniel@internetavdelningen.se>
 */
var Gallery = Class.create({ 

	initialize: function(galleryElement,galleryConfig) { 	
		this.galleryElement = galleryElement;	
		this.galleryConfig = galleryConfig;
		this.list = this.galleryElement.select("li");
		if (this.list.size() > 0) {
			this.galleryElement.up(".clsGalleryWrapper").setStyle({display:"block"});
		}
		this.iterator = 0;
		this.effect = this.getConfigValue("GalleryEffect","fade");
		this.effects = new Array("fade","blind","slide","fold","drop","puff","shrink","squish");
		this.changing = false;
	},
	
	getConfigValue: function(id,standard) {
		return this.galleryConfig.down("input.cls"+id) ? this.galleryConfig.down("input.cls"+id).value : standard;
	},
	
	change: function() {				
		if (!this.changing) {
			
			this.changing = true;
			
			// get direction		
			var direction = ($A(arguments).size() > 1) ? $A(arguments)[1] : null;
			var stopPe = ($A(arguments).size() > 2) ? $A(arguments)[2] : null;
			
			if (stopPe) this.pe.stop();
			
			// save current index
			var current = this.iterator;
	
			// adjust layer level
			this.list[current].setStyle({zIndex:"2"});
	
			// increase iterator
			if (direction == "prev") this.iterator = (this.iterator-1 < 0) ? this.list.size()-1 : this.iterator-1;
			else this.iterator = (this.iterator+1 >= this.list.size()) ? 0 : this.iterator+1;
	
			this.list[this.iterator].setStyle({display:"block",zIndex:"1"});
	
			var effect = (this.effect != "random") ? this.effect : this.effects[Math.ceil(Math.random()*this.effects.size())-1];
			
			// use effect to change the image
			switch (effect) {
				case "fade": new Effect.Fade(this.list[current],{afterFinish:function() {this.changing = false;}.bind(this)}); break;
				case "blind": new Effect.BlindUp(this.list[current],{afterFinish:function() {this.changing = false;}.bind(this)}); break;
				case "slide": new Effect.SlideUp(this.list[current],{afterFinish:function() {this.changing = false;}.bind(this)}); break;
				case "fold": new Effect.Fold(this.list[current],{afterFinish:function() {this.changing = false;}.bind(this)}); break;			
				case "drop": new Effect.DropOut(this.list[current],{afterFinish:function() {this.changing = false;}.bind(this)}); break;
				case "puff": new Effect.Puff(this.list[current],{afterFinish:function() {this.changing = false;}.bind(this)}); break;						
				case "shrink": new Effect.Shrink(this.list[current],{afterFinish:function() {this.changing = false;}.bind(this)}); break;						
				case "squish": new Effect.Squish(this.list[current],{afterFinish:function() {this.changing = false;}.bind(this)}); break;						
				default: new Effect.Fade(this.list[current],{afterFinish:function() {this.changing = false;}.bind(this)}); break;
			}		
		}
	},
	
	
	changeToIndex: function(index) {				
		if (!this.changing) {
			
			if (this.pe) this.pe.stop();
			
			if (this.iterator != index) {
				
				this.changing = true;
				
				// save current index
				var current = this.iterator;
				
				// adjust layer level
				this.list[current].setStyle({zIndex:"2"});
		
				// increase iterator
				this.iterator = index;
		
				this.list[this.iterator].setStyle({display:"block",zIndex:"1"});
		
				var effect = (this.effect != "random") ? this.effect : this.effects[Math.ceil(Math.random()*this.effects.size())-1];
				
				// use effect to change the image
				switch (effect) {
					case "fade": new Effect.Fade(this.list[current],{afterFinish:function() {this.changing = false;}.bind(this)}); break;
					case "blind": new Effect.BlindUp(this.list[current],{afterFinish:function() {this.changing = false;}.bind(this)}); break;
					case "slide": new Effect.SlideUp(this.list[current],{afterFinish:function() {this.changing = false;}.bind(this)}); break;
					case "fold": new Effect.Fold(this.list[current],{afterFinish:function() {this.changing = false;}.bind(this)}); break;			
					case "drop": new Effect.DropOut(this.list[current],{afterFinish:function() {this.changing = false;}.bind(this)}); break;
					case "puff": new Effect.Puff(this.list[current],{afterFinish:function() {this.changing = false;}.bind(this)}); break;						
					case "shrink": new Effect.Shrink(this.list[current],{afterFinish:function() {this.changing = false;}.bind(this)}); break;						
					case "squish": new Effect.Squish(this.list[current],{afterFinish:function() {this.changing = false;}.bind(this)}); break;						
					default: new Effect.Fade(this.list[current],{afterFinish:function() {this.changing = false;}.bind(this)}); break;
				}		
			}
		}
	}
	
});



/*
 * GalleryAutoChange Class
 * @author: Daniel Auener <daniel@internetavdelningen.se>
 */
var GalleryAutoChange = Class.create(Gallery, { 

	initialize: function($super,galleryElement,galleryConfig) { 			
		$super(galleryElement,galleryConfig);
		
		this.startIntervall = this.getConfigValue("GalleryStartIntervall",2);
		this.changeIntervall = this.getConfigValue("GalleryChangeIntervall",2);
			
		// position settings for picturefader
		if (this.list.size() > 1) {
			new PeriodicalExecuter(function(pe) {
				new PeriodicalExecuter(this.change.bind(this), this.changeIntervall);
				this.change();
				pe.stop();
			}.bind(this), this.startIntervall);
		}
	}
	
});


/*
 * GalleryClickChange Class
 * @author: Daniel Auener <daniel@internetavdelningen.se>
 */
var GalleryClickChange = Class.create(Gallery, { 

	initialize: function($super,galleryElement,galleryConfig) { 			
		
		$super(galleryElement,galleryConfig);
		this.nextElement = this.galleryElement.up(".clsGalleryWrapper").down(".clsNext");
		this.prevElement = this.galleryElement.up(".clsGalleryWrapper").down(".clsPrev");
		
		// position settings for picturefader
		if (this.list.size() > 1 && this.nextElement && this.prevElement) {
			if (this.nextElement) this.nextElement.observe("click",this.change.bindAsEventListener(this,"next"));		
			if (this.prevElement) this.prevElement.observe("click",this.change.bindAsEventListener(this,"prev"));		
		}
	}
	
});



/*
 * GalleryAutoClickChange Class
 * @author: Daniel Auener <daniel@internetavdelningen.se>
 */
var GalleryAutoClickChange = Class.create(Gallery, { 

	initialize: function($super,galleryElement,galleryConfig) { 			
		$super(galleryElement,galleryConfig);
		this.nextElement = this.galleryElement.up(".clsGalleryWrapper").down(".clsNext");
		this.prevElement = this.galleryElement.up(".clsGalleryWrapper").down(".clsPrev");
		this.numberElement = this.galleryElement.up(".clsGalleryWrapper").down(".clsNumbers");
		
		this.startIntervall = this.getConfigValue("GalleryStartIntervall",2);
		this.changeIntervall = this.getConfigValue("GalleryChangeIntervall",2);
			
		// position settings for picturefader
		if (this.list.size() > 1) {
			this.pe = new PeriodicalExecuter(function(pe) {
				this.pe = new PeriodicalExecuter(this.change.bind(this), this.changeIntervall);
				this.change();
				pe.stop();
			}.bind(this), this.startIntervall);
		}
		
		// position settings for picturefader
		if (this.list.size() > 1) {
			if (this.nextElement) this.nextElement.observe("click",this.change.bindAsEventListener(this,"next",true));		
			if (this.prevElement) this.prevElement.observe("click",this.change.bindAsEventListener(this,"prev",true));	
			
			if (this.numberElement) {
				
				this.list.each(function(image,index) {
					var number = new Element("div").addClassName("clsNumber").insert(index+1);
					this.numberElement.insert(number);
					number.observe("click",function(event) {
						this.changeToIndex(index);
					}.bind(this));	
				}.bind(this));
			}
		}
	}
	
});



/*
 * GalleryAutoClickChange Class
 * @author: Daniel Auener <daniel@internetavdelningen.se>
 */
var GalleryThumbChange = Class.create(Gallery, { 

	initialize: function($super,galleryElement,galleryConfig) { 			
		
		$super(galleryElement,galleryConfig);
		
		// read configuration
		this.thumbWidth = this.getConfigValue("ThumbWidth","80");
		this.thumbHeight = this.getConfigValue("ThumbHeight","80");
		this.thumbStyle = this.getConfigValue("ThumbStyle","fit");

		var style = null;
		if (this.thumbStyle == "fit") style = {"maxWidth":this.thumbWidth+"px","maxHeight":this.thumbHeight+"px"};
		if (this.thumbStyle == "crop") style = {"minWidth":this.thumbWidth+"px","maxHeight":this.thumbHeight+"px"};
		if (this.thumbStyle == "resize") style = {"width":this.thumbWidth+"px","height":this.thumbHeight+"px"};
		
		this.thumbContainer = galleryElement.up(".clsGalleryWrapper").down(".clsGalleryThumbs");
		if (this.list.size() > 1) {	
			this.list.each(function(image,index) {
				var thumbImage = new Element("img").writeAttribute("src",image.down("img").readAttribute("src")).setStyle(style);
				var thumbListItem = new Element("li");
				thumbListItem.addClassName("clsThumb").writeAttribute("alt","thumbnail").setStyle({"position":"relative","width":this.thumbWidth+"px","height":this.thumbHeight+"px","overflow":"hidden",opacity:0.6,cursor:"pointer"});
				thumbListItem.insert(thumbImage);
				this.thumbContainer.insert(thumbListItem);
				thumbListItem.observe("mouseover",function(event) {
					thumbListItem.setStyle({opacity:1});
				}.bind(this));
				thumbListItem.observe("mouseout",function(event) {
					thumbListItem.setStyle({opacity:0.6});
				}.bind(this));
	
				thumbListItem.observe("click",function(event) {
					this.changeToIndex(index);
				}.bind(this));			
			}.bind(this));
		}

	}
	
});



/*
 * Inits and controlls all galleries on the website.
 * @author: Daniel Auener <daniel@internetavdelningen.se>
 */
var GalleryController = Class.create({ 

	initialize: function(selectorClass) { 		
		// get all galleries with selectorClass
		this.galleryElements = $$("ul."+selectorClass);
		this.galleries = new Array();
			
		// initialize all galleries
		this.galleryElements.each(function(gallery) {
			var galleryConfig = gallery.previous(".clsGalleryConfig");
			var galleryInstance = null;
			var galleryType = galleryConfig.down("input.clsGalleryType") ? galleryConfig.down("input.clsGalleryType").value : "";
			switch (galleryType) {
				case "autoChange" : galleryInstance = new GalleryAutoChange(gallery,galleryConfig); break;
				case "clickChange" : galleryInstance = new GalleryClickChange(gallery,galleryConfig); break;
				case "autoClickChange" : galleryInstance = new GalleryAutoClickChange(gallery,galleryConfig); break;
				case "thumbChange" : galleryInstance = new GalleryThumbChange(gallery,galleryConfig); break;
				default: galleryInstance = new GalleryAutoChange(gallery,galleryConfig); break;
			}
			this.galleries.push(galleryInstance);
		}.bind(this));
		
	}

});