//funkcje rollover
function rollover(e) {
 if (!e) {
  var e = window.event;
 }
 var whichButton = (e.target) ? e.target.id : e.srcElement.id;
 var objectButton = document.getElementById(whichButton);
 
 switch (whichButton) {
  case "button-index":
   objectButton.src = "_images/glowna-g.png";
   break;
  case "button-o-mnie":
   objectButton.src = "_images/o-mnie-g.png";
   break;
  case "button-rzezby":
   objectButton.src = "_images/rzezby-g.png";
   break;
  case "button-naczynia":
   objectButton.src = "_images/naczynia-g.png";
   break;
  case "button-rysunki":
   objectButton.src = "_images/rysunki-g.png";
   break;
  case "button-inne":
   objectButton.src = "_images/inne-g.png";
   break;
  case "button-linki":
   objectButton.src = "_images/linki-g.png";
   break;
  case "button-kontakt":
   objectButton.src = "_images/kontakt-g.png";
   break;
 }
}
function deRollover(e) {
 if (!e) {
  var e = window.event;
 }
 var whichButton = (e.target) ? e.target.id : e.srcElement.id;
 var objectButton = document.getElementById(whichButton);
 
 switch (whichButton) {
  case "button-index":
   objectButton.src = "_images/glowna.png";
   break;
  case "button-o-mnie":
   objectButton.src = "_images/o-mnie.png";
   break;
  case "button-rzezby":
   objectButton.src = "_images/rzezby.png";
   break;
  case "button-naczynia":
   objectButton.src = "_images/naczynia.png";
   break;
  case "button-rysunki":
   objectButton.src = "_images/rysunki.png";
   break;
  case "button-inne":
   objectButton.src = "_images/inne.png";
   break;
  case "button-linki":
   objectButton.src = "_images/linki.png";
   break;
  case "button-kontakt":
   objectButton.src = "_images/kontakt.png";
   break;
 }
}

//zmiana wyglądy przycisków stron dla MSIE
function changePageNumberStyle(pageNumber) {
 var pagenum = document.getElementById(pageNumber);
 pagenum.style.marginLeft = "1px";
 pagenum.style.borderTop = "none";
 pagenum.style.borderLeft = "solid 1px white";
 pagenum.style.borderBottom = "none";
 pagenum.style.borderRight = "solid 1px white";
}

//Zdarzenia dla przycisków - efekt rollover
objIndex = document.getElementById("button-index");
objIndex.onmouseover = rollover;
objIndex.onmouseout = deRollover;
objOMnie = document.getElementById("button-o-mnie");
objOMnie.onmouseover = rollover;
objOMnie.onmouseout = deRollover;
objRzezby = document.getElementById("button-rzezby");
objRzezby.onmouseover = rollover;
objRzezby.onmouseout = deRollover;
objNaczynia = document.getElementById("button-naczynia");
objNaczynia.onmouseover = rollover;
objNaczynia.onmouseout = deRollover;
objRysunki = document.getElementById("button-rysunki");
objRysunki.onmouseover = rollover;
objRysunki.onmouseout = deRollover;
objInne = document.getElementById("button-inne");
objInne.onmouseover = rollover;
objInne.onmouseout = deRollover;
objLinki = document.getElementById("button-linki");
objLinki.onmouseout = deRollover;
objLinki.onmouseover = rollover;
objKontakt = document.getElementById("button-kontakt");
objKontakt.onmouseover = rollover;
objKontakt.onmouseout = deRollover;

//jaki browser?
var navi = navigator.appName;

//jesli przeglądarka to MSIE - przesuń obrazek główny i opis o 20 px do góry zeby nie zachodziły na miniaturki i opis o 270px w lewo
if (navi == "Microsoft Internet Explorer") {
 //wykrywanie funkcjonalnosci
 if (document.getElementById("desc")) {
  var desc = document.getElementById("desc");
  desc.style.left = "-282px";
  desc.style.top = "0px";
  
  var img = document.getElementById("img-big");
  img.style.top = "-6px";
 }
 
 //jeśli istnieją strony zmień ich style
 if (document.getElementById("pagenumber1"))
  changePageNumberStyle("pagenumber1");
 if (document.getElementById("pagenumber2"))
  changePageNumberStyle("pagenumber2");
 if (document.getElementById("pagenumber3"))
  changePageNumberStyle("pagenumber3");
 if (document.getElementById("pagenumber4"))
  changePageNumberStyle("pagenumber4");
 if (document.getElementById("pagenumber5"))
  changePageNumberStyle("pagenumber5");
 if (document.getElementById("pagenumber6"))
  changePageNumberStyle("pagenumber6");
 if (document.getElementById("pagenumber7"))
  changePageNumberStyle("pagenumber7");
 if (document.getElementById("pagenumber8"))
  changePageNumberStyle("pagenumber8");
}

//jesli przeglądarka to Firefox - przesuń obrazek główny i opis o 20 px do góry zeby nie zachodziły na miniaturki
if (navi == "Netscape") {
 //wykrywanie funkcjonalnosci
 if (document.getElementById("img-big")) {
  var img = document.getElementById("img-big");
  img.style.top = "-5px";
  
  var desc = document.getElementById("desc");
  desc.style.top = "-5px";
  desc.style.left = "-12px";
 }
}
if (navi == "Opera") {
 //wykrywanie funkcjonalnosci
 if (document.getElementById("img-big")) {
  var img = document.getElementById("img-big");
  img.style.top = "-5px";
  
  var desc = document.getElementById("desc");
  desc.style.top = "-5px";
  desc.style.left = "-12px";
 }
}