compatibal with Mac's I am primarily done. Biggest problem I am having now
is with Opera not displaying the menu. works fine in IE, NS, and Firefox.
Due to the problem of having to have it target an iframe to update had to
write my own menu. Do not get any errors, simply will not display at all.
code of the menu and the css file is below. location of the html file is:
http://www.otts.com/index_beta.html
Expand|Select|Wrap|Line Numbers
- var g_build_totOffset = 0; // Begining offset (from left) + counter for
- horizontal menus
- var g_sub_vis = "";
- var divMaster = "divMaster";
- var ie = document.all;
- var totTop = 0;
- var vertical = 1;
- var maxWidth = 165;
- var lastVisible = "";
- var visStack = new Array();
- // Initialize area
- function mnu_init() {
- if (!document.getElementById("divMaster")) {
- var ceDiv = document.createElement('DIV');
- ceDiv.setAttribute("id", divMaster);
- document.getElementById("mnuLocation").appendChild(ceDiv);
- document.getElementById("divMaster").className = divMaster;
- document.getElementById("divMaster").style.top = 0+'px';
- document.getElementById("divMaster").style.left = 0+'px';
- document.getElementById("divMaster").style.height = 22+'px';
- }
- document.body.onclick = hideall;
- document.body.id = 'body';
- addMenu("Adhesives & Tapes", "AdhesivesTapes",0,"AdhesivesNTapes");
- addMenu("Airbrushes", "Airbrushes",0 ,"Airbrushes");
- addItem("Books", "Airbrushes", "Airbrush_Books",0 ,"", "AirbrushBooks");
- addItem("Paint", "Airbrushes", "Airbrush_Paint",0 ,"", "AirbrushPaint");
- addItem("Supplies", "Airbrushes", "Airbrush_Supplies",0 ,"",
- "AirbrushSupplies");
- addItem("Compressors", "Airbrushes", "Compressors",0 ,"", "Compressors");
- addItem("Parts", "Airbrushes", "Parts",0 ,"", "Parts");
- addMenu("Art Accessories", "ArtAccessories",0 , "Art_Accessories");
- addMenu("Books", "Books", 0, "Books");
- addMenu("Brushes", "Brushes", 0, "Brushes");
- addItem("Accessories", "Brushes", "Brushes_Accessories",0 ,""
- ,"BrushAccessories");
- addItem("Sets", "Brushes", "Brushes_Sets",0 ,"", "BrushSets");
- addMenu("Canvas", "Canvas", 0, "Canvas");
- addItem("Tools", "Canvas", "Canvas_CanvasTools",0 ,"", "CanvasTools");
- addItem("Panels", "Canvas", "Canvas_Panels",0 ,"", "Panels");
- addItem("Stretched", "Canvas", "Canvas_Stretched",0 ,"", "Stretched");
- addMenu("Clay", "Clay", 0, "Clay");
- addItem("Modelling Tools", "Clay", "Clay_Tools", 0, "", "ModellingTools");
- addMenu("Drafting", "Drafting", 0, "Drafting");
- addMenu("Easels", "Easels", 0, "Easels");
- addMenu("Lighting & Projectors", "LightingNProjectors", 0,
- "LightingNProjectors");
- addItem("Lightboxes", "LightingNProjectors", "LightingNProjectors_Tools",
- 0, "", "Lightboxes");
- addMenu("Mat Cutters", "MatCutters", 0, "MatCutters");
- addMenu("Palettes & Accessories", "PalettesNAccessories", 0,
- "PalettesNAccessories");
- addItem("Mixing Trays", "PalettesNAccessories",
- "PalettesNAccessories_MixingTrays", 0, "", "MixingTrays");
- addItem("Pallette Knives", "PalettesNAccessories",
- "PalettesNAccessories_PalletteKnives", 0, "", "PalletteKnives");
- addMenu("Painting", "Painting", 0, "");
- addItem("Acrylic", "Painting", "PaintingAcrylic", 0, "", "Acrylic");
- addItem("Accessories", "Painting_PaintingAcrylic", "AcrylicAccessories",
- 1, "", "AcrylicAccessories");
- addItem("Books", "Painting_PaintingAcrylic", "AcrylicBooks", 0, "",
- "AcrylicBooks");
- addItem("Mediums", "Painting_PaintingAcrylic", "AcrylicMediums", 0, "",
- "AcrylicMediums");
- addItem("Paint-Basics", "Painting_PaintingAcrylic", "AcrylicPaintBasics",
- 0, "", "Basics");
- addItem("Paint-Concentrated", "Painting_PaintingAcrylic",
- "AcrylicPaintConcentrated", 0, "", "Concentrated");
- addItem("Paint-Glossies", "Painting_PaintingAcrylic",
- "AcrylicPaintGlossies", 0, "", "Glossies");
- addItem("Acrylic_Sets", "Painting_PaintingAcrylic", "AcrylicSets", 0, "",
- "AcrylicSets");
- addItem("Oil", "Painting", "PaintingOil", 0, "", "Oil");
- addItem("Accessories", "Painting_PaintingOil", "Oil_Accessories", 0, "",
- "OilAccessories");
- addItem("Books", "Painting_PaintingOil", "Oil_Books", 0, "", "OilBooks");
- addItem("Mediums", "Painting_PaintingOil", "Oil_Mediums", 0, "",
- "OilMediums");
- addItem("Sets", "Painting_PaintingOil", "Oil_Sets", 0, "", "OilSets");
- addItem("Paint", "Painting_PaintingOil", "Oil_Paint", 0, "", "OilPaint");
- addItem("Watercolor", "Painting", "PaintingWatercolor", 0, "",
- "Watercolor");
- addItem("Accessories", "Painting_PaintingWatercolor",
- "Watercolor_WatercolorAccessories", 0, "", "WatercolorAccessories");
- addItem("Books", "Painting_PaintingWatercolor",
- "Watercolor_WatercolorBooks", 0, "", "WatercolorBooks");
- addItem("Mediums", "Painting_PaintingWatercolor",
- "Watercolor_WatercolorMediums", 0, "", "WatercolorMediums");
- addItem("Sets", "Painting_PaintingWatercolor",
- "Watercolor_WatercolorSets", 0, "", "WatercolorSets");
- addItem("Paint", "Painting_PaintingWatercolor",
- "Watercolor_WatercolorPaint", 0, "", "WatercolorPaint");
- addItem("Method Painting", "Painting", "MethodPainting", 0, "",
- "MethodPainting");
- addItem("Art Kits", "Painting", "ArtKits", 0, "", "ArtKits");
- addMenu("Paper", "Paper", 0, "Paper");
- addItem("Bristol", "Paper", "Paper_Bristol", 0, "", "Bristol");
- addItem("Charcoal Media", "Paper", "Paper_CharcoalMedia", 0, "",
- "CharcoalMedia");
- addItem("Illustration", "Paper", "Paper_Illustration", 0, "",
- "Illustration");
- addItem("Mylar", "Paper", "Paper_Mylar", 0, "", "Mylar");
- addItem("Newsprint", "Paper", "Paper_Newsprint", 0, "", "Newsprint");
- addItem("Origami", "Paper", "Paper_Origami", 0, "", "Origami");
- addItem("Pastel Media", "Paper", "Paper_PastelMedia", 0, "",
- "PastelMedia");
- addItem("Sketching", "Paper", "Paper_Sketching", 0, "", "Sketching");
- addItem("Tracing", "Paper", "Paper_Tracing", 0, "", "Tracing");
- addItem("Watercolor Media", "Paper", "Paper_WatercolorMedia", 0, "",
- "WatercolorMedia");
- addItem("Drawing", "Paper", "Paper_Drawing", 0, "", "Drawing");
- addMenu("Storage & Presentation", "StorageNPresentation", 0,
- "StorageNPresentation");
- addItem("Storage Boxes", "StorageNPresentation",
- "StorageNPresentation_StorageBoxes", 0, "", "StorageBoxes");
- addItem("Portfolios", "StorageNPresentation",
- "StorageNPresentation_Portfolios", 0, "", "Portfolios");
- addMenu("Tools", "Tools", 0, "Tools");
- addItem("X-acto", "Tools", "Tools_acto", 0, "", "Xacto");
- addMenu("Writing", "Writing", 0, "Writing");
- addItem("Calligraphy", "Writing", "Writing_Calligraphy", 0, "",
- "Calligraphy");
- addItem("Charcoal", "Writing", "Writing_Charcoal", 0, "", "Charcoal");
- addItem("Erasers", "Writing", "Writing_Erasers", 0, "", "Erasers");
- addItem("Ink", "Writing", "Writing_Ink", 0, "", "Ink");
- addItem("Markers", "Writing", "Writing_Markers", 0, "", "Markers");
- addItem("Pastels", "Writing", "Writing_Pastels", 0, "", "Pastels");
- addItem("Pencils", "Writing", "Writing_Pencils", 0, "", "Pencils");
- addItem("Pens", "Writing", "Writing_Pens", 0, "", "Pens");
- addItem("Writing Accessories", "Writing", "Writing_WritingAccessories", 0,
- "", "WritingAccessories");
- addItem("Block Printing", "Writing", "Writing_BlockPrinting", 0, "",
- "BlockPrinting");
- }
- function docmd(cmd){
- if (cmd!=null) { eval(cmd); return true; } else { return false;}
- }
- function load() {
- document.getElementById('divError').innerHTML = "document loaded";
- }
- function hideall() {
- for (n=0; n<=visStack.length; n++) {
- tmpStr = visStack.pop();
- if (tmpStr) {
- document.getElementById(tmpStr).style.visibility = 'hidden';
- }
- }
- }
- function addMenu(mnuText, strMenuTxt, bDisabled, CiD) {
- this.mnuBarObj = "mnu" + strMenuTxt;
- this.strMenuTxt = strMenuTxt;
- var ceDiv = document.createElement('DIV');
- var ceA = document.createElement('a');
- var ceFONT1 = document.createElement('FONT');
- var ceFONT2 = document.createElement('FONT');
- objRef = strMenuTxt;
- mnuBarObj = "mnu" + strMenuTxt;
- mnuAObj = "mnuA" + strMenuTxt;
- divObj = "div" + strMenuTxt;
- tmpStr = "";
- sT1 = document.createTextNode(mnuText);
- sT2 = document.createTextNode(mnuText);
- ceFONT1.appendChild(sT1);
- ceFONT1.setAttribute("id", mnuBarObj + "B");
- ceFONT1.setAttribute("class", "mnuBackTextNorm");
- ceFONT1.setAttribute("size", 2);
- ceFONT2.appendChild(sT2);
- ceFONT2.setAttribute("id", mnuBarObj);
- ceFONT2.setAttribute("class", "mnuForeTextNorm");
- ceFONT2.setAttribute("size", 2);
- ceA.appendChild(ceFONT1); ceA.appendChild(ceFONT2);
- ceA.setAttribute("id", mnuAObj);
- ceA.setAttribute("itmSub", "0");
- ceA.setAttribute("CiD", CiD);
- ceDiv.appendChild(ceA);
- ceDiv.setAttribute("id", divObj);
- ceDiv.setAttribute("class", "mnuDiv");
- ceDiv.setAttribute("align", "left");
- ceDiv.setAttribute("itmSub", "0");
- ceDiv.setAttribute("CiD", CiD);
- document.getElementById(divMaster).appendChild(ceDiv);
- document.getElementById(mnuBarObj + "B").className = "mnuBackTextNorm";
- document.getElementById(mnuBarObj).className = "mnuForeTextNorm";
- document.getElementById(mnuBarObj).bDisabled = 0;
- document.getElementById(divObj).CiD = CiD;
- if (bDisabled) {
- document.getElementById(mnuBarObj + "B").className = "mnuBackTextDisab";
- document.getElementById(mnuBarObj).className = "mnuForeTextDisab";
- document.getElementById(mnuBarObj).bDisabled = 1;
- }
- if (ie) {
- document.getElementById(mnuBarObj).style.left = g_build_totOffset;
- document.getElementById(mnuBarObj + "B").style.left = g_build_totOffset;
- } else {
- document.getElementById(divObj).style.left = g_build_totOffset;
- }
- if (vertical) {
- if (ie) { // vertical
- document.getElementById(mnuBarObj).style.left = 0;
- document.getElementById(mnuBarObj + "B").style.left = 0;
- document.getElementById(mnuBarObj).style.top = totTop;
- document.getElementById('divMaster').style.height = totTop + 18;
- document.getElementById('divMaster').style.width = maxWidth;
- } else {
- document.getElementById(divObj).style.left = 0;
- document.getElementById(mnuBarObj + "B").style.left = 0;
- document.getElementById(divObj).style.top = totTop;
- document.getElementById('divMaster').style.height = totTop + 18;
- document.getElementById('divMaster').style.width = maxWidth;
- }
- } else { // horizontal (untested)
- if (ie) {
- document.getElementById(mnuBarObj).style.left = g_build_totOffset;
- document.getElementById(mnuBarObj + "B").style.left = g_build_totOffset;
- document.getElementById(mnuBarObj).style.top = totTop;
- } else {
- document.getElementById(divObj).style.top = 0;
- document.getElementById(divObj).style.left = g_build_totOffset;
- }
- }
- document.getElementById(mnuAObj).onmouseover = mnuMouseOver;
- document.getElementById(mnuAObj).onmouseout = mnuMouseOut;
- document.getElementById(mnuAObj).onmousedown = mnuSelect;
- document.getElementById(mnuAObj).onclick = mnuClick;
- g_build_totOffset += document.getElementById(mnuBarObj).offsetWidth;
- totTop += parseInt(document.getElementById(mnuBarObj).offsetHeight);
- }
- function addItem(mnuText, mnu, itm, bDisabled, itmDo, CiD) {
- var subMnu = "sub" + mnu;
- var mnuItm = "mnu"+mnu+"_"+itm;
- var mnuAObj = "mnA"+mnu+"_"+itm;
- var divItm = "div"+mnu+"_"+itm;
- if (!(!document.getElementById("sub" + mnu))) {
- var refMnu = "sub" + mnu;
- } else {
- var refMnu = "mnu" + mnu;
- var refSub = "sub" + mnu;
- var refDiv = "div" + mnu;
- }
- tst01 = 1;
- if (!document.getElementById(subMnu)) {
- tst01 = 0;
- var ceDiv = document.createElement('DIV');
- ceDiv.setAttribute("id", subMnu);
- ceDiv.setAttribute("class", "subDiv");
- ceDiv.setAttribute("align", "left");
- document.body.appendChild(ceDiv);
- document.getElementById(subMnu).className = "subDiv";
- document.getElementById(refMnu).itmSub = "1";
- document.getElementById(refMnu).subName = subMnu;
- document.getElementById(refMnu).CiD = CiD;
- document.getElementById(refMnu).parrentName = refMnu;
- var re = /_/i; //Create regular expression pattern.
- var widthadd = 0;
- var topadd = 0;
- if (subMnu.search(re)>0) {
- t = subMnu.search(re)
- widthadd = parseInt(document.getElementById(subMnu).offsetWidth);
- if (ie) {
- topadd = document.getElementById(subMnu.substr(0, t)).offsetTop +
- document.getElementById(subMnu.substr(0, t)).offsetHeight - 15;
- } else {
- topadd = document.getElementById(subMnu.substr(0, t)).offsetTop +
- document.getElementById(subMnu.substr(0, t)).offsetHeight - 15;
- }
- }
- if (vertical) { // Vertical
- if (topadd) {
- document.getElementById(subMnu).style.top = topadd;
- } else {
- if (ie) {
- document.getElementById(subMnu).style.top =
- parseInt(document.getElementById(refMnu).offsetTop) +
- parseInt(document.getElementById("divMaster").offsetTop);
- } else {
- document.getElementById(subMnu).style.top =
- parseInt(document.getElementById(refDiv).offsetTop) +
- parseInt(document.getElementById("divMaster").offsetTop);
- }
- }
- document.getElementById(subMnu).style.left = widthadd +
- parseInt(document.getElementById("divMaster").offsetWidth)+parseInt(document
- ..getElementById(refMnu).offsetLeft)+parseInt(document.getElementById("divMas
- ter").offsetLeft)+'px';
- document.getElementById(subMnu).style.height = 0+'px';
- } else { // Horizontal (untested)
- document.getElementById(subMnu).style.top =
- parseInt(document.getElementById("divMaster").style.height)+parseInt(documen
- t.getElementById("divMaster").offsetTop)+'px';
- document.getElementById(subMnu).style.left =
- parseInt(document.getElementById(refMnu).offsetLeft)+parseInt(document.getEl
- ementById("divMaster").offsetLeft)+'px';
- document.getElementById(subMnu).style.height = 0+'px';
- }
- }
- var ceA = document.createElement('a');
- var ceFONT1 = document.createElement('FONT');
- var ceFONT2 = document.createElement('FONT');
- var ceDiv = document.createElement('DIV');
- sT1 = document.createTextNode(mnuText);
- sT2 = document.createTextNode(mnuText);
- ceFONT1.appendChild(sT1);
- ceFONT1.setAttribute("id", mnuItm + "B");
- ceFONT2.appendChild(sT2);
- ceFONT2.setAttribute("id", mnuItm);
- ceFONT2.setAttribute("class", "mnuForeTextNorm");
- ceA.appendChild(ceFONT1); ceA.appendChild(ceFONT2);
- ceA.setAttribute("id", mnuAObj);
- ceA.setAttribute("itmDo", itmDo);
- ceA.setAttribute("itmSub", "0");
- ceDiv.setAttribute("id", divItm);
- ceDiv.setAttribute("className", "itmDiv");
- ceDiv.appendChild(ceA);
- document.getElementById(subMnu).appendChild(ceDiv);
- document.getElementById(mnuAObj).itmDo = itmDo;
- document.getElementById(divItm).className = "itmDiv";
- document.getElementById(mnuItm + "B").className = "mnuBackTextNorm";
- document.getElementById(mnuItm).className = "mnuForeTextNorm";
- document.getElementById(mnuItm).bDisabled = 0;
- document.getElementById(mnuItm).CiD = CiD;
- document.getElementById(subMnu).style.height =
- (parseInt(document.getElementById(mnuItm).offsetHeight) - 0) +
- parseInt(document.getElementById(subMnu).style.height) + 'px';
- if (bDisabled) {
- document.getElementById(mnuItm + "B").className = "mnuBackTextDisab";
- document.getElementById(mnuItm).className = "mnuForeTextDisab";
- document.getElementById(mnuItm).bDisabled = 1;
- }
- document.getElementById(mnuItm).onmouseover = mnuMouseOver;
- document.getElementById(mnuItm).onmouseout = mnuMouseOut;
- document.getElementById(mnuItm).onmousedown = mnuSelect;
- document.getElementById(mnuItm).onclick = mnuClick;
- }
- function mnuMouseOver(e) {
- targid = "";
- if (ie) { targid = window.event.toElement.id; } else { targid =
- e.target.id; }
- if (targid.slice(-1) == "B") { return false; }
- var re = /_/i; //Create regular expression pattern.
- if (targid.search(re)>0) { // Item is a submenu
- if (document.getElementById(targid).bDisabled) { // Item is
- disabled
- if (targid.slice(0, 3) == "mnu") { // Double check mouse event
- ID
- document.getElementById(targid).className = "mnuForeTextDisabItmMsOvr";
- } else { return false; } // was not proper ID, throw out.
- } else { // Item is not disabled
- if (targid.slice(0, 3) == "mnu") { // Double check mouse event
- ID
- document.getElementById(targid).className = "mnuForeTextNormItmMsOvr";
- if (document.getElementById(targid).itmSub == '1') { // If item has
- a sub, open it.
- hideall();
- pname = targid.substr(0, targid.search(re)); // get parent
- pname = "sub" + pname.substr(3); // refine parent name
- document.getElementById(document.getElementById(targid).subName).style.visib
- ility = 'visible'; // get name of sub.
- document.getElementById(pname).style.visibility = 'visible';
- visStack.push(pname);
- visStack.push(document.getElementById(targid).subName);
- lastVisible = document.getElementById(targid).subName;
- }
- } else { return false; } // was not proper ID, throw out.
- }
- } else {
- if (document.getElementById(targid).bDisabled) {
- if (targid.slice(0, 3) == "mnu") {
- document.getElementById(targid).className = "mnuForeTextDisabMsOvr";
- document.getElementById('divError').innerHTML =
- document.getElementById(targid).itmSub
- } else { return false; }
- } else {
- if (targid.slice(0, 3) == "mnu") {
- document.getElementById(targid).className = "mnuForeTextNormMsOvr";
- if (document.getElementById(targid).itmSub == '1') {
- hideall();
- if (lastVisible != "") {
- document.getElementById(lastVisible).style.visibility = 'hidden'; }
- document.getElementById(document.getElementById(targid).subName).style.visib
- ility = 'visible';
- if (ie) { // menu displaying offscreen if list is too long, correct it
- if needed.
- tmpInt = parseInt(document.getElementById(targid).offsetTop) +
- parseInt(document.getElementById(document.getElementById(targid).subName).st
- yle.height)
- tmpInt2 = parseInt(document.getElementById('dispMain').offsetHeight)
- if (tmpInt > tmpInt2) {
- tmpInt3 = tmpInt2 - tmpInt;
- tmpInt = parseInt(document.getElementById(targid).offsetTop) +
- tmpInt3;
- } else {
- tmpInt = parseInt(document.getElementById(targid).offsetTop);
- }
- document.getElementById(document.getElementById(targid).subName).style.top =
- parseInt(document.getElementById('divMaster').offsetTop) + tmpInt + 'px';
- } else {
- divId = 'div' + targid.substr(3)
- tmpInt = parseInt(document.getElementById(divId).offsetTop) +
- parseInt(document.getElementById(document.getElementById(targid).subName).st
- yle.height)
- tmpInt2 = parseInt(document.getElementById('dispMain').offsetHeight)
- if (tmpInt > tmpInt2) {
- tmpInt3 = tmpInt2 - tmpInt;
- tmpInt = parseInt(document.getElementById(divId).offsetTop) + tmpInt3;
- } else {
- tmpInt = parseInt(document.getElementById(divId).offsetTop);
- }
- document.getElementById(document.getElementById(targid).subName).style.top =
- parseInt(document.getElementById('divMaster').offsetTop) + tmpInt + 'px';
- }
- visStack.push(document.getElementById(targid).subName);
- lastVisible = document.getElementById(targid).subName;
- } else { hideall(); }
- } else { return false; }
- }
- }
- }
- function mnuMouseOut(e) {
- targid = "";
- if (ie) { targid = window.event.fromElement.id; } else { targid =
- e.target.id; }
- if (targid.slice(-1) == "B") { return false; }
- if (document.getElementById(targid).bDisabled) {
- if (targid.slice(0, 3) == "mnu") {
- document.getElementById(targid).className = "mnuForeTextDisab"
- } else { return false; }
- } else {
- if (targid.slice(0, 3) == "mnu") {
- document.getElementById(targid).className = "mnuForeTextNorm"
- } else { return false; }
- }
- }
- function mnuSelect() { return false; }
- function mnuClick(e) {
- targid = "";
- msClick(4);
- if (ie) { targid = window.event.srcElement.id; } else { targid =
- e.target.id; } // evaluate for IE or NS
- if (targid.slice(-1) == "B") { return false; } // managed to click
- on the 1px behind font, throw out.
- if (document.getElementById(targid).bDisabled) { return false; } //
- item disabled, throw out.
- var re = /_/i; //Create regular expression pattern.
- if (targid.search(re)>0) {
- mnu = targid.slice(3);
- var subMnu = "mnA" + mnu;
- var subMnu1 = "mnu" + mnu;
- tmpStr = targid.substr(targid.search(re) + 1);
- document.getElementById('dispMain').src =
- "http://www.otts.com/cid.php?code=" + document.getElementById(subMnu1).CiD;
- } else { // Hit main menu
- mnu = targid.slice(3);
- var subMnu = "sub" + mnu;
- var divMnu = "div" + mnu;
- document.getElementById('dispMain').src =
- "http://www.otts.com/cid.php?code=" + document.getElementById(divMnu).CiD;
- }
- }
- function mnuHide(e) {
- targid = "";
- if (ie) { targid = window.event.srcElement.id; } else { targid =
- e.target.id; } // evaluate for IE or NS
- if (targid.slice(0, 3) != "mnu") {
- if (g_sub_vis != "") {
- document.getElementById(g_sub_vis).style.visibility = "hidden";
- g_sub_vis = "";
- }
- }
- return true;
- }
- //--------------------------------------------------------------------------
- ---------------------------------------
- Delim = "
- ";
- sNews = "An amazing selection of art supplies at up to 75% off. <font
- face='Wingdings'>(</font>(800) 356-3289" + Delim;
- sNews += "☼ Same Day Shipping Avalible!" + Delim;
- sNews += "☼ Outstanding Customer Service!" + Delim;
- sNews += "☼ Huge Selection of Products!" + Delim;
- sNews += "<font face='webdings'>þ</font> Visit our Toys & Hobbies
- website: <a href='http://www.hungates.com'>http://www.hungates.com!</a>
- <font face='webdings'>ý</font>" + Delim;
- sNews += "Come back often! We are constantly changing our special offers." +
- Delim;
- sNews += "Pages are Optimized for Internet Explorer 6.0 or Netscape 7.1.
- Minimum recommended screen size: 800x600" + Delim;
- sNews += Delim;
- ts = new Array(0, 0, 0, 0, 0, 0, 0);
- tmnu = new Array(0, 1, 0, 0, 0, 0, 0);
- omnu = new Array("", "mnuHome", "mnuAbout", "mnuSpecials", "mnuStore",
- "mnuFAQ", "mnuContact");
- smnu = new Array("", "home.html", "about.html", "specials.html", "",
- "faq.html", "contact.html");
- lastopen = 0; curopen = 1; var msNum = 0;
- function msOver(num) {
- msNum = num;
- if (!ts[num]){
- document.getElementById("mnuHigh").style.top =
- parseInt(document.getElementById(omnu[num]).style.top) + 0 + "px";
- document.getElementById("mnuHigh").style.left =
- parseInt(document.getElementById(omnu[num]).style.left) + 5 + "px";
- }
- }
- function msOut() {
- msNum = 0;
- document.getElementById("mnuHigh").style.top ="30px";
- }
- function msClick(num) {
- num = parseInt(num);
- if (tmnu[num]) { return false } // this menu is already open, opt out.
- lastopen = curopen; curopen = num;
- tmnu[lastopen] = 0; tmnu[curopen] = 1;
- if (ts[curopen] == 0) {
- ts[curopen] = window.setTimeout("mvUp('" + omnu[curopen] + "', '" +
- curopen + "');", 10);
- ts[lastopen] = window.setTimeout("mvDown('" + omnu[lastopen] + "', '" +
- lastopen + "');", 10);
- document.getElementById('dispMain').src = smnu[curopen];
- cartclick('list');
- document.getElementById('cart2').checked = "true";
- }
- }
- function mvDown(obj, num) {
- y = document.getElementById(obj).style.top; y = parseInt(y) + 1;
- if (y <= 10) {
- document.getElementById(obj).style.top = y + 'px';
- if ((msNum) && (msNum==num)) {
- document.getElementById("mnuHigh").style.top = y + 'px';
- document.getElementById("mnuHigh").style.left =
- parseInt(document.getElementById(omnu[num]).style.left) + 5 + "px";
- }
- ts[num] = window.setTimeout("mvDown('" + obj + "', '" + num + "');", 10)
- } else {
- ts[num]=0; return true;
- }
- }
- function mvUp(obj, num) {
- y = document.getElementById(obj).style.top; y = parseInt(y) - 1;
- if (y >= 0) {
- document.getElementById(obj).style.top = y + 'px';
- if ((msNum) && (msNum==num)) {
- document.getElementById("mnuHigh").style.top = y + 'px';
- document.getElementById("mnuHigh").style.left =
- parseInt(document.getElementById(omnu[num]).style.left) + 5 + "px";
- }
- ts[num] = window.setTimeout("mvUp('" + obj + "', '" + num + "');", 10)
- } else {
- ts[num]=0; return true;
- }
- }
- function init() {
- document.getElementById("newsHtm").innerHTML = sNews;
- document.getElementById("newsHtm").loop = "-1";
- window.setTimeout("popdown1();", 1000);
- if (document.all) {
- document.getElementById('dispMain').height =
- parseInt(document.body.clientHeight) - 57;
- document.getElementById('dispBask').style.top =
- document.getElementById('dispMain').offsetTop;
- document.getElementById('dispBask').style.left =
- document.getElementById('dispMain').offsetLeft;
- document.getElementById('dispBask').height =
- parseInt(document.body.clientHeight) - 57;
- document.getElementById('dispBask').style.visibility = "hidden";
- } else {
- document.getElementById('dispMain').height
- =parseInt(document.body.clientHeight) - 57;
- document.getElementById('dispBask').style.top =
- document.getElementById('dispMain').offsetTop;
- document.getElementById('dispBask').style.left =
- document.getElementById('dispMain').offsetLeft;
- document.getElementById('dispBask').style.height =
- parseInt(document.body.clientHeight) - 57;
- document.getElementById('dispBask').style.visibility = "hidden";
- }
- }
- function doNews() {
- document.getElementById("newsHtm").start();
- document.getElementById("divTest").innerHTML = "hit!";
- }
- function normNews() {
- document.getElementById("newsHtm").scrollDelay = 10;
- document.getElementById("newsHtm").scrollAmount = 3;
- }
- function slowNews() {
- document.getElementById("newsHtm").scrollDelay = 50;
- document.getElementById("newsHtm").scrollAmount = 1;
- }
- function popdown1() {
- window.setTimeout("popdownGo('popdown1', 0, 5, 175)", 50);
- }
- popagain=1;
- function popdownGo(obj, curY, dir, end) {
- curY = curY + dir;
- if (curY == end) {
- document.getElementById(obj).style.clip = "rect(0 230px "+curY+"px 0)";
- if (popagain) {
- popagain=0;
- dir = dir * -1;
- window.setTimeout("popdownGo('" + obj + "'," + curY + "," + dir + "," + 0
- + ")", 20000);
- }
- return false;
- } else {
- document.getElementById(obj).style.clip = "rect(0 230px "+curY+"px 0)";
- window.setTimeout("popdownGo('" + obj + "'," + curY + "," + dir + "," +
- end + ")", 50);
- }
- }
- function doBasket() {
- window.setTimeout('document.getElementById("dispBask").src =
- "http://www.otts.com/bask.php"', 2500);
- }
- function cartclick(obj) {
- if (obj == 'list') {
- document.getElementById("dispMain").style.visibility = 'visible';
- document.getElementById("dispBask").style.visibility = 'hidden';
- }
- if (obj == 'view') {
- document.getElementById("dispMain").style.visibility = 'hidden';
- document.getElementById("dispBask").style.visibility = 'visible';
- document.getElementById("dispBask").src = "http://www.otts.com/bask.php"
- }
- }
A {
text-decoration: none;
}
..mnuForeTextNorm {
font-family: sans-serif;
font-strech: normal;
border: #c0c0c0 1px solid;
color: #000000;
position: absolute;
z-index: 1025;
top: 0px;
left: 0px;
height: 18px;
width: 165px;
}
..mnuBackTextNorm {
FONT-FAMILY: sans-serif;
FONT-STRECH: normal;
BORDER: #c0c0c0 1px solid;
color: #c0c0c0;
POSITION: absolute;
z-index: 1015;
top: 1px;
left: 1px;
height: 18px;
width: 165px;
}
..mnuForeTextDisab {
FONT-FAMILY: sans-serif;
FONT-STRECH: normal;
BORDER: #c0c0c0 1px solid;
color: #505050;
POSITION: absolute;
top: 0px;
left: 0px;
z-index: 1025;
height: 18px;
width: 165px;
}
..mnuBackTextDisab {
FONT-FAMILY: sans-serif;
FONT-STRECH: normal;
BORDER: #c0c0c0 1px solid;
color: #FFFFFF;
POSITION: absolute;
z-index: 1015;
top: 1px;
left: 1px;
height: 18px;
width: 165px;
}
..mnuForeTextNormMsOvr {
FONT-FAMILY: sans-serif;
FONT-STRECH: normal;
BORDER: #c0c0c0 1px solid;
color: #FFFFFF;
BACKGROUND-COLOR: #003399;
POSITION: absolute;
z-index: 1025;
top: 0px;
left: 0px;
height: 18px;
width: 165px;
cursor: hand;
}
..mnuForeTextDisabMsOvr {
FONT-FAMILY: sans-serif;
FONT-STRECH: normal;
BORDER: #c0c0c0 1px solid;
color: #505050;
BACKGROUND-COLOR: #003399;
POSITION: absolute;
top: 0px;
left: 0px;
z-index: 1025;
height: 18px;
width: 165px;
cursor: hand;
}
..mnuForeTextNormItmMsOvr {
FONT-FAMILY: sans-serif;
FONT-STRECH: normal;
BORDER: #c0c0c0 1px solid;
color: #FFFFFF;
BACKGROUND-COLOR: #003399;
POSITION: absolute;
z-index: 1025;
top: 0px;
left: 0px;
height: 18px;
width: 165px;
cursor: hand;
}
..mnuForeTextDisabItmMsOvr {
FONT-FAMILY: sans-serif;
FONT-STRECH: normal;
BORDER: #c0c0c0 1px solid;
COLOR: #505050;
BACKGROUND-COLOR: #003399;
POSITION: absolute;
top: 0px;
left: 0px;
z-index: 1025;
height: 18px;
width: 165px;
cursor: hand;
}
..mnuDiv {
FONT-FAMILY: sans-serif;
FONT-STRECH: normal;
position: absolute;
background-color: #c0c0c0;
top: 0px;
left: 0px;
width: 165px;
height: 18px;
overflow: hidden;
z-Index: 1011;
}
..mnuDivMsOvr {
FONT-FAMILY: sans-serif;
FONT-STRECH: normal;
POSITION: absolute;
BACKGROUND-COLOR: #003399;
top: 0px;
left: 0px;
width: 165px;
height: 18px;
overflow: hidden;
z-Index: 1011;
}
..subDiv {
FONT-FAMILY: sans-serif;
FONT-STRECH: normal;
POSITION: absolute;
BACKGROUND-COLOR: #c0c0c0;
BORDER: 1px #000000 solid;
top: 0px;
left: 0px;
width: 165px;
height: 18px;
overflow: hidden;
visibility: hidden;
z-Index: 10100;
}
..itmDiv {
FONT-FAMILY: sans-serif;
FONT-STRECH: normal;
POSITION: relative;
BACKGROUND-COLOR: #c0c0c0;
BORDER: 0px #000000 solid;
top: 0px;
left: 0px;
width: 165px;
height: 18px;
overflow: hidden;
z-Index: 10100;
}
..divMaster {
position: relative;
width: 175px;
height: 200px;
top: 0px;
left: 0px;
BACKGROUND-COLOR: #C0C0C0;
BORDER: #c0c0c0 1px solid;
z-Index: 1010;
}
[/css]
--
Matthew Hagston
Hungates Creative Toys and Hobbies
ma************@hungates.com ........ http://www.hungates.com