/* 
   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
*/
var divHeight=28;
var mainHeight=0;
function initMenu() {
  $('#menu ul').hide();
  $('#menu li a').click(
    function() {
      var checkElement = $(this).next();
      if((checkElement.is('ul')) && (checkElement.is(':visible'))) {
        return false;
        }
      if((checkElement.is('ul')) && (!checkElement.is(':visible'))) {
        checkElement.css({'display':'block'});
		divHeight = checkElement.height();
		mainHeight = $('#menu li ul').height();
		$('#menu li:first').animate({'height':(mainHeight+divHeight+14)+'px'}).addClass('open');
        $(this).parent().animate({'height':(divHeight+14)+'px'}).addClass('open');
        return false;
        }
      }
    );
  }
$(document).ready(function() {
	var URL = jQuery.url.attr("anchor");
	divHeight =0;
	
	if(URL =='the-kooks' || URL =='jamie-t') {
		divHeight = $('#menu li ul li ul').height();
	}
	
	initMenu();
	if (URL =='the-kooks') {
		$('.subnav-kooks').children('ul').css({'display':'block'});
		$('.subnav-kooks').animate({'height':(divHeight+14)+'px'});
		$('.subnav-kooks').slideDown();
	} else if(URL == 'jamie-t') {
		$('.subnav-jamiet').children('ul').css({'display':'block'});
		$('.subnav-jamiet').animate({'height':(divHeight+14)+'px'});
		$('.subnav-jamiet').slideDown();
	}
    $('.open').children('ul').css({'display':'block'});
	mainHeight = $('#menu li ul').height();
	$('.open').animate({'height':(mainHeight+divHeight+14)+'px'});
	$('.open').slideDown();
	
});