var activEffect = false;  // nicht durch Ueberlagerung der Effekte zwei Divs sichtbar machen...

function showDiv(showMe)
{
  if (activEffect == true) return false;
  activEffect = true;

  if ($('screenshot').style.display == 'block')
  {
	  Effect.Fade('screenshot',
	  {
	    duration: 0.3,
	    afterFinish: function()
	    {
	      $('screenshot').style.display = 'none';
	    }
	  });
  }

  var hideMe = false;
  if ($('screens').style.display == 'block') hideMe = "screens";
  if (hideMe == showMe)
  {
	  Effect.Fade(showMe,
	  {
	    duration: 0.3,
	    afterFinish: function()
	    {
	      $(showMe).style.display = 'none';
	      activEffect = false;
	    }
	  });
  }
  else if (hideMe)
  {
	  Effect.Fade(hideMe,
    {
      duration: 0.3,
      afterFinish: function()
      {
		    Effect.Appear(showMe,
        {
          duration: 0.3,
          afterFinish: function()
          {
    		    $(showMe).style.display = 'block';
    		    activEffect = false;
          }
        });
      }
    });
  }
  else
  {
    Effect.Appear(showMe,
    {
      duration: 0.3,
      afterFinish: function()
      {
        $(showMe).style.display = 'block';
        activEffect = false;
      }
    });
  }
  return false;
}

function loadScreenshot(i)
{
  activEffect = true;
  Effect.Appear("screenshot",
  {
    duration: 0.5,
    beforeStart: function()
    {
      var screen = new Image();
      screen.src = "/img/screenshots/"+i+".jpg";
      $("screenImg").src = screen.src;
    },
    afterFinish: function()
    {
      $("screenshot").style.display = 'block';
      activEffect = false;
    }
  });
  return false;
}

function slideX(id, dir, num, width)
{
  var max = -num*width+width;

  var pos = parseInt($(id).style.left);
  if (!pos) pos = 0;

  // Absicherung doppelklick
  if (pos !== 0 && pos%width !== 0) return false;

  if (dir == 'left' && pos < 0)
  {
    pos += width;
    new Effect.Move(id, { x: pos, y: 0, mode: 'absolute', duration: 0.3});
  }
  else if (dir == 'right' && pos > max)
  {
    pos -= width;
    new Effect.Move(id, { x: pos, y: 0, mode: 'absolute', duration: 0.3});
  }

  if (pos == 0)
  {
    $("slideLeft").style.display = 'none';
    $("slideRight").style.display = 'block';
  }
  else if (pos == max)
  {
    $("slideRight").style.display = 'none';
    $("slideLeft").style.display = 'block';
  }
  else
  {
    $("slideLeft").style.display = 'block';
    $("slideRight").style.display = 'block';
  }

  return false;
}