var mySlideShow;

window.addEvent('domready',function(){
	
	// instance with a few options
	mySlideShow = new SlideShow('slides',{
		delay: 7000,
		autoplay: true
	});

    // Event demonstration
    mySlideShow.addEvents({
        onShowComplete: function(){ 

			var navlinker = $$('div#slidemeny ul li a.showslide');
			navlinker.each(function(el, index){
				el.className = "inaktiv-slide showslide";
			});

			var aktivlink = mySlideShow.current.id;
			aktivlink = aktivlink.replace("slide-", "showslide-");
			$(aktivlink).className = "aktiv-slide showslide";

		}
    });

	// Play
	$('slidecontainer').addEvent('mouseout',function(){
		mySlideShow.play();
	});

	// Pause
	$('slidecontainer').addEvent('mouseover',function(){
		mySlideShow.pause();
	});

	// Show A Slide	
	var slideLabels = $$('div#slidemeny ul li a.showslide');
	
	slideLabels.each(function(el, index){
		el.store('slide', mySlideShow.slides[index]);
		
		el.addEvent('click', function(event) {
			event.stop();
			// this.blur();
			mySlideShow.show(el.retrieve('slide'));
		});
	
	});

});