var MainMovieID;
var Position = new Array();
Position[1] = 0;
Position[2] = 116;
Position[3] = 232;
Position[4] = -232;
Position[5] = -116;
function PageOpen() {
  SubMovieID = setTimeout("SubMovieStart()",100); }
var CheckCenter = 0;
var NextStop    = 1;
var LoopCounter = 1;
var ChangeImage1 = 100;
var ChangeImage2 = 0;
var ForOpacity   = "";
function FadeOutImage1() {
  ChangeImage1 = ChangeImage1 - 4;
  document.getElementById('index-main-2').style.filter = "alpha(opacity="+String(ChangeImage1)+")";
  if ( ChangeImage1 == 100 ) { ForOpacity = "1"; } else if ( ChangeImage1 < 10 ) { ForOpacity = "0.0"+String(ChangeImage1); } else { ForOpacity = "0."+String(ChangeImage1); }
  document.getElementById('index-main-2').style.opacity = ForOpacity;
  if ( ChangeImage1 == 0 ) {
    clearTimeout(MainMovieID);
    MainMovieID = setTimeout("FadeInImage2()",100); }
  else {
    clearTimeout(MainMovieID);
    MainMovieID = setTimeout("FadeOutImage1()",2); } }

function FadeOutImage2() {
  ChangeImage2 = ChangeImage2 - 4;
  document.getElementById('index-main-image-'+String(CheckCenter)).style.filter = "alpha(opacity="+String(ChangeImage2)+")";
  if ( ChangeImage2 == 100 ) { ForOpacity = "1"; } else if ( ChangeImage2 < 10 ) { ForOpacity = "0.0"+String(ChangeImage2); } else { ForOpacity = "0."+String(ChangeImage2); }
  document.getElementById('index-main-image-'+String(CheckCenter)).style.opacity = ForOpacity;
   if ( ChangeImage2 == 0 ) {
    clearTimeout(MainMovieID);
     MainMovieID = setTimeout("FadeInImage1()",10); }
  else {
    clearTimeout(MainMovieID);
     MainMovieID = setTimeout("FadeOutImage2()",2); } }

function FadeInImage1() {
  ChangeImage1 = ChangeImage1 + 4;
  document.getElementById('index-main-2').style.filter = "alpha(opacity="+String(ChangeImage1)+")";
  if ( ChangeImage1 == 100 ) { ForOpacity = "1"; } else if ( ChangeImage1 < 10 ) { ForOpacity = "0.0"+String(ChangeImage1); } else { ForOpacity = "0."+String(ChangeImage1); }
  document.getElementById('index-main-2').style.opacity = ForOpacity;
  if ( ChangeImage1 == 100 ) {
    clearTimeout(MainMovieID);
    MainMovieID = setTimeout("MoveControl()",10); }
  else {
    clearTimeout(MainMovieID);
    MainMovieID = setTimeout("FadeInImage1()",2); } }

function FadeInImage2() {
  ChangeImage2 = ChangeImage2 + 4;
  document.getElementById('index-main-image-'+String(CheckCenter)).style.filter = "alpha(opacity="+String(ChangeImage2)+")";
  if ( ChangeImage2 == 100 ) { ForOpacity = "1"; } else if ( ChangeImage2 < 10 ) { ForOpacity = "0.0"+String(ChangeImage2); } else { ForOpacity = "0."+String(ChangeImage2); }
  document.getElementById('index-main-image-'+String(CheckCenter)).style.opacity = ForOpacity;
  if ( ChangeImage2 == 100 ) {
    clearTimeout(MainMovieID);
    MainMovieID = setTimeout("FadeOutImage2()",3000); }
  else {
    clearTimeout(MainMovieID);
    MainMovieID = setTimeout("FadeInImage2()",2); } }

function MoveControl() {
  if ( document.getElementById ) {
    if ( CheckCenter ) {
      document.getElementById('index-main-image-'+String(CheckCenter)).style.filter = "alpha(opacity=0)";
      document.getElementById('index-main-image-'+String(CheckCenter)).style.display = "none"; }
    CheckCenter = 0;
    for ( i = 1 ; i <= 5 ; i++ ) {
      Position[i] = Position[i] + 4;
      if ( Position[i] >= 348 ) { Position[i] = -232; }
      if ( NextStop == i ) {
        if ( Position[i] == 68 ) {
          if ( LoopCounter == 0 ) { CheckCenter = i; }
          else { LoopCounter--; } } }
      document.getElementById('index-main-game-'+String(i)).style.top = String(Position[i])+"px"; }
    if ( CheckCenter ) {
      LoopCounter = 1;
      NextStop++;
      if ( NextStop > 5 ) { NextStop = 1; }
      document.getElementById('index-main-image-'+String(CheckCenter)).style.filter = "alpha(opacity=0)";
      document.getElementById('index-main-image-'+String(CheckCenter)).style.opacity = "0";
      document.getElementById('index-main-image-'+String(CheckCenter)).style.display = "block";
      ChangeImage = 100;
      clearTimeout(MainMovieID);
      MainMovieID = setTimeout("FadeOutImage1()",10); }
    else {
      clearTimeout(MainMovieID);
      MainMovieID = setTimeout("MoveControl()",1); } } }

