var pocet_bublin = 11;
var aktualni_bublina = 0;
var pouzite = new Array();

function in_array(num, arr)
{
  for (i = 0; i < arr.length; i++)
  {
    if (arr[i] == num) return true; 
  }
  return false;
}

function vyber_bublinu(zakazana)
{
  var nahoda = Math.round(Math.random()*(pocet_bublin - 1)) + 1;
  if ((in_array(nahoda, pouzite) && pocet_bublin > 1) || (nahoda == zakazana && pocet_bublin > 1)) {
    vyber_bublinu(zakazana);}  
  else {
    $('#bublina1').css('backgroundPosition','0px '+(nahoda * 77)+'px');
    aktualni_bublina = nahoda;
    delka = pouzite.push(nahoda);
    if (delka == pocet_bublin) pouzite = new Array;}
}



$(document).ready(function(){

$('#obsah').append('<div id="pseudopanacek"></div>');
$('#obsah').append('<div id="bublina1"></div>').append('<div id="bublina2"></div>');
$('#bublina1, #bublina2').hide();

$('#pseudopanacek').hover(
  function() {vyber_bublinu(aktualni_bublina); $('#bublina1').fadeIn('fast', function() {$('#bublina2').fadeIn("fast")})},
  function() {$('#bublina1').fadeOut('fast', function() {$('#bublina2').fadeOut("fast")})}
);

$('#obrazec').append('<div id="zlutak"></div>');
$('#zlutak').hide();
$('#obrazec').hover(
  function() {$('#pseudopanacek').fadeOut('fast'); $('#zlutak').fadeIn('fast')},
  function() {$('#zlutak').fadeOut('fast'); $('#pseudopanacek').fadeIn('fast')}
);

$('#zlutak').hover(
  function() {$('#zlutak').css('backgroundPosition','-34px 0'); $('#obrazec').css('backgroundPosition','0 -343px')},
  function() {$('#obrazec').css('backgroundPosition','0 0'); $('#zlutak').css('backgroundPosition','0 0');}
)

});