var current = -1;
var perpage = 5;
var count = 0;
var pages = 0;
var curr_page = 1;

function init() {
	count = produkte.length;
	current = 0;
	//start();
	checkArrows();
	startBrowser();
}
var cnt = '';
function start() {
	cnt = '';
	set();
	for(var i=current; i<(perpage+current); i++) {
		if (i > (produkte.length-1)) {
			cnt = cnt + '<div id="empty' + i + '" class="produkt">&nbsp;</div>';
		}
		else {
			cnt = cnt + produkte[i];
		}
	}
	set();
}

function set() {
	document.getElementById('produkt-container').innerHTML = cnt;
}

function next() {
	if ((current) < (count-perpage)) current++;
	start();
	checkArrows();
	setBrowser();
}

function prev() {

	if (current > 0) current--;
	start();
	checkArrows();
	setBrowser();
}

function checkArrows() {
	var cnt = '';

	//Pfeil links
	if (curr_page > 1) {
		var prevPage = curr_page-1;
		cnt = '<a href="#" onclick="setPage(' + prevPage + ')" title="Zur�ck"><img src="fileadmin/templates/images/pfeil-links.gif" alt="Zur�ck" width="25" height="25" /></a>';
	} else {
		cnt = '<img src="fileadmin/templates/images/sp-pfeil-links.gif" alt="" width="25" height="25" />';
	}

	//Spacer
	cnt = cnt + '<img src="fileadmin/templates/images/sp-mitte.gif" alt="" width="5" height="20" />';

	//Pfeil rechts
	if (curr_page < Math.ceil(count/perpage)) {
		var nextPage = curr_page+1;
		cnt = cnt + '<a href="#" onclick="setPage(' + nextPage + ')" title="Weiter"><img src="fileadmin/templates/images/pfeil-rechts.gif" alt="Weiter" width="25" height="25" /></a>';
	} else {
		cnt = cnt + '<img src="fileadmin/templates/images/sp-pfeil-rechts.gif" alt="" width="25" height="25" />';
	}
	document.getElementById('pfeile').innerHTML = cnt;
}


function startBrowser() {
	pages = Math.ceil(count / perpage);
	setBrowser();
}

function setBrowser() {
	var cnt = '';
	bild1 = 'fileadmin/templates/images/browse-dunkel.gif';
	bild2 = 'fileadmin/templates/images/browse-hell.gif';
	for (var i=1; i <= pages; i++) {
		if (i == curr_page) {
			cnt = cnt + '<img src="' + bild2 + '" alt="" width="8" height="10" class="margin-right-1" />';
		} else {
			cnt = cnt + '<a href="#" onmouseover="ro(1,\'bb'+i+'\')" onmouseout="ro(0,\'bb'+i+'\')" onclick="setPage(' + i + ')"><img src="' + bild1 + '" alt="" width="8" height="10" id="bb'+i+'" class="margin-right-1" /></a>'
		}
	}
	document.getElementById('browse').innerHTML = cnt;
}

function setPage(pageID) {
	curr_page = pageID;
	current = (5 * (curr_page-1));
	start();
	checkArrows();
	setBrowser();
}

var pics = new Array('fileadmin/templates/images/browse-dunkel.gif','fileadmin/templates/images/browse-hell.gif');

function ro(bildnr,obj) {
	document.getElementById(obj).src = pics[bildnr];
}