/*
function rysunek(akt, wszystkie)
{
  for(var i=1; i<wszystkie+1; i++)
  {
    if (i==akt)
    {
      document.getElementById('zdjecie_big'+i).style.display="block";
      document.getElementById('zdjecie'+i).className ="selected";
    }
    else
    {
      document.getElementById('zdjecie_big'+i).style.display="none";
      document.getElementById('zdjecie'+i).className ="";
    }
  }
}*/

function rysunek(nr, wszystkie)
{
  if (document.getElementById('zdjecie'+nr).className.indexOf('selected')==-1)
  {
    //fade_in("zdjecie_big"+nr, "zdjecie_big"+akt);
    document.getElementById("zdjecie_big"+nr).style.zIndex = 100;
    document.getElementById("zdjecie_big"+akt).style.zIndex = 0;
    document.getElementById('zdjecie'+akt).className ="";
    document.getElementById('zdjecie'+nr).className ="selected";
    akt = nr;
  }
}

var akt = 1;
var predkosc = 1.5;
var zab = false;

function znikaj(ref, nr)
{
  predkosc = 1.5;
  if (ref.className.indexOf('selected')==-1 && !zab)
  {
    zab = true;
    fade_in("projekt"+nr, "projekt"+akt);
    $$(".wp").each( function(item) { item.removeClassName("selected"); });
    $$(".wpa").each( function(item) { item.removeClassName("selected"); });
    ref.className = 'wp selected';
    ref.firstChild.className = 'wpa selected';
    akt = nr;
    zab = false;
  }
}
  
function gradient(id, id2, level)
{
	var box = document.getElementById(id);
  var box1 = document.getElementById(id2);
  var lev = level/100;
  var negacja = 1-lev;
  var neg = 100-level;
	box.style.opacity = lev;
	box.style.MozOpacity = lev;
	box.style.KhtmlOpacity = lev;
  box.style.filter = (level == 100) ? '' : 'alpha(opacity=' + level + ')';
  
  box1.style.opacity = negacja;
	box1.style.MozOpacity = negacja;
	box1.style.KhtmlOpacity = negacja;
	box1.style.filter = "alpha(opacity=" + neg+ ")";
	return;
}

function fade_in(id,id2) 
{
	var level = 0;
  document.getElementById(id).style.visibility = 'visible';
  document.getElementById(id2).style.visibility = 'visible';
	while(level <= 100)
	{
		setTimeout( "gradient('" + id + "','" + id2 + "'," + level + ")", level* predkosc+ 10);
		level += 5;
	}
  document.getElementById(id).style.zIndex = 100;
  document.getElementById(id2).style.zIndex = 0;
}