function show_pic(id,nr,dir) {
    if(document.getElementById('large_img')) {
        document.getElementById('large_img').src = 'collections/'+dir+'/large/'+id+'.jpg';
    }
    for(i=1;i<=nr;i++) {
        if(document.getElementById('t_'+i)) {
            if(i == id) {
                document.getElementById('t_'+i).className = 'thumb act';
            } else {
                document.getElementById('t_'+i).className = 'thumb';
            }
        }
    }
    for(i=1;i<=nr;i++) {
        if(document.getElementById('d_'+i)) {
            if(i == id) {
                document.getElementById('d_'+i).className = 'desc d_act';
            } else {
                document.getElementById('d_'+i).className = 'desc';
            }
        }
    }
    document.getElementById('t_'+id).blur();
}

function show_page(id) {
    for(i=1;i<=2;i++) {
        if(document.getElementById('thumbs_'+i)) {
            if(i == id) {
                document.getElementById('thumbs_'+i).className = 'thumbs_cnt to_front';
            } else {
                document.getElementById('thumbs_'+i).className = 'thumbs_cnt to_back';
            }
        }
    }
    var pic = (id-1)*12+1;
    document.getElementById('large_img').src = 'collections/decorative/large/'+pic+'.jpg';
    for(i=1;i<=18;i++) {
        if(document.getElementById('t_'+i)) {
            if(i == pic) {
                document.getElementById('t_'+i).className = 'thumb act';
            } else {
                document.getElementById('t_'+i).className = 'thumb';
            }
        }
    }
}
