var textSeparator = 'page_';
var listSeparator	= 'pageListItem_';
var readMoreText	= 'WEITERLESEN';
var listItemTitle	= 'Seite ';

$(document).ready(function () {
	$("#content-area p:contains('###')").each(function(foo) {
		if (foo == 0) {
			if ($(this).attr('tagName') == 'P') {
				var textSeparatorText = '';
				var listItemText	= '';
				
				var parent	= $(this).parent();
				var regex = /<p>###[. \n]?<\/p>/gim;
				splits = parent.html().split(regex);
				
				if (splits.length > 1) {
					var pagebrowserImageSrc = 'fileadmin/templates/images/layout/bg_pagebrowseritem_000000.gif';

					for (var i=0; i<splits.length; i++) {
						var selected = '';
						if (i == 0) selected = ' class="active"';
						textSeparatorText	+= '<span id="' + textSeparator + i + '" class="pageBrowserSubtext">' + splits[i] + '</span>';
						listItemText			+= '<li id="' + listSeparator + i + '"' + selected + ' onmouseover="$(this).addClass(\'hover\')" onmouseout="$(this).removeClass(\'hover\')"><img class="pagebrowser-image" title="' + listItemTitle + ' ' + (i+1) + '" alt="' + listItemTitle + ' ' + (i+1) + '" src="' + pagebrowserImageSrc + '" onclick="pageBrowser('+i+', '+splits.length+')" /></li>';
					}
					textSeparatorText += getPageBrowser(listItemText, readMoreText);
					parent.html(textSeparatorText);
	
					for (var i=1; i<splits.length; i++) {
						$('#' + textSeparator + i).hide();
					}
					var pagebrowserTextcolor = $('.pagebrowser .readmore').css('color').toLowerCase().split(' ').join('');
					if (pagebrowserTextcolor == '#ffffff' || pagebrowserTextcolor == 'rgb(255,255,255)') {
						$('.pagebrowser-image').each(function() {
							$(this).attr('src', $(this).attr('src').split('_000000').join('_FFFFFF'));
						});
					}
				}
			}
		}
	});
});

function getPageBrowser(listItemsText, readMoreText) {
	var pageBrowserText = '<div class="pagebrowser">';
	pageBrowserText += '<div class="readmore" onclick="readMore()">' + readMoreText + '</div>';
	pageBrowserText += '<div class="liste">';
	pageBrowserText += '<ul class="pagebrowser">' + listItemsText + '</ul>';
	pageBrowserText += '</div>';
	pageBrowserText += '</div>';
	
	return pageBrowserText;
}

function pageBrowser(page, pageQuantity) {
	$('ul.pagebrowser li').attr('class', '');
	$('ul.pagebrowser li#' + listSeparator + page).attr('class', 'active');
	$('.pageBrowserSubtext').hide();
	$('span#' + textSeparator + page).show();
}

function readMore() {
	var hasClass = false;
	var click = 0;
	var pagebrowser = $('ul.pagebrowser li');
	for (var i=0; i < pagebrowser.length; i++) {
		if (hasClass) {
			click = i;
			hasClass = false;
		}
		if ($(pagebrowser[i]).hasClass('active')) {
			hasClass = true;
		}
	}
	var img = $(pagebrowser[click]).children('img');
	$(img[0]).click();
}