/* pic-serie */
function unnest(children, parent) {
 if( !children ) return null;
 if( !parent ) return null;

 var items = new Array();
 for(var i=0; i<children.length; i++) {
 if( parent == children[i].parentNode ) {
 items.push(children[i]);
 }
 }
 return items;
}

function setup_pictures(id) {
 var pics = document.getElementById(id);
 if(!pics) return;

 var leis = unnest(pics.getElementsByTagName('div'), pics);
 if(!leis) return;
 var tvhtml = '';
 for(var i=0; i<leis.length; i++) {
 if(leis.length > 1) {
 var p = unnest(leis[i].getElementsByTagName('div'), leis[i]);
 if(p) {
 for(var u=0; u<p.length; u++) {
 if(p[u].className == 'prev-next-control') {
 p[u].style.display = 'block';
 var tvhtml = '';
 // var prev = (i>0) ? i-1 : 0;
 // var next = (i<leis.length-1) ? i+1 : leis.length-1;
 var prev = i-1;
 var next = i+1;
 tvhtml = tvhtml + '<a id="previous" class="prev-next-button previous';
 if(prev < 0) tvhtml = tvhtml + ' disabled';
 tvhtml = tvhtml + '" href="#" ';
 if(prev >= 0) {
 tvhtml = tvhtml + 'onclick="return switch_paragraph_picture(\''+id+'\', '+prev+')"';
 } else {
 tvhtml = tvhtml + 'onclick="return false;"';
 }
 tvhtml = tvhtml + '><span>Forrige</span>&nbsp;</a>';
 tvhtml = tvhtml + '<a id="next" class="prev-next-button next';
 if(next >= leis.length) tvhtml = tvhtml + ' disabled';
 tvhtml = tvhtml + '" href="#" ';
 if(next < leis.length) {
 tvhtml = tvhtml + 'onclick="return switch_paragraph_picture(\''+id+'\', '+next+')"';
 } else {
 tvhtml = tvhtml + 'onclick="return false;"';
 }
 tvhtml = tvhtml + '><span>Nęste</span>&nbsp;</a>';
 tvhtml = tvhtml + '<div class="pagination">';
 var moo = 2;
 var start = Math.max(i >= leis.length - moo ? leis.length - moo * 2 - 1 : i - moo, 0);
 var end = Math.min(i < moo ? moo * 2 : i + moo, leis.length - 1);
 for(var y = start; y <= end; y++) {
 tvhtml = tvhtml + '<a ';
 if(y == i) tvhtml = tvhtml + 'class="active" ';
 tvhtml = tvhtml + 'href="#" onclick="return switch_paragraph_picture(\''+id+'\', '+y+')">'+(y+1)+' </a>';
 if(y < end) tvhtml = tvhtml + '<span class="vr"><span>|</span>&nbsp;</span>';
 }
 tvhtml = tvhtml + '</div>';
 p[u].innerHTML = tvhtml;
 }
 }
 }
 }
 }
 switch_paragraph_picture(id, 0);
}


function switch_paragraph_picture(id, num) {
 var pics = document.getElementById(id);
 if(!pics) return;
 var leis = unnest(pics.getElementsByTagName('div'), pics);
 if(!leis) return;
 for(var i=0; i<leis.length; i++) {
 leis[i].style.display = (i == num) ? 'block' : 'none';
 }
 return false;
}