// JavaScript Document
var Timer = null;
var TimerOP = null;
var TimeRotator = 2000; // Cas rotace obrazku
var TimeOP = 100; // Cas pro zmenu opacity obrazku
var RotatorTheme01Img = new Array("1", "2");
var RotatorTheme02Img = new Array("3", "4");
var RotatorTheme03Img = new Array("5", "6");
var RotatorTheme04Img = new Array("7", "8");
var RotatorTheme = new Array("center1", "center2", "center3", "center4");
var OldCount = 1;
var param = 0;
var RotatorOP = 1;
var RotatorObject = null;
RotatorThemeImg = RotatorTheme01Img.concat(RotatorTheme02Img);
RotatorThemeImg = RotatorThemeImg.concat(RotatorTheme03Img);
RotatorThemeImg = RotatorThemeImg.concat(RotatorTheme04Img);
var PromCenter = new Array();
var PromImg = new Array();
    for (b=0;b<RotatorTheme01Img.length;b++)
    {
      PromCenter[b] = '1';
      PromImg[b] = RotatorTheme01Img[b];
    }
    var c = b;
    for (b=0;b<RotatorTheme02Img.length;b++)
    {
      PromCenter[c] = '2';
      PromImg[c] = RotatorTheme02Img[b];
    var c = c + 1;
    }
    for (b=0;b<RotatorTheme03Img.length;b++)
    {
      PromCenter[c] = '3';
      PromImg[c] = RotatorTheme03Img[b];
    var c = c + 1;
    }
    for (b=0;b<RotatorTheme04Img.length;b++)
    {
      PromCenter[c] = '4';
      PromImg[c] = RotatorTheme04Img[b];
    var c = c + 1;
    }
//**********************************************************************
  $(document).ready(function() {
    onMouseNumber(1, 1, 5000);
  });
  $(document).ready(function(info){
     $("#center1").bind("mouseover", {x: 1, y: 1, t: 5000}, translatorQuery)
  });
  $(document).ready(function(info){
     $("#center2").bind("mouseover", {x: 2, y: 3, t: 5000}, translatorQuery)
  });
  $(document).ready(function(info){
     $("#center3").bind("mouseover", {x: 3, y: 5, t: 5000}, translatorQuery)
  });
  $(document).ready(function(info){
     $("#center4").bind("mouseover", {x: 4, y: 7, t: 5000}, translatorQuery)
  });
  $(document).ready(function(info){
     $("#boxBtn01").bind("mouseover", {x: 1, y: 1, t: 5000}, translatorQuery)
  });
  $(document).ready(function(info){
     $("#boxBtn02").bind("mouseover", {x: 1, y: 2, t: 5000}, translatorQuery)
  });
  $(document).ready(function(info){
     $("#boxBtn03").bind("mouseover", {x: 2, y: 3, t: 5000}, translatorQuery)
  });
  $(document).ready(function(info){
     $("#boxBtn04").bind("mouseover", {x: 2, y: 4, t: 5000}, translatorQuery)
  });
  $(document).ready(function(info){
     $("#boxBtn05").bind("mouseover", {x: 3, y: 5, t: 5000}, translatorQuery)
  });
  $(document).ready(function(info){
     $("#boxBtn06").bind("mouseover", {x: 3, y: 6, t: 5000}, translatorQuery)
  });
  $(document).ready(function(info){
     $("#boxBtn07").bind("mouseover", {x: 4, y: 7, t: 5000}, translatorQuery)
  });
  $(document).ready(function(info){
     $("#boxBtn08").bind("mouseover", {x: 4, y: 8, t: 5000}, translatorQuery)
  });
  function translatorQuery(info) {
    onMouseNumber(info.data.x, info.data.y, info.data.t);
  }
//**********************************************************************
function RotateChange(cil)
{
  document.getElementById(cil).className = "active";
}
function RotateChangeOff(cil)
{
  document.getElementById(cil).className = "noactive";
}
function ChangeTheme(i)
{
      OnOffTheme(i);
      switch(i)
      {
      case '1':
        ChangeImg(RotatorTheme01Img[0]);
        ChangeNumber(RotatorTheme01Img[0]);
        break;
      case '2':
        ChangeImg(RotatorTheme02Img[0]);
        ChangeNumber(RotatorTheme02Img[0]);
        break;
      case '3':
        ChangeImg(RotatorTheme03Img[0]);
        ChangeNumber(RotatorTheme03Img[0]);
        break;
      case '4':
        ChangeImg(RotatorTheme04Img[0]);
        ChangeNumber(RotatorTheme04Img[0]);
        break;
      };
}
function OnOffTheme(i)
{
  for (a=0;a<RotatorTheme.length;a++)
  {
    RotateChangeOff(RotatorTheme[a]);
  }
  RotateChange('center'+i);
}
function ChangeImg(newy)
{
  RotatorObject = null;
  clearTimeout(TimerOP);
  TimerOP = null;
  RotatorOP = 0;
  for (a=0;a<RotatorThemeImg.length;a++)
  {
  document.getElementById('boxImg0'+RotatorThemeImg[a]).style.visibility = "hidden";
  document.getElementById('boxImg0'+newy).style.visibility = "visible";
  //RotatorObject = 'boxImg0'+newy;
  }
  //TimingChangeImg();
}
function TimingChangeImg()
{
    document.getElementById(RotatorObject).style.opacity = (RotatorOP/10);
    if(RotatorOP==10)
    	{
    		return;
    	}
    RotatorOP += 1;
    TimerOP=setTimeout("TimingChangeImg();",TimeOP);
}
function ChangeNumber(number)
{
  for (a=0;a<RotatorThemeImg.length;a++)
  {
  document.getElementById('boxBtn0'+RotatorThemeImg[a]).className = "deselected";
  document.getElementById('boxBtn0'+number).className = "selected";
  }
}
function RotateImg(newyTheme, newyImg)
{
  OnOffTheme(newyTheme);
  ChangeImg(newyImg);
  ChangeNumber(newyImg);
}
function StartRotateTimer(TimeRotator, lastPlace)
{
  OldCount = parseInt(lastPlace);
  clearTimeout(Timer);
  Timer = null;
  Timer = setTimeout("RotateTimer();",TimeRotator);
}
function RotateTimer()
{
  clearTimeout(Timer);
  Timer = null;
  var ValCount = OldCount;
  if (OldCount == PromImg.length)
  {
  OldCount = -1;
  ValCount = 0;
  }
  RotateImg(PromCenter[ValCount], PromImg[ValCount]);
  OldCount = OldCount + 1;
  Timer = setTimeout("RotateTimer();",TimeRotator);
}
function onMouseNumber (x, y, t)
{
  if (y=='')
  {
      switch(x)
      {
      case '1':
          y = RotatorTheme01Img[0];
        break;
      case '2':
          y = RotatorTheme02Img[0];
        break;
      case '3':
          y = RotatorTheme03Img[0];
        break;
      case '4':
          y = RotatorTheme04Img[0];
        break;
      };
  }
  RotateImg(x, y);
  clearTimeout(Timer);
  Timer = null;
  StartRotateTimer(t, y);
}