/*
It is an effect where an image (the primary image) will change to a different (secondary) image when the user moves their mouse over the image link or image.Then the image usually changes back to the original (primary) image when the user moves the mouse away from the image link or image.

Simply call the preLoadImages() function and pass the image names to preload.
    preLoadImages('imageA.jpg', 'pic2.gif', 'img23.gif', 'images/background.gif');
    
Add an onmouseover & onmouseout event handler and a function call to make the browser swap the image.    
    <a href="#0" onmouseover="swapImage( 'exImage4' , 'img2.jpg' )" onmouseout="swapImage( 'exImage4' , 'img1.jpg' )"><img src="img1.jpg" name="exImage4" border="none" ></a>
*/

function preloadImages()
{
    var t='<layer top="-100" left="0" visibility="hide"><div style="position:absolute; top:-100px; left:0px; visibility:hidden">';
    for(i=0; i < arguments.length; i++)
        t+='<img src="'+arguments[i]+'" height="10" width="10">';
        t+='</div></layer>';
    document.write(t);
}

function swapImage(imgN, imgU)
{
    if(document.images)
        document.images[imgN].src = imgU;
}

/*=========================================================================================================*/



/*
It's another change image JavaScript.
*/

function MM_preloadImages() { //v3.0
  var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
    var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
    if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}

function MM_swapImgRestore() { //v3.0
  var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}

function MM_findObj(n, d) { //v4.01
  var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
    d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
  if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
  for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
  if(!x && d.getElementById) x=d.getElementById(n); return x;
}

function MM_swapImage() { //v3.0
  var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
   if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}

/*=========================================================================================================*/



function changeBGColor(){
  var target = event.srcElement ;

  if( target.tagName == "A" || target.tagName == "IMG" ) {
      while( target.tagName != "TD" ){
	      target = target.parentElement  ;
	  }
  }
  
if( target.tagName == "TD" ) {

     if( target.style.backgroundColor == "#A9A9A9" ){
	     target.style.backgroundColor = "#C7C7C7" ;
	 }else{
	     target.style.backgroundColor = "#A9A9A9" ;
     } 

  }	 
}

/*=========================================================================================================*/


function toggleDisplay(sID)
{	
	if (document.getElementById)
	{
	    if (document.getElementById(sID).style.display == "none")
		    document.getElementById(sID).style.display = "block";
	    else
		    document.getElementById(sID).style.display = "none";
	}
	else
	{
		alert('Your browser does not allow for dynamic javascript and is not standards-compliant.\nPlease update your browser to use our site and have it function correctly.');
	};
}