﻿function $(s)
{
	return document.getElementById(s);
}
var n = 3;
var s = 0;
var a = $('content').getElementsByTagName('DIV');
function go()
{
	for (var i = 0; i < a.length; i++)
	{
		a[i].style.display = 'none';
	}
	var i = s;
	for (; i < a.length && i < n + s; i++)
	{
		a[i].style.display = 'block';
	}
	$('nav').innerHTML = '';
	$('numnav').innerHTML = '';
	if ( s > 0 )
	{
		var l = document.createElement('a');
		l.innerHTML = '←Назад';
		l.href = '#';
		$('nav').appendChild(l);
		l.onclick = function ()
		{
			s -= n;
			go();
		}
	}
	for (var i = 1; i <= Math.ceil(a.length / n); i++)
	{
		var l = document.createElement('a');
		l.innerHTML = i;
		l.href = '#';
		if ( (i - 1) * n == s )
			l.className = 'cur';
		$('numnav').appendChild(l);
		$('numnav').appendChild(document.createTextNode(' '));
		l.num = i;
		l.onclick = function ()
		{
			s = (this.num - 1) * n;
			go();
		}
	}
	if ( s + n < a.length )
	{
		var r = document.createElement('a');
		r.innerHTML = 'Смотреть дальше→';
		r.href = '#';
		$('nav').appendChild(r);
		r.onclick = function ()
		{
			s += n;
			go();
		}
	}
}
go();
