//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;
//Non members
function LoadNonMemberImages(){
    if(document.images){
       M1 = new Image();
       M1.src = URL + "homeON.gif";
       M2 = new Image();
       M2.src = URL + "joinForFreeON.gif";
       M3 = new Image();
       M3.src = URL + "helpAreaON.gif";

			
       M6 = new Image();
       M6.src = URL + "advertiseON.gif";

			M7 = new Image();
       M7.src = URL + "continueON.gif";
       
				
    }
}
       
//CALL THIS FUCNTION IN THE TAG 
//<BODY onLoad="loadImg();">
        function LoadMemberPrimaryImages(){
            if(document.images){
               
               //** Main nav buttons
               //heart
                M1= new Image();
                M1.src = URL + "heart_home_ON.gif";
		M2= new Image();
                M2.src = URL + "heart_profile_ON.gif";
		M3= new Image();
                M3.src = URL + "heart_personals_ON.gif";
		M4= new Image();
                M4.src = URL + "heart_inTray_ON.gif";
		
		
		//tabs
		M5= new Image();
                M5.src = URL + "tab_viewAds_ON.gif";
		M6= new Image();
                M6.src = URL + "tab_placeAd_ON.gif";
		M7= new Image();
                M7.src = URL + "tab_myProfile_ON.gif";
		M8= new Image();
                M8.src = URL + "tab_localEventss_ON.gif";
                M9= new Image();
                M9.src = URL + "tab_helpArea_ON.gif";
                M10= new Image();
                M10.src = URL + "tab_contactUs_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(document.images){
                var imgName = img;
                document[imgName].src = URL + imgName + "_OFF.gif";
                return 1;
              }
        }
        //do not modify
        function imgSwap(img){
            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="../Includes/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="../Includes/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
        
       