// *** COMMON CROSS-BROWSER COMPATIBILITY CODE ***

var isDOM = (document.getElementById ? true : false);
var isIE  = (document.all ? true: false);
var isNS4 = (navigator.appName=='Netscape' && !isDOM ? true : false);
var isIE4 = ((isIE && !isDOM) ? true : false);
var isDyn = (isDOM || isIE4 || isNS4);


// Gets a reference to a div/layer, based on ID and optionally, a reference to a parent layer.
function getRef(id, par)
{
 if (!par) var par = window;
 return (isDOM ? document.getElementById(id) :
  (isIE4 ? document.all[id] : par.document.layers[id]));
}

// Returns a reference to the style property of said layer, same parameters.
function getStyle(id, par)
{
 return (isNS4 ? getRef(id, par) : getRef(id, par).style)
}


// This is a cut-down version of my layer object. When combining with my other scripts, like
// the DHTML Scroller, you'll need to incldue extra functions in here -- just cut and paste.

// You must pass an ID, and optionally a reference to a parent layer for NS4.
function getLayer(id, par)
{
 var l = new Object();

 l.ref = getRef(id, par);
 l.sty = getStyle(id, par);

 l.x = function(nX) { if (!isNaN(nX)) this.sty.left = nX; else return parseInt(this.sty.left) }
 l.y = function(nY) { if (!isNaN(nY)) this.sty.top = nY; else return parseInt(this.sty.top) }
 
 l.vis = function(val) { this.sty.visibility = val }

 l.bgColor = function(col) {
  if (!col) col = isNS4 ? null : 'transparent';
  if (isNS4) this.sty.bgColor = col;
  else this.sty.backgroundColor = col }

 l.write = function(txt) {
  if (isNS4) with (this.ref.document) { write(txt); close() }
  else this.ref.innerHTML = txt }

 return l;
}

// Create a new layer dynamically. You must pass an initial visibility: 'visible', 'inherit' or
// 'hidden'. Optionally also pass document width, and a parent layer within which this is created.
function setLayer(lVis, docW, par)
{
 if (!this.seq) seq = 0;
 if (!docW) docW = 0;
 if (!par) var par = (isNS4 ? window : document.body);
 var newID = '_js_layer_' + seq++;

 if (isIE) par.insertAdjacentHTML('beforeEnd', '<div id="' + newID +
  '" style="position:absolute"></div>');
 else if (isDOM)
 {
  var newL = document.createElement('div');
  par.appendChild(newL);
  with (newL) { id = newID; style.position='absolute' }
 }
 else if (isNS4)
 {
  var newL = new Layer(docW, par);
  newID = newL.id;
 }

 var lObj = getLayer(newID, par);
 with (lObj) { vis(lVis); x(0); y(0); sty.width=docW }
 return lObj;
}



// *** MOUSE EVENT CONTROL FUNCTIONS ***


