var gallery_pics = null;

function artists_list(){
    add_template('artist_list.xml', 'artist_list', info);
}

function class_list(){
    add_template('class_list.xml', 'class_list', info);
}

function pic_list(page){
    var pic_query = {
        'table': 'pics',
        'fields': ['*'],
        'where': 'id IN (SELECT pic_id FROM owners WHERE gallery_id = "1")'
    }
    gallery_pics = submit_query('select', pic_query);
    var pages = [];
    for (var i=0; i<Math.floor(gallery_pics.length / 9) + 1; i++) pages.push(i + 1);
    add_template('pic_list.xml', 'thumbs', {'pics': gallery_pics.slice((page-1) * 9, ((page-1)*9) + 9), 'page': page, 'pages': pages});
    $$('.thumb').setStyle('opacity', 1);
    show_image(gallery_pics[0].src);
}

function switch_page(page){
    $$('.thumb').fade('out');
    (function(){
        $('thumbs').set('html', '');
        var pages = [];
        for (var i=0; i<Math.floor(gallery_pics.length / 9) + 1; i++) pages.push(i + 1);
        add_template('pic_list.xml', 'thumbs', {'pics': gallery_pics.slice((page-1) * 9, ((page-1)*9) + 9), 'page': page, 'pages': pages})
        var timer = setInterval(function(){
            var loaded = true;
            for (var i=0; i<document.images.length; i++){
                if (document.images[i].complete == false) loaded = false;
            }
            if (loaded){
                $$('.thumb').fade('in');
                clearInterval(timer);
                setup_borders();
            }
        }, 10);
    }).delay(250);
}

function artist_info(id){
    $('info').set('html', '');
    var data = get_artist_data(id);
    add_template('artist_info.xml', 'info', data);
}

function class_info(id){
    $('info').set('html', '');
    var data = get_class_data(id);
    add_template('class_info.xml', 'info', data);
}

function switch_pic(src){
    $('image').set('src', 'pics/'+ src);
}

function show_image(src){
    $('detailed_photo').set('src', 'pics/' + src);
}

function show_contact(){
    add_template('contact_info.xml', document.body);
}

function hide_contact(){
    $('mask').dispose();
    $('contact_info').dispose();
}