var tablica = new Array();
var obecnapozycja = 0;
var dodajdopoz = 0;
var licznikobrazkow = 0;

var animacja = null;

var myszXOrig;
var myszX = 0;
var myszY = 0;
var myszprzycisnieta = false;

var tytul = null;

function init() {
  tytul = document.getElementById('tytul');
  animacja = document.getElementById('animacja');
  licznikobrazkow = tablicazdjec.length;


  var left = animacja.offsetLeft - 0;
  var top =  animacja.offsetTop;
  for (i = 0; i < licznikobrazkow; i++) {
    tablica[i] = new Image();
    tablica[i].src = tablicazdjec[i];
    tablica[i].className = 'obrazek';
    tablica[i].style.left = left + "px";
    tablica[i].style.top = top + "px";
    ukryj(tablica[i]);
    document.getElementById("animacja_first").appendChild(tablica[i]);
  }

  
  var sheet = document.createElement("DIV");
  document.getElementById("animacja_first").appendChild(sheet);

  sheet.id = "sheet";
  sheet.style.left = left + "px";
  sheet.style.top = top + "px";
  sheet.onmousemove = obrot;
  sheet.onmousedown = myszadol;
  sheet.onmouseup = myszagora;
  sheet.onmouseout = myszagora;
  ustalwidocznosc(sheet, 0.0);

  obecnapozycja = licznikobrazkow-1
  pokaz(tablica[obecnapozycja]);
}

function myszadol(e) {
  if (!e) { e = window.event; }
  myszXY(e);
  myszXOrig = myszX;
  dodajdopoz = 0;
  myszprzycisnieta = true;
}

function myszagora(e) {
  myszprzycisnieta = false;
  obecnapozycja += dodajdopoz;
}

function obrot(e) {
  if (!e) { e = window.event; }

  if (!myszprzycisnieta) {
    return;
  }

  myszXY(e);

  var krok = 10; 
  var width = animacja.offsetWidth;
  var przyrost = myszX - myszXOrig;

  dodajdopoz = Math.floor(przyrost/krok);


  var wrap = (obecnapozycja + dodajdopoz) % licznikobrazkow;
  var nowapozycja = (wrap < 0) ? licznikobrazkow + wrap : Math.abs(wrap);


  for (var i = 0; i < licznikobrazkow; i++) {
    ukryj(tablica[i]);
  }

  pokaz(tablica[nowapozycja]);

  return false;
}


function myszXY(e) {
  if (e.pageX) {
    myszX = e.pageX;
    myszY = e.pageY;
  } else {
    myszX = event.clientX + document.body.scrollLeft;
    myszY = event.clientY + document.body.scrollTop;
  }  

  if (myszX < 0){myszX = 0;}
  if (myszY < 0){myszY = 0;} 
}


function lewo(element) {
  var x = 0;
  while (element) {
    x += element.offsetLeft;
    element = element.offsetParent;
  }

  return x;
};


function ustalwidocznosc(element, opacity) {
  element.style.filter = "alpha(opacity=" + Math.round(opacity*100) + ")";
  element.style.opacity = opacity;
}

function ukryj(element) {
  element.style.display = 'none';
}

function pokaz(element) {
  element.style.display = 'block';
}