var SubMovieNumber = 0;
var ChangeSubImage = 0;
var SubPosition1 = new Array();
var SubPosition2 = new Array();
var SubFile      = new Array();
SubPosition1[1] = 70;
SubPosition1[2] = 70;
SubPosition1[3] = 128;
SubPosition1[4] = 128;
SubPosition1[5] = 186;
SubPosition1[2] = 34;
SubPosition2[1] = 34;
SubPosition2[2] = 174;
SubPosition2[3] = 34;
SubPosition2[4] = 174;
SubPosition2[5] = 34;
SubFile[1] = "/images/games/dragon-story-title.jpg";
SubFile[2] = "/images/games/furaijin-title.jpg";
SubFile[3] = "/images/games/wild-savanna-2-title.jpg";
SubFile[4] = "/images/games/club-deja-vu-title.jpg";
SubFile[5] = "/images/games/miracle-circus-title.jpg";
var SubMovieID;
function SubMovieInit() {
  ChangeSubImage = ChangeSubImage + 10;
  document.getElementById('sub-1-action').innerHTML  = "";
  for ( i = 1 ; i <= 5 ; i++ ) {
    document.getElementById('index-sub-1-game-'+String(i)).style.filter = "alpha(opacity="+String(ChangeSubImage)+")";
    if ( ChangeSubImage == 100 ) { ForOpacity = "1"; } else if ( ChangeSubImage < 10 ) { ForOpacity = "0.0"+String(ChangeSubImage); } else { ForOpacity = "0."+String(ChangeSubImage); }
    document.getElementById('index-sub-1-game-'+String(i)).style.opacity = ForOpacity; }
 if ( ChangeSubImage >= 100 ) {
   clearTimeout(SubMovieID);
  SubMovieID = setTimeout("SubMovieStart()",10000); }
 else {
   clearTimeout(SubMovieID);
  SubMovieID = setTimeout("SubMovieInit()",30); } }
function SubMovieStart() {
  SubMovieNumber++;
  if ( SubMovieNumber > 5 ) { SubMovieNumber = 1; }
  for ( i = 1 ; i <= 5 ; i++ ) {
    document.getElementById('index-sub-1-game-'+String(i)).style.filter = "gray() alpha(opacity=20)";
    document.getElementById('index-sub-1-game-'+String(i)).style.opacity = ".20"; }
  document.getElementById('sub-1-action').innerHTML  = "<img src='"+SubFile[SubMovieNumber]+"' width='140' height='58' class='sub-1-active-image'  id='sub-1-active-image'>";
  document.getElementById('sub-1-active-image').style.filter = "alpha(opacity=0)";
  document.getElementById('sub-1-active-image').style.opacity = ".0";
  document.getElementById('sub-1-active-image').style.width  = "140px";
  document.getElementById('sub-1-active-image').style.height = "58px";
  document.getElementById('sub-1-active-image').style.top    = String(SubPosition1[SubMovieNumber])+"px";
  document.getElementById('sub-1-active-image').style.left   = String(SubPosition2[SubMovieNumber])+"px";
  ChangeSubImage = 0;
  SubMovieID = setTimeout("SubMovieFadeIn()",10); }
function SubMovieFadeIn() {
  ChangeSubImage = ChangeSubImage + 10;
  document.getElementById('sub-1-active-image').style.width  = String(140+parseInt(160*ChangeSubImage/100))+"px";
  document.getElementById('sub-1-active-image').style.height = String(58+parseInt(66*ChangeSubImage/100))+"px";
  document.getElementById('sub-1-active-image').style.top    = String(SubPosition1[SubMovieNumber]+parseInt((96-SubPosition1[SubMovieNumber])*ChangeSubImage/100))+"px";
  document.getElementById('sub-1-active-image').style.left   = String(SubPosition2[SubMovieNumber]+parseInt((24-SubPosition2[SubMovieNumber])*ChangeSubImage/100))+"px";
  document.getElementById('sub-1-active-image').style.filter = "alpha(opacity="+String(ChangeSubImage)+")";
  if ( ChangeSubImage == 100 ) { ForOpacity = "1"; } else if ( ChangeSubImage < 10 ) { ForOpacity = "0.0"+String(ChangeSubImage); } else { ForOpacity = "0."+String(ChangeSubImage); }
  document.getElementById('sub-1-active-image').style.opacity = ForOpacity;
  if ( ChangeSubImage >= 100 ) {
    if ( SubMovieNumber == 5 ) { 
      ChangeSubImage = 20;
      clearTimeout(SubMovieID);
      SubMovieID = setTimeout("SubMovieInit()",500); }
    else {
      clearTimeout(SubMovieID);
      SubMovieID = setTimeout("SubMovieStart()",500); } }
  else {
    clearTimeout(SubMovieID);
    SubMovieID = setTimeout("SubMovieFadeIn()",4); } }