var Slides = new Class({
	initialize: function(slidelist, workingElement, options) {
		workingElement = $(workingElement);
		workingElement.innerHTML = "";
		
		Object.extend(this, options);
		
		var slides = [];
		
		var size = workingElement.getSize();
		slidelist.each(function (slideinfo) {
			var element = $(workingElement.appendChild(document.createElement('img')));
			element.setStyles({
				opacity: 0,
				position: 'absolute',
				width: size.width + 'px',
				height: size.height + 'px',
				zIndex: 0
			});
			element.addEvent('load', function() { this.loaded = true });
			Object.extend(element, slideinfo);
			slides.push(element);
		})
		
		this.slides = slides;
		this.workingElement = workingElement;
	},
	
	start: function() {
		this.forceDisplaySlide(this.slides[0], true);
		return this;
	},
	
	DisplaySlide:function (arrayNum){
		this.forceDisplaySlide(this.slides[arrayNum], true);
	},
	
	
	// force a slide to display, even if it isn't loaded
	forceDisplaySlide: function(slide, autorotate) {
		slide = $(slide);
		
		if (this.activeSlide) {
			if(this.activeSlide == slide) return this;
			this.activeSlide.setStyle.delay(this.transitionFor, this.activeSlide, ['opacity', 0]);
			this.activeSlide.setStyle('z-index', 0);
		}
		
		this.activeSlide = slide;
		slide.setStyle('z-index', 1);
		this.fadeFx = new Fx.Style(slide, 'opacity', {duration: this.transitionFor}).start(0, 1);
		
		return this;
	}
})

Slides.start = function(slides, target, options) {
	return new Slides(slides, target, options).start();
}

var slidelist = [
	{src: 'images/1.png'},
	{src: 'images/2.png'},
	{src: 'images/3.png'},
		{src: 'images/4.png'},
	{src: 'images/5.png'},
	{src: 'images/6.png'},
		{src: 'images/7.png'},
	{src: 'images/8.png'},
	{src: 'images/9.png'},
		{src: 'images/0.png'},
	{src: 'images/11.png'}
]

var controller = new Slides(slidelist, 'picHolder', {transitionFor: 250});
controller.start();

function MouseOverOption(linkID, picNum){
	controller.DisplaySlide(picNum);
	$$('.linkList').each(function (alink) {
			alink.setStyle('color', 'blue');
			});
	$(linkID).setStyle('color','red');
}