// =========================================================
   // Greg Zemskov 
   // =========================================================
   var g_Speed = 10;

   var g_ImageNum = 20;

   var g_CurObj = new Array();
   var g_Opacity = new Array();
   var g_OpacityB = new Array();
   var g_InLoop = new Array();
   var g_Timer = new Array();

   var userAgent = navigator.userAgent.toLowerCase();
   var g_Version = (userAgent.match( /.+(?:rv|it|ra|ie)[\/: ]([\d.]+)/ ) || [])[1];
   var g_Safari = /webkit/.test( userAgent );
   var g_Opera =  /opera/.test( userAgent );
   var g_Msie =  /msie/.test( userAgent ) && !/opera/.test( userAgent );
   var g_Mozilla =  /mozilla/.test( userAgent ) && !/(compatible|webkit)/.test( userAgent );

  // ===================================================
   function Init() {
     for (var i = 0; i < g_ImageNum; i++) {
       g_CurObj[i] = document.getElementById('img_layer_' + i + '1');
       g_Opacity[i] = 99;
       g_OpacityB[i] = 0;
       g_InLoop[i] = false;
       g_Timer[i] = null;
     }
   }                
   
  // ===================================================
  function GetLinked(par_ID) {
    switch (par_ID) {
      case 1: return 10;
      case 2: return 11;
      case 3: return 12;
      case 4: return 13;
      case 12: return 14;
    }
       
    return null;
  }

  // ===================================================
  function HighLightImage(par_Obj, par_ID) {
    g_CurObj[par_ID] = par_Obj;

    ChangeOpacity(par_ID);

    l_IDX = GetLinked(par_ID);
    if (l_IDX != null)
       HL(l_IDX);
  }

  // ===================================================
  function HighLightOutImage(par_Obj, par_ID) {
    g_CurObj[par_ID] = par_Obj;

    ChangeOpacityB(par_ID);

    l_IDX = GetLinked(par_ID);
    if (l_IDX != null) 
       RB(l_IDX);
   

  }

  // ===================================================
  function ChangeOpacity(par_ID) {

       if (g_CurObj[par_ID] == null) {
          g_InLoop[par_ID] = false;
       }

       // set main
       if (g_Opacity[par_ID] < 10) {
         g_CurObj[par_ID].style.opacity = ".0" + g_Opacity[par_ID];
       } else {
         g_CurObj[par_ID].style.opacity = "." + g_Opacity[par_ID];
       }

       g_CurObj[par_ID].style.filter = 'alpha(opacity=' + g_Opacity[par_ID] + ')';

       if (g_Opacity[par_ID] > g_Speed) {
          g_Opacity[par_ID] -= g_Speed;

          g_Timer[par_ID] = setTimeout("ChangeOpacity('" + par_ID + "')", 10);
       } else {          
         g_CurObj[par_ID].style.opacity = ".0";
         g_CurObj[par_ID].style.filter = 'alpha(opacity=0)';

         g_InLoop[par_ID] = false;
       }
  }


  // ===================================================
  function ChangeOpacityB(par_ID) {

     if (g_CurObj[par_ID] == null) {
        g_InLoop[par_ID] = false;
        return;
     }

     if (g_OpacityB[par_ID] < 10) {
       g_CurObj[par_ID].style.opacity = ".0" + g_OpacityB[par_ID];
     } else {
       g_CurObj[par_ID].style.opacity = "." + g_OpacityB[par_ID];
     }

     g_CurObj[par_ID].style.filter = 'alpha(opacity=' + g_OpacityB[par_ID] + ')';
     if (g_OpacityB[par_ID] < 89) {
        g_OpacityB[par_ID] += g_Speed;

        g_Timer[par_ID] = setTimeout("ChangeOpacityB('" + par_ID + "')", 10);
     } else {
       g_CurObj[par_ID].style.opacity = ".99";
       g_CurObj[par_ID].style.filter = 'alpha(opacity=99)';
       g_CurObj[par_ID] = null;

       g_InLoop[par_ID] = false;
     }
  }


  // ===================================================
  function HL(par_ID) {
    if (g_InLoop[par_ID]) {
       return;
    }

    if (g_Timer[par_ID] != null)
       clearTimeout(g_Timer[par_ID]);

    var l_Obj = document.getElementById('img_layer_' + par_ID + '1');

    l_Obj.style.opacity = ".99";
    l_Obj.style.filter = 'alpha(opacity=99)';

    g_Opacity[par_ID] = 99;
    g_OpacityB[par_ID] = 0;

    HighLightImage(l_Obj, par_ID);
  }

  // ===================================================
  function RB(par_ID) {

    if (g_Timer[par_ID] != null)
       clearTimeout(g_Timer[par_ID]);

    var l_Obj = document.getElementById('img_layer_' + par_ID + '1');
        l_Obj.style.opacity = ".0";
        l_Obj.style.filter = 'alpha(opacity=0)';

        g_CurObj[par_ID] = null;
        g_Opacity[par_ID] = 99;
        g_OpacityB[par_ID] = 0;

        g_InLoop[par_ID] = false;

        HighLightOutImage(l_Obj, par_ID);
  }