// JavaScript Image Roll-over Library

// Class : objImgRollOver
// Desc  : variable and method container for implementing simple "onmouseover/out" image rollovers
// Author : Jean-Etienne LaVallee
// Date : 04/03/2002
// HTML Example :
/*
<html>
<head>
    <title>objImgRollOver : Example</title>
    <script type="text/javascript" language="JavaScript" src="./DomImgRollOver01.js"></script>
    <script language="JavaScript">
    // Define Inline Image References (to appease Netscape 3/IE 3 from generating errors)
    //  note: these variables names match the 'name="..."' attribute for the <img> tag in the body of the file (see below)
    var imgMyInlineImage01, imgMyInlineImage02;
    
    // Create array of objImgRollOver objects with appropriate data
    var rollOverImages = new Array();
    rollOverImages['image01'] = new objImgRollOver("imgMyInlineImage01", "./MyInlineImage01.gif", "./MyInlineImage01ROLL.gif");
    rollOverImages['image02'] = new objImgRollOver("imgMyInlineImage02", "./MyInlineImage02.gif", "./MyInlineImage02ROLL.gif");
    
    </script>
</head>
<body>
    <a href="something.html" onmouseover="rollOverImages['image01'].showRollImage()" onmouseout="rollOverImages['image01'].showBaseImage()">
    <img name="imgMyInlineImage01" src="./MyInlineImage01.gif" />
    </a>
    <br/>
    <a href="something.html" onmouseover="rollOverImages['image02'].showRollImage()" onmouseout="rollOverImages['image02'].showBaseImage()">
    <img name="imgMyInlineImage02" src="./MyInlineImage02.gif" />
    </a>
</body>
</html>
*/
function objImgRollOver( strInlineImg, strImgSourceBase, strImgSourceRoll )
{
    // Assign class variables
    this.strInlineImage = strInlineImg;
    this.baseImage = new Image();
    this.rollImage = new Image();
    
    // Load the new images
    this.baseImage.src = strImgSourceBase;
    this.rollImage.src = strImgSourceRoll;
    
    // mutator methods
    this.showBaseImage = new Function('if(document.images){ document.images[this.strInlineImage].src = this.baseImage.src }');
    this.showRollImage = new Function('if(document.images){ document.images[this.strInlineImage].src = this.rollImage.src }');
}
