var refs = new Array(
  
	new Array(
    "/graphics/ref_dvzp.png",
    "Digitální vzpomínky",
    "webová prezentace a její správa",
    "Design stránek digitalizační služby Digitální vzpomínky byl navržen s důrazem na přehlednost, zároveň však působí lehce a moderně. Snadnost použití umocňují interaktivní prvky, zejména hojně využívaná online cenová kalkulačka. Součástí je úspěšná SEO optimalizace na zvolená klíčová slova."
  )
	
	,new Array(
    "/graphics/ref_diplo.png",
    "Svatební veletrh",
    "natáčení s přímým přenosem",
    "Natáčení tradičního Svatebního veletrhu v Hotelu Diplomat vyžadovalo nejen technickou kvalitu záznamu, ale také precizní časovou koordinaci. Součástí natáčení byl přímý přenos módní přehlídky na velkoplošné obrazovky, díky kterému se mohli krásnými něvěstami kochat i vzdálenější diváci."
		)
		
	,new Array(
    "/graphics/ref_hs.png",
    "Hotelová škola Radlická",
    "webová prezentace a její správa",
    "Požadavky pražské magistrátní hotelové školy směřovaly zejména k přehlednému členění většího objemu informací, pro které bylo zvoleno horizontální „vyjížděcí“ menu a lehké, světlé barevné ladění. Design byl akcentován temně červenou barvou. Při správě stránek je kladen důraz na kvalitní a včasné aktualizace, které studenti i další návštěvníci ocení."
		)
		
	,new Array(
    "/graphics/ref_ppf.png",
    "Best Holding Agent",
    "flashová animace",
    "Součástí kongresu společnosti PPF/Generali bylo představení jednotlivých manažerů, které bylo doprovázeno stylovou ozvučenou animací. Ta jednotlivé osoby zobrazovala jako agenty tajné služby a atraktivní formou poskytovala dané údaje. Součástí byla mimo jiné také animace „příletu“ do bydliště manažera s využitím letecké mapy."
		)
	
	);
	
	

var cur_ref; 

$(document).ready(function(){
	
	set_ref(0);
  
  images_preload();
  
});

function set_ref(ref_num)
{
  var bg = "url('" + refs[ref_num][0] + "')";
  $("#panorama-ref").stop().animate({"opacity": 0}, 300, function() {
      $("#panorama-ref").css("background", bg);
      $("#panorama-ref").animate({"opacity": 1}, 600);
      cur_ref = ref_num;
  });
  
  var nazev = refs[ref_num][1];
  var typ = refs[ref_num][2];
  var popis = refs[ref_num][3];
  //$("#ref-nazev").text(nazev);
  //$("#ref-typ").text(typ);
  
  $("#ref-nazev").animate({"opacity": 0}, 100, function() {
      $("#ref-nazev").text(nazev);
      $("#ref-nazev").animate({"opacity": 1}, 200);
  });
  
  $("#ref-typ").animate({"opacity": 0}, 100, function() {
      $("#ref-typ").text(typ);
      $("#ref-typ").animate({"opacity": 1}, 200);
  });
  
	$("#ref-popis").animate({"opacity": 0}, 100, function() {
      $("#ref-popis").html(popis);
      $("#ref-popis").animate({"opacity": 1}, 200);
  });
  
}

function next_ref()
{
  cur_ref = ((cur_ref + 1) % refs.length);
  set_ref(cur_ref);
}

function prev_ref()
{
  if (cur_ref == 0) cur_ref = refs.length;
  cur_ref = ((cur_ref - 1) % refs.length);
  set_ref(cur_ref);
}

function images_preload()
{
  var img;
  for (var i = 1; i < refs.length; i++)
  {
    img = new Image();
    img.src = refs[i][0];
  }
}