jQuery(document).ready(function(){
        /*
         * set time op het aantal milliseconden tussen de animaties
         * BV 2000 for 2 sec.
         */
        Handler.init({ time: 8000 });

      });

      var Handler = {

            current: 1,

            timer: null,

            timer2: null,

            init: function( obj ){

                if( obj && obj.time != 'undefined' )
                    Handler.time = obj.time;
                else
                    Handler.time = 2000;

                Handler.navClick();
                Handler.cycle(0);
            },

            navClick: function(){
                jQuery( '.doNav' ).each(function(){
                    jQuery(this).bind('click', function(){
                        var currRel = jQuery(this).attr('rel');

                        jQuery( '.reason' ).addClass( 'ch_generic_right1' );
                        jQuery( '#reason' + currRel ).removeClass( 'ch_generic_right1' );

                        jQuery( '.image' ).addClass( 'ch_generic_right1' );
                        jQuery( '#image' + currRel ).removeClass( 'ch_generic_right1' );

                        var extra = 15;
                        if( parseInt( currRel ) == 7 ) {
                          extra = 23;
                        }
                        var width = ( ( parseInt( currRel ) - 1 ) * 30 ) + extra;
                        jQuery( '#numbersExtra' ).css( {'width':width + 'px'}, "slow" );


                        Handler.current = currRel;

                        Handler.activeLink( currRel );

                        window.clearTimeout( Handler.timer );
                        window.clearTimeout( Handler.timer2 );

                        return false;
                    });
                });
            },

            cycle: function( value ){
                Handler.timer = setTimeout('Handler.loop()', value);//Handler.time);
            },

            loop: function(){
                Handler.showBox( Handler.current );

                if( Handler.current < 5 )
                    Handler.current++;
                else
                    Handler.current = 1;

                Handler.timer2 = setTimeout('Handler.loop()', Handler.time);
            },

            showBox: function( nr ){
                jQuery( '.reason' ).addClass( 'ch_generic_right1' );
                jQuery( '#reason' + nr ).removeClass( 'ch_generic_right1' );
                jQuery( '.image' ).addClass( 'ch_generic_right1' );
                jQuery( '#image' + nr ).removeClass( 'ch_generic_right1' );

                var extra = 15;
                if( parseInt( nr ) == 7 ) {
                  extra = 23;
                }
                var width = ( ( parseInt( nr ) - 1 ) * 30 ) + extra;
                jQuery( '#numbersExtra' ).css( {'width':width + 'px'}, "slow" );

                Handler.activeLink( nr );
            },

            activeLink: function( nr ){
                jQuery( '.doNav' ).removeClass( 'active' );
                jQuery( '.link' + nr ).addClass( 'active' );
            }
}