/* STANDARD ROLLOVERS */

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_findObj(n, d) { //v3.0
  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); return x;
}

function MM_nbGroup(event, grpName) { //v3.0
  var i,img,nbArr,args=MM_nbGroup.arguments;
  if (event == "init" && args.length > 2) {
    if ((img = MM_findObj(args[2])) != null && !img.MM_init) {
      img.MM_init = true; img.MM_up = args[3]; img.MM_dn = img.src;
      if ((nbArr = document[grpName]) == null) nbArr = document[grpName] = new Array();
      nbArr[nbArr.length] = img;
      for (i=4; i < args.length-1; i+=2) if ((img = MM_findObj(args[i])) != null) {
        if (!img.MM_up) img.MM_up = img.src;
        img.src = img.MM_dn = args[i+1];
        nbArr[nbArr.length] = img;
    } }
  } else if (event == "over") {
    document.MM_nbOver = nbArr = new Array();
    for (i=1; i < args.length-1; i+=3) if ((img = MM_findObj(args[i])) != null) {
      if (!img.MM_up) img.MM_up = img.src;
      img.src = (img.MM_dn && args[i+2]) ? args[i+2] : args[i+1];
      nbArr[nbArr.length] = img;
    }
  } else if (event == "out" ) {
    for (i=0; i < document.MM_nbOver.length; i++) {
      img = document.MM_nbOver[i]; img.src = (img.MM_dn) ? img.MM_dn : img.MM_up; }
  } else if (event == "down") {
    if ((nbArr = document[grpName]) != null)
      for (i=0; i < nbArr.length; i++) { img=nbArr[i]; img.src = img.MM_up; img.MM_dn = 0; }
    document[grpName] = nbArr = new Array();
    for (i=2; i < args.length-1; i+=2) if ((img = MM_findObj(args[i])) != null) {
      if (!img.MM_up) img.MM_up = img.src;
      img.src = img.MM_dn = args[i+1];
      nbArr[nbArr.length] = img;
  } }
}
 /* ============================================================================================== */
 
 /* MENU INITIALISATION */
 
function init() {
	//==========================================================================================
	// if supported, initialize TransMenus
	//==========================================================================================
	// Check isSupported() so that menus aren't accidentally sent to non-supporting browsers.
	// This is better than server-side checking because it will also catch browsers which would
	// normally support the menus but have javascript disabled.
	//
	// If supported, call initialize() and then hook whatever image rollover code you need to do
	// to the .onactivate and .ondeactivate events for each menu.
	//==========================================================================================
	//if (TransMenu.isSupported()) {
		TransMenu.initialize();

		// hook all the highlight swapping of the main toolbar to menu activation/deactivation
		// instead of simple rollover to get the effect where the button stays hightlit until
		// the menu is closed.
		menu1.onactivate = function() { document.getElementById("tab_about").className = "hover"; };
		menu1.ondeactivate = function() { document.getElementById("tab_about").className = ""; };
	//}
}

 /* ============================================================================================== */
 
 /* MENU CREATION */
 
 function create_menus() {
 
 	//==================================================================================================
 	// create a set of dropdowns
 	//==================================================================================================
 	// the first param should always be down, as it is here
 	//
 	// The second and third param are the top and left offset positions of the menus from their actuators
 	// respectively. To make a menu appear a little to the left and bottom of an actuator, you could use
 	// something like -5, 5
 	//
 	// The last parameter can be .topLeft, .bottomLeft, .topRight, or .bottomRight to inidicate the corner
 	// of the actuator from which to measure the offset positions above. Here we are saying we want the
 	// menu to appear directly below the bottom left corner of the actuator
 	//==================================================================================================
 	var ms = new TransMenuSet(TransMenu.direction.down, 1, 1, TransMenu.reference.bottomLeft);
 
 	//==================================================================================================
 	// create a dropdown menu
 	//==================================================================================================
 	// the first parameter should be the HTML element which will act actuator for the menu
 	//==================================================================================================
 	var menu1 = ms.addMenu(document.getElementById("tab_about"));
 	menu1.addItem("<b>Who we are</b>", "http://www.e-tradeway.co.uk/about/about_intro.htm");
 	menu1.addItem("<b>What we do</b>", "http://www.e-tradeway.co.uk/about/about_do.htm"); 	
	//==================================================================================================
 	var menu2 = ms.addMenu(document.getElementById("tab_products"));
 	menu2.addItem("<b>Products overview</b>", "http://www.e-tradeway.co.uk/products/products_intro.htm");
 	menu2.addItem("<b>i-POS</b>", "http://www.e-tradeway.co.uk/products/products_ipos.htm");
 	menu2.addItem("<b>VendHighway</b>", "http://www.e-tradeway.co.uk/products/products_vendhighway.htm");
 	menu2.addItem("<b>ScanTrade</b>", "http://www.e-tradeway.co.uk/products/products_scantrade.htm");
 	menu2.addItem("<b>WebWarehouse</b>", "http://www.e-tradeway.co.uk/products/products_webwarehouse.htm");
	//==================================================================================================
 	var menu3 = ms.addMenu(document.getElementById("tab_data_management"));
	menu3.addItem("<b>Your data to your desktop</b>", "http://www.e-tradeway.co.uk/data_management/data_management_intro.htm");
 	menu3.addItem("<b>StockManager</b>", "http://www.e-tradeway.co.uk/data_management/data_management_stockmanager.htm");
 	menu3.addItem("<b>OrderManager</b>", "http://www.e-tradeway.co.uk/data_management/data_management_ordermanager.htm");
 	menu3.addItem("<b>Implementation</b>", "http://www.e-tradeway.co.uk/data_management/data_management_implementing.htm"); 
	//==================================================================================================
 	var menu4 = ms.addMenu(document.getElementById("tab_managed_services"));
	menu4.addItem("<b>Making data work for you</b>", "http://www.e-tradeway.co.uk/managed_services/managed_services_intro.htm");
 	menu4.addItem("<b>Viewers</b>", "http://www.e-tradeway.co.uk/managed_services/managed_services_viewers.htm");
 	menu4.addItem("<b>Reports</b>", "http://www.e-tradeway.co.uk/managed_services/managed_services_reports.htm");
 	menu4.addItem("<b>Creating Value</b>", "http://www.e-tradeway.co.uk/managed_services/managed_services_implementing.htm");
	//================================================================================================== 	
	var menu5 = ms.addMenu(document.getElementById("tab_contact"));
 	menu5.addItem("<b>How to contact us</b>", "http://www.e-tradeway.co.uk/contact/contact_intro.htm");
 	menu5.addItem("<b>E-mail form</b>", "http://www.e-tradeway.co.uk/contact/contact_emailform.htm");
 	//==================================================================================================
 
 	TransMenu.renderAll();


}