okay = false;

function roll1_init()
{
// get the variables
var_init1();  // this calls the function from the web page

// find out what browser this is
with(navigator) {
  code = appCodeName;
  app = appName;
  version = appVersion;
  iver = parseInt(version);
  ua = userAgent;
  }

// these are from the web page too.
son  = suffixes[0];
soff = suffixes[1];

// ua string is a generalized printable string
uastring = app + " " + iver;

// this will work in "Mozilla" 3+ (includes MSIE 4)
if ( code == "Mozilla" && iver >= 3 )  okay = true;
else okay = false;

// this uses eval to create variables
// ... and to pre-load the images.

if (rtype == "slideshow") {
  blank = new Image();
  for (var i = 0; i < imagenames.length; i++) {
    var name = imagenames[i];
    eval("r" + name  + " = new Image()");
    eval("r" + name  + ".src = '" + path + name + ext + "'");
    }
  }
}


function over1(imgname)
{
if (!okay) return true; // just leave unless okay

// swap in the "on" image
if (rtype == "highlighting1")
  eval("document." + imgname + ".src = r" + imgname + "on.src");
if (rtype == "pointing1") {
  eval("blank.src = document." + imgname + ".src");
  eval("document." + imgname + ".src = on.src");
  }
if (rtype == "slideshow") {
  blank.src = document.rollover1.src;
  eval("document.rollover1.src = r" + imgname + ".src");
  }
return true;
}

// the onMouseOut entry point
function out1(imgname)
{
if (!okay) return true; // just leave unless okay

// swap in the "off" image
if (rtype == "highlighting1")
  eval("document." + imgname + ".src = r" + imgname + "off.src");
if (rtype == "pointing1")
  eval("document." + imgname + ".src = blank.src");
if (rtype == "slideshow") {
  document.rollover1.src = blank.src;
  }
return true;
}

function var_init1()
{
rtype = "slideshow";

		// path to the images (be sure to include the trailing "/")
path = "images/";

		// names of images
imagenames = new Array(

		// base image names, without the "-on", "-off", or ".gif"
		// these must be in quotes, and separated by commas ...
  "home_tl", "company_tl", "portfolio_tl", "people_tl", "contact_tl",
"advertising_tl", "branding_tl", "packaging_tl", "marketing_tl", "webdesign_tl",
"advertising1_tl", "branding1_tl", "packaging1_tl", "marketing1_tl", "webdesign1_tl",
"advertising2_tl", "branding2_tl", "packaging2_tl", "marketing2_tl", "webdesign2_tl",
"advertising3_tl", "branding3_tl", "packaging3_tl", "marketing3_tl", "webdesign3_tl",
"advertising4_tl", "branding4_tl", "packaging4_tl", "marketing4_tl", "webdesign4_tl",
"advertising5_tl", "branding5_tl", "packaging5_tl", "marketing5_tl", "webdesign5_tl",
"dean_tl", "kelly_tl", "mike_tl", "doreen_tl", "christy_tl"
  );


// suffixes for mouseover and mouseout
suffixes = new Array(

// these are appended to the names above, to get the filename itself.
// this is only used for "highlighting" rollovers
  "", ""
  );

// filename extension (".gif", ".jpg", or ".png")
ext = ".gif";
}





function over2(imgname)
{
if (!okay) return true; // just leave unless okay

// swap in the "on" image
if (rtype == "highlighting")
  eval("document." + imgname + ".src = r" + imgname + "on.src");
if (rtype == "pointing") {
  eval("blank.src = document." + imgname + ".src");
  eval("document." + imgname + ".src = on.src");
  }
if (rtype == "slideshow") {
  blank.src = document.rollover2.src;
  eval("document.rollover2.src = r" + imgname + ".src");
  }
return true;
}

// the onMouseOut entry point
function out2(imgname)
{
if (!okay) return true; // just leave unless okay

// swap in the "off" image
if (rtype == "highlighting")
  eval("document." + imgname + ".src = r" + imgname + "off.src");
if (rtype == "pointing")
  eval("document." + imgname + ".src = blank.src");
if (rtype == "slideshow") {
  document.rollover2.src = blank.src;
  }
return true;
}




function over3(imgname)
{
if (!okay) return true; // just leave unless okay

// swap in the "on" image
if (rtype == "highlighting")
  eval("document." + imgname + ".src = r" + imgname + "on.src");
if (rtype == "pointing") {
  eval("blank.src = document." + imgname + ".src");
  eval("document." + imgname + ".src = on.src");
  }
if (rtype == "slideshow") {
  blank.src = document.rollover3.src;
  eval("document.rollover3.src = r" + imgname + ".src");
  }
return true;
}



function out3(imgname)
{
if (!okay) return true; // just leave unless okay

// swap in the "off" image
if (rtype == "highlighting")
  eval("document." + imgname + ".src = r" + imgname + "off.src");
if (rtype == "pointing")
  eval("document." + imgname + ".src = blank.src");
if (rtype == "slideshow") {
  document.rollover3.src = blank.src;
  }
return true;
}

function click01(imgname)
{
if (!okay) return true; // just leave unless okay
var click01 = new Image(); 
click01.src = "images/ar_act.jpg";
if (rtype == "slideshow") {
  blank.src = document.click01.src;
  eval("document.click01.src = r" + imgname + ".src");
  }
return true;
}