// Most of these are passed the relevant 'menu Name' and 'item Number'.
// The 'with (this)' means it uses the properties and functions of the current menu object.
function popOver(mN, iN) { with (this)
{
 // Cancel any pending menu hides from a previous mouseout.
 clearTimeout(popTimer);


 // Remember what was lit last time, and compute a new hierarchy.
 litOld = litNow;
 litNow = new Array();
 var litM = mN, litI = iN;
 while(1)
 {
  litNow[litM] = litI;
  // If we've reached the top of the hierarchy, exit loop.
  if (litM == 'root') break;
  // Otherwise repeat with this menu's parent.
  litI = menu[litM][0].parentItem;
  litM = menu[litM][0].parentMenu;
 }

 // If the two arrays are the same, return... no use hiding/lighting otherwise.
 var same = true;
 for (var z in menu) if (litNow[z] != litOld[z]) same = false;
 if (same) return;


 // Cycle through menu array, lighting and hiding menus as necessary.
 for (thisM in menu)
 {
  // The number of this menu's item that is to be lit, undefined if none.
  litI = litNow[thisM];
  oldI = litOld[thisM];

  // If it's lit now and wasn't before, highlight...
  if (litI && (litI != oldI)) changeCol(thisM, litI, true);

  // If this item was lit but another is now, dim the old item.
  if (oldI && (oldI != litI)) changeCol(thisM, oldI, false);

  // If this menu has no items from the current hierarchy in it, hide it.
  if (isNaN(litI)) { menu[thisM][0].lyr.vis('hidden') }
 } 


 // Get target menu to show - if we've got one, position & show it.
 var thisI = menu[mN][iN];
 if (thisI.type == 'sm:')
 {
  // The layer object of the current menu itself (not this item).
  var lyrM = menu[mN][0].lyr;

  // Add current menu/item positions to the target's offset to set its position, show it.
  with (menu[thisI.href][0])
  {
  	var left = eval(offX), top = eval(offY);
  	if (!selfPos) 
    {
		left += lyrM.x() + thisI.lyr.x();
		top += lyrM.y() + thisI.lyr.y();
	}
    lyr.x(left);
	lyr.y(top);
    lyr.vis('visible');
  }
 }
}}


function popChangeCol(mN, iN, isOver) { with (this.menu[mN][iN])
{
 // Swap the background colour depending on highlight state.
 // If you feel like a challenge, download my full Layer API and replace this
 // with the 'bgImage' function for a cool effect...
 lyr.bgColor(isOver ? overCol : outCol);

 // If no text style change is needed, that's all we need to do here.
 if (overClass == outClass) return;

 // In Netscape 4, rewrite contents...
 if (isNS4)
 {
  lyr.write(this.getHTML(mN, iN, isOver));
  // We've got to re-capture clicks after that...
  with (lyr.ref.document)
  {
   captureEvents(Event.CLICK);
   onclick = new Function(this.objName + '.click(\'' + mN + '\',' + iN + ')');
  }
 }

 // ...otherwise manipulate the DOM tree for IE/NS6+.
 else with (lyr.ref)
 {
  var chl = (isDOM ? childNodes : children)
  for (var i = 0; i < chl.length; i++) chl[i].className = (isOver ? overClass : outClass);
 }
}}


function popOut(mN, iN) { with (this)
{
 // Hide all menus rapidly (if it's a root menu item without a popout) or in 1/2 sec otherwise.
 // Remember that the timeout is cancelled by another instance of the over function.
 // Calling 'over("root", 0)' hides all menus but the root menu, and highlights no items.
 var delay = ((mN == 'root') && (menu[mN][iN].type != 'sm:')) ? 50 : 500;
 popTimer = setTimeout(objName + '.over("root", 0)', delay);
}}


function popClick(mN, iN)
{
 with (this.menu[mN][iN]) switch (type)
 {
  // Targeting another popout? Clicking will get you nowhere...
  case 'sm:': return;
  // A JavaScript function? Eval() it and break out of switch.
  case 'js:': { eval(href); break }
  // Otherwise, point to the window if nothing else and navigate.
  case '': type = 'window';
  default: if (href) eval(type + '.location.href = "' + href + '"');
 }

 // Whatever happens, hide the menus when clicked.
 this.over('root', 0);
}



// *** MENU OBJECT CONSTRUCTION FUNCTIONS ***

// This takes arrays of data and names and assigns the values to a specified object.
function addProps(obj, data, names, addNull)
{
 for (var i = 0; i < names.length; i++) if(i < data.length || addNull) obj[names[i]] = data[i];
}

function ItemStyle()
{
 // Like the other constructors, this passes a list of property names that correspond to the list
 // of arguments. Feel free to add more than the first 4 to the addItem() command if you want.
 var names = ['len', 'spacing', 'popInd', 'popPos', 'pad', 'outCol', 'overCol', 'outClass',
  'overClass', 'borderClass'];
 addProps(this, arguments, names, true);
}


