
<!--

//PICTURES MUST BE ALL .GIF
//OR .JPEG TO USE THIS METHOD
//CHANGE THE BELOW ACCORDINGLY

//Add this URL to each page or set an absoulte path here
//var URL;

       
//CALL THIS FUCNTION IN THE TAG 
//<BODY onLoad="loadImg();">
  
        function loadImg(){
		if(URL == ""){
				URL="http://www.christianarea.com/images/rollover/"
			}
            if(document.images){
               
               //** Main nav buttons
               //heart
                //M1= new Image();
                //M1.src = URL + "scsitecbutton_ON.gif";
				//M2= new Image();
                //M2.src = URL + "search_ON.gif";
				//M3= new Image();
                //M3.src = URL + "checkout_ON.gif";
				//M4= new Image();
                //M4.src = URL + "servicecenter_ON.gif";
		
		
				
				
			     
				
                //ADD ALL THE IMAGES WHICH HAVE ROLLOVERS
                //THIS WILL LOAD THE IMAGES IN CACHE
                //AND WILL NOT CAUSE THE USER TO WAIT FOR THE IMAGE TO BE LOADED 
                //WHEN HE ROLLOVER THE IMAGE CAUSE IT WILL ALREADY BE LOADED
                 
                
            }
        
        }
        
        //Do not modify
        function imgRestore(img){
		if(URL == ""){
				URL="http://www.christianarea.com/images/rollover/"
			}
            if(document.images){
                var imgName = img;
                document[imgName].src = URL + imgName + "_OFF.gif";
                return 1;
              }
        }
        //do not modify
        function imgSwap(img){
		if(URL == ""){
				URL="http://www.christianarea.com/images/rollover/"
			}
            if(document.images){
                var imgName = img;
                document[imgName].src = URL + imgName + "_ON.gif";
                return 1;
                }
        }
        
       
//IINCLUDE THE ABOVE
//OR ADD THE ABOVE CODE DIRECTLY TO THE HTML PAGES

//<SCRIPT LANGUAGE = "JAVASCRIPT" src="DIRECTORY/postRollOver.js">
//</SCRIPT>

        
        
        //Put this in body tag 
        //onLoad="loadImg();"
        
        
        
         //PUT THE EVENTS IN THE HREF TAG. THENAME DOES NOT INCLUDE THE
         //_OFF OR _ON EXT.
        
        //<a href="AboutUs.htm" onMouseOver = "imgSwap('THENAME');" onMouseOut = "imgRestore('THENAME');">
            
        
        //NAME THE IMAGE IN THE HTML FILE 
        //(DO NOT USE THE _OFF OR _ON IN NAME, ONLY THE SOURCE)
        //<IMG SRC = "/MYIMAGES/THENAME_OFF.gif" ALT = "Account" BORDER = 0 name = 'THENAME'>
        
         //</a> //END THE LINK
        
      
	  
	  //-->