window.projectConfig=(window.projectConfig)?window.projectConfig:{};
projectConfig.photoPageScroller=(projectConfig.photoPageScroller)?projectConfig.photoPageScroller:{prefix:null,prev:"<< vorige",next:"volgende >>"};


function buildScroller(page, isScrollView){
	var obj = document.getElementsByTagName("DIV");
	var count = 0;
	for(var i = 0; i < obj.length; i++){
		var el = obj[i];					
		if(/\bpageBlock\b/.test(el.className)){
			count++;			
		}
	}
	if(count > 1){
		var scroll = document.getElementById("scroller");
		var tmpHTML='<ul>';
		if(projectConfig.photoPageScroller.prefix){
			tmpHTML=projectConfig.photoPageScroller.prefix+tmpHTML;
		}
		if(page > 0){
			tmpHTML += '<li class="prev"><a href="' + getScrollUrl((page-1), isScrollView) + '" onclick="return showPage(' + (page-1) + ',' + isScrollView + ');">'+projectConfig.photoPageScroller.prev+'</a><em>|</em></li>';
		}
		for(var i = 0; i < count; i++){
			if(i != page){
				tmpHTML += '<li><a href="' + getScrollUrl(i, isScrollView) + '" onclick="return showPage(' + i + ',' + isScrollView + ');">' 
					+ (i+1) + '</a><em>|</em></li>';
			}else{
				tmpHTML += '<li><span>'	+ (i+1) + '</span><em>|</em></li>';
			}
		}
		if((count - page) > 1){
			tmpHTML += '<li class="next"><a href="' + getScrollUrl(page+1, isScrollView) + '" onclick="return showPage(' + (page+1) + ',' + isScrollView + ');">'+projectConfig.photoPageScroller.next+'</a></li>';
		}
		tmpHTML+= '</ul>';

		scroll.innerHTML=tmpHTML;
		scroll.style.display = "block";
	}
}

function getScrollUrl(page, isScrollView) {
	if(isScrollView) {
		var hrefWithoutHashEncoded = encodeURI(location.pathname + location.search);
		return hrefWithoutHashEncoded.replace(/scroll\/(\d+)\/page_(\d+)\//gi, "scroll/0/page_" + page + "/");
	} else {
		return "#jsLink";
	}
}

function showPage(page, isScrollView){
	if(!isScrollView){
		var obj = document.getElementsByTagName("DIV");
		for(var i = 0; i < obj.length; i++){
			var el = obj[i];
			if(/\bpageBlock\b/.test(el.className)){
				var id = el.id;
				id = parseInt(id.replace(/\D/gi,""),10);
				if(id==page){
					el.className = "pageBlock";
				}else {
					el.className = "pageBlock invisiblePageBlock";
				}
			}
		}
		buildScroller(page);
	}
	return isScrollView;
}