function popStartMenu(mName) { with (this)
{
 // Create a new array within the menu object if none exists already, and a new menu object within.
 if (!menu[mName]) { menu[mName] = new Array(); menu[mName][0] = new Object(); }

 // Set this as the active menu to which new items are added, and clean out existing items.
 actMenu = mName;
 menu[mName].length = 1;
 nextItem = 1;
 // A quick reference to the current menu descriptor -- array index 0, 1+ are items.
 var aM = menu[mName][0];

 // Not all of these are actually passed to the constructor -- the last two are null.
 // N.B: I pass 'isVert' twice so the first parameter (the menu name) is overwritten & ignored.
 var names = ['isVert', 'isVert', 'offX','offY', 'width', 'itemSty', 'selfPos', 'parentMenu', 'parentItem'];
 addProps(aM, arguments, names, true);
 // Reuse old layers if we can, no use creating new ones every time the menus refresh.
 if (!aM.lyr) aM.lyr = null;
}}


function popAddItem() { with (this)
{
 // Add these properties onto a new 'active Item' at the end of the active menu.
 var aI = menu[actMenu][nextItem++] = new Object();

 // Add function parameters to object. Again, the last few are undefined, set later.
 var names = ['text', 'href', 'type', 'itemSty', 'len', 'spacing', 'popInd', 'popPos',
  'iW', 'iH', 'lyr'];
 addProps(aI, arguments, names, true);

 // Find an applicable itemSty -- either passed to this item or the menu[0] object.
 var iSty = (arguments[3] ? arguments[3] : menu[actMenu][0].itemSty);
 // Loop through its properties, add them if they don't already exist (overridden e.g. length).
 for (prop in iSty) if (aI[prop] == window.UnDeFiNeD) aI[prop] = iSty[prop];

 // In NS4, since borders are assigned to the table rather than layer, increase padding.
 if (isNS4 && aI.borderClass) aI.pad++;
}}



// *** MAIN MENU CREATION/UPDATE FUNCTIONS ***

// Returns the inner HTML of an item, used for menu generation, and highlights in NS4.
function popGetHTML(mN, iN, isOver) { with (this)
{
 var itemStr = '';
 with (menu[mN][iN])
 {
  var textClass = (isOver ? overClass : outClass);

  // If we're supposed to add a popout indicator, add it before text so it appears below in NS4.
  // Note the (iW - 15): the position is hardcoded at 15px from the item's right edge.
  if ((type == 'sm:') && popInd)
  {
   if (isNS4) itemStr += '<layer class="' + textClass + '" left="'+ ((popPos+iW) % iW) +
    '" top="' + pad + '">' + popInd + '</layer>';
   else itemStr += '<div class="' + textClass + '" style="position: absolute; left: ' +
    ((popPos+iW) % iW) + '; top: ' + pad + '">' + popInd + '</div>';
  }

  // For NS4, if a border is assigned, add a spacer to push border out to layer edges.
  // The text layer must completely overlay this table as well for proper click capturing.
  // Add a link both to generate an onClick event and to stop the ugly I-beam text cursor appearing.
  if (isNS4) itemStr += (borderClass ? '<span class="' + borderClass + '">' +
   '<spacer type="block" width="' + (iW - 8) + '" height="' + (iH - 8) + '"></span>' : '') +
   '<layer left="' + pad + '" top="' + pad + '" width="' + (iW - (2 * pad)) + '" height="' +
   (iH - (2 * pad)) + '"><a class="' + textClass + '" href="#" ' +
   'onClick="' + objName + '.click(\'' + mN + '\',' + iN + '); return false" ' +
   'onMouseOver="status=\'\'; return true;">' + text + '</a></layer>';

  // IE4+/NS6 is an awful lot easier to work with sometimes.
  else itemStr += '<div class="' + textClass + '" style="position: absolute; left: ' + pad +
   '; top: ' + pad + '; width: ' + (iW - (2 * pad)) + '; height: ' + (iH - (2 * pad)) +
   '">' + text + '</div>';
 }
 return itemStr;
}}



