var pic_nr = 0;
var navi_pos = 0;

function update_pic_pos() {
    var left = pic_nr * -650;
    if (legacy) {
        $('slides_container').setStyle('left', left);
        $('button_pic_next').setStyle('opacity', (pic_nr < gallery_pic_count-1) ? 1:0);
        $('button_pic_prev').setStyle('opacity', (pic_nr > 0) ? 1:0);
    } else {
        $('slides_container').tween('left', left);
        $('button_pic_next').tween('opacity', (pic_nr < gallery_pic_count-1) ? 1:0);
        $('button_pic_prev').tween('opacity', (pic_nr > 0) ? 1:0);
    }
}

function next_pic() {
    pic_nr++;
    if (pic_nr >= gallery_pic_count) pic_nr = 0;
    update_pic_pos();
}

function prev_pic() {
    pic_nr--;
    if (pic_nr < 0 ) pic_nr = gallery_pic_count-1;
    update_pic_pos();
}

function jump_pic(x) {
    pic_nr = x;
    var left = pic_nr * -650;
    if (legacy) {
        $('slides_container').setStyle('left', left);
        $('button_pic_next').setStyle('opacity', (pic_nr < gallery_pic_count-1) ? 1:0);
        $('button_pic_prev').setStyle('opacity', (pic_nr > 0) ? 1:0);
    } else {
        $('slides_container').tween('left', left);
        $('button_pic_next').tween('opacity', (pic_nr < gallery_pic_count-1) ? 1:0);
        $('button_pic_prev').tween('opacity', (pic_nr > 0) ? 1:0);
    }
}

function update_navi_pos() {
    var left = navi_pos * -81;
    if (legacy) {
        $('gallery_navi_container').setStyle('left', left);
        $('button_navi_next').setStyle('opacity', (navi_pos < gallery_pic_count-7) ? 1:0);
        $('button_navi_prev').setStyle('opacity', (navi_pos > 0) ? 1:0);
    } else {
        $('gallery_navi_container').tween('left', left);
        $('button_navi_next').tween('opacity', (navi_pos < gallery_pic_count-7) ? 1:0);
        $('button_navi_prev').tween('opacity', (navi_pos > 0) ? 1:0);
    }
}

function next_navi() {
    navi_pos += 8;
    if (navi_pos >= gallery_pic_count - 8) navi_pos = gallery_pic_count - 8;
    if (navi_pos < 0) navi_pos = 0;
    update_navi_pos();
}

function prev_navi() {
    navi_pos -= 8;
    if (navi_pos < 0) navi_pos = 0;
    update_navi_pos();
}

function navi_buttons(val) {
    if (legacy) {
        $('buttons_navi').setStyle('opacity', val);
    } else {
        $('buttons_navi').tween('opacity', val);
    }
}

function pic_buttons(val) {
    if (legacy) {
        $('buttons_pics').setStyle('opacity', val);
    } else {
        $('buttons_pics').tween('opacity', val);
    }
}