var g_hover_id = -1; var g_page = 1; var g_count = 0; var g_page_count = 0; var g_per_page = 10; function setGPage(to_page) { if ((to_page >= 1) && (to_page <= g_page_count)){ for (i = (g_page - 1) * g_per_page + 1; (i <= (g_page - 1) * g_per_page + 10) && (i < g_count); i++) { elem_id = 'gallery-choice-div-'+i; document.getElementById(elem_id).style.display = 'none'; } g_page = to_page; for (i = (g_page - 1) * g_per_page + 1; (i <= (g_page - 1) * g_per_page + 10) && (i < g_count); i++) { elem_id = 'gallery-choice-div-'+i; document.getElementById(elem_id).style.display = 'block'; } document.getElementById('gallery-choice-link-'+g_page).className = 'gallery-choice-page gallery-choice-page-selected'; if (g_page == 1)  document.getElementById("gallery-choice-link-prev").className = "gallery-choice-prev-next gallery-choice-page-selected"; else document.getElementById("gallery-choice-link-prev").className = "gallery-choice-prev-next"; if (g_page == g_page_count) document.getElementById("gallery-choice-link-next").className = "gallery-choice-prev-next gallery-choice-page-selected"; else document.getElementById("gallery-choice-link-next").className = "gallery-choice-prev-next"; } } function openGallery(g_name) { window.location = "?page=galerija&id="+g_name; }
var hover_id = -1; var disp_id = 1; var page = 1; var img_count = 0; var page_count = 0; var per_page = 12; var timer; var opacity = 1; var op_step = 0.05; var new_source = ""; var new_title = ""; var images=new Array(); var titles=new Array(); function setPage(to_page) { if ((to_page >= 1) && (to_page <= page_count)){ for (i = (page - 1) * per_page + 1; (i <= (page - 1) * per_page + 12) && (i < img_count); i++) { elem_id = 'gallery-thumb-div-'+i; document.getElementById(elem_id).style.display = 'none'; } document.getElementById('gallery-page-link-'+page).className = "gallery-page"; page = to_page; for (i = (page - 1) * per_page + 1; (i <= (page - 1) * per_page + 12) && (i < img_count); i++) { elem_id = 'gallery-thumb-div-'+i; document.getElementById(elem_id).style.display = 'block'; } setImage((page - 1) * per_page + 1); document.getElementById('gallery-page-link-'+page).className = 'gallery-page gallery-page-selected'; if (page == 1)  document.getElementById("gallery-page-link-prev").className = "gallery-prev-next gallery-page-selected";  else  document.getElementById("gallery-page-link-prev").className = "gallery-prev-next";if (page == page_count) document.getElementById("gallery-page-link-next").className = "gallery-prev-next gallery-page-selected";  else document.getElementById("gallery-page-link-next").className = "gallery-prev-next"; } } function setImage(id, check_page) { if (check_page && (id <= 0)) { setPage(page_count); setImage(img_count-1); } else if (check_page && (id >= img_count)) { setPage(1); } else if (check_page && (id % 12 == 1) && (id - disp_id == 1)) { setPage(page+1); } else if (check_page && (id % 12 == 0) && (id - disp_id == -1)) { setPage(page-1); setImage(id); } else if (disp_id != id) { document.getElementById('gallery-thumb-'+disp_id).className = 'gallery-image'; document.getElementById('gallery-thumb-'+id).className = 'gallery-image gallery-image-selected'; disp_id = id; source = 'images/gallery/'+images[disp_id]; title = titles[disp_id]; transitImage(source, title); } else { document.getElementById('gallery-thumb-'+disp_id).className = 'gallery-image gallery-image-selected'; document.getElementById('gallery-image').src = 'images/gallery/'+images[disp_id]; document.getElementById('gallery-image-title').innerHTML = titles[disp_id]; } } function transitImage(source, title) { if (opacity == 1) { op_step = -0.1; new_source = source;	new_title = title; timer = self.setInterval("timerTick()", 20); } } function timerTick() { opacity += op_step; if (opacity < 0) { document.getElementById('gallery-image').src = new_source; document.getElementById('gallery-image-title').innerHTML = new_title; op_step = -op_step; opacity = 0; } else if (opacity > 1){ timer = self.clearInterval(timer); opacity = 1; }document.getElementById('gallery-image').style.opacity = opacity; }