/*
    * based on code from:
    * http://lab.anotherdan.com/js/dropdown/
    *
    */

   $(document).ready(function() {

/* top level nav MOVSE OVER */
  $('ul#nav > li').hover(function() {
     // tb mod
    //$(this).css('border', '1px solid red' );
     //$(this).css('color', '#ddd' );

     $(this).css('background-position', 'bottom center' );
     $(this).css('background-repeat', 'repeat-x' );
     $(this).css('background-image', 'url(art_css/themes/white/common/nav_bar_bkg_roll.jpg )' );

     
    // end tb mod

    $('ul:first', this).fadeIn( 'slow' ) //.show();  .slideDown()

    //tb mod
    $('ul:first', this ).each(  function() {
        $(this).css('width', '180px')
        //$(this).css('background-color', '#666');
       // $(this).css('border', '1px solid green' );
        $(this).css('top',  $(this).parent().height()  )// + 10 )// account for padding set in css
        $(this).css('left',  $(this).parent().position().left ) //+ $(this).parent().width() );
       // $(this).css('color', '#ddd')
        
         // tb try to style moseovers on individual LI
         $('li', this).hover(function(){
             $(this).css('background-color', '#FF6600' );// orangy background
             $(this).css('border-bottom', '1px solid #ddd');
         }, /* mose over */
         
         function(){
             $(this).css('background-color', 'transparent');
             $(this).css('border-bottom', 'none');
              }) // mouse out

        //
       // $(this).css('height', '10px');

    });
    // end tb mod
  },

/* top level nav MOVSE OUT */
  function() {
     $(this).css('background-image', 'none' );
     $(this).css('color', '#000' );
    $('ul:first', this).fadeOut('slow'); //hide();
  });

/* ------------------------------------------------------------*
 * sub level nav MOVSE OVER
 * ----------------------------------------------------------- */
  $('ul#nav li li').hover(function() {
    $('ul:first', this).each(function() {

      $(this).css('top', $(this).parent().position().top );
      // tb mod
      $(this).css('width', '180px');
      //$(this).css('background-color', '#f60');
      //$(this).css('border', '1px solid orange' );
      //$(this).css('background-color', '#666');

      // end tb mod

      $(this).css('left',  $(this).parent().position().left + $(this).parent().width() );
      $(this).fadeIn('slow'); //show(  );
    });
  },

  /* sub level nav MOVSE OUT */
  function() {

    $('ul:first', this).fadeOut('slow') // hide();
  });


});