// *************************************************************************
// * Przeglądarka zdjęć - (Picture viewer)
// * Copyright@ 2009 Wojciech Szubartowski (mail: wojszub@poczta.onet.pl)
// * Wszelkie prawa zastrzeżone (All right reserved)
// * Skrypt dla strony superklasa.365d.pl (Script for superklasa.365d.pl website)
// ***********************************************************************


function GaleriaZdjec(id, zdjecia)
{
	this.id = id;
	this.zdjecia = zdjecia;
	this.liczba = zdjecia.length;
	this.nrAktualny=0;
  var menu;
  
  // ********************
  // Funkcja wyswietl()
  // ********************	
	this.wyswietl = function(nr)
	{		
		if (nr < 0 || nr > this.liczba) nr = 0; 
		this.nrAktualny = nr;
		document.getElementById(this.id + 'Img').src = this.zdjecia[this.nrAktualny][0];
		if (this.zdjecia[this.nrAktualny][1] != '') {
      document.getElementById(this.id + 'Autor').innerHTML = 'fot. ' + this.zdjecia[this.nrAktualny][1];    
    } else {         
      document.getElementById(this.id + 'Autor').innerHTML = '&nbsp;';       
    }
    menu = '<ul>';
    if (this.liczba<11) {
      for (var i = 0; i < this.liczba; i++) {           
        if (i==this.nrAktualny) {
          menu += '<li id="selected">' + (i+1) + '</li>';
        } else {
          menu += '<li id="link"><a href="javascript:' + this.id + '.wyswietl(' + i + ')">' + (i+1) + '</a></li>';
        }  
      }
    } else {
      if(this.nrAktualny>5){menu += '<li id="link"><a href="javascript:' + this.id + '.poprzedni()"><b>..</b></a></li>';} else {menu += '<li id="link"><a><b>&nbsp;&nbsp;</b></a></li>';}
      if(this.nrAktualny<=5){
        for (var i = 0; i < 11; i++) {     
          if(i>=0){
            if (i==this.nrAktualny) {
              if(i<this.liczba){menu += '<li id="selected">' + (i+1) + '</li>';}
            } else {
              if(i<this.liczba){menu += '<li id="link"><a href="javascript:' + this.id + '.wyswietl(' + i + ')">' + (i+1) + '</a></li>';}
            }
          }  
        }
      }	
      if(this.nrAktualny>5 && this.nrAktualny<this.liczba-5){
        for (var i = this.nrAktualny-5; i < this.nrAktualny+6; i++) {     
          if(i>=0){
            if (i==this.nrAktualny) {
              if(i<this.liczba){menu += '<li id="selected">' + (i+1) + '</li>';}
            } else {
              if(i<this.liczba){menu += '<li id="link"><a href="javascript:' + this.id + '.wyswietl(' + i + ')">' + (i+1) + '</a></li>';}
            }
          }
        }
      } 
      if(this.nrAktualny>=this.liczba-5){
        for (var i = this.liczba-11; i < this.liczba; i++) {     
          if(i>=0){
            if (i==this.nrAktualny) {
              if(i<this.liczba){menu += '<li id="selected">' + (i+1) + '</li>';}
            } else {
              if(i<this.liczba){menu += '<li id="link"><a href="javascript:' + this.id + '.wyswietl(' + i + ')">' + (i+1) + '</a></li>';}
            }
          }
        }
      } 
      if(this.nrAktualny<this.liczba-5){menu += '<li id="link"><a href="javascript:' + this.id + '.nastepny()"><b>..</b></a></li>';} else {menu += '<li id="link"><a><b>&nbsp;&nbsp;</b></a></li>';}
    }
    menu += '</ul>';
    document.getElementById(this.id + 'Menu').innerHTML = menu;
	}


  // ********************
  // Funkcja nastepny()
  // ********************	
	this.nastepny = function()
	{
    this.nrAktualny += 1;
    if (this.nrAktualny < 0 || this.nrAktualny > this.liczba-1) this.nrAktualny = this.liczba-1;
    document.getElementById(this.id + 'Img').src = this.zdjecia[this.nrAktualny][0];
    if (this.zdjecia[this.nrAktualny][1] != '') {
      document.getElementById(this.id + 'Autor').innerHTML = 'fot. ' + this.zdjecia[this.nrAktualny][1];    
    } else {         
      document.getElementById(this.id + 'Autor').innerHTML = '&nbsp;';       
    }
    menu = '<ul>';
    if (this.liczba<11) {
      for (var i = 0; i < this.liczba; i++) {           
        if (i==this.nrAktualny) {
          menu += '<li id="selected">' + (i+1) + '</li>';
        } else {
          menu += '<li id="link"><a href="javascript:' + this.id + '.wyswietl(' + i + ')">' + (i+1) + '</a></li>';
        }  
      }
    } else {
      if(this.nrAktualny>5){menu += '<li id="link"><a href="javascript:' + this.id + '.poprzedni()"><b>..</b></a></li>';} else {menu += '<li id="link"><a><b>&nbsp;&nbsp;</b></a></li>';}
      if(this.nrAktualny<=5){
        for (var i = 0; i < 11; i++) {     
          if(i>=0){
            if (i==this.nrAktualny) {
              if(i<this.liczba){menu += '<li id="selected">' + (i+1) + '</li>';}
            } else {
              if(i<this.liczba){menu += '<li id="link"><a href="javascript:' + this.id + '.wyswietl(' + i + ')">' + (i+1) + '</a></li>';}
            }
          }  
        }
      }	
      if(this.nrAktualny>5 && this.nrAktualny<this.liczba-5){
        for (var i = this.nrAktualny-5; i < this.nrAktualny+6; i++) {     
          if(i>=0){
            if (i==this.nrAktualny) {
              if(i<this.liczba){menu += '<li id="selected">' + (i+1) + '</li>';}
            } else {
              if(i<this.liczba){menu += '<li id="link"><a href="javascript:' + this.id + '.wyswietl(' + i + ')">' + (i+1) + '</a></li>';}
            }
          }
        }
      } 
      if(this.nrAktualny>=this.liczba-5){
        for (var i = this.liczba-11; i < this.liczba; i++) {     
          if(i>=0){
            if (i==this.nrAktualny) {
              if(i<this.liczba){menu += '<li id="selected">' + (i+1) + '</li>';}
            } else {
              if(i<this.liczba){menu += '<li id="link"><a href="javascript:' + this.id + '.wyswietl(' + i + ')">' + (i+1) + '</a></li>';}
            }
          }
        }
      } 
      if(this.nrAktualny<this.liczba-5){menu += '<li id="link"><a href="javascript:' + this.id + '.nastepny()"><b>..</b></a></li>';} else {menu += '<li id="link"><a><b>&nbsp;&nbsp;</b></a></li>';}
    }
    menu += '</ul>';
    document.getElementById(this.id + 'Menu').innerHTML = menu;
	}
	
	
	// ********************
  // Funkcja poprzedni()
  // ********************	
	this.poprzedni = function()
	{
    this.nrAktualny -= 1;
    if (this.nrAktualny < 0 || this.nrAktualny > this.liczba-1) this.nrAktualny = 0;
    document.getElementById(this.id + 'Img').src = this.zdjecia[this.nrAktualny][0];
    if (this.zdjecia[this.nrAktualny][1] != '') {
      document.getElementById(this.id + 'Autor').innerHTML = 'fot. ' + this.zdjecia[this.nrAktualny][1];    
    } else {         
      document.getElementById(this.id + 'Autor').innerHTML = '&nbsp;';       
    }
    menu = '<ul>';
    if (this.liczba<11) {
      for (var i = 0; i < this.liczba; i++) {           
        if (i==this.nrAktualny) {
          menu += '<li id="selected">' + (i+1) + '</li>';
        } else {
          menu += '<li id="link"><a href="javascript:' + this.id + '.wyswietl(' + i + ')">' + (i+1) + '</a></li>';
        }  
      }
    } else {
      if(this.nrAktualny>5){menu += '<li id="link"><a href="javascript:' + this.id + '.poprzedni()"><b>..</b></a></li>';} else {menu += '<li id="link"><a><b>&nbsp;&nbsp;</b></a></li>';}
      if(this.nrAktualny<=5){
        for (var i = 0; i < 11; i++) {     
          if(i>=0){
            if (i==this.nrAktualny) {
              if(i<this.liczba){menu += '<li id="selected">' + (i+1) + '</li>';}
            } else {
              if(i<this.liczba){menu += '<li id="link"><a href="javascript:' + this.id + '.wyswietl(' + i + ')">' + (i+1) + '</a></li>';}
            }
          }  
        }
      }	
      if(this.nrAktualny>5 && this.nrAktualny<this.liczba-5){
        for (var i = this.nrAktualny-5; i < this.nrAktualny+6; i++) {     
          if(i>=0){
            if (i==this.nrAktualny) {
              if(i<this.liczba){menu += '<li id="selected">' + (i+1) + '</li>';}
            } else {
              if(i<this.liczba){menu += '<li id="link"><a href="javascript:' + this.id + '.wyswietl(' + i + ')">' + (i+1) + '</a></li>';}
            }
          }
        }
      } 
      if(this.nrAktualny>=this.liczba-5){
        for (var i = this.liczba-11; i < this.liczba; i++) {     
          if(i>=0){
            if (i==this.nrAktualny) {
              if(i<this.liczba){menu += '<li id="selected">' + (i+1) + '</li>';}
            } else {
              if(i<this.liczba){menu += '<li id="link"><a href="javascript:' + this.id + '.wyswietl(' + i + ')">' + (i+1) + '</a></li>';}
            }
          }
        }
      } 
      if(this.nrAktualny<this.liczba-5){menu += '<li id="link"><a href="javascript:' + this.id + '.nastepny()"><b>..</b></a></li>';} else {menu += '<li id="link"><a><b>&nbsp;&nbsp;</b></a></li>';}
    }
    menu += '</ul>';
    document.getElementById(this.id + 'Menu').innerHTML = menu;
	}
  
  
  // *************************
  // Funkcja PrevTransparent()
  // *************************	  
  this.PrevTransparent = function() 
  {
    document.getElementById(this.id+'Prev').style.backgroundImage="none";
  }	
  
  // *************************
  // Funkcja PrevColor()
  // *************************
  this.PrevColor = function() 
  {
    document.getElementById(this.id+'Prev').style.backgroundImage="url(images/prev.png)";
    document.getElementById(this.id+'Prev').style.backgroundRepeat="no-repeat";
    document.getElementById(this.id+'Prev').style.backgroundPosition="center left";
  }
  
  // *************************
  // Funkcja NextTransparent()
  // *************************
  this.NextTransparent = function() 
  {
    document.getElementById(this.id+'Next').style.backgroundImage="none";
  }	
  
  // *************************
  // Funkcja NextColor()
  // *************************
  this.NextColor = function() 
  {
    document.getElementById(this.id+'Next').style.backgroundImage="url(images/next.png)";
    document.getElementById(this.id+'Next').style.backgroundRepeat="no-repeat";
    document.getElementById(this.id+'Next').style.backgroundPosition="center right";
  }
  	
  // *************************
  // pierwsze menu
  // *************************
  menu = '<ul>';
  if (this.liczba<11) {
    for (var i = 0; i < this.liczba; i++) {           
      if (i==this.nrAktualny) {
        menu += '<li id="selected">' + (i+1) + '</li>';
      } else {
        menu += '<li id="link"><a href="javascript:' + this.id + '.wyswietl(' + i + ')">' + (i+1) + '</a></li>';
      }  
    }
  } else {
    if(this.nrAktualny>5){menu += '<li id="link"><a href="javascript:' + this.id + '.poprzedni()"><b>..</b></a></li>';} else {menu += '<li id="link"><a><b>&nbsp;&nbsp;</b></a></li>';}
    if(this.nrAktualny<=5){
      for (var i = 0; i < 11; i++) {     
        if(i>=0){
          if (i==this.nrAktualny) {
            if(i<this.liczba){menu += '<li id="selected">' + (i+1) + '</li>';}
          } else {
            if(i<this.liczba){menu += '<li id="link"><a href="javascript:' + this.id + '.wyswietl(' + i + ')">' + (i+1) + '</a></li>';}
          }
        }  
      }
    }	
    if(this.nrAktualny>5 && this.nrAktualny<this.liczba-5){
      for (var i = this.nrAktualny-5; i < this.nrAktualny+6; i++) {     
        if(i>=0){
          if (i==this.nrAktualny) {
            if(i<this.liczba){menu += '<li id="selected">' + (i+1) + '</li>';}
          } else {
            if(i<this.liczba){menu += '<li id="link"><a href="javascript:' + this.id + '.wyswietl(' + i + ')">' + (i+1) + '</a></li>';}
          }
        }
      }
    } 
    if(this.nrAktualny>=this.liczba-5){
      for (var i = this.liczba-11; i < this.liczba; i++) {     
        if(i>=0){
          if (i==this.nrAktualny) {
            if(i<this.liczba){menu += '<li id="selected">' + (i+1) + '</li>';}
          } else {
            if(i<this.liczba){menu += '<li id="link"><a href="javascript:' + this.id + '.wyswietl(' + i + ')">' + (i+1) + '</a></li>';}
          }
        }
      }
    } 
    if(this.nrAktualny<this.liczba-5){menu += '<li id="link"><a href="javascript:' + this.id + '.nastepny()"><b>..</b></a></li>';} else {menu += '<li id="link"><a><b>&nbsp;&nbsp;</b></a></li>';}
  }
	menu += '</ul>';

  // *************************
  // wyświetl kod html
  // *************************
	document.write(
		'<div id="' + this.id + '" class="zdjeciaDiv">' +
			'<div id="' + this.id + 'Menu" class="zdjeciaMenu">' + menu +	'</div>' +
			'<div style="position:relative">' +
      '<div><img id="' + this.id + 'Img" class="zdjecie" src="' + zdjecia[this.nrAktualny][0] + '" alt=""></img></div>' +
      '<div id="'+this.id+'Prev" class="zdjeciaPrev" onmouseover="'+this.id + '.PrevColor()" onmouseout="'+this.id + '.PrevTransparent()" onclick="' + this.id + '.poprzedni()"><img src="images/zdjecie-tlo.png" width="200px" height="600px"></img></div>' +
      '<div id="'+this.id+'Next" class="zdjeciaNext" onmouseover="'+this.id + '.NextColor()" onmouseout="'+this.id + '.NextTransparent()" onclick="' + this.id + '.nastepny()"><img src="images/zdjecie-tlo.png" width="200px" height="600px"></img></div>' +
      '</div>' +
			'<div id="' + this.id + 'Autor" class="zdjeciaAutor">' + (zdjecia[this.nrAktualny][1] != '' ? 'fot. ' + zdjecia[this.nrAktualny][1]: '&nbsp;') + '</div>' +
		'</div>'
	);

}