// JavaScript Document

var banerImage = new Array;
var banerProducent = new Array;
var banerTitle = new Array;
var banerText = new Array;
var banerImageProdukt = new Array;
var banerLink = new Array;
var banerPerson = new Array;

//banerImage.push("baner/baner1.jpg");
//banerImage.push("baner/baner2.jpg");
//banerImage.push("baner/baner3.jpg");
//banerImage.push("baner/baner4.jpg");
//banerImage.push("baner/baner5.jpg");


//for(var i=0;i<banerImage.length;i++) {
//alert(banerImage[i]);
//}
//alert(banerImage.length);

function wczytajBaner(count) {
//alert(banerImage[count]);
//document.getElementById("baner-first-image").src = banerImage[count];
document.getElementById("baner-first-content-producent").innerHTML = banerProducent[count];
document.getElementById("baner-first-content-title").innerHTML = banerTitle[count];
document.getElementById("baner-first-content-text").innerHTML = banerText[count];
document.getElementById("baner-second-image").src = banerImageProdukt[count];
document.getElementById("czytaj-wiecej").innerHTML = banerLink[count];
document.getElementById("baner-first-image").innerHTML = banerPerson[count];


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

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

if(count>2 && count<iloscObrazkow) {
document.getElementById("panel-link-1").innerHTML = parseInt(document.getElementById("panel-link-1").innerHTML) + 1;
document.getElementById("panel-link-2").innerHTML = parseInt(document.getElementById("panel-link-2").innerHTML) + 1;
document.getElementById("panel-link-3").innerHTML = parseInt(document.getElementById("panel-link-3").innerHTML) + 1;
} else {
document.getElementById("panel-link-1").innerHTML = 1;
document.getElementById("panel-link-2").innerHTML = 2;
document.getElementById("panel-link-3").innerHTML = 3;
}

//document.getElementById("numerProduktu").innerHTML = document.getElementById("panel-link-3").innerHTML;
//document.getElementById("numerLicznika").innerHTML = licznikBanera.i;

zmienStyleNawigacji(count);

  if(licznikBanera.i<iloscObrazkow-1) {
  licznikBanera.i = licznikBanera.i+1;
  zmienBaner();
  }
  else {
  licznikBanera.i = 0;
  zmienBaner();
  }
}


function wczytajBaner2(count) {
if(count>2 && count<iloscObrazkow) {
document.getElementById("panel-link-1").innerHTML = parseInt(document.getElementById("panel-link-1").innerHTML) + 1;
document.getElementById("panel-link-2").innerHTML = parseInt(document.getElementById("panel-link-2").innerHTML) + 1;
document.getElementById("panel-link-3").innerHTML = parseInt(document.getElementById("panel-link-3").innerHTML) + 1;
} else {
document.getElementById("panel-link-1").innerHTML = 1;
document.getElementById("panel-link-2").innerHTML = 2;
document.getElementById("panel-link-3").innerHTML = 3;
}

//document.getElementById("numerProduktu").innerHTML = document.getElementById("panel-link-3").innerHTML;
//document.getElementById("numerLicznika").innerHTML = count+1;

zmienStyleNawigacji(count);
}

function wczytajBaner3(count) {
if(count>2) {
document.getElementById("panel-link-1").innerHTML = count-1;
document.getElementById("panel-link-2").innerHTML = count;
document.getElementById("panel-link-3").innerHTML = count+1;
} else {
document.getElementById("panel-link-1").innerHTML = 1;
document.getElementById("panel-link-2").innerHTML = 2;
document.getElementById("panel-link-3").innerHTML = 3;
}

//document.getElementById("numerProduktu").innerHTML = document.getElementById("panel-link-3").innerHTML;
//document.getElementById("numerLicznika").innerHTML = count;


zmienStyleNawigacji(count);
}

function zmienBaner() {
setTimeout(function() {wczytajBaner(licznikBanera.i)}, 4000);
}

function prevBaner() {

  if(licznikBanera.i == 0) {
  licznikBanera.i = iloscObrazkow-1;
  }
  else {
  licznikBanera.i--;
  }
//alert(licznikBanera.i);
//document.getElementById("baner-first-image").src = banerImage[licznikBanera.i];
document.getElementById("baner-first-content-producent").innerHTML = banerProducent[licznikBanera.i];
document.getElementById("baner-first-content-title").innerHTML = banerTitle[licznikBanera.i];
document.getElementById("baner-first-content-text").innerHTML = banerText[licznikBanera.i];
document.getElementById("baner-second-image").src = banerImageProdukt[licznikBanera.i];
document.getElementById("czytaj-wiecej").innerHTML = banerLink[licznikBanera.i];
document.getElementById("baner-first-image").innerHTML = banerPerson[licznikBanera.i];

wczytajBaner3(licznikBanera.i);
}

function nextBaner() {
  if(licznikBanera.i == iloscObrazkow -1) {
  licznikBanera.i = 0;
  } else {
  licznikBanera.i = licznikBanera.i + 1;
  }
//document.getElementById("baner-first-image").src = banerImage[licznikBanera.i];
document.getElementById("baner-first-content-producent").innerHTML = banerProducent[licznikBanera.i];
document.getElementById("baner-first-content-title").innerHTML = banerTitle[licznikBanera.i];
document.getElementById("baner-first-content-text").innerHTML = banerText[licznikBanera.i];
document.getElementById("baner-second-image").src = banerImageProdukt[licznikBanera.i];
document.getElementById("czytaj-wiecej").innerHTML = banerLink[licznikBanera.i];
document.getElementById("baner-first-image").innerHTML = banerPerson[licznikBanera.i];

wczytajBaner2(licznikBanera.i);
}

function zmienStyleNawigacji(count) {
  if(parseInt(document.getElementById("panel-link-1").innerHTML) == count+1) {
  document.getElementById("panel-link-1").style.backgroundColor = "#097112";
  document.getElementById("panel-link-1").style.color = "#fff";
  document.getElementById("panel-link-1").style.fontWeight = "bold";
  } else {
  document.getElementById("panel-link-1").style.backgroundColor = "#dadada";
  document.getElementById("panel-link-1").style.color = "#545454";
  document.getElementById("panel-link-1").style.fontWeight = "normal";
  }
  
  if(parseInt(document.getElementById("panel-link-2").innerHTML)== count+1) {
  document.getElementById("panel-link-2").style.backgroundColor = "#097112";
  document.getElementById("panel-link-2").style.color = "#fff";
  document.getElementById("panel-link-2").style.fontWeight = "bold";
  } else {
  document.getElementById("panel-link-2").style.backgroundColor = "#dadada";
  document.getElementById("panel-link-2").style.color = "#545454";
  document.getElementById("panel-link-2").style.fontWeight = "normal";
  }
  
  if(parseInt(document.getElementById("panel-link-3").innerHTML) == count+1) {
  document.getElementById("panel-link-3").style.backgroundColor = "#097112";
  document.getElementById("panel-link-3").style.color = "#fff";
  document.getElementById("panel-link-3").style.fontWeight = "bold";
  } else {
  document.getElementById("panel-link-3").style.backgroundColor = "#dadada";
  document.getElementById("panel-link-3").style.color = "#545454";
  document.getElementById("panel-link-3").style.fontWeight = "normal";
  }
}

window.onload = zmienBaner;