/** Standard Rollovers */

function changeImage(lyr, imgName, src){
	if(document.images){
		if(document.layers && lyr != null) eval('document.'+ lyr +'.document.images.'+ imgName +'.src = src')
			else	document.images[imgName].src = src
	}
}

/** Fading Rollovers 

Example:

	<div id="imgContainer2" class="bthold" onclick="window.open('static.asp?pg=owners','_self')" 
		onmouseenter="fnToggle(this,document.all.img3,document.all.img4);" 
		onmouseleave="fnToggle(this,document.all.img3,document.all.img4);"  
		style="width:155;height:26;filter:progid:DXImageTransform.Microsoft.Fade(duration='.35',overlap='1', center='0')">
		<div id="img3" class="fadebutton" style="visibility:visible" >
			<IMG SRC="img/CaltiusMezz_10.gif"></div>
		<div id="img4" class="fadebutton" style="visibility:visible" >
			<img src="img/CaltiusMezzRoll_10.gif"></div>
	</div>
	
*/
var tranState = 0;
function fnToggle(container,pic1,pic2) {
    container.filters[0].Apply();
    if (tranState=='0') { 
        tranState = 1;
        pic1.style.visibility="visible";
        
        pic2.style.visibility="hidden";}
    else {  
        tranState = 0;
        pic1.style.visibility="hidden"; 
        pic2.style.visibility="visible";}
        container.filters[0].Play();
}

/** Pre load images */
function preload(){
	var args = arguments
	var arglen = args.length
	for(var i=0; i < arglen; i++){
		eval('img' + i +' = new Image()')
		eval('img' + i + '.src = "'+ args[i] +'" ')
	}
	return true;
}  