var loaded = 0;
var dhtml = 1;

if ((document.layers)||(document.all) || document.getElementsByTagName('*'))
{
	 dhtml = 1;
}
else
{
	  location = "30orless.html"	
}
 
var timerID;
var num_nav_images = 7;  // Number of images in the top navigation
var num_snav_images = 20;  // Number of images in the top navigation
var somethingnotup = 1;
if (document.images){

  var roll_on = new Array();
  var roll_off = new Array();

  var sroll_on = new Array();
  var sroll_off = new Array();
  
  for (i=0; i<num_nav_images; i++){
    roll_on[i] = new Image();
    roll_off[i] = new Image();
  }
  for (i=0; i<num_snav_images; i++){
    sroll_on[i] = new Image();
    sroll_off[i] = new Image();
  }

}

function postCache(){
  // Top nav images
  roll_on[0].src = "./nav/aboutus_on.gif";
  roll_off[0].src = "./nav/aboutus_off.gif";
  roll_on[1].src = "./nav/newsevents_on.gif";
  roll_off[1].src = "./nav/newsevents_off.gif";
  roll_on[2].src = "./nav/branches_on.gif";
  roll_off[2].src = "./nav/branches_off.gif";
  roll_on[3].src = "./nav/offlinetrading_on.gif";
  roll_off[3].src = "./nav/offlinetrading_off.gif";
  roll_on[4].src = "./nav/software_on.gif";
  roll_off[4].src = "./nav/software_off.gif";
  roll_on[5].src = "./nav/workingathb_on.gif";
  roll_off[5].src = "./nav/workingathb_off.gif";
  roll_on[6].src = "./nav/traderinfo_on.gif";
  roll_off[6].src = "./nav/traderinfo_off.gif";
  
  
  sroll_on[0].src = "./nav/whataboutus_on.gif";
  sroll_off[0].src = "./nav/whataboutus_off.gif";
  sroll_on[1].src = "./nav/history_on.gif";
  sroll_off[1].src = "./nav/history_off.gif";
  sroll_on[2].src = "./nav/companyvision_on.gif";
  sroll_off[2].src = "./nav/companyvision_off.gif";
  sroll_on[3].src = "./nav/profiles_on.gif";
  sroll_off[3].src = "./nav/profiles_off.gif";
  sroll_on[4].src = "./nav/locations_on.gif";
  sroll_off[4].src = "./nav/locations_off.gif";
  sroll_on[5].src = "./nav/branchingout_on.gif";
  sroll_off[5].src = "./nav/branchingout_off.gif";
  sroll_on[6].src = "./nav/advantages_on.gif";
  sroll_off[6].src = "./nav/advantages_off.gif";
  sroll_on[7].src = "./nav/joiningup_on.gif";
  sroll_off[7].src = "./nav/joiningup_off.gif";
  sroll_on[8].src = "./nav/commisionandfees_on.gif";
  sroll_off[8].src = "./nav/commisionandfees_off.gif";
  sroll_on[9].src = "./nav/graybox_on.gif";
  sroll_off[9].src = "./nav/graybox_off.gif";
  sroll_on[10].src = "./nav/toolsoftrade_on.gif";
  sroll_off[10].src = "./nav/toolsoftrade_off.gif";
  sroll_on[11].src = "./nav/faqs_on.gif";
  sroll_off[11].src = "./nav/faqs_off.gif";
  sroll_on[12].src = "./nav/jobs_on.gif";
  sroll_off[12].src = "./nav/jobs_off.gif";
  sroll_on[13].src = "./nav/collegerecruitment_on.gif";
  sroll_off[13].src = "./nav/collegerecruitment_off.gif";
  sroll_on[14].src = "./nav/workplace_on.gif";
  sroll_off[14].src = "./nav/workplace_off.gif";
  sroll_on[15].src = "./nav/benefits_on.gif";
  sroll_off[15].src = "./nav/benefits_off.gif";
  sroll_on[16].src = "./nav/faqs_on.gif";
  sroll_off[16].src = "./nav/faqs_off.gif";
  sroll_on[17].src = "nav/becomeatrader_on.gif";
  sroll_off[17].src = "nav/becomeatrader_off.gif";
  sroll_on[18].src = "./nav/faqs_on.gif";
  sroll_off[18].src = "./nav/faqs_off.gif";
  sroll_on[19].src = "./nav/experienced_on.gif";
  sroll_off[19].src = "./nav/experienced_off.gif";  

  loaded = 1;
}

// Top navigation functions
function navHandle(whichButton, mouseOn){
  if (document.images){
    if (mouseOn){
      clearTimeout(timerID);
      defaultNavImg(whichButton);
      eval('document.images["nav'+whichButton+'"].src = roll_on[whichButton].src');
      if (dhtml) eval('showLayer("dhtml'+whichButton+'");');
	somethingnotup = 0;
    }
    else{
       clearTimeout(timerID);
       timerID = setTimeout("defaultNavImg(-1)", 50);
	somethingnotup = 1;
    }
  }
}
function defaultNavImg(exclude){
  for (i=0; i<num_nav_images; i++){
    if (exclude!=i){
      eval('document.images["nav'+i+'"].src = roll_off[i].src');
      if (dhtml) eval('hideLayer("dhtml'+i+'");');
    }
  }
}
function sideon(whichButton){

      eval('document["snav'+whichButton+'"].src = sroll_on[whichButton].src');
	
}
function sideoff(whichButton){

        eval('document["snav'+whichButton+'"].src = sroll_off[whichButton].src');
	
}

function sideoffall(){

	for (allsides = 0; allsides <  num_snav_images; allsides ++){
	  if (document.images){
        	eval('document["snav'+allsides+'"].src = sroll_off[allsides].src');
		}
	}
}

function navon(whichButton){//extra function but important for initialization

      eval('document["nav'+whichButton+'"].src = roll_on[whichButton].src');
	
}


var layerList = new Array();

function createLayer(name, left, top, width, height, visible, content) {

  var z = layerList.length;
  var layer;

  layerList[z] = name;

  if (document.layers) {
    document.writeln('<layer name="' + name + '" left=' + left + ' top=' + top + ' width=' + width + ' height=' + height +  ' visibility=' + (visible ? '"show"' : '"hide"') + ' z-index=' + z + '>');
    document.writeln(content);
    document.writeln('</layer>');
    layer = getLayer(name);
    layer.width = width;
    layer.height = height;
  }

  if (document.all || document.getElementsByTagName('*')) {
    document.writeln('<div id="' + name + '" style="position:absolute; overflow:none; left:' + left + 'px; top:' + top + 'px; width:' + width + 'px; height:' + height + 'px;' + ' visibility:' + (visible ? 'visible;' : 'hidden;') + ' z-index=' + z + '">');
    document.writeln(content);
    document.writeln('</div>');
  }

}

function hideLayer(name) {

  var layer = getLayer(name);

  if (document.layers)
    layer.visibility = "hide";
  if (document.all || document.getElementsByTagName('*'))
    layer.visibility = "hidden";
}

function showLayer(name) {

  var layer = getLayer(name);

  if (document.layers)
    layer.visibility = "show";
  if (document.all || document.getElementsByTagName('*'))
    layer.visibility = "visible";
}

function getLayer(name) {

  // Returns a handle to the named layer.

  if (document.layers)
    return(document.layers[name]);
  else if (document.all || document.getElementsByTagName('*')) {
    layer = eval('document.all.' + name + '.style');
    return(layer);
  }
  else
    return(null);
}

onLoad=postCache();