﻿
    //REPLACE TEXTBOX BACKGROUND ON FOCUS
    function oF(obj){
        try {
            if (obj){
                var vBG = '#FFFFFF' //obj.style.backgroundColor;
                obj.style.backgroundColor = '#CCFFCC';
                obj.onblur = function(){try {obj.style.backgroundColor = vBG;} catch(e) {} }
            }
        } catch(e) {}
    }
    
    function validateField(obj, objId){
        var objField = document.forms[0].elements[objId];
        if (obj=='username'){
            if (objField.value.length < 4){
                alert('The field "Username" must be at least 4 characters long,\nand it may contain a combination of letters and numbers.')
                objField.focus();
                return (false);
            }
        }
        return (true);
    }
    
    //IMAGE FADE OUT
    var TimeToFade = 1000.0;
    function fade(eid){
      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 + "')", 33);
      }  
    }
    
    function animateFade(lastTick, eid){  
      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.filter = 'alpha(opacity = ' 
            + (element.FadeState == 1 ? '100' : '0') + ')';
        element.FadeState = element.FadeState == 1 ? 2 : -2;
        return;
      }
     
      element.FadeTimeLeft -= elapsedTicks;
      var newOpVal = element.FadeTimeLeft/TimeToFade;
      if(element.FadeState == 1)
        newOpVal = 1 - newOpVal;

      element.style.opacity = newOpVal;
      element.style.filter = 'alpha(opacity = ' + (newOpVal*100) + ')';
      
      setTimeout("animateFade(" + curTick + ",'" + eid + "')", 33);
    }
    //window.onerror = function(){return (true)}
    
 


