var winw, posleft, aboutstart=0, aboutshowd=document.getElementById("idaboutpicrt"), 
aboutime, aboutpic1=true, countno=0,  abtpiano0d = document.getElementById("idabtpiano0"), 
abtpiano2d = document.getElementById("idabtpiano2"), abtpiano4d = document.getElementById("idabtpiano4"),
abtpiano6d = document.getElementById("idabtpiano6"), abtpiano8d = document.getElementById("idabtpiano8"),
abtpiano10d = document.getElementById("idabtpiano10"), about1start=0, about1showd=document.getElementById("idaboutpiclft"), 
about1time, about1pic1=true, countno1=0, abtrest0d = document.getElementById("idabtrest0"), 
abtrest2d = document.getElementById("idabtrest2"), abtrest4d = document.getElementById("idabtrest4"), 
abtrest6d = document.getElementById("idabtrest6"), abtrest8d = document.getElementById("idabtrest8"), aboutstopind=false;

set_posabout();
about_picrt02_over = newImage("images/about_picrt02.jpg");
about_piclft02_over = newImage("images/about_piclft02.jpg");
window.onresize=set_posabout;
showabout();
showabout1();

function set_posabout()
{
  winw = document.body.clientWidth;
  if (winw > 770)
    posleft =  (winw - 770)/2;
  else
    posleft = 0;
  abtpiano0d.style.left=posleft + 490 + "px";
  abtpiano2d.style.left=posleft + 540 + "px";
  abtpiano4d.style.left=posleft + 670 + "px";
  abtpiano6d.style.left=posleft + 490 + "px";
  abtpiano8d.style.left=posleft + 573 + "px";
  abtpiano10d.style.left=posleft + 670 + "px";
  abtrest0d.style.left=posleft + 185 + "px";
  abtrest2d.style.left=posleft + 231 + "px";
  abtrest4d.style.left=posleft + 365 + "px";
  abtrest6d.style.left=posleft + 187 + "px";
  abtrest8d.style.left=posleft + 346 + "px";
}

function showabout()
{
   if (aboutstart == 0)
   {
      aboutime = setTimeout ("showabout()", 4000);
      aboutstart = 1;
   }
   else
   if (aboutstart == 2)
   {
      aboutstart = 1;
      abtpiano0d.style.visibility = "hidden";
      abtpiano2d.style.visibility = "hidden";
      abtpiano4d.style.visibility = "hidden";
      abtpiano6d.style.visibility = "hidden";
      abtpiano8d.style.visibility = "hidden";
      abtpiano10d.style.visibility = "hidden";
      aboutime = setTimeout ("showabout()", 1000);
   }
   else
   {
      if (countno == 12)
      {
         countno = 0;
         aboutstart = 2;
         aboutime = setTimeout ("showabout()", 9000);
      }
      else
      {
         if (aboutpic1)
         {
            eval("abtpiano" + countno + "d.style.visibility='visible';");
            aboutshowd.src = "images/about_picrt02.jpg";
            aboutpic1 = false;
         }
         else
         {
            aboutshowd.src = "images/about_picrt01.jpg";
            aboutpic1 = true;
         }
         countno = countno + 1;
         aboutime = setTimeout ("showabout()", 500);
      }
   }
}
function showabout1()
{
   if (about1start == 0)
   {
      about1time = setTimeout ("showabout1()", 10000);
      about1start = 1;
   }
   else
   if (about1start == 2)
   {
      about1start = 1;
      abtrest0d.style.visibility = "hidden";
      abtrest2d.style.visibility = "hidden";
      abtrest4d.style.visibility = "hidden";
      abtrest6d.style.visibility = "hidden";
      abtrest8d.style.visibility = "hidden";
      about1time = setTimeout ("showabout1()", 1000);
   }
   else
   {
      if (countno1 == 10)
      {
         countno1 = 0;
         about1start = 2;
         about1time = setTimeout ("showabout1()", 10600);
      }
      else
      {
         if (about1pic1)
         {
            eval("abtrest" + countno1 + "d.style.visibility='visible';");
            about1showd.src = "images/about_piclft02.jpg";
            about1pic1 = false;
         }
         else
         {
            about1showd.src = "images/about_piclft01.jpg";
            about1pic1 = true;
         }
         countno1 = countno1 + 1;
         about1time = setTimeout ("showabout1()", 500);
      }
   }
}

function aboutstop()
{
   if (aboutstopind)
   {
      abtpiano0d.style.visibility = "hidden";
      abtpiano2d.style.visibility = "hidden";
      abtpiano4d.style.visibility = "hidden";
      abtpiano6d.style.visibility = "hidden";
      abtpiano8d.style.visibility = "hidden";
      abtpiano10d.style.visibility = "hidden";
      abtrest0d.style.visibility = "hidden";
      abtrest2d.style.visibility = "hidden";
      abtrest4d.style.visibility = "hidden";
      abtrest6d.style.visibility = "hidden";
      abtrest8d.style.visibility = "hidden";
      aboutstart = 1; aboutpic1=true; countno=0;
      aboutshowd.src = "images/about_picrt01.jpg";
      aboutime = setTimeout ("showabout()", 1000);
      about1start = 1; about1pic1=true; countno1=0;
      about1showd.src = "images/about_piclft01.jpg";
      about1time = setTimeout ("showabout1()", 7500);
      aboutstopind = false;
   }
   else
   {
      clearTimeout(aboutime);
      clearTimeout(about1time);
      aboutstopind = true;
      abtpiano0d.style.visibility = "visible";
      abtpiano2d.style.visibility = "visible";
      abtpiano4d.style.visibility = "visible";
      abtpiano6d.style.visibility = "visible";
      abtpiano8d.style.visibility = "visible";
      abtpiano10d.style.visibility = "visible";
      abtrest0d.style.visibility = "visible";
      abtrest2d.style.visibility = "visible";
      abtrest4d.style.visibility = "visible";
      abtrest6d.style.visibility = "visible";
      abtrest8d.style.visibility = "visible";
   }
}