// Tablica zawiera pliki, które mają się przesuwać. Ich długosć jest dowolna
var images;

// Definiowany katalog
var ts_folder = 'download/img/';

// polskie napisy
var images_pl = Array('astel 3.png', 'portable_systems.png', 'rd_g.png', 'power_calibrators_g.png', 'accessories.png', 'network_quality_analysers.png');

// angielskie
var images_en = Array('astel 3.png', 'portable_systems.png', 'rd_g.png', 'power_calibrators_g.png', 'accessories.png', 'network_quality_analysers.png');

// klatek obrotu
var ts_szybkosc3D = 40;
var MAX_IMG3D = 2;
var ts_dalpha = Math.PI / (MAX_IMG3D * ts_szybkosc3D);

var ts_start_kat = 0;
var ts_start_img = 0;

var ts_czekaj = 0;

// Promien kola / elipsy
var ts_RW = 200;
var ts_RH = 20;

// standardowe wymiary obrazków
var TS_STD_W = 150;
var TS_STD_H = 150;


// Tablica obliczeń 3D
var ts_sizeTAB = 3;
var ts_tab3D = new Array(MAX_IMG3D * ts_sizeTAB);

// Oczekiwanie obrazka w spoczynku - jego czas
var ts_oczekiwanie = 20; // * ts_time ms

// Ilosc krokow animacji mniejsza liczba -szybsza animacja
var ts_szybkosc = 10;

// Częstotliwosc animacji
var ts_time = 40; //ms

// wymiary diva
var ts_width = 350;
var ts_height = 139;


// Aktualny numer obrazka i krok animacji
var img_nr = 0;
var ts_klatka = 0;
var ts_left = ts_width;


function tsScroll(div_img){
  di = document.getElementById(div_img);

  // Obraz od lewej do pozycji 0
  if (ts_left>1) {
    ts_left = ts_left - Math.max(3, ts_left / ts_szybkosc);
  } else
  {
    // Przejscie na pozycje 0
    if (ts_left>0) {
      ts_left = 0;
      ts_klatka = 0;
  } else {

    // Oczekiwanie na pozycji 0
    ts_klatka ++;
    if (ts_klatka > ts_oczekiwanie){
      // Przesuwanie poza lewą granicę
      ts_left = ts_left + Math.min(-3, ts_left / ts_szybkosc);
      // Zmiana obrazka
      if (ts_left < -ts_width) {
         ts_klatka = 0;
         tsChangeImg(div_img);
      }
    }
  }
 }
 di.style.left = ts_left + 'px';
}


function tsChangeImg(div_img){
  di = document.getElementById(div_img);
  img_nr = (img_nr + 1) % images.length;
  di.src = ts_folder + images[img_nr];
  di.style.top = '0px';
  di.style.width = ts_width+'px';
  di.style.height = ts_height+'px';
  ts_left = ts_width;
}

function tsSetScroll(img_id, imgs){
  images = imgs;
  document.write('<img id="'+img_id+'" class="ruchomy_obraz" src="'+ts_folder+images[0]+'" />');
  tsChangeImg(img_id);
  setInterval('tsScroll(\''+img_id+'\')', ts_time);
}


function tsChangeImg3D(div_img, nr){
  di = document.getElementById(div_img+nr);
  
  //Pobiera kolejny numer rysunku
  img_nr = (img_nr + 1) % images.length;
  di.src = ts_folder + images[img_nr];
  
  ts_tab3D[ts_sizeTAB * nr] = 0;
  ts_tab3D[ts_sizeTAB * nr + 1] = /*di.style.width>0 ? di.style.width : */TS_STD_H;
  ts_tab3D[ts_sizeTAB * nr + 2] = /*di.style.height>0 ? di.style.height : */TS_STD_W;

}

function tsSetScroll3D(img_id, imgs){
  images = imgs;

  for (i=0; i<MAX_IMG3D; i++){
    //alert(img_id+i);
    document.write('<img id="'+img_id+i+'" class="ruchomy_obraz"  />');
    tsChangeImg3D(img_id, i);
    ts_tab3D[ts_sizeTAB * i] = i * (Math.PI / MAX_IMG3D);
  }
  setInterval('tsScroll3D(\''+img_id+'\')', ts_time);
}

function tsScroll3D(div_img){
  if (ts_czekaj>0) ts_czekaj--; else

  for (i=0; i<MAX_IMG3D; i++){
    // Zmiana kąta
    ts_tab3D[ts_sizeTAB * i] += ts_dalpha;

    if (ts_tab3D[ts_sizeTAB * i] >= Math.PI){

      tsChangeImg3D(div_img, i);
      ts_czekaj = ts_oczekiwanie;
    }
    tsDrawImg3D(div_img, i);
  }
}

function tsDrawImg3D(div_img, nr){

  di = document.getElementById(div_img + nr);
  
  Arad = ts_tab3D[nr * ts_sizeTAB];
  
  // Ruch po kole 3D
  X = Math.round(ts_width / 2 + Math.sin(Arad + Math.PI/2) * ts_RW);
  Y = Math.round(Math.sin(Arad) * ts_RH)-14;


  // Obliczenie wielkosci

  Wp = Math.round(Math.abs(Math.sin(Math.PI - Arad)) * ts_tab3D[nr * ts_sizeTAB + 2]);
  Hp = Math.round(Wp * ts_tab3D[nr * ts_sizeTAB + 1] / ts_tab3D[nr * ts_sizeTAB + 2]);

    di.style.top = Y+'px';
    di.style.left = X-(Wp/2)+'px';

    di.style.width = Wp+'px';
    di.style.height = Hp+'px';

  /*di = document.getElementById('test');
  di.innerHTML = '<br>Alpha:' +Math.round((ts_tab3D[0 * ts_sizeTAB]/(Math.PI/180)))+', W1:'+ts_tab3D[0 * ts_sizeTAB + 2]+', H1:'+ts_tab3D[0 * ts_sizeTAB + 1]+
                 '<br>Alpha2:'+Math.round((ts_tab3D[1 * ts_sizeTAB]/(Math.PI/180)))+', W2:'+ts_tab3D[1 * ts_sizeTAB + 2]+', H2:'+ts_tab3D[1 * ts_sizeTAB + 1];*/

}