function changeBoxPage(event) {
    var pageWidth = $('.text-area .page').width() + 45; // .page width + .page margin-right amount
    var totalPages = event.data.totalPages;
    pageIndex += event.data.steps;

    if (pageIndex == 0) $('.contentNavControls .prev').css('display', 'none');
    else $('.contentNavControls .prev').css('display', 'block');

    if (pageIndex == totalPages - 1) {
        $('.contentNavControls .next').css('display', 'none');
    } else $('.contentNavControls .next').css('display', 'block');

    if ((pageIndex) >= totalPages) pageIndex = 0;
    else if ((pageIndex) < 0) pageIndex = totalPages - 1;

    $('.currently-viewing').text((pageIndex + 1) + '/' + totalPages);

    $('.text-area').animate({
        left: -pageWidth * pageIndex + 'px'
    },
    400);

    return false;
}

jQuery(function() {

    if ($('.pageBreak').length && $('.text-area').length) {
            if ($('.admin-text-area').length) {
                return false;
            }

            pageIndex = 0;

            var totalPages = $('.pageBreak').length + 1;
            var scrollWrapper = $('<div />').attr('class', 'scroll-wrapper');
            var children = $('.text-area').children();
            var breaks = children.filter(':first, .pageBreak').map(function() {
                return children.index(this);
            });

            if (totalPages > 1) $('#mall2, #mall3').append('<div class="contentNavControls">' + '<a href="#" class="prev">‹ previous</a>' + '<span class="currently-viewing" href="#">' + (pageIndex + 1) + '/' + totalPages + '</span>' + '<a href="#" class="next">next ›</a>' + '</div>');

            $.each(breaks, function(i, v) {
                children.slice(v, (breaks[i + 1] || children.length)).wrapAll('<div class="page"></div>');
            });

            $('.pageBreak').remove();

            $('.text-area').wrap(scrollWrapper);

            $('.contentNavControls .next').bind('click', {
                steps: 1,
                totalPages: totalPages
            },
            changeBoxPage);
            $('.contentNavControls .prev').css('display', 'none').bind('click', {
                steps: -1,
                totalPages: totalPages
            },
            changeBoxPage);
	}
	
    if ($('#lightschool-start').length) {
        $('.col .image-area').each(function() {
            var $img = $(this);
            var imgLink = $img.parent().find('a').attr('href');

            if (imgLink) {
                $img.bind('click',
                function() {
                    location.replace(imgLink);
                    return false;
                });
            }
        });
    }
    if($('table.certificates').length) {
		$('table.certificates tr:odd').addClass('odd');
    }
	if($('.text-area a[href^=mailto:]').length)
	{
		$('.text-area a[href^=mailto:]').each(function(){
			var $this = $(this);
			$this.attr('href',$this.attr('href').replace(/\[at\]|\%5Bat\%5D/ig,"@")); // Replace [at] with @ in mailto-links
			$this.attr('href',$this.attr('href').replace(/\[dot\]|\%5Bdot\%5D/ig,".")); // Replace [dot] with . in mailto-links
		});
	}
});

/* Email-protection
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
function ShowEmail(i_where, i_beforeAt, i_afterAt, i_afterDot, i_additional, i_middle) {
    if (i_additional == null)
        i_additional = "";
    builtStr = i_beforeAt + "@" + i_afterAt + "." + i_afterDot;
    if (i_middle != null) {
        if (i_middle != "")
            firstName = i_middle;
        else
            firstName = builtStr;
    }
    else {
        splitByDot = i_beforeAt.split('.');
        firstLetter = splitByDot[0].toUpperCase().charAt(0);
        firstName = firstLetter + splitByDot[0].substring(1);
        lastName = "";
        if (splitByDot.length > 1) {
            firstLetter = splitByDot[1].toUpperCase().charAt(0);
            lastName = firstLetter + splitByDot[1].substring(1);
            firstName += " " + lastName;
        }
    }

    $("#" + i_where).append(i_additional + '<a href="mailto:' + builtStr + '">' + firstName + '</a>');
}