$(document).ready(function(){
    new BgSlide('/images/header', 'webKopf');
});


var bla;

function BgSlide(dir, target) {
    this.dir      = dir;
    this.target   = document.getElementById(target);
    this.position = 0;
    
    this.get      = BgSlideGet;
    this.navi     = BgSlideCreateNavigation;
    this.next     = BgSlideNext;
    this.prev     = BgSlidePrevious;
    this.show     = BgSlideShow;
    
    this.target.BgSlide = this;
    
    this.get();
}


function BgSlideCreateNavigation() {
    var ie = '';
    
    this.target.style.position = 'relative';
    
    var userAgent = navigator.userAgent;
    if(userAgent.search(/MSIE 6\.0/) != -1)
        var ie = 'ie';
    
    this.target.innerHTML += '<img src="/images/' + ie + 'prev.png" onclick="this.parentNode.BgSlide.prev();" style="left: 20px; position: absolute; top: 44px;" /> <img src="/images/' + ie + 'next.png" onclick="this.parentNode.BgSlide.next();" style="right: 20px; position: absolute; top: 44px;" />';
}

function BgSlideGet() {
    var target = this;
    var t = new Date();
    $.get('/php/modules/bgslider/bgSlide.php?dir=' + this.dir + '&t=' + t.getTime(), function(data){
        target.data = eval('(' + data + ')');
        
        target.navi();
        target.show();
    });
}

function BgSlideShow() {
    this.target.style.backgroundImage = 'url(' + this.dir + '/' + this.data[this.position] + ')';
}

function BgSlidePrevious() {
    if(this.position == 0)
        this.position = this.data.length-1;
    else
        this.position--;
    
    this.show();
}

function BgSlideNext() {
    if(this.position == this.data.length-1)
        this.position = 0;
    else
        this.position++;
    
    this.show();
}