var imgSwap = new Class({
		options:{
			width: 0,
			height: 0,
			imgContainer: null,		// this holds the images later on
			clickables: null,		// the buttons used to swap the images
			imgList: null,			// an array of images
			loadFirstImage: true	// want to show image 1 right away?	
		},		
		initialize:	function(options){
						this.setOptions(options);
						if(this.options.clickables){
							$$(this.options.clickables).addEvent('click',this.swap.bindWithEvent(this));
						}
						
						if(this.options.loadFirstImage == true){
							var name = this.options.imgList[0];
							$(this.options.imgContainer).setStyle('background','url('+name+') no-repeat top left');
						}
		},		
		swap:function(el){
			var img = el.target.get('rel');
			var eff = new Fx.Morph($(this.options.imgContainer), { transition: this.options.typeOfEffect, duration: 200, wait:'link'})
			$(this.options.imgContainer).setStyle('background','url('+img+') no-repeat top left');
		}
	})
	imgSwap.implement(new Options);
	imgSwap.implement(new Events);