var img_w = $('img_mid').width;
var btn_top_padding = 20;
var btn_left_padding = 0;
var btn_right_padding = 0;
var btn_pos_ok = 0;
var btn_w = 74;
var holder_w = 725;
var img_space = (holder_w - img_w) / 2;

function show_navigation(btn_type) {
	set_btn_positions();
	if(btn_type=="btn_back") {
		show_obj('btn_back', 1);
		show_obj('btn_next', 0);
	}
	else if(btn_type=="btn_next") {
		show_obj('btn_next', 1);
		show_obj('btn_back', 0);
	}
}

function show_obj(obj_id, show) {
	if($(obj_id)) {
		if(show) {
            $class(obj_id).remove('hide');
		}
		else {
			$class(obj_id).add('hide');
		}
	}
}

function set_btn_positions() {
	var btn_pos = 0;
	if(!btn_pos_ok) {
		if($('btn_back')) {
			btn_pos = img_space;
			btn_pos += btn_left_padding;
			$('btn_back').style.left = btn_pos + 'px';
			$('btn_back').style.top = btn_top_padding + 'px';
		}

		if($('btn_next')) {
			btn_pos = (holder_w - img_space - btn_w) + btn_right_padding;
			$('btn_next').style.left = btn_pos + 'px';
			$('btn_next').style.top = btn_top_padding + 'px';
		}

		btn_pos_ok = 1;
	}
}

function hide_navigation() {
	show_obj('btn_next', 0);
	show_obj('btn_back', 0);
}


if($('navi_ul')) {
	setTimeout(function(){
		var nav = $('navi_ul');
		nav.style.marginLeft = -1*nav.offsetWidth/2+"px";
	}, 10);
}