window.addEvent('domready', function() {
   
   //Click functionality for Work Items
   
    $$('.work_item a').each(function (item, index){
      item.addEvent('click', function(event){
          event.stop(); //Prevents the browser from following the link.
           $$('.work_item a').each(function (item, index){
               item.getParent().addClass('not_active');
               item.getParent().removeClass('active');
             });
            // item.setStyles({
            //   'background-image' : 'url(\'' + absPath + 'images/work_hover_gradient.png\')',
            //   'background-repeat' : 'repeat-y'
            //   });
          item.getParent().toggleClass('not_active');
          item.getParent().toggleClass('active');
          var work_request =  new Request({
            url: this.title ,
            type: 'GET',
            onComplete: function(response) {$('work_post').set('html', response) }
          }).send();
      });
    });     

   //ScrollBar
   
    var workScroll = new Slider('index_slider', 'index_knob', {
      range: [0, 525],
      wheel: true,
      steps: 20,
      mode: 'vertical',
      onChange: function(step) {
        var scrollHeight = $('work_scroll').getSize().y - $('work_posts').getSize().y;
        $('work_posts').setStyle('top',  Math.ceil(step / 525 * scrollHeight ))}
    });
    
      //Scroll Over Work Items
    
    var scrollScroll = new Slider('work_scroll', 'work_posts', {
        range: [0, 525],
        wheel: true,
        steps: 20,
        mode: 'vertical',
        onChange: function(step){
          workScroll.set(step);
           }
      });
      $('work_posts').addEvent('mousedown', function(event){
        event.stop();
      });

});