var SlideInterval;
var SlidePicStart = 0;
var SlideRound = 0;
var SlideReady = false;

function SliderPicsDo() {

	//Div entfernen
	if($('SliderPics')) $('SliderPics').remove();
	
	//Div erstellen	
	var SliderPics = new Element('div');
	SliderPics.style.cursor = 'pointer';
	SliderPics.onclick = openXXLDetail;
	SliderPics.id = 'SliderPics';
	SliderPics.hide();
	$('mittelBild').appendChild(SliderPics);
	
	if(!aktiveColorNo) {
		SlideColor = window.location.href.toQueryParams()['color'];
	} else {
		SlideColor = aktiveColorNo;
	}
	
	for(var k=0; k < SlidePicture.length; ++k) {
		var SlideImage = new Element('img');
		SlideImage.style.position = 'absolute';
		SlideImage.style.top = '0px';
		SlideImage.style.left = '0px';
		SlideImage.onerror = function() {
			this.remove();
		}
		SlideImage.src = picServerBase + SlidePicture[k] + '/' + StyleNumber + '_' + SlideColor  + '.jpg?ts='+(new Date()).getTime();
		SliderPics.appendChild(SlideImage);
	}
}

//Slider Start
function SlideStart() {
		
	//Slider Image vorhanden?
	if(!$('SliderPics') && $('AnimationBT_Play').src.indexOf('_on.gif') != -1) {
		return false;
	}
	if(!SlideReady) {
		//Standard-Bild verstecken
		$('product_bild').hide();
		//Slider Image anzeigen
		$('SliderPics').show();
		//Slider Image Anzahl ermitteln
		var SlidePicsElem = $('SliderPics').childElements();
		//alle Bilder ausser erstes unsichtbar
		for(var k=0; k < SlidePicsElem.length; ++k) {
			SlidePicsElem[k].id = 'SlideElem_'+k;
			if(k > 0) {
				SlidePicsElem[k].setOpacity(0);
			} else {
				SlidePicsElem[k].setOpacity(1);
			}
		}
		SlideReady = true;
	}
	//Buttons tauschen
	$('AnimationBT_Play').src = $('AnimationBT_Play').src.replace('_on.gif', '_off.gif');
	$('AnimationBT_Pause').src = $('AnimationBT_Pause').src.replace('_off.gif', '_on.gif');
	
	SlideInterval = setInterval(SlideSwap, 2000);
}

function SlideSwap() {


	new Effect.Opacity($('SlideElem_'+SlidePicStart), { from: 1.0, to: 0, duration: 0.5 });
	
	if($('SlideElem_'+(SlidePicStart+1))) {
		new Effect.Opacity($('SlideElem_'+(SlidePicStart+1)), { from: 0, to: 1, duration: 0.5 });
		$('product_bild').src = $('SlideElem_'+(SlidePicStart+1)).src;
		SlidePicStart = SlidePicStart+1;		
	} else {
		new Effect.Opacity($('SlideElem_0'), { from: 0, to: 1, duration: 0.5 });
		SlidePicStart = 0;
	}
	
	if(SlidePicStart == 0) {
		SlideRound++;
	}

	if(SlideRound == 1) SlideStop();
	
}

//Slider Stop
function SlideStop() {
	if(!$('AnimationBT_Play') && !$('AnimationBT_Pause')) return false;	
	clearInterval(SlideInterval);
	//Buttons tauschen
	$('AnimationBT_Play').src = $('AnimationBT_Play').src.replace('_off.gif', '_on.gif');
	$('AnimationBT_Pause').src = $('AnimationBT_Pause').src.replace('_on.gif', '_off.gif');	
	SlideRound = 0;
}

function SlideToFront() {
	SlideStop();
	SlidePicStart = 0;
	SlideReady = false;
	if($('SliderPics')) $('SliderPics').hide();
	if($('product_bild')) $('product_bild').show();	
}