//Load Slide Show
var s = null;
var slides = [];
var current = 0;
var currentSlideshow = null;
var prevSlideshow = null;
  
addLoadEvent(function() {
    
    var nl = document.getElementById('sShow').getElementsByTagName('div');
    for (var i = 0; i < nl.length; i++) {
        if (Element.hasClassName(nl[i], 'slideContainer')) {
            slides.push(nl[i]);
        }
    }

    for (var i = 0; i < slides.length; i++) {
        if(i != current) {
            slides[i].style.display = "none";
            slides[i].style.zIndex = 0; 
        }
    }
    slides[current].style.display = "block";
    slides[current].style.zIndex = slides.length;
    
    Element.show(document.getElementById('sShow'));
    document.getElementById('sShow').style.visibility = 'visible'; 
    document.getElementById('controlSlide0').style.color = '#333333';            
    
    currentSlideshow = new Slideshow('slide0', 3000);
    document.getElementById('slide0').style.visibility = 'visible';            
});

var cancelEvents = false;

function showSlide(index) {
    if (cancelEvents) return false;
    if(current != index) {        
        cancelEvents = true;
        currentSlideshow.freeze();
        
        for (var i = 0; i < slides.length; i++) {
            if(i != current) {
                slides[i].style.display = "none";
            }                    
        }
             
        slides[index].style.display = "block";
        document.getElementById('slide'+index).style.visibility = 'visible';   
        prevSlideshow = currentSlideshow;
        currentSlideshow = new Slideshow('slide'+index, 3000); 
        
        Effect.Fade(slides[current], {
            afterFinish: function(effect) {
             
        prevSlideshow.reset();
        prevSlideshow = null;   
                document.getElementById('controlSlide' + current).style.color = '#468cbe';                                               
                slides[index].style.zIndex = slides.length;   
                slides[current].style.zIndex = 0;  
                slides[current].style.display = "none";  
                new Effect.Opacity(slides[current], { from: 0, to: 1 }); 
                current = index;
                document.getElementById('controlSlide' + index).style.color = '#333333';                        
                cancelEvents = false;
            }
        });
    }
}