// For project component
var aProjecten = new Array();

function openFoto(id, sHTML,iProj) {

	// rel bij a tag verwijderen/plaatsen
	var oElm = document.getElementById('img-small-'+iProj);
	oElm.innerHTML = sHTML;

	//console.log(id);
	//console.info(document.getElementById(id));

}

function showHidePhotosControls(iProj) {
	var oProject = aProjecten[iProj];
	var nrOfTumbs = oProject['nrOfTumbs'];
	var nrOfPages = Math.ceil(nrOfTumbs / 3);
	var currentPage = oProject['currentPage'];
	//check welke terug/verder knoppen getoond moeten worden
	if (oProject['currentPage'] == 1) {
		document.getElementById('photos-controls-prev-'+iProj).style.visibility='hidden';
	} else {
		document.getElementById('photos-controls-prev-'+iProj).style.visibility='visible';
	}
	if (oProject['currentPage'] == nrOfPages) {
		document.getElementById('photos-controls-next-'+iProj).style.visibility='hidden';
	} else {
		document.getElementById('photos-controls-next-'+iProj).style.visibility='visible';
	}
}

function prevTumbs(iProj) {
	var oProject = aProjecten[iProj];
	var nrOfTumbs = oProject['nrOfTumbs'];
	var nrOfPages = Math.ceil(nrOfTumbs / 3);
	var currentPage = oProject['currentPage'];

	// check of hij nog terug mag
	if (currentPage > 1) {
		var oImgTumbs = document.getElementById('img-tumbs-'+iProj);
		var newPosition = parseInt((currentPage-2)*137);
		oImgTumbs.style.top = '-'+newPosition+'px';
		oProject['currentPage'] = currentPage-1;
		showHidePhotosControls(iProj);
	}
}

function nextTumbs(iProj) {
	var oProject = aProjecten[iProj];
	var nrOfTumbs = oProject['nrOfTumbs'];
	var nrOfPages = Math.ceil(nrOfTumbs / 3);
	var currentPage = oProject['currentPage'];

	// check of er nog een pagina nakomt
	if (nrOfPages > currentPage) {
		var oImgTumbs = document.getElementById('img-tumbs-'+iProj);
		var newPosition = parseInt((currentPage)*137);
		oImgTumbs.style.top = '-'+newPosition+'px';
		oProject['currentPage'] = currentPage+1;
		showHidePhotosControls(iProj);
	}
}