// The main menu creation/update routine.
function popUpdate() { with (this)
{
 // 'isDyn' (set at the very top of the script) signifies a DHTML-capable browser.
 if (!isDyn) return;

 // Loop through menus, using properties of menu description object (array index 0)...
 for (mN in menu) with (menu[mN][0])
 {
  // Variable for holding HTML for items and positions of next item.
  var str = '', iX = 0, iY = 0;

  // Remember, items start from 1 in the array (0 is menu object itself, above).
  // Also use properties of each item nested in the other with() for construction.
  for (var iN = 1; iN < menu[mN].length; iN++) with (menu[mN][iN])
  {
   // An ID for divs/layers contained within the menu.
   var itemID = objName + '_' + mN + '_' + iN;

   // Now is a good time to assign another menu's parent to this if we've got a popout item.
   if (type == 'sm:')
   {
    menu[href][0].parentMenu = mN;
    menu[href][0].parentItem = iN;
   }

   // NS6 disagrees with other browsers as to whether borders increase widths, so fix here.
   var shrink = (borderClass && isDOM && !isIE ? 2 : 0)
   // The actual dimensions of the items, store as item properties so they can be accessed later.
   iW = (isVert ? width : len) - shrink;
   iH = (isVert ? len : width) - shrink;

   // Create a div or layer text string with appropriate styles/properties.
   if (isDOM || isIE4)
   {
    str += '<div id="' + itemID + '" ' + (borderClass ? 'class="' + borderClass + '" ' : '') +
     'style="position: absolute; left: ' + iX + '; top: ' + iY + '; width: ' + iW + '; height: ' +
     iH + '; ' + (outCol ? 'background: ' + outCol : '') + '" ';
   }
   if (isNS4)
   {
    // NS4's borders must be assigned within the layer so they stay when content is replaced.
    str += '<layer id="' + itemID + '" left="' + iX + '" top="' + iY + '" width="' +
     iW + '" height="' + iH + '" ' + (outCol ? 'bgcolor="' + outCol + '" ' : '');
   }
   
   // Add mouseover and click handlers, contents, and finish div/layer.
   str += 'onMouseOver="' + objName + '.over(\'' + mN + '\',' + iN + ')" ' +
     'onMouseOut="' + objName + '.out(\'' + mN + '\',' + iN + ')" ' +
     'onClick="' + objName + '.click(\'' + mN + '\',' + iN + ')">' +
     getHTML(mN, iN, false) + (isNS4 ? '</layer>' : '</div>');

   // Move next item position down or across by this item's length and additional spacing.
   // Subtract 1 so borders overlap slightly.
   if (isVert) iY += len + spacing - 1;
   else iX += len + spacing - 1;

  // End loop through items and with(menu[mN][iN]).
  }



  // Now, create a new layer/div object using my setLayer() function above.
  // N.B: Still using properties of menu[mN][0]...
  
  // If we've got a layer created already, there's no use creating another!.
  // In IE4, we must shrink the menus to stop them sizing to the full body size -- thanks
  // to Jeff Blum and Paul Maden for debugging this for me :). Also we've got to set a
  // timeout to fix up IE4 again on menu update, for some obscure reason.
  if (!lyr) lyr = setLayer('hidden', 3);
  else if (isIE4) setTimeout(objName + '.menu.' + mN + '[0].lyr.sty.width = 9', 50);

  // Whatever happens, give it a high Z-index, replace its content, and set the default cursor
  // to be the hand (or 'pointer' if you're the W3C or Mozilla Project and just trying to be
  // difficult :). Note that NS4 isn't affected by the cursor change.  
  with (lyr) { sty.zIndex = 1000; write(str); sty.cursor = (isIE ? 'hand' : 'pointer') }

  // Now items have been written, loop through them again to set up references.
  for (var i = 1; i < menu[mN].length; i++)
  {
   menu[mN][i].lyr = getLayer(objName + '_' + mN + '_' + i, lyr.ref);

   if (isNS4) with (menu[mN][i].lyr.ref)
   // Capture clicks on that item layer's document in NS4...
   {
    document.captureEvents(Event.CLICK);
    document.onclick = new Function(objName + '.click(\'' + mN + '\',' + i + ')');
   }
  }

 // End loop through menus and with (menu[mN][0]).
 }

 // Position and show the root menu now that's all over. Phew!
 position();
 menu.root[0].lyr.vis('hidden');
}}



