var pages=new Array();
var odst=0;
var page=0;
var h=0;
var xx=530;
var xx2=540;
var vyber="#content";
$(document).ready(function(){
var vel=$("#content").height();
if (!vel){ vel=$("#content2").height();vyber="#content2";}
var foto=$("#soapgal").size();
if((vel>xx)&&(vel<xx2)){xx=xx2;}
if ((vel>xx)&&(foto==0)){
var i=0;
var j=0;var v=0;
var o=$(vyber).children();
odst=o.length-1;
while(i<o.length) {
h=o[i].offsetHeight;
if($(o[i]).css('cssFloat')=='none'){
if (h>xx){break;}
	v=v+h+14;
//alert(v);
	if (v>xx){
	pages[j]=i-1;
	j++;
	v=0;
	}else{
	i++;}
	}else i++;
}
//$("#content p:visible:eq(0)").hide()
dd=document.getElementById('page');
var div1=document.createElement('div');
div1.setAttribute('id','nav');
img1=document.createElement('img');
img1.style.position='absolute';
img1.style.top=0+'px';
img1.style.left=0+'px';
img1.setAttribute('alt','');
img1.setAttribute('src','images/sipka_leva.png');
img1.setAttribute('id','images/sipka_leva');
img1.setAttribute('name','.png');
img1.onmouseout=function(){this.src=this.id+this.name;}
img1.onmouseover=function(){this.src=this.id+'_aktivni'+this.name;}
img1.onclick=function(){showPage(false)}
div1.appendChild(img1);
img2=document.createElement('img');
img2.style.position='absolute';
img2.style.top=0+'px';
img2.style.left=13+42+'px';
img2.setAttribute('alt','');
img2.setAttribute('src','images/sipka_prava.png');
img2.setAttribute('id','images/sipka_prava');
img2.setAttribute('name','.png');
img2.onmouseout=function(){this.src=this.id+this.name;}
img2.onmouseover=function(){this.src=this.id+'_aktivni'+this.name;}
img2.onclick=function(){showPage(true)}
div1.appendChild(img2);
dd.appendChild(div1);
var p1=document.createElement('p');
var txt1=document.createTextNode('');
p1.setAttribute('id','navtext');
p1.appendChild(txt1);
var nav=document.getElementById('nav');
nav.appendChild(p1);
showPage(false);
}
});

function showPage(next){
if (next) page=page+1; else page--;
if (page<0) page=0;
if (page>=pages.length) page=pages.length;
var i=pages[page-1];
var j=pages[page];
if (page==0){i=-1;}
if (page>=pages.length){j=odst;}
var child=$(vyber).children();
child.hide();

for (k=i+1;k<=j;k++){
child[k].style.display="block";
}
$("#navtext").text((page+1)+' / '+(pages.length+1));
}