var pocz = 1;
var od;
var MAX = 20;
var kon;
var www;
var akt;

function dodajlink(id, before, nazwa) {
	var el;
	if (id != akt) {
		el = document.createElement('a');
		el.appendChild(document.createTextNode(id));
		el.setAttribute('href', www + "&str=" + id);
	} else {
		el = document.createTextNode(id);
	}
	document.getElementById(nazwa).insertBefore(el, before);
	document.getElementById(nazwa).insertBefore(document.createTextNode(' '),
			before);
}

function usunlink(nazwa, ktory) {
	var div = document.getElementById(nazwa);
	if (ktory == 'p') {
		div.removeChild(div.firstChild.nextSibling.nextSibling.nextSibling);
		div.removeChild(div.firstChild.nextSibling.nextSibling.nextSibling);
	} else {
		div
				.removeChild(div.lastChild.previousSibling.previousSibling.previousSibling);
		div
				.removeChild(div.lastChild.previousSibling.previousSibling.previousSibling);
	}

}

function narysuj() {
	for ( var i = 0; i < MAX; i++) {
		dodajlink(
				i + od,
				document.getElementById('lista1').lastChild.previousSibling.previousSibling,
				'lista1');
		dodajlink(
				i + od,
				document.getElementById('lista2').lastChild.previousSibling.previousSibling,
				'lista2');
	}
}

function init(p, k, w, a) {
	kon = k;
	od = p;
	www = w;
	akt = a;
	narysuj();
}

function prawo() {
	if (od + MAX <= kon) {
		usunlink('lista1', 'p');
		usunlink('lista2', 'p');

		dodajlink(
				od + MAX,
				document.getElementById('lista1').lastChild.previousSibling.previousSibling,
				'lista1');
		dodajlink(
				od + MAX,
				document.getElementById('lista2').lastChild.previousSibling.previousSibling,
				'lista2');
		od = od + 1;
	}
}

function lewo() {
	if (od > pocz) {
		usunlink('lista1', 'l');
		usunlink('lista2', 'l');
		od = od - 1;
		dodajlink(
				od,
				document.getElementById('lista1').firstChild.nextSibling.nextSibling.nextSibling.nextSibling,
				'lista1');
		dodajlink(
				od,
				document.getElementById('lista2').firstChild.nextSibling.nextSibling.nextSibling.nextSibling,
				'lista2');

	}
}

function przesun(gdzie) {
	var div1 = document.getElementById("lista1");
	var div2 = document.getElementById("lista2");

	for ( var i = 0; i < 2 * MAX; i++) {
		div1
				.removeChild(div1.firstChild.nextSibling.nextSibling.nextSibling.nextSibling);
		div2
				.removeChild(div2.firstChild.nextSibling.nextSibling.nextSibling.nextSibling);
	}

	if (gdzie == kon)
		od = kon - MAX + 1;
	else
		od = pocz;
	narysuj();
}