// *** POPUP MENU MAIN OBJECT CONSTRUCTOR ***

function PopupMenu(objName)
{
 // These are the properties of any PopupMenu objects you create.

 this.objName = objName;

 // Manage what gets lit and shown when.
 this.popTimer = 0;
 // 'menu': the main data store, contains subarrays for each menu e.g. pMenu.menu['root'][];
 this.menu =  new Array();
 // litNow and litOld arrays control what items get lit in the hierarchy.
 this.litNow = new Array();
 this.litOld = new Array();

 // The active menu and next item to which addItem() will assign its results. startMenu() sets
 // these automatically, set them manually if you want to call addItem() yourself, e.g.:
 // actMenu = 'root'; nextItem = 5; addItem('Another root menu item'...);
 this.actMenu = '';
 this.nextItem = 1;

 // Functions to create and manage the menu.
 this.over = popOver;
 this.changeCol = popChangeCol;
 this.out = popOut;
 this.click = popClick;
 this.startMenu = popStartMenu;
 this.addItem = popAddItem;
 this.getHTML = popGetHTML;
 this.update = popUpdate;

 // *** POSITION HANDLING FUNCTION ***
 // Position the menu on resize -- useful for centring the menu etc.
 this.position = function() { with (this.menu.root[0])
 {
  // If the menus haven't been created, and there's no layer reference, return.
  if (!lyr) return;

  // You might want to declare more variables to use here, e.g. height or scroll position.
  // If you're reading this, you either have my Object Browser script or you need it... :).
  var winWidth = (isIE ? document.body.clientWidth : window.innerWidth)
  lyr.x(eval(offX));
  lyr.y(eval(offY));
 }}

}


var hBar = new ItemStyle(40, 10, '&gt;', 0, 0, '', '#669999', 'menuMainText', 'menuMainText', '');
var styleMain = new ItemStyle(22, 0, '<img src=\'/images/main_banner_arrow.gif\' width=4 height=7>',
 120, 3, '#ffdead', '#ff9966', 'menuMainText', 'menuMainText', 'menuMainBorder');
var styleMainItem = new ItemStyle(22, 1, '<img src=\'/images/flyout_arrow.gif\' width=4 height=7>',
 115, 2, '#ffdead', '#ff9966', 'menuMainItemText', 'menuMainItemText', 'menuMainBorder');


