//-----------------------------------------------------------------------------------------------------------------------------------//
// javascript kód a vxb_grid php osztályhoz (navigáció, animálás)

var grid_columns                  = new Array();
var grid_left_visible_column_id   = 1;
var grid_max_column_id            = 1;

//-----------------------------------------------------------------------------------------------------------------------------------//
// betölti egy tömbbe a grid összes oszlopát, hogy a szélességeket később meg tudjuk határozni belőle
function load_grid_columns() {
  var column_counter = 1;
  while ( column_counter <= grid_max_column_id ) {
    grid_columns[column_counter] = document.getElementById('grid_column_'+column_counter);
    column_counter++;
  }
}

//-----------------------------------------------------------------------------------------------------------------------------------//
// animáltan mozgatja a grid_mover div-et, a megadott össztávolságnyit, a megadott irányba
function move_grid_column(distance,direction) {

  offset = Math.round(distance/2);

  if ( direction == 'left' ) {
    document.getElementById('grid_mover').style.left = (document.getElementById('grid_mover').offsetLeft - offset) + 'px';
  } else {
    document.getElementById('grid_mover').style.left = (document.getElementById('grid_mover').offsetLeft + offset) + 'px';
  }

  distance = distance - offset;

  if ( distance > 0 ) {
    setTimeout("move_grid_column("+distance+",'"+direction+"')",50);
  }
}

//-----------------------------------------------------------------------------------------------------------------------------------//
// megadott oszlophoz gördít
function roll_to_column(column_id) {
  var distance = 0;
  if ( grid_left_visible_column_id < column_id ) {
    while ( grid_left_visible_column_id < column_id ) {
      distance += grid_columns[(grid_left_visible_column_id+1)].offsetLeft - grid_columns[grid_left_visible_column_id].offsetLeft;
      grid_left_visible_column_id++;
    }
    move_grid_column(distance,'left');
  } else if ( grid_left_visible_column_id > column_id ) {
    while ( grid_left_visible_column_id > column_id ) {
      distance += grid_columns[grid_left_visible_column_id].offsetLeft - grid_columns[(grid_left_visible_column_id-1)].offsetLeft;
      grid_left_visible_column_id--;
    }
    move_grid_column(distance,'right');
  }
}

//-----------------------------------------------------------------------------------------------------------------------------------//
// egyet előre gördít
function roll_grid_left() {
  if ( grid_left_visible_column_id < grid_max_column_id ) {
    roll_to_column(grid_left_visible_column_id+1);
  }
}

//-----------------------------------------------------------------------------------------------------------------------------------//
// egyet vissza gördít
function roll_grid_right() {
  if ( grid_left_visible_column_id > 1 ) {
    roll_to_column(grid_left_visible_column_id-1);
  }
}

//-----------------------------------------------------------------------------------------------------------------------------------//