// BEGIN ROLLUNDER SCRIPT

var target = new Array();
var current = 0;
var destination = 0;
var deltaT = 20;
var timerID;

// You were passing 'n' to each method to tell it how far the animation needed to go down.
// That seems like a constant so just set it once and don't pass it in.

var animate_length = 4

if (document.images) {
    nav1on  = new Image(); nav1on.src  = "image/nav_welcome.gif";
    nav1off = new Image(); nav1off.src = "image/nav_welcome.gif";
    nav2on  = new Image(); nav2on.src  = "image/nav_story.gif";
    nav2off = new Image(); nav2off.src = "image/nav_story.gif";
    nav3on  = new Image(); nav3on.src  = "image/nav_our_store.gif";
    nav3off = new Image(); nav3off.src = "image/nav_our_store.gif";
    nav4on  = new Image(); nav4on.src  = "image/nav_gallery.gif";
    nav4off = new Image(); nav4off.src = "image/nav_gallery.gif";
    nav5on  = new Image(); nav5on.src  = "image/nav_retailers.gif";
    nav5off = new Image(); nav5off.src = "image/nav_retailers.gif";
    nav6on  = new Image(); nav6on.src  = "image/nav_contact.gif";
    nav6off = new Image(); nav6off.src = "image/nav_contact.gif";
     nav7on  = new Image(); nav7on.src  = "image/nav_press.gif";
    nav7off = new Image(); nav7off.src = "image/nav_press.gif";
     nav8on  = new Image(); nav8on.src  = "image/nav_shop.gif";
    nav8off = new Image(); nav8off.src = "image/nav_shop.gif";  

	for (var i = 0; i < 17; i++) {
	    target[i] = new Image(); target[i].src = "image/" + i + ".gif";
	}
}

// Now instead of passing in 'n' (now animate_length) pass in the menu item you're showing (1-7). You could actually eliminate a
//  paraemeter by just appending menu_location to derive img1 name, but it's only code clean up that's optional. Did I tell you
// I hate javascript?  Javascript really has nothing to do with Java other than sharing part of the name and a few syntax things.
//  It's just a scripting language - a necessary evil.


function rollOn(img1,menu_location,text){
    window.status = text;
	if (document.images) {
		document.target1.src="image/0.gif";
		document.target2.src="image/0.gif";
		document.target3.src="image/0.gif";
		document.target4.src="image/0.gif";
		document.target5.src="image/0.gif";
		document.target6.src="image/0.gif";		
		document[img1].src=eval(img1 + "on.src");


// Now we tell animate which menu to animate.with menu_location.
		animate(animate_length,menu_location);
	}
}

function rollOff(img1,menu_location){
    window.status = "";
	if (document.images) {
		document[img1].src=eval(img1 + "off.src");
		animate(0,menu_location);
	}
}

function animate(destination,menu_location) {

//  Now we have to do this wierd thing to build a string that gets evaluated into a command that can be used below.
//  Did I tell you I hate Javascaript?

	var v = eval(("document.target" + menu_location).toString());
	if (timerID) clearTimeout(timerID);
	if (current < destination) {
		current++;


//BOB, USE ALERTS TO HELP FIGURE THINGS OUT - BUT YOU KNOW THAT

	//	alert (v);
		v.src=target[current].src;

		// Now we dynamically build the recursive call to animate().

		timerID = setTimeout("animate(" + destination + ", " + menu_location + ")", deltaT);
	} else if (current > destination) {
		current--;
		v.src=target[current].src;
		timerID = setTimeout("animate(" + destination + ", " + menu_location + ")", deltaT);
	}
}


// END ROLLUNDER SCRIPT

function changeDiv(the_div,the_change)
{
  var the_style = getStyleObject(the_div);
  if (the_style != false)
  {
    the_style.display = the_change;
  }
}

function hideAll()
{
  changeDiv("retailer1","none");
  changeDiv("retailer2","none");
  changeDiv("retailer3","none");
  changeDiv("retailer4","none");
  changeDiv("retailer5","none");
  changeDiv("retailer6","none");
  changeDiv("retailer7","none");
  changeDiv("retailer8","none");
  changeDiv("retailer9","none");
  changeDiv("retailer10","none");
  changeDiv("retailer11","none");
  changeDiv("retailer12","none");
  changeDiv("retailer13","none");
  changeDiv("retailer14","none");
  changeDiv("retailer15","none");
  changeDiv("retailer16","none");
  changeDiv("retailer17","none");
  changeDiv("retailer18","none");
  changeDiv("retailer19","none");
  changeDiv("retailer20","none");
  changeDiv("retailer21","none");
  changeDiv("retailer22","none");
  changeDiv("retailer23","none");
  changeDiv("retailer24","none");
  changeDiv("retailer25","none");
  changeDiv("retailer26","none");
  changeDiv("retailer27","none");
  changeDiv("retailer28","none");
  changeDiv("retailer29","none");
  changeDiv("retailer30","none");
  changeDiv("retailer31","none");
  changeDiv("retailer32","none");
  changeDiv("retailer33","none");
  changeDiv("retailer34","none");
  changeDiv("retailer35","none");
  changeDiv("retailer36","none");
  changeDiv("retailer37","none");
  changeDiv("retailer38","none");
  changeDiv("retailer39","none");
  changeDiv("retailer40","none");
  changeDiv("retailer100","none");
  changeDiv("retailer101","none");
  changeDiv("retailer102","none");
  changeDiv("retailer103","none");
  changeDiv("retailer104","none");
  changeDiv("retailer105","none");
  changeDiv("retailer106","none");
  changeDiv("retailer107","none");
  changeDiv("retailer108","none");
  changeDiv("retailer109","none");
  changeDiv("retailer110","none");
  

  changeDiv("retailer200","none");
  changeDiv("retailer201","none");
  changeDiv("retailer202","none");
  
    changeDiv("retailer300","none");
  changeDiv("retailer301","none");
  changeDiv("retailer302","none");

}

function getStyleObject(objectId) {
  if (document.getElementById && document.getElementById(objectId)) {
    return document.getElementById(objectId).style;
  } else if (document.all && document.all(objectId)) {
    return document.all(objectId).style;
  } else {
    return false;
  }
}