//<![CDATA[
$( function()
    {
        $( '#sliderControls a:first' ).addClass( 'current' );
        
        var paneWidth = $( '#window' ).width();
        var paneCount = $( '.pane' ).size();
        var panesWidth = paneWidth * paneCount;
        var timer = '';
        
        $( '#containerSliderPanes' ).css( { 'width':panesWidth } );
        
        slide = function()
            {
                var trigger = $activePane.attr( 'order' ) - 1;
                var position = trigger * paneWidth;
                
                $( '#sliderControls a' ).removeClass( 'current' );
                $activePane.addClass( 'current' );
                
                $( '#containerSliderPanes' ).animate( { left: -position }, 500 );
            };
            
        playAnimation = function()
            {
                if( timer )
                    {
                        clearInterval( timer );
                    }

                timer = setInterval( function()
                    {
                        $activePane = $( '#sliderControls a.current' ).next();
                        if( $activePane.length === 0 )
                            {
                                $activePane = $( '#sliderControls a:first' );
                            }
                        slide();
                    }, 9000 );
            };
            
        playAnimation();
        
        $( '#containerSliderPanes .pane a' ).hover( 
            function() { clearInterval( timer ); },
            function() { playAnimation(); } 
            );
        
        $( '#sliderControls a' ).click( function()
            {
                $activePane = $( this );
                
                clearInterval( timer );
                slide();
                playAnimation();

                return false;
            } );
    } );
//]]>