var layerRef="null", styleSwitch="null", leftRef = "null", topRef = "null";
var state=1;

if (navigator.appName == "Netscape") {
  layerRef="document.layers['";
  styleSwitch="']";
  leftRef = ".left";
  topRef = ".top";
}else{
  layerRef="document.all.item('";
  styleSwitch="').style";
  leftRef = ".pixelLeft";
  topRef = ".pixelTop";
}

function hideLayer(layerName){
  eval(layerRef+layerName+styleSwitch+'.visibility="hidden"');
}

function showLayer(layerName){
  eval(layerRef+layerName+styleSwitch+'.visibility="visible"');
}

function moveLayer(layerName,newLeft,newTop){ 
  eval(layerRef+layerName+styleSwitch+topRef+' = newTop');
  eval(layerRef+layerName+styleSwitch+leftRef+' = newLeft');
}

function moveLayerRight(layerName,leftstop){ 
  if (eval(layerRef+layerName+styleSwitch+leftRef+' < leftstop')){
    currLeft=eval(layerRef+layerName+styleSwitch+leftRef+'+10');
    eval(layerRef+layerName+styleSwitch+leftRef+' = currLeft');
    setTimeout('moveLayerRight("'+layerName+'",'+leftstop+')',1);
  } else {
    eval(layerRef+layerName+styleSwitch+leftRef+' = leftstop');
  }
}

function moveLayerLeft(layerName,leftstop){ 
  if (eval(layerRef+layerName+styleSwitch+leftRef+' > leftstop')){
    currLeft=eval(layerRef+layerName+styleSwitch+leftRef+'-10');
    eval(layerRef+layerName+styleSwitch+leftRef+' = currLeft');
    setTimeout('moveLayerLeft("'+layerName+'",'+leftstop+')',1);
  } else {
    eval(layerRef+layerName+styleSwitch+'.left = leftstop');
  }
}

function showhide(item1,item2,item3,item4){ 
  if (state==1) {
    if (eval(layerRef+item1+styleSwitch+leftRef+' < 114')){
      moveLayerRight(item1,165);
	  moveLayerLeft(item2,-414);
	  moveLayerLeft(item3,-414);
	  moveLayerLeft(item4,-414);
	} else {
      moveLayerLeft(item1,165);
	  moveLayerRight(item2,-414);
	  moveLayerRight(item3,-414);
	  moveLayerRight(item4,-414);
	}
	state=1;
	return;
  }    
}

function showMenu(){
  if (navigator.appName == "Netscape") {
    setTimeout("moveLayer('menu0',165,110); showLayer('menu0'); moveLayer('menu1',-414,134); showLayer('menu1'); moveLayer('menu2',-414,158); showLayer('menu2'); moveLayer('menu3',-414,182); showLayer('menu3');", 1000);
  } else {
    moveLayer('menu0',165,110);
    showLayer('menu0');
    moveLayer('menu1',-414,134);
    showLayer('menu1');
    moveLayer('menu2',-414,158);
    showLayer('menu2');
    moveLayer('menu3',-414,182);
    showLayer('menu3');	
  }
}
