window.addEvent('domready', function(){

	var slider = $('slider'),
		imgEl = slider.getElement('.images');

	var textEls = slider.getElements('li');

	mySlideShow = new SlideShow(imgEl, {
		duration: 300,
		onShow: function(slideData){
			var next = textEls[slideData.next.index];
			if (next) next.setStyle('background', 'black');
			var prev = textEls[slideData.previous.index];
			if (prev) prev.setStyle('background', 'none');
		}
	});

	textEls.each(function(el, i){
		el.addEvents({
			mouseover: function(){
				mySlideShow.show(i);
			}
		})
	});
	
});