var winw, posdoc=document.getElementById("idpos"), posleft;
var imgs = new Array("images/cat00.jpg", "images/cat01.jpg", "images/cat02.jpg", "images/cat03.jpg", "images/cat04.jpg", "images/cat05.jpg",
		    "images/cat06.jpg", "images/cat07.jpg", "images/cat08.jpg", "images/cat09.jpg", "images/cat10.jpg"), 
preloadimgs = new Array(), catpicstart = true, catvpicd=document.getElementById("idcatvpic"), 
catshowd=document.getElementById("idcatshow"), catvshowd=document.getElementById("idcatvshow"),
stopd=document.getElementById("idstop"), catime, catstopind=false, catvind=false, n = Math.floor(Math.random() * imgs.length);

catvshowd.style.visibility="hidden";

function set_poscat()
{
  winw = document.body.clientWidth;
  if (winw > 770)
    posleft =  (winw - 770)/2;
  else
    posleft = 0;
  posdoc.style.left=posleft + "px";
  catvpicd.style.left=posleft + 20 + "px";
}

function preloadImagescat() 
{
  preloadcatshow();
  set_poscat();
	if (document.images) 
	{
		hyp_kenl_over = newImage("images/hyp_kenl-over.gif");
		hyp_cat_over = newImage("images/hyp_cat-over.gif");
		hyp_chow_over = newImage("images/hyp_chow-over.gif");
		hyp_about_over = newImage("images/hyp_about-over.gif");
		hyp_contact_over = newImage("images/hyp_contact-over.gif");
		hyp_home_over = newImage("images/hyp_home-over.gif");
		preloadFlag = true;
	}
  window.onresize=set_poscat;
}
function preloadcatshow()
{
  for (var i = n; i < imgs.length; i++)
  {
    preloadimgs[i] = new Image();
    preloadimgs[i].src = imgs[i];
  }
  for (var i = 0; i < n; i++)
  {
    preloadimgs[i] = new Image();
    preloadimgs[i].src = imgs[i];
  }
showcatpics();
}

function showcatpics()
{
   if (catpicstart)
   {
     catime = setTimeout ("showcatpics()", 3000);
     catpicstart = false;
   }
   else
   {
     if (n < 8)
     {
        if (document.all)
        {
           catshowd.style.filter="blendTrans(duration=0.5)";
           catshowd.filters.blendTrans.Apply();
           catshowd.src= preloadimgs[n].src;
           catshowd.filters.blendTrans.Play();
           if (catvind)
           {
              catvshowd.style.visibility = "hidden";
              catshowd.style.visibility = "visible";
              catvind = false;
           }
             (n == (imgs.length - 1)) ? n = 0: n++;
             catime = setTimeout ("showcatpics()", 5000);
        }
        else
        {
           if (opfirstind)
           {
              if (catvind)
                   opvars("showcatpics()", catvpicd, 1);
	 else
                   opvars("showcatpics()", catshowd, 1);
           }
           else
           {
              catshowd.src= preloadimgs[n].src;
              if (catvind)
              {
                 catvshowd.style.visibility = "hidden";
                 catshowd.style.visibility = "visible";
                 catvind = false;
              }
              opvars("showcatpics()", catshowd, 2);
              (n == (imgs.length - 1)) ? n = 0: n++;
           }
        }
     }
     else
     {
        if (document.all)
        {
           catvshowd.style.filter="blendTrans(duration=0.5)";
           catvshowd.filters.blendTrans.Apply();
           catvshowd.src= preloadimgs[n].src;
           catvshowd.filters.blendTrans.Play();
           if (catvind == false)
           {
              catvshowd.style.visibility = "visible";
              catshowd.style.visibility = "hidden";
              catvind = true;
           }
             (n == (imgs.length - 1)) ? n = 0: n++;
             catime = setTimeout ("showcatpics()", 5000);
        }
        else
        {
           if (opfirstind)
           {
              if (catvind)
                 opvars("showcatpics()", catvpicd, 1);
	 else
                 opvars("showcatpics()", catshowd, 1);
           }
           else
           {
              catvshowd.src= preloadimgs[n].src;
              if (catvind == false)
              {
                 catvshowd.style.visibility = "visible";
                 catshowd.style.visibility = "hidden";
                 catvind = true;
              }
	 opvars("showcatpics()", catvpicd, 2);
              (n == (imgs.length - 1)) ? n = 0: n++;
           }
        }
     }
   }
}
function catstop(catind)
{
   if (catind == 1)
   {
      clearTimeout(catime);
      clearTimeout(optim);
      stopd.style.color = "#ff0000";
      catstopind = true;
   }
   else
   {
      if (catstopind)
      {
         showcatpics();
         stopd.style.color = "#e5b700";
         catstopind = false;
      }
      else
      {
         clearTimeout(catime);
         clearTimeout(optim);
         catime = setTimeout ("showcatpics()", 1);
      }
   }
}