var BannerCounter=0;
var TimeToFade = 200.0;
var BannerTexts = new Array();

BannerTexts[0] = '<table width="100%"  border="0" cellspacing="0" cellpadding="0">' +
                    '   <tr>' +
                    '     <td align="right" valign="middle"> <a href="#" class="bodylink">12 يناير 2010 </a> </td>' +
                    '   </tr>' +
                    '    <tr>' +
                    '      <td class="bodytext">الانتهاء من تصميم محتوى المنهج التدريبي للمعلمين الخاص بمسابقة ISEF <br>تم بنجاح الانتهاء من تصميم المنهج التدريبي للمدرسين الخاص بالمسابقة. و لقد استغرق تصميم المنهج أكثر من شهرين من ورش العمل المتواصل مع نخبة متميزة المعلمين...</td>' +
                    '    </tr>' +
                    '    <tr>' +
                    '      <td align="left"> <a href="newsdetails.aspx?id=3" class="bodylink">اقرأ المزيد </a> </td>' +
                    '    </tr>' +
                    '  </table>';


BannerTexts[1] = '<table width="100%"  border="0" cellspacing="0" cellpadding="0">' +
                    '   <tr>' +
                    '     <td align="right" valign="middle"> <a href="#" class="bodylink">10 يناير 2010 </a> </td>' +
                    '   </tr>' +
                    '    <tr>' +
                    '      <td class="bodytext"> تم اطلاق موقع معرض إنتل الدولي للعلوم والهندسة مصر بنجاح <br></td>' +
                    '    </tr>' +
                    '    <tr>' +
                    '      <td align="left"> <a href="newsdetails.aspx?id=2" class="bodylink">اقرأ المزيد </a> </td>' +
                    '    </tr>' +
                    '  </table>';

BannerTexts[2] = '<table width="100%"  border="0" cellspacing="0" cellpadding="0">' +
                    '   <tr>' +
                    '     <td align="right" valign="middle"> <a href="#" class="bodylink">5 يناير 2010 </a> </td>' +
                    '   </tr>' +
                    '    <tr>' +
                    '      <td class="bodytext">تدريب المعلمين في دولة المغرب<br>قامت اللجنة المنظمة للمسابقة (معرض العلوم والتكنولوجيا)، بتدريب المعلمين، الذي تم انتقاؤهم من مختلف المحافظات المغربية، على سبيل نشر الوعي بأهمية العلوم والتكنولوجيا... </td>' +
                    '    </tr>' +
                    '    <tr>' +
                    '      <td align="left"> <a href="newsdetails.aspx?id=9" class="bodylink">اقرأ المزيد </a> </td>' +
                    '    </tr>' +
                    '  </table>';

BannerTexts[3] = '<table width="100%"  border="0" cellspacing="0" cellpadding="0">' +
                    '   <tr>' +
                    '     <td align="right" valign="middle"> <a href="#" class="bodylink">5 يناير 2010 </a> </td>' +
                    '   </tr>' +
                    '    <tr>' +
                    '      <td class="bodytext">تدريب المعلمين في القاهرة والاسكندرية<br>قام الفريق المنظم للمسابقة، مع شركة إنتل، بتدريب المعلمين، الذي تم انتقاؤهم في كل من محافظتي القاهرة والاسكندرية، على سبل نشر الوعي بأهمية العلوم والتكنولوجيا...</td>' +
                    '    </tr>' +
                    '    <tr>' +
                    '      <td align="left"> <a href="newsdetails.aspx?id=1" class="bodylink">اقرأ المزيد </a> </td>' +
                    '    </tr>' +
                    '  </table>'; 


var cancelRun = false;
var timeoutId;
function fade(eid,Text) {
      var element = document.getElementById(eid);
      if(element == null)
        return;
       
      if(element.FadeState == null)
      {
        if(element.style.opacity == null 
            || element.style.opacity == '' 
            || element.style.opacity == '1')
        {
          element.FadeState = 2;
        }
        else
        {
          element.FadeState = -2;
        }
      }
    
      if(element.FadeState == 1 || element.FadeState == -1)
      {
        element.FadeState = element.FadeState == 1 ? -1 : 1;
        element.FadeTimeLeft = TimeToFade - element.FadeTimeLeft;
      }
      else
      {
        element.FadeState = element.FadeState == 2 ? -1 : 1;
        element.FadeTimeLeft = TimeToFade;
        setTimeout("animateFade(" + new Date().getTime() 
            + ",'" + eid + "','"+Text+"')", 33);
      }        
}

function Reset(control,NewBannerCounter,Text) {
    var element = document.getElementById(control);
    element.FadeTimeLeft = TimeToFade;
    element.FadeState =2;
    BannerCounter = NewBannerCounter;
    clearTimeout(timeoutId);
    fade('fadeBlock', BannerTexts[BannerCounter]);
}


function animateFade(lastTick, eid,Text)
{  

  var curTick = new Date().getTime();
  var elapsedTicks = curTick - lastTick;
  
  var element = document.getElementById(eid);
 
  if(element.FadeTimeLeft <= elapsedTicks)
  {
      //element.style.opacity = element.FadeState == 1 ? '1' : '0';
      element.style.display = "block" ? "block" : "none"; 
      
    //element.style.filter = 'alpha(opacity = ' + (element.FadeState == 1 ? '100' : '0') + ')';
    if(element.FadeState == 1)
    {
        element.FadeState = 2 ;
        if(eid=="fadeBlock")
        {
            if(BannerCounter>=BannerTexts.length)
            {
                BannerCounter=0;
            }         
            timeoutId=setTimeout("fade('fadeBlock','"+BannerTexts[BannerCounter] +"');",4000);
        }
    }
    else {
        element.FadeState = -2; 
        if(eid=="fadeBlock") {
            document.getElementById('tbl_0').style.display = "none";
            document.getElementById('tbl_1').style.display = "none";
            document.getElementById('tbl_2').style.display = "none";
            document.getElementById('tbl_3').style.display = "none";

            document.getElementById('tbl_' + BannerCounter).style.display = "block";
            if (BannerCounter >= BannerTexts.length) {
                BannerCounter = 0;
            }
            document.getElementById("tbBreaking0").className = "numberlink";
            document.getElementById("tbBreaking_link0").className = "numberlink";

            document.getElementById("tbBreaking1").className = "numberlink";
            document.getElementById("tbBreaking_link1").className = "numberlink";

            document.getElementById("tbBreaking2").className = "numberlink";
            document.getElementById("tbBreaking_link2").className = "numberlink";

            document.getElementById("tbBreaking3").className = "numberlink";
            document.getElementById("tbBreaking_link3").className = "numberlink";

            document.getElementById("tbBreaking" + BannerCounter).className = "numberselectedlink";
            document.getElementById("tbBreaking_link" + BannerCounter).className = "numberselectedlink";

            setTimeout("fade('fadeBlock','" + BannerTexts[BannerCounter] + "');", 1000);         
            BannerCounter++;
        }

    }
    
    return;
  }
 
  element.FadeTimeLeft -= elapsedTicks;
  
  var newOpVal = element.FadeTimeLeft/TimeToFade;

  if (element.FadeState == 1) {
      newOpVal = 1 - newOpVal;
      element.style.display = "block";
  }
  //element.style.opacity = newOpVal;
  //element.style.filter =
  //   'alpha(opacity = ' + (newOpVal * 100) + ')';

  setTimeout("animateFade(" + curTick
      + ",'" + eid + "','" + Text + "')", 33);
      
}