var portfolio_current = 0;
var portfolio_position = 0;
var portfolio_data;

window.addEvent('domready', function() {

            var req = new Request({  
                        method: 'get',  
                        url: 'inc/ajax.php',  
                        onRequest: function() {},  
                        onComplete: function(response) {
                                    
                                    portfolio_data = JSON.decode(response);
                                    
                                    if( portfolio_data ) {
                                    
                                                $('scroller_next').addEvent('click', function( e ){
                                                            e.stop();
                                                            portfolio_position ++;
                                                            render_portfolio();
                                                });
                                                $('scroller_prev').addEvent('click', function( e ){
                                                            e.stop();
                                                            portfolio_position --;
                                                            render_portfolio();
                                                });
                                                $('portfolioQuickJumpSelect').addEvent('click', quickjump_portfolio);
                                    
                                    }
            
                        }  
            }).send();  

});

function quickjump_portfolio( e ) {
            
            portfolio_position = $('portfolioQuickJumpSelect').get('value');
            render_portfolio();
            
}

function render_portfolio() {
            
            if( portfolio_position > (portfolio_data.length-1) ){
                    portfolio_position = 0;
            } else if( portfolio_position < 0 ) { 
                    portfolio_position = (portfolio_data.length-1)
            }
  
            $('portfolioThumb').set('src', portfolio_data[portfolio_position].image);
            if( $('portfolioThumb').complete ) {
            
                        $('portfolioDetailsInfo').set('html', 'Client : '+portfolio_data[portfolio_position].client+' |  Agency : '+portfolio_data[portfolio_position].agency);
                        $('portfolioDetailsDate').set('html', portfolio_data[portfolio_position].date);
            
            }
            
}