var position = 0;
var elements;
var width;

$(document).ready(function() {
    elements = $('.content_element').size();
    width = $('.content_element').outerWidth();

    // links initialisieren
    $('#navigation li a').each(function(index) {
        $(this).click(function() {
            goTo(index);
        });
    });
    $('#link_kontakt').click(function() { goTo(elements-1) });
    $('#link_impressum').click(function() {
        window.open('impressum.html', '_blank', 'scrollbars = 1, status = 0, height = 600, width = 600');
    });
    $('#logo a').click(function() { goTo(0) });
    
    reInit();
});

/**
 * springt zu target-element mit Animation
 */
function goTo(target) {
    $('#content_inner').animate({left: -target * width}, 1200, 'swing', function() { reInit() });
    position = target;
}

/**
 * aktualisiert Navigation
 */
function reInit() {
    if (position > 0) {
        $('#navigate_left').css('visibility', 'visible');
    } else {
        $('#navigate_left').css('visibility', 'hidden');
    }
    if (position < elements-1) {
        $('#navigate_right').css('visibility', 'visible');
    } else {
        $('#navigate_right').css('visibility', 'hidden');
    }

    $('#navigation li a').removeClass('active');
    $('#navigation li a').eq(position).addClass('active');

    $('#navigation p').html(titles[position]);
}

function next() {
    goTo(position+1);
}
function previous() {
    goTo(position-1);
}