var pMenu = new PopupMenu('pMenu');
with (pMenu)
{

// The 'root' menu from which everything else arises and is positioned.
// The 'root' menu is horizontal, positioned at (x = 10, y = 0) and is 17px high, and items
// by default use the colours and dimensions in the 'hBar' ItemStyle defined above.
// *** MOVE OR CENTRE THE MENU HERE ***
// To centre it, replace the X value with a formula using a global variable defined by this script
// like winWidth, e.g: startMenu('root', false, 'winWidth/2 - 120', 0, 17, hBar);
startMenu('root', false, 10, 0, 17, hBar);
// The text is a space then 'File', and this item pops out the 'mFile' submenu when moused over as
// we've set 'sm:' as the action type.
addItem('Home', 		'/', '');
addItem('The Model', 	'mModel', 'sm:');
addItem('Find a Video', 'mFindVideo', 'sm:');
addItem('Discussion', 	'/discussion.html', '');
addItem('Help', 		'mHelp', 'sm:');
addItem('Search', 		'/site_search.htm', '');
addItem('Site Map', 	'/using/sitemap.html', '');
addItem('About',		'mAbout', 'sm:');

// The Model menu
startMenu('mModel', true, 395, 22, 250, styleMain, true);
addItem('Overview',  '/model/modelarticle.html', '');
addItem('The Model (graphic version)',  '/model/modelimage.html', '');
addItem('The Model (text version)',  '/model/modeltext.html', '');
addItem('Initial supporting paper and bibliography',	'/model/modelpaper.html', '');
addItem('Linking I<span id="menu_main_intime">N</span>T<span id="menu_main_intime">IME</span> to National Standards ', '/model/rosetta.htm', '');


startMenu('mFindVideo', true, 474, 22, 140, styleMain, true);
addItem('By model elements', 'mByModelElement', 'sm:');
addItem('By other criteria', 'mByOtherCriteria', 'sm:');//, styleMain, 22, 0, '&lt;', 3);

startMenu('mByModelElement', true, 142, 0, 152, styleMainItem);
addItem('Content Standards',	  '/vidsearch/content.asp', '');
addItem('Principles of Learning', '/vidsearch/learning.asp', '');
addItem('Information Processing', '/vidsearch/information.asp', '');
addItem('Tenets of Democracy ',	  '/vidsearch/democracy.asp', '');
addItem('Preservice Teacher<br>Technology Competency',	'/vidsearch/technology.asp', '', styleMainItem, 38);
addItem('Teacher Knowledge',	'/vidsearch/knowledge.asp', '');
addItem('Teacher Behavior',		'/vidsearch/behavior.asp', '');

startMenu('mByOtherCriteria', true, 142, 0, 152, styleMainItem);
addItem('Grade Level ',	'/vidsearch/level.asp', '');
addItem('Teacher Name',	'/vidsearch/teacher.asp', '');
addItem('State',		'/vidsearch/state.asp', '');
addItem('Video Title',	'/vidsearch/title.asp', '');
addItem('Video Code',	'/vidsearch/code.asp', '');
addItem('Special Area',	'/vidsearch/special.asp', '');
addItem('Software',		'/vidsearch/software.asp', '');
addItem('Hardware',		'/vidsearch/hardware.asp', '');
addItem('List of all videos',	'/vidsearch/video.asp', '');

startMenu('mHelp', true, 370, 44, 205, styleMain, true);
addItem('Minimum system requirements',	'/support/SystemRequirements/requirments.htm', '');
addItem('Memory settings for viewing videos on Mac', '/support/SystemRequirements/virtualmemory.htm','');
addItem('Re-Installation steps for browsers(IE/Netscape) and RealPlayer for Mac','/support/RealPlayer/reinstallMAC.htm','');
addItem('Troubleshooting Mac/PC problems','/support/Troubleshooting/troubleshooting.htm','');
addItem('Frequently Asked Questions',	'/support/FAQ/faq.htm', '');
addItem('Ask your questions',		'/support/Questions/ask.htm', '');

startMenu('mAbout', true, 576, 44, 170, styleMain, true);
addItem('Overview',			'/about/new_about/overview.html', '');
addItem('InTime Goals and their<br>Importance', 	'/about/new_about/goals.html', '', styleMain, 38);
addItem('InTime Resources',				'/about/new_about/resources.html', '');
addItem('InTime Publicity',		'/about/new_about/publicity.html', '');
addItem('InTime Production and<br>its Creators', 	'/about/new_about/production.html', '', styleMain, 38);
addItem('InTime Evaluation Overview',		'/about/new_about/Eval_Overview.html', '');


// End of 'with (menu Object)' block. That's it!
}



// Here, we handle the onLoad and onResize events, calling the proper functions for each menu (or other
// script, e.g. DHTML Scroller) that needs to be notified of these events, e.g.:
// window.onevent = new Function('pMenu.update(); anotherMenu.update(); otherFunction(); .....');
// Note we also call a small 'bug check' function to stop Netscape 4 dying when you resize the window.

window.onload = new Function('pMenu.update(); preloadImages();');
window.onresize = new Function('ns4BugCheck(); pMenu.position();');

