//--------------------------------------------------------------
// javascript generated css for menu system
// Note: #NAVBAR corresponds to this.id = 'menujs' in menujs()
//


css = " \
table#NAVBAR { border-collapse: separate; border-spacing:1px; margin-left:0px; width:100%;font-family: sans-serif; font-size:80%;border:0} \n\
table#NAVBAR td       { border: 1px solid white; text-align:center } \n\
table#NAVBAR td.Link  { border: 1px solid #CCC; } \n\
table#NAVBAR td.Here  { border: 1px solid #CCC;  \n\
                      ; font-weight:bold; background-color: #3A6EA5; color: #FFFFFF \n\
                      } \n\
table#NAVBAR td.Group { border: 1px solid #999; background: #DFE9F3; color: #444 } \n\
table#NAVBAR td.Group a:hover { font-weight: bold } \n\
table#NAVBAR td.Group a:visited { color: red } \n\
"

document.write ('<STYLE TYPE="text/css">' + css + '</STYLE>')


//--------------------------------------------------------------
function ArticleLinks () {
  this.id = 'NAVBAR'           // use NAVBAR in css specifiers

  this.groups =
  [
    { text:'Animation'
    , linkClass:'Link'
    , links:
      [ { text: 'Mouse Trails'          , dest:'MouseTrails' }
      , { text: 'Spotlight'             , dest:'SpotlightDestination'}
      , { text: 'Navigation Bar'        , dest:'NavigationBar'}
      ]
    , destTemplate: "##dest##.html"
    }
  ,
    { text:'Round Robin'
    , dest:'/downloads/round-robin/index.html'
    , linkClass:'Link'
    , links:
      [ { i:1 }
      , { i:2 }
      , { i:3 }
      , { i:4 }
      , { i:5 }
      ]
    , textTemplate: "Cyclic ##i##"
    , destTemplate: "RoundRobin##i##.html"
    }
  ,
    { text:'Misc'
    , linkClass:'Link'
    , links:
      [
        { text: 'Permute',      dest: 'PermuteDynaLoop.html' }
      , { text: 'Text to HTML', dest: 'TextToHTML.html' }
      , { text: 'These Pages',  dest: 'ThesePages.html' }
      ]
    }
  ]

//this.maxItemsPerRow = 1

  this.groupsStartNewRow = true
  this.groupClass = 'Group'

  this.overColor = "#FFFF00"   // mouse over background color
  this.outColor  = "#FFFFFF"   // mouse out background color
  this.linkAtClass   = "Here"  // use Here in css specifiers

  this.duration = 300          // duration of entire transition (ms)
  this.steps = 10              // number of transition steps

//this.postHTML                // HTML to place after generated HTML, can be a function

//this.uiStyle = 'DROPDOWN' | 'NAVBAR'  // not implemented
}