var slides = [];
var slideno = 0;
var zIndex = 1;
var slideTitles = [];
var slideSubTitles = [];

var nextSlide = function()
{
	slideno++;
	zIndex++;
	
	if (slideno>=slides.length)
	{
			slideno=0;	
	}
	
	startSlideshow();
}

var startSlideshow = function()
{
	
	
	
	var img = new Element('img',{'src':slides[slideno]});
	var t = slideTitles[slideno];
	var s = slideSubTitles[slideno];
	
	if (t!="")
	{
		
	$$('#productNavigation ul li a').removeClass('slideAktiv').getParent('li').removeClass('active');
	$$('#productNavigation ul li a')[slideno].addClass('slideAktiv').getParent('li').addClass('active');
	} else {
		
	$$('#productNavigation ul li a')[navHighlight].addClass('slideAktiv');
	$$('#productNavigation ul li a')[navHighlight].getParent('li').addClass('active');	
	}
		
	$('slideTitleHolder').set('html',t+'<span>'+s+'</span>');
	
	
	img.setStyles({
		'opacity':0,
		'z-index':zIndex
	});
	
	img.inject($('slideHolder'),'top');
	
	var fx = new Fx.Tween(img);
	fx.start('opacity',0,1).chain(function(){
			
			var to = setTimeout(nextSlide,2000);
			
	});;
	
}

var initSlideshow = function()
{
	var tmp = $$('#slideHolder img');
	slides = tmp.getProperty('src');
	slideTitles = tmp.getProperty('title');	
	slideSubTitles = tmp.getProperty('alt');	
	$$('#slideHolder img').destroy();
	startSlideshow();		
	
	if ($('closePop')) $('closePop').addEvent('click',function(e){
											e.preventDefault();
											e.stopPropagation();
											$('popWin').destroy();
											});
}



window.addEvent('domready',initSlideshow);