var imageBrowserObj			= null;
var imageViewerObj			= null;
var imageBrowserRowCount	= 5;
var imageBrowserStartAt		= 0;
var imagePath = "contentBilder/";



function ib_initImageBrowser() {
	imageBrowserObj	= document.getElementById('imageBrowser');
	imageViewerObj = document.getElementById('mainDiv');

	// keine Bilddaten für Menuepunkt
	if(!imageData[actImagePool]) {
		imageBrowserObj.style.display = 'none';
		return false;
	}
	else {
		imageBrowserObj.style.display = 'block';
		ib_refreshImageBrowser();
		ib_show(imageData[actImagePool][0]);
		return true;
	}
}


function ib_refreshImageBrowser() {
	var act = 0;
	var picSrc = '';
	var i = 0;
	for(var a = 1; a <= imageBrowserRowCount; a++, i++) {
		act = i + imageBrowserStartAt;
		picSrc = imagePath+actImagePool+"/thumb/"+imageData[actImagePool][act];
		document.getElementById('ib_imageCell_'+a).innerHTML = '<img class="ibImage" onClick="ib_show(\''+imageData[actImagePool][act]+'\')" width="50" height="50" src="'+picSrc+'">';
	}
}

function ib_show(src) {
	imageViewerObj.style.background = 'url('+imagePath+actImagePool+"/"+src+')';
}

function ib_scrollUp() {
	if(imageBrowserStartAt > 0) {
		imageBrowserStartAt--;
	}
	else {
		imageBrowserStartAt = 0;
	}
	
	// browser neu zeichnen
	ib_refreshImageBrowser();
}


function ib_scrollDown() {
	var anzPics = imageData[actImagePool].length;
	var max = parseInt(anzPics - imageBrowserRowCount);

	if(imageBrowserStartAt < max) {
		imageBrowserStartAt++;
	}
	
	// browser neu zeichnen
	ib_refreshImageBrowser();
}