// Generic Rollover Code
// usage: include this js file withinthe head of your page and call the function:
// PreloadAndCode(ImageID,ImageOverFilename,NormalImageFilename);
// wherever you need a image rollover....
// and er... that's it.
// 
// Compliant with NS and IE versions 4 and above.


//Init Global Variables
rollonImages  = new Array();
rolloffImages = new Array();

rollon_Links  = new Array();
rolloff_Links = new Array();

function rollon(imgName)
	{
	if (document.images && document.images[imgName].complete)
		{
		document.images[imgName].src = rollonImages[imgName].src;
		}
	}

function rolloff(imgName)
	{
	if (document.images && document.images[imgName].complete)
		{
		document.images[imgName].src = rolloffImages[imgName].src;
		}
	}

function PreloadAndCode(ID,ON,OFF,URL,ALT)
{
	//Preload Images
	rollonImages[ID]         = new Image();      
	rollonImages[ID].src     = "" + ON; 
	rolloffImages[ID]        = new Image();      
	rolloffImages[ID].src    = "" + OFF; 

	document.write("<A HREF='" + URL + "' ONMOUSEOVER=\"rollon('" + ID + "')\" ONMOUSEOUT=\"rolloff('" + ID + "')\"><IMG SRC='" + OFF + "' BORDER='0' ALT='" + ALT + "' NAME='" + ID + "'></A>");
}


// 'with-link' version - to be rolled together at some point
function rollonWithLink(imgName)
     {
        if (document.images && document.images[imgName].complete)
        {
           document.images[imgName].src = rollonImages[imgName].src;
        }

	var x = document.links;
	for (var i=0; i<x.length; i++)
	{
		var linkName = imgName + "_link";
		if (x[i].name == linkName)
			x[i].style.color = rollon_Links[imgName]["colour"];
	}
      }

function rolloffWithLink(imgName)
      {
        if (document.images && document.images[imgName].complete)
        {
          document.images[imgName].src = rolloffImages[imgName].src;
        }

        var x = document.links;
        for (var i=0; i<x.length; i++)
        {
		var linkName = imgName + "_link";
        	if (x[i].name == linkName)
                         x[i].style.color = rolloff_Links[imgName]["colour"];
        }
      }


function PreloadAndCodeWithLink(IMGID,LINKID,ON,OFF,URL,ALT)
{
        //Preload Images
	// on
        rollonImages[IMGID]         = new Image();
        rollonImages[IMGID].src     = "" + ON;

	rollon_Links[IMGID]	    = Array();
	rollon_Links[IMGID]["id"]     = LINKID;
        rollon_Links[IMGID]["colour"]   = "#FFCC00";

	// off
        rolloffImages[IMGID]        = new Image();
        rolloffImages[IMGID].src    = "" + OFF;

        rolloff_Links[IMGID]        = Array();
        rolloff_Links[IMGID]["id"]     = LINKID;
        rolloff_Links[IMGID]["colour"]  = "#FFFFFF";


        document.write("<A HREF='" + URL + "' ONMOUSEOVER=\"rollonWithLink('" + IMGID + "')\" ONMOUSEOUT=\"rolloffWithLink('" + IMGID + "')\"><IMG SRC='" + OFF + "' BORDER='0' ALT='" + ALT + "' NAME='" + IMGID + "'></A>");
}