//
//                                   Sprites
//
//    This file contains the sprites that may be used as hidden rewards for actions.
//
//    Note: To use these characters the following style items must be defined within
//          the original file.
//
//        #cheshire { position: absolute; left: ???  ; top: ??? ;}
//        #garfield { position: absolute; left: ???  ; top: ??? ;}
//        #thought  { position: absolute; left: ???  ; top: ??? ;}
//
//
//    Also, the following divisions must be defined.
//        <div id="cheshire">
//              <img border="0" src="cheshire.gif" width="213" height="154">
//        </div>
//        <div id="garfield">     
//            <img border="0" src="Crazy-Garfield.gif" width="111" height="103">
//        </div>
//        <div id="thoughts">     
//            Something to say.
//        </div>
//
    var timerC = new Timer(3, hideCheshire)     ;
    var timerG = new Timer(2, hideGarfield) ;
    var timerT = new Timer(5, hideThought)      ;

    // hideGarfield
    function hideGarfield() {
        hidelayer("garfield")           ;
    }
    
    function hideCheshire() {
        hidelayer("cheshire")           ;
    }

    function hideThought()  {
        hidelayer("thought")            ;
    }


    function showCheshire() {      
        showlayer("cheshire")           ;
        timerC.Start()                  ;   
    }
    
    function showGarfield() { 
        showlayer("garfield")           ;
        timerG.Start()                  ;
    
    }

    function showThought() {
        showlayer("thought")            ;
        timerT.Start()                  ;
    }

   
    function hidelayer(lay) {
        if (IE) {
            document.all[lay].style.visibility = "hidden";
        } else if (NS4) {
            document.layers[lay].visibility = "hide";
        } else if (NS6) {
            document.getElementById([lay]).style.display = "none";
        }
    }
    
    
    function showlayer(lay) {
        if (IE) {
            document.all[lay].style.visibility = "visible";
        } else if (NS4) {
            document.layers[lay].visibility = "show";
        } else if (NS6) {
            document.getElementById([lay]).style.display = "block";
        }
    }