// JavaScript Document
var topRightSlider = null;
window.addEvent('domready', function()	{
	
	topRightSlider = new SL_Slider({
		slideTimer: 7500,
		transitionTime: 1000,
		transitionType: 'cubic:out',
		isPaused: false,
		container: $('spv2mainScroller').getElement('div.scroller-cntr'),
		items:     $$('#spv2mainScroller div.cwrap'),
		prevBtn:   $('spv2mainScroller').getElement('div.vnav a.prev'),
		nextBtn:   $('spv2mainScroller').getElement('div.vnav a.next')
	});
	topRightSlider.start();

	$('spv2mainScroller').addEvent('mouseenter', function() {
	  try {
	    //topRightSlider.pauseIt();
	  } catch(err) {  }
	});
	$('spv2mainScroller').addEvent('mouseleave', function() {
	  try {
	    //topRightSlider.slideIt();
	  } catch(err) {  }
	});
	
	$$('div.slider-cntr').each(function(el)	{
		//erstes Item soll "aktiv" sein:
		el.getElement('div.item').addClass('active');

		el.getElements('div.nav a').addEvent('click', function(e) {
			//derzeit aktives Element herausfinden:
			var actElem = this.getParent('div.nav').getPrevious('div.active');
			
			//...und Element herausfinden, das als nächstes angezeigt werden soll:
			if(this.hasClass('next')) {
				//WEITER:
				if(actElem.getNext('div.item')) {
				  var nexElem = actElem.getNext('div.item');
				} else {
				  var nexElem = actElem.getAllPrevious('div.item').getLast();
				}
			} else if(this.hasClass('prev')) {
				//WEITER:
				if(actElem.getPrevious('div.item')) {
				  var nexElem = actElem.getPrevious('div.item');
				} else {
				  var nexElem = actElem.getAllNext('div.item').getLast();
				}
			}
			
			//actElem.fade(0);
			actElem.removeClass('active');
			
			//nexElem.fade(1);
			nexElem.addClass('active');
		});
	});
});