//JS file designed to write a menu


var pics = new Array("B_HomeO.png","B_GalleryO.png","B_DownloadsO.png","B_FunO.png","B_UsefulO.png","B_ContactO.png","SubMenuItemsFINO.png","SubMenuItemsWIPO.png");
var lnks = new Array("index.htm","gallery.htm","downloads.htm","tutorials.htm","links.htm","tempcontact.htm");
var preloadpic = new Image();

for (z=0;z<pics.length;z++){
  preloadpic.src = pics[z];
}

var swpleft = -200;

var stl = "";
var stl2 = "";
var menu_orientation = "below";
var m_caption = "";

function createmenu(){

  document.writeln("<div id='menubutton' style='"+stl+"'>");
  if (menu_orientation == "below"){
    document.writeln("<img src='MMButton.gif' valign='top' onMouseOver='menuhighlight(this,true); swpleft = 0; hideshowmenu(true); showsubmenu(false);' onMouseOut='menuhighlight(this,false);'><font face='verdana' size='5' color='#00FF55'><b><i>"+m_caption+"</i></b></font><br>");
    stl2="30px";
  }

  document.writeln("<div id='sitemenu' onMouseOver='hideshowmenu(true); ' onMouseOut='hideshowmenu(false);' style='position:absolute; top:0px; width:245px; height:0px; visibility:hidden; overflow:hidden;'>");
  for (z=0;z<lnks.length;z++){
    var pfile = pics[z].split(".");
    if (z!=1){
      document.writeln("<a href='"+lnks[z]+"'>");
      document.writeln("<img src='"+pfile[0].substring(0,pfile[0].length-1)+"."+pfile[1]+"' onMouseOver='menuhighlight(this,true); showsubmenu(false);' onMouseOut='menuhighlight(this,false); showsubmenu(false);' border='0'></a><br>");
    }else{
      document.writeln("<img src='"+pfile[0].substring(0,pfile[0].length-1)+"."+pfile[1]+"' onMouseOver='menuhighlight(this,true); showsubmenu(true);' onMouseOut='menuhighlight(this,false);' border='0'><br>");
    }
    
  }
  document.writeln("<div id='submenu' style='position:absolute; left:95px; top:15px; visibility:hidden;'><a href='gallery.htm'><img src='SubMenuItemsFIN.png' onMouseOver='menuhighlight(this,true);' onMouseOut='menuhighlight(this,false);' border='0'></a><br><a href='wipgallery.htm'><img src='SubMenuItemsWIP.png' onMouseOver='menuhighlight(this,true);' onMouseOut='menuhighlight(this,false);' border='0'></a></div>");

  document.writeln("</div>");

  if (menu_orientation == "above"){
    document.writeln("<div style='position:absolute; top:180px; width:201px;'><img src='MMButton.gif' onMouseOver='menuhighlight(this,true); swpleft = 0; hideshowmenu(true); showsubmenu(false);' onMouseOut='menuhighlight(this,false);'></div>");
  }
  document.writeln("</div>");
}


function showsubmenu(state){
  if (state==true){
    document.all("submenu").style.visibility="visible";
  }else{
    document.all("submenu").style.visibility="hidden";
  }
}

function hideshowmenu(state){
  if (state==true){
    document.all("sitemenu").style.visibility='visible';
    document.all("sitemenu").style.zIndex=998;
    document.all("submenu").style.zIndex=999;
    document.all("sitemenu").style.top = stl2;
    timer1();
  }else{
    document.all("sitemenu").style.visibility='hidden';
    document.all("sitemenu").style.top = "-4000px";
  }
}

function timer1(){
  if (swpleft < 180){
    swpleft = swpleft + 40;
    if (swpleft>165) swpleft = 180;
    if (menu_orientation=="below"){
      document.all("sitemenu").style.height = swpleft + "px";
    }else{
      document.all("sitemenu").style.top = [180 - swpleft]+"px";
      document.all("sitemenu").style.height = swpleft + "px";
    }
    t = setTimeout("timer1();",1);
  }
}

function menuhighlight(obj,st){
  rolo(obj,st);
  hideshowmenu(st);
}

function rolo(obj,st){
  var fname = obj.src.split("/");
  var sp = fname[fname.length-1].split(".");
  if (st==true){
    obj.src=sp[0]+"O."+sp[1];
  }else{
    obj.src = sp[0].substring(0,sp[0].length-1)+"."+sp[1];
  }
}