/*
This is a Hybrid Accordion menu system. If a parent node doesn't have children, then it becomes a link, else it acts as an accordion.

Example Usage:
====================
<ul id="menu_ac"> 
<li> 
	<a class="parent">Category1</a> 
	<ul> 
		<li><a href="http://example.com/">My Website 1</a></li> 
		<li><a href="http://example.com/">My Website 2</a></li> 
		<li><a href="http://example.com/">My Website 3</a></li> 
		<li><a href="http://example.com/">My Website 4</a></li> 
	</ul> 
</li>
<li><a href="http://example.com" class="parent">My website(no submenu)</a></li>
<li>
	<a class="parent">Category4</a>
	<ul>
		<li><a href="http://example.com/">My Website 1</a></li>
		<li><a href="http://example.com/">My Website 2</a></li>
		<li><a href="http://example.com/">My Website 3</a></li>
		<li><a href="http://example.com/">My Website 4</a></li>
	</ul>
</li>
</ul>
*/

function initAccordionHybridMenu(el, firstOpen)
{
	jQuery(el+' ul').hide();
	
	if(firstOpen){
		jQuery(el+' ul:first').show();
		jQuery(el+' .parent:first').removeClass('closed').addClass('opened');
	} else {
		jQuery(el+' ul:first').hide();
		jQuery(el+' .parent:first').removeClass('opened').addClass('closed');
	}
	jQuery(el+' li a').click(
		function() {
			var checkElement = jQuery(this).next();
			
			if((checkElement.is('ul')) && (checkElement.is(':visible'))) {
				//jQuery('ul'+el+' li ul li').slideDown('normal');
				//checkElement.slideUp('normal');
				jQuery(el+' ul').hide();
				jQuery(this).removeClass('opened').addClass('closed');
				return false;
			}
			if((checkElement.is('ul')) && (!checkElement.is(':visible'))) {
				jQuery(el+' ul').hide();
				jQuery('ul'+el+' li ul li').slideUp('normal').css("backgroundColor","yellow");
				jQuery(el+' .parent').removeClass('opened').addClass('closed');
				checkElement.slideDown('normal');
				jQuery(this).removeClass('closed').addClass('opened');
				return false;
			}
		}
	);
  }
$(document).ready(function() {initAccordionHybridMenu('#menu_ac', 0);});

/*
function initAccordionHybridMenu() {
  jQuery('#menu_ac ul').hide();
  jQuery('#menu_ac ul:first').show();
  jQuery('#menu_ac .parent:first').css('background', '#E9E9E9 url(images/arrow_expand.png) no-repeat scroll 99% 50%');
  jQuery('#menu_ac 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('#menu_ac ul:visible').slideUp('normal');
	jQuery('#menu_ac .parent').css('background', '#E9E9E9 url(images/arrow_collapse.png) no-repeat scroll 99% 50%');
        checkElement.slideDown('normal');
	jQuery(this).css('background', '#E9E9E9 url(images/arrow_expand.png) no-repeat scroll 99% 50%');
        return false;
        }
      }
    );
  }
$(document).ready(function() {initAccordionHybridMenu();});
*/
