var position=0;
var scroll_content;
var blocks;
var current_block;
var scroll_content_width;
var normal_width = 263;
var normal_height = 173;
var big_width = 313;
var big_height = 206;
var action = false;

function gallery_scroll_left(){
  var last_block_no = blocks.length-1;
  var fx = new Fx.Elements(blocks, {wait: false, duration:  250, transition:Fx.Transitions.Cubic.easeOut});
  if (current_block + 2 == last_block_no) return; // wir sind schon ganz rechts
  var  obj = {};
  $each(blocks, function(block, block_no){
    if (block_no!=last_block_no){
      if (block_no==current_block+1){
        obj[block_no] = {'width':big_width,'height':big_height};
      }else{
        obj[block_no] = {'width':normal_width,'height':normal_height};
      }
    }else{
      obj[block_no] = {'left':-(current_block)*(normal_width+4)};
    }
    
  });
  current_block = current_block +1;
  fx.start(obj);
}

function gallery_scroll_right(){
  if (current_block == 1) return; // wir sind schon ganz links
  var last_block_no = blocks.length-1;
  var fx = new Fx.Elements(blocks, {wait: false, duration:  250, transition:Fx.Transitions.Cubic.easeOut});
  //alert(blocks);
  var  obj = {};
  $each(blocks, function(block, block_no){
    if (block_no!=last_block_no){
      if (block_no==current_block-1){
        obj[block_no] = {'width':big_width,'height':big_height};
      }else{
        obj[block_no] = {'width':normal_width,'height':normal_height};
      }
    }else{
      obj[block_no] = {'left':-(current_block-2)*(normal_width+4)};
    }
    
  });
  current_block = current_block - 1;
  fx.start(obj);
}


window.addEvent('domready', function() {  
  scroll_content = $('caroussel_images').getElement('table');
  blocks = scroll_content.getElements("img");
  blocks[blocks.length]=scroll_content;
  current_block = 1;
  //alert(blocks);
  $('moveleft').addEvent('click',function(){
    gallery_scroll_left();
  });
  $('moveright').addEvent('click',function(){
    gallery_scroll_right();
  });
  
});