// when the DOM is ready...
var pn = 0;
var pc = 1;
var as = null;

$(document).ready(function () {
    $('.panel').each( function( i ) {
       pn++;
    });
    setTimeout( 'autoSelect()', 5000 );
});

function autoSelect() {
    pc++;
    var b;
    if( pc > pn ) {
        pc = 1;
    }
    $('.navigation a').each( function( i ) {
       if( pc == ( i + 1 ) ) {
        b = this;
       }
    });
    selectPanel( pc, b );
}

function selectPanel( pn, obj ) {
    $('ul.navigation a').removeClass( 'selected' );
    var leftPos = ( ( pn - 1 ) * 480 ) * -1;
    $(obj).addClass( 'selected' );
    $('.scrollContainer').animate({
        left: leftPos + 'px'
    }, 400, function() {
        setTimeout( 'autoSelect()', 5000 );
  });
}


