/* 
   Simple JQuery Accordion menu.
   HTML structure to use:

   <ul id="menu">
     <li><a href="#">Sub menu heading</a>
     <ul>
       <li><a href="http://site.com/">Link</a></li>
       <li><a href="http://site.com/">Link</a></li>
       <li><a href="http://site.com/">Link</a></li>
       ...
       ...
     </ul>
     <li><a href="#">Sub menu heading</a>
     <ul>
       <li><a href="http://site.com/">Link</a></li>
       <li><a href="http://site.com/">Link</a></li>
       <li><a href="http://site.com/">Link</a></li>
       ...
       ...
     </ul>
     ...
     ...
   </ul>

Copyright 2007 by Marco van Hylckama Vlieg

web: http://www.i-marco.nl/weblog/
email: marco@i-marco.nl

Free for non-commercial use
*/

function initMenu() {
    jQuery('#storeNav ul').hide();
    //$('#storeNav ul:first').show();
    //$('.brandCategory').show();
    jQuery('.menuOn').show();
    jQuery('#storeNav li a').click(
    function() {
        var checkElement = jQuery(this).next();
        if ((checkElement.is('ul')) && (checkElement.is(':visible'))) {
            return false;
        }
        if ((checkElement.is('ul')) && (!checkElement.is(':visible'))) {
            jQuery('#storeNav ul:visible').slideUp('normal');

            jQuery('#before').remove();
            jQuery('#after').remove();

            //            console.log(jQuery(this).parent().prev().children().get(0).tagName);

            if (jQuery(this).attr('class') != 'on') {
                if (!(jQuery(this).parent().is(":first-child"))) {
                    if (!(jQuery(this).parent().prev().children().get(0).tagName == 'DIV' || jQuery(this).parent().prev().children().get(0).tagName == 'IMG')) {
                        jQuery(this).before('<img id="before" style="padding-top: 16px; padding-bottom: 12px;"  alt="" src="/Images/Shop-Online/branddivider.jpg"/>');
                    }
                }

                if (!(jQuery(this).parent().is(":last-child"))) {
                    if (!(jQuery(this).parent().next().children().get(0).tagName == 'DIV')) {
                        checkElement.after('<img id="after" style="padding-top: 18px; padding-bottom: 12px;" src="/Images/Shop-Online/branddivider.jpg"/>');
                    }
                }
            }
            checkElement.slideDown('normal');
            return false;
        }
    }
    );
}
jQuery(document).ready(function() { initMenu(); });