window.onload = function() {
  iniskript();
}
function iniskript() {
  $("#logo").fadeIn(2000);
  pTop = (($(window).height() - $(".odkazy").outerHeight()) / 2) + $(window).scrollTop() + "px";
  $(".odkazy").css("top", pTop);
  $(".odkazy").animate({left:'0px',top:pTop+'px'},1000);
  pTop = (($(window).height() - $("#stin").outerHeight()) / 2) + $(window).scrollTop() + "px";
  $("#stin").css("top", pTop);
  $("#stin").animate({left:'0px',top:pTop+'px'},500);
  pTop = (($(window).height() - $("#vice").outerHeight()) / 2) + $(window).scrollTop() + "px";
  $("#vice").css("top", pTop);
}
for ( i = 1; i <= 3; i++ ) {
  $('#o'+i)
  	.mouseover(function(){
  		$(this).stop(true, true).animate(
  			{backgroundPosition:"(0px -101px)"}, 
  			{duration:500});
      $("#stin").stop(true, true).animate({left:'350px'},500)
      $("#vice").stop(true, true).show(500);
      document.getElementById("vice").className = ('c'+$(this).attr('id'));
      $(this).attr('title', '');
      $(this).attr('alt', '');
      if ( $(this).attr('id') == "o1" )
        document.getElementById("vice").innerHTML = "<p><b>Postaráme se o váš pitný režim!</b></p><p>Nabízíme:</p><ul><li>prodej a pronájem výdejníků<li>prodej balené vody<li>rozvoz vody až k vám<li>pravidelnou údržbu výdejníků<li>prodej náhradních dílů a servis</ul><p>Pro více informací klikněte a budete přesměrování na náš web.</p>";
      if ( $(this).attr('id') == "o2" )
        document.getElementById("vice").innerHTML = "<p><b>Krájejte zdravě!</b></p><p>Keramický nůž je řezný nástroj, k jehož výrobě byla použita moderní technologie. Jedná se o výrobek z látky zvané oxid zirkoničitý, (ZrO2), jež po zpracování dosahuje na Mohsově stupnici tvrdosti hodnoty 8,2. Čepele vyrobené z oxidu zirkoničitého navíc nepodléhají korozi. Jejich ostří je značně odolnější proti opotřebování, a proto vydrží mnohem déle.</p>";
      if ( $(this).attr('id') == "o3" )
        document.getElementById("vice").innerHTML = "<p><b>Zabalíme Váš výrobek!</b></p><p>Nabízíme:</p><ul><li>plastové PET láhve<li>plastové uzávěry pro nápojový průmysl<li>plastové uzávěry pro motorové oleje<li>plastové lahvičky, uzávěry, odměrky atd. vše pro farmacii<li>technologie pro aplikaci plastových etiket<li>technologie pro vyfukování PET láhví<li>plastové láhve pro kosmetiku</ul>"})
  	.mouseout(function(){
  		$(this).stop(true, true).animate(
  			{backgroundPosition:"(0 0)"}, 
  			{duration:500})
      $("#stin").stop(true, true).animate({left:'0px'},500)
      $("#vice").stop(true, true).hide(500);
  		})
}              

// var isrunning = false;
// function dk() {
//   if (document.body && document.body.offsetWidth) {
//     winW = document.body.offsetWidth;
//     winH = document.body.offsetHeight;
//   }
//   if (document.compatMode=='CSS1Compat' &&
//     document.documentElement &&
//     document.documentElement.offsetWidth ) {
//     winW = document.documentElement.offsetWidth;
//     winH = document.documentElement.offsetHeight;
//   }
//   if (window.innerWidth && window.innerHeight) {
//     winW = window.innerWidth;
//     winH = window.innerHeight;
//   }
//   $('.odkazy').fadeIn(250);
//   document.getElementById('odkazy').style.top = (winH-450)+"px";
//   document.getElementById('odkazy').style.left= (winW/2-700/2)+"px";
//   setTimeout("$('#o1').fadeIn(100)", 0);
//   setTimeout("$('#o2').fadeIn(100)", 100);
//   setTimeout("$('#o3').fadeIn(100)", 200);  
//   /*document.getElementById('logo').style.top = winH/2-400/2-200/2+"px";
//   document.getElementById('logo').style.left= (winW/2-300/2)+"px";*/
//   setTimeout("$('#logo').fadeIn(1000)", 1000);       
//   //document.getElementById('body').style.backgroundPosition = (winW/2-600/3)+"px "+(winH-400)+"px";  
//   $("#odkazy").animate(
//   	{backgroundPosition:"(0px 0px)"}, 
//   	{duration:250})
//   if ( isrunning == false ) {
//     bg(1);
//     isrunning = true;
//   }
// }
// 
// function bg(i) {                
//   $("#bg").animate(
//   	{backgroundPosition:"(-"+i+"000px 0px)"}, 
//   	{duration:10000})
//   i++;
//   setTimeout("bg("+i+")", 10000);    
//   $('#o1').show();
//   $('#o2').show();
//   $('#o3').show();  
// }
// 
// for ( i = 1; i <= 3; i++ ) {
//   $('#o'+i)
//   	.mouseover(function(){
//   		$(this).stop().animate(
//   			{backgroundPosition:"(-200px 0px)"}, 
//   			{duration:250})
//   		})
//   	.mouseout(function(){
//   		$(this).stop().animate(
//   			{backgroundPosition:"(0 0)"}, 
//   			{duration:500})
//   		})
//   document.getElementById('o'+i).title = "";
// }