function add_img(image){
    imgs = document.getElementById("photos");
    imgs.innerHTML = "<div><img src=\"../pic/pic_news/" + image + "\"" + "/></div>";	
}

function add_img_catalog(image){
    imgs = document.getElementById("photos");
    imgs.innerHTML = "<div><img src=\"../pic/pic_catalog/" + image + "\"" + "/></div>";	
}

function show_film(){
    myDiv = document.getElementById("topliste_1");
    myDiv_1 = document.getElementById("topliste_2");
    myDiv_2 = document.getElementById("topliste_3");
    myDiv_3 = document.getElementById("topliste_4");
   

   myDiv.className = 'alles_topliste block';
   myDiv_1.className = 'alles_topliste none';
   myDiv_2.className = 'alles_topliste none';
   myDiv_3.className = 'alles_topliste none';
}

function show_book(){
    myDiv = document.getElementById("topliste_1");
    myDiv_1 = document.getElementById("topliste_2");
    myDiv_2 = document.getElementById("topliste_3");
    myDiv_3 = document.getElementById("topliste_4");
   

   myDiv.className = 'alles_topliste none';
   myDiv_1.className = 'alles_topliste block';
   myDiv_2.className = 'alles_topliste none';
   myDiv_3.className = 'alles_topliste none';
}

function show_music(){
    myDiv = document.getElementById("topliste_1");
    myDiv_1 = document.getElementById("topliste_2");
    myDiv_2 = document.getElementById("topliste_3");
    myDiv_3 = document.getElementById("topliste_4");
   

   myDiv.className = 'alles_topliste none';
   myDiv_1.className = 'alles_topliste none';
   myDiv_2.className = 'alles_topliste block';
   myDiv_3.className = 'alles_topliste none';
}

function show_game(){
    myDiv = document.getElementById("topliste_1");
    myDiv_1 = document.getElementById("topliste_2");
    myDiv_2 = document.getElementById("topliste_3");
    myDiv_3 = document.getElementById("topliste_4");
   

   myDiv.className = 'alles_topliste none';
   myDiv_1.className = 'alles_topliste none';
   myDiv_2.className = 'alles_topliste none';
   myDiv_3.className = 'alles_topliste block';
}




function show_2010(){
    myDiv = document.getElementById("jeden_jeden");
    myDiv_1 = document.getElementById("jeden_zero");
    myDiv_2 = document.getElementById("zero_dziewiec");
   

   myDiv.className = 'none';
   myDiv_1.className = 'block';
   myDiv_2.className = 'none';

}

function show_2009(){
    myDiv = document.getElementById("jeden_jeden");
    myDiv_1 = document.getElementById("jeden_zero");
    myDiv_2 = document.getElementById("zero_dziewiec");
   

   myDiv.className = 'none';
   myDiv_1.className = 'none';
   myDiv_2.className = 'block';

}

function ShowHide(){
    this._aEl = [];
}
 
ShowHide.prototype = {
    _aEl: null,
    _sHideClass: 'contentdiv none',
    _sShowClass: 'contentdiv block',
    _i:0,
    _interval:null,
    setElements: function(sPrefix,iBegin, iEnd){
        var el, ar = this._aEl;
        for(var i = iBegin; i<=iEnd; ++i){
            el = document.getElementById(sPrefix+i);
            if(!!el)
                ar[ar.length] = el;
        }
        el = ar = null;
        return this;
    },
    hideAll: function(){
        for(var s=this._sHideClass,i=0,a=this._aEl,iL = a.length; i<iL;++i)
            a[i].setAttribute('class', s);
        return this;
    },
    showFirst: function(){
        if(this._aEl[0])
            this._aEl[0].setAttribute('class', this._sShowClass);
        return this;
    },
    showNext: function(){
        var a = this._aEl;
        if(a.length){
            a[this._i].setAttribute('class', this._sHideClass);
            if(this._i<(a.length-1)){
                ++this._i;
            }else{
                this._i=0;
            }
            a[this._i].setAttribute('class', this._sShowClass);
        }
        a= null;
        return this;
    },
    showAc: function(i){if(this._aEl[i-1]) {//index'y są od 0 a nie od jeden
this._aEl[i-1].setAttribute('class', this._sShowClass);
this._i = i;
}
// return this nie musi być - jak uważasz
return this;},
    startInterval:function(i){
        if(!i) i = 1000;
        this._interval = setInterval((function(ob){
            return function(){
                ob.showNext();
            }
        })(this),i);
        return this;
    },
    stopInterval:function(){
        clearInterval(this._interval);
        return this;
    }
};
 


function ShowHides(){
    this._aEl = [];
}
 
ShowHides.prototype = {
    _aEl: null,
    _sHideClass: '',
    _sShowClass: 'selected',
    _i:0,
    _interval:null,
    setElements: function(sPrefix,iBegin, iEnd){
        var el, ar = this._aEl;
        for(var i = iBegin; i<=iEnd; ++i){
            el = document.getElementById(sPrefix+i);
            if(!!el)
                ar[ar.length] = el;
        }
        el = ar = null;
        return this;
    },
    
    hideAll: function(){
        for(var s=this._sHideClass,i=0,a=this._aEl,iL = a.length; i<iL;++i)
            a[i].setAttribute('class', s);
        return this;
    },
    showFirst: function(){
        if(this._aEl[0])
            this._aEl[0].setAttribute('class', this._sShowClass);
        return this;
    },
    showAc: function(i){if(this._aEl[i-1]) {//index'y są od 0 a nie od jeden
this._aEl[i-1].setAttribute('class', this._sShowClass);
this._i = i;
}
// return this nie musi być - jak uważasz
return this;},
    showNext: function(){
        var a = this._aEl;
        if(a.length){
            a[this._i].setAttribute('class', this._sHideClass);
            if(this._i<(a.length-1)){
                ++this._i;
            }else{
                this._i=0;
            }
            a[this._i].setAttribute('class', this._sShowClass);
        }
        a= null;
        return this;
    },
    startInterval:function(i){
        if(!i) i = 1000;
        this._interval = setInterval((function(ob){
            return function(){
                ob.showNext();
            }
        })(this),i);
        return this;
    },
    stopInterval:function(){
        clearInterval(this._interval);
        return this;
    }
};

window.onload=function() {
// PRZYKŁADOWE UŻYCIE
var oSH = new ShowHide();
oSH
.setElements('mains_', 0, 6)
.hideAll()
.showFirst()
.startInterval(5000)



// PRZYKŁADOWE UŻYCIE
var oSHs = new ShowHides();
oSHs
.setElements('mainss_', 0, 6)
.hideAll()
.showFirst()
.startInterval(5000)

                    
}

/*
function showAcc(id){
    var oSHss = new ShowHide();
    oSHss
    .setElements('mains_', 0, 6)
    .hideAll()
    .showAc(id);
}

function showAcc_1(id){
    var oSHssd = new ShowHides();
    oSHssd

    .setElements('mainss_', 0, 6)
    .hideAll()
    .showAc(id);
}
*/