var origWinWidth = window.innerWidth;
function ns4BugCheck()
{
 if (isNS4 && origWinWidth != window.innerWidth) location.reload()
}


// ********************************************************************************************
// Begin of ImageReady Preload Script (banner.psd)
// 

function newImage(arg) {
  if (document.images) {
    rslt = new Image();
    rslt.src = arg;
    return rslt;
  }
}

function changeImages() {
  if (document.images && (preloadFlag == true)) {
    for (var i = 0; i < changeImages.arguments.length; i += 2) {
      document[changeImages.arguments[i]].src = changeImages.arguments[i+1];
    }
  }
}

var preloadFlag = false;
function preloadImages() {
  if (document.images) {
    main_banner_3_over = newImage("/images/main_banner_3_over.gif");
    main_banner_4_over = newImage("/images/main_banner_4_over.gif");
    main_banner_4_over006 = newImage("/images/main_banner_4_over-06.gif");
    main_banner_4_over007 = newImage("/images/main_banner_4_over-07.gif");
    main_banner_5_over = newImage("/images/main_banner_5_over.gif");
    main_banner_5_over010 = newImage("/images/main_banner_5_over-10.gif");
    main_banner_5_over011 = newImage("/images/main_banner_5_over-11.gif");
    main_banner_5_over012 = newImage("/images/main_banner_5_over-12.gif");
    main_banner_6_over = newImage("/images/main_banner_6_over.gif");
    main_banner_6_over015 = newImage("/images/main_banner_6_over-15.gif");
    main_banner_6_over016 = newImage("/images/main_banner_6_over-16.gif");
    main_banner_7_over = newImage("/images/main_banner_7_over.gif");
    main_banner_7_over019 = newImage("/images/main_banner_7_over-19.gif");
    main_banner_8_over = newImage("/images/main_banner_8_over.gif");
    main_banner_8_over022 = newImage("/images/main_banner_8_over-22.gif");
    main_banner_9_over = newImage("/images/main_banner_9_over.gif");
    main_banner_9_over025 = newImage("/images/main_banner_9_over-25.gif");
    main_banner_10_over = newImage("/images/main_banner_10_over.gif");
    main_banner_10_over028 = newImage("/images/main_banner_10_over-28.gif");
    main_banner_10_over029 = newImage("/images/main_banner_10_over-29.gif");
    main_banner_10_over030 = newImage("/images/main_banner_10_over-30.gif");
    main_banner_11_over = newImage("/images/main_banner_11_over.gif");
    main_banner_11_over033 = newImage("/images/main_banner_11_over-33.gif");
    main_banner_11_over034 = newImage("/images/main_banner_11_over-34.gif");
    main_banner_11_over035 = newImage("/images/main_banner_11_over-35.gif");
    main_banner_11_over036 = newImage("/images/main_banner_11_over-36.gif");
    main_banner_12_over = newImage("/images/main_banner_12_over.gif");
    main_banner_12_over039 = newImage("/images/main_banner_12_over-39.gif");
    main_banner_12_over040 = newImage("/images/main_banner_12_over-40.gif");
    main_banner_12_over041 = newImage("/images/main_banner_12_over-41.gif");
    main_banner_12_over042 = newImage("/images/main_banner_12_over-42.gif");
    main_banner_13_over = newImage("/images/main_banner_13_over.gif");
    main_banner_13_over045 = newImage("/images/main_banner_13_over-45.gif");
    main_banner_13_over046 = newImage("/images/main_banner_13_over-46.gif");
    main_banner_14_over = newImage("/images/main_banner_14_over.gif");
    main_banner_14_over049 = newImage("/images/main_banner_14_over-49.gif");
    main_banner_14_over050 = newImage("/images/main_banner_14_over-50.gif");
    main_banner_14_over051 = newImage("/images/main_banner_14_over-51.gif");
    preloadFlag = true;
  }
}


// ***********************************************************************
// End of ImageReady Preload Script (banner.psd)
//