/**
 * @author gehrmann
 */
document.observe("dom:loaded", function(){
	
    var scrollContent = new Element('div', {
        'class': 'content'
    })
    $('entdecken').insert({
        bottom: scrollContent
    });
    scrollContent.wrap(new Element('div', {
        'class': 'scroller'
    })).wrap(new Element('div', {
        'id': 'tour'
    }));
    $$('#entdecken .section').each(function(node){
        Element.insert(scrollContent, {
            bottom: node
        })
    });
    
    $$('div.scroller .content').invoke('setStyle', {
        width: '80000px'
    });
	
	
	
	var controll_prev = new Element('span', {'class': 'prev'}).update('prev').observe('click', vorherigerSlide);
    var controll_play = new Element('span', {'class': 'play'}).update('play').observe('click', sliedeshowAbspielen);
	var controll_pause = new Element('span', {'class': 'pause'}).update('pause').observe('click', sliedeshowPause);
	var controll_next = new Element('span', {'class': 'next'}).update('next').observe('click', naechsterSlide);
    var controll_group = new Element('span', {'class': 'controller_group'}).insert({bottom:controll_prev}).insert({bottom:controll_play}).insert({bottom:controll_pause}).insert({bottom:controll_next});

	$$('#entdecken h1.entdecken_headline').each(function(node){
      Element.insert(node, {bottom:  controll_group});
    });	
	
  
    var my_glider = new Glider('tour', {
        duration: 0.5,
        autoGlide: true,
        frequency: 5,
        continuous: true
    });
    controll_play.hide();
    
    function vorherigerSlide(event){
        var element = event.element();
        element.addClassName('active');
        my_glider.stop();
        controll_play.show();
        controll_pause.hide();
        my_glider.previous();
    }
    
    function naechsterSlide(event){
        var element = event.element();
        element.addClassName('active');
        my_glider.stop();
        controll_play.show();
        controll_pause.hide();
        my_glider.next();
        
    }
    
    function sliedeshowAbspielen(event){
        var element = event.element();
        element.hide();
        controll_pause.show();
        my_glider.start();
    }
    
    function sliedeshowPause(event){
        var element = event.element();
        element.hide();
        controll_play.show();
        my_glider.stop();
    }
    
});