var gal = {
    init : function() {
        if (!document.getElementById || !document.createElement || !document.appendChild) return false;
        if (document.getElementById('paginate')) document.getElementById('paginate').style.display = 'block';
        
        if (document.getElementById('thumbs')) var thumbs = document.getElementById('thumbs').getElementsByTagName('div');
        for (i=0; i<thumbs.length; i++){
            thumbs[i].style.display = 'none';
        }
        document.getElementById('page1').style.display = 'block';
        
        if (document.getElementById('paginate')) {
            var pages = document.getElementById('paginate').getElementsByTagName('a');
            pages[0].style.background = '#7C513D';
            for (i=0; i<pages.length; i++){
                gal.addEvent(pages[i], 'click', function() {
                    thumbs = document.getElementById('thumbs').getElementsByTagName('div');
                    for (i=0; i<thumbs.length; i++){thumbs[i].style.display = 'none';}
                    document.getElementById(this.title).style.display = 'block';
                    var pp = document.getElementById('paginate').getElementsByTagName('a');
                    for (j=0; j<pp.length; j++) {
                        pp[j].style.background = '#EF9B49';
                    }
                    this.style.background = '#7C513D';
                })
            }
        }
        if (document.getElementById('thumbs')) {
            var obrazki = document.getElementById('thumbs').getElementsByTagName('img');
            
            for (i=0; i<obrazki.length; i++){
                gal.addEvent(obrazki[i], 'click', function() {
                    obra = document.getElementById('thumbs').getElementsByTagName('img');
                    for (i=0; i<obra.length; i++){obra[i].className = '';}
                    this.className = 'active';
                    
                })
                obrazki[i].className = '';
            }
            obrazki[0].className = 'active';
        }
    },
    addEvent : function(obj, type, fn) {
        if (obj.addEventListener) {
            obj.addEventListener(type, fn, false);
        }
        else if (obj.attachEvent) {
            obj["e"+type+fn] = fn;
            obj[type+fn] = function() { obj["e"+type+fn]( window.event ); }
            obj.attachEvent("on"+type, obj[type+fn]);
        }
    }
}

gal.addEvent(window,'load', function() {
    gal.init();
});

function switchPage(pageId) {

    DOMCall(pageId).className = "asdasd"; // set the current page to junk so it becomes visible
}