// FRONT PAGE ROTATOR
        $(document).ready(function () {
            $('#thumbs').corner("bl br 3px");
            $('#news-header').corner("tr 3px");
            var count	= 0;
            var time	= 6000;
            
            var timer 	= function(){
                timeOut		= setTimeout(rotate , time);
            };
            
            var state	= function(){
                $(".navi").find('.active').removeClass('active');
                $("#t" + count).addClass('active');
            }
            
            var rotate	= function(){
                count = count + 1;
                if(count > 3)
                {
                    $('#tools').animate({
                        opacity: 1,
                        left: '+=2700'
                    }, 500);
                    
                    count = 0;
                }
                else
                {
                    $('#tools').animate({
                            opacity: 1,
                            left: '-=900'
                    }, 600);
                }
                state();
                timer();
            }
            
            state();
            timer();
            
            $(".navi a").click(function() {
                if( $(this).hasClass('active') ){
                
                    return false;
                    
                } else {
                    
                    clearTimeout(timeOut);
                    
                    var active_state	= $(".navi").find('.active');
                    var	active_id 		= $(active_state).attr('id').replace('t', '');
                    var active_position = $('#i' + active_id).position().left;
                    
                    var	selected_id 		= $(this).attr('id').replace('t', '');
                    var selected_position	= $('#i' + selected_id).position().left;
                    
                    var dif = selected_position - active_position;
                    
                    if(active_position < selected_position){
                        $('#tools').animate({
                            opacity: 1,
                            left: '-=' + dif
                        }, 500);
                    } else {
                        $('#tools').animate({
                            opacity: 1,
                            left: '-=' + dif
                        }, 500);
                    }

                    count  	= Number(selected_id);
                    timeOut	= setTimeout(rotate , time);
                    
                    state();	
                }
            });

        });
