Individual variables for submenus



Hi all! I’m new to the forum and also new to web design…so bare with me here.
I have a javascript menu on my site that has up to 3 submenus(1_1_1_1=four total menus). The last of these menus displays an image (image of artwork). I would like for this image to allways appear in a fixed location, relative to the window, which is below the first level menus that are displayed horizontally accross my screen–as opposed to always displaying relative to its parent submenu.
My site is
There you can see what it looks like.
The first level menu would be Portfolio, Media, Essays, etc…
The second level under Portfolio is Painting, Installation, etc…
In the third level menu whos parent is Painting, I have too many menu options and it often runs too far down…which makes it problematic if you have a small monitor like me.
*In an ideal setting, I would either have a scrollbar on the child menu of painting (third level menu), or make the text and space alloted a bit smaller–while leaving the rest of the menus as they are.
*Furthermore, the forth level menus, which would show the images of the paintings would always appear in a fixed position in relationship to the whole page, while alowing the rest of the menus to be relative.
I hope this post is not too long and/or confusing. Below is the javascript text I’m using to configure the menu.
I look forward to any advice.
-My best, Rafa

var NoOffFirstLineMenus=6; // Number of first level items
var LowBgColor=‘white’; // Background color when mouse is not over
var LowSubBgColor=‘white’; // Background color when mouse is not over on subs
var HighBgColor=‘black’; // Background color when mouse is over
var HighSubBgColor=‘black’; // Background color when mouse is over on subs
var FontLowColor=‘black’; // Font color when mouse is not over
var FontSubLowColor=‘black’; // Font color subs when mouse is not over
var FontHighColor=‘white’; // Font color when mouse is over
var FontSubHighColor=‘white’; // Font color subs when mouse is over
var BorderColor=‘black’; // Border color
var BorderSubColor=‘black’; // Border color for subs
var BorderWidth=0; // Border width
var BorderBtwnElmnts=0; // Border between elements 1 or 0
var FontFamily=“Times New Roman, Times, serif” // Font family menu items
var FontSize=12; // Font size menu items
var FontBold=1; // Bold menu items 1 or 0
var FontItalic=0; // Italic menu items 1 or 0
var MenuTextCentered=‘left’; // Item text position ‘left’, ‘center’ or ‘right’
var MenuCentered=‘left’; // Menu horizontal position ‘left’, ‘center’ or ‘right’
var MenuVerticalCentered=‘top’; // Menu vertical position ‘top’, ‘middle’,‘bottom’ or static
var ChildOverlap=0; // horizontal overlap child/ parent
var ChildVerticalOverlap=0; // vertical overlap child/ parent
var StartTop=123; // Menu offset x coordinate
var StartLeft=8; // Menu offset y coordinate
var VerCorrect=0; // Multiple frames y correction
var HorCorrect=0; // Multiple frames x correction
var LeftPaddng=3; // Left padding
var TopPaddng=2; // Top padding
var FirstLineHorizontal=1; // SET TO 1 FOR HORIZONTAL MENU, 0 FOR VERTICAL
var MenuFramesVertical=1; // Frames in cols or rows 1 or 0
var DissapearDelay=1000; // delay before menu folds in
var TakeOverBgColor=1; // Menu frame takes over background color subitem frame
var FirstLineFrame=‘navig’; // Frame where first level appears
var SecLineFrame=‘space’; // Frame where sub levels appear
var DocTargetFrame=‘space’; // Frame where target documents appear
var TargetLoc=’’; // span id for relative positioning
var HideTop=0; // Hide first level when loading new document 1 or 0
var MenuWrap=0; // enables/ disables menu wrap 1 or 0
var RightToLeft=0; // enables/ disables right to left unfold 1 or 0
var UnfoldsOnClick=0; // Level 1 unfolds onclick/ onmouseover
var WebMasterCheck=0; // menu tree checking on or off 1 or 0
var ShowArrow=1; // Uses arrow gifs when 1
var KeepHilite=1; // Keep selected path highligthed
var Arrws=[‘tri.gif’,5,10,‘tridown.gif’,10,5,‘trileft.gif’,5,10]; // Arrow source, width and height

function BeforeStart(){return}
function AfterBuild(){return}
function BeforeFirstOpen(){return}
function AfterCloseAll(){return}

// Menu tree
// MenuX=new Array(Text to show, Link, background image (optional), number of sub elements, height, width);
// For rollover images set “Text to show” to: “rollover:Image1.jpg:Image2.jpg”

Menu1=new Array(“Portfolio”,“”,"",6,20,130);
Menu1_1=new Array(“Painting”,“”,"",27,20,130);
Menu1_1_1=new Array("+ Between Us",“‘’,‘miniwin’,'toolbar=0,location=0,directories=0,status=0,menubar=0,scrollbars=0, resizable=0, width=520, height=420,top=200,left=267’)”,"",1,20,130);
Menu1_1_1_1=new Array("",“”,“crossbetween.jpg”,0,350,300);