$(document).ready(function(){
    slider.init();
});
var slider = {
    num: -1,
    cur: 0,
    cr: [],
    al: null,
    at: 15 * 1000, // Zeit für Autoplay
    ar: false, //Autostart
        
    // play: startet den slider
    play:function() {
        slider.ar = true;
        window.setTimeout('slider.loop();',slider.at);
    },
        
    // stop: stopt den slider
    stop:function() {
        slider.ar = false;
    },
        
    // init
    init:function() {
        if( !slider.data || !slider.data.length ) return false;
        var d = slider.data;
        slider.num = d.length;
        var pos = Math.floor(Math.random()*1);
      
        for(var i = 0; i < slider.num; i++) {
            $('#slide-nav').append('<a id="slide-link-' + i + '" href="#" onclick="slider.slide('+i+');return false;" onfocus="this.blur();">' + d[i].client + '</a>');
            $('#'+d[i].id).css({opacity:0, display:'none'});
            $('#'+d[i].id).addClass("hideme");
        }
        
        $('#'+d[0].id).css({opacity:1});
        $('#'+d[0].id).css({display:'inline'});
        $('#'+d[0].id).removeClass("hideme");
        //$('#slide-' + 1).css({display:'none'});
        
        $('img,div#slide-controls',$('div#slide-holder')).fadeIn();
        slider.on(pos);
          slider.cur = pos;
            
        // Play Autoslide
        slider.play();
    },
 
    // loop - Autoplay Loop
    loop:function() {
        if (slider.ar == false) return false;
        var next = slider.cur + 1;
            
        if( next >= slider.num ) next = 0;
        slider.slide(next);
    },
    
    // slide
    slide:function(pos) {
        if( pos < 0 || pos >= slider.num || pos == slider.cur ) return;
        window.clearTimeout(slider.al);
        slider.al = window.setTimeout('slider.loop();',slider.at);
        var d = slider.data;
        
        var last = pos - 1;
        if( last == -1 ) last = 4;
        
    
        $('#' + d[slider.cur].id).stop().animate({opacity:0}, 2000, 'swing', function() {$(this).addClass("hideme")} );
        
        $('#' + d[pos].id).stop().removeClass("hideme");
        $('#' + d[pos].id).stop().animate({opacity:1}, 2000, 'swing');
    
        
        slider.on(pos);
        slider.cur = pos;
    },
    
    // on - Over Zustand Navi
    on:function(pos) {
        $('#slide-nav a').removeClass('on');
        $('#slide-nav a#slide-link-'+pos).addClass('on');
    }
 
};