/* 
   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() {
  $('#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'))) {
        $('#menu ul:visible').slideUp('normal');
        checkElement.slideDown('normal');
        return false;
        }
      }
    );
  }
$(document).ready(function() {initMenu();});


/* Animated sliding and easing functionality on top level list items 
*
* Most code commented out now, but left incase slide functionality requested in future
*
**/

$(document).ready(function(){
		
	//Remove outline from links
	$("a").click(function(){
		$(this).blur();
	});
		
	//Hide menu on page load
	/*$(this).delay(2000,function() {
		$("a#adv").animate({width:'45px'},{queue:true, duration:2500, easing: 'easeOutCubic'});
		$("a#tch").animate({width:'45px'},{queue:true, duration:3000, easing: 'easeOutCubic'});
		$("a#rev").animate({width:'45px'},{queue:true, duration:3500, easing: 'easeOutCubic'});
		$("a#abt").animate({width:'45px'},{queue:true, duration:4000, easing: 'easeOutCubic'});
		$("span.full").fadeOut(3000), $("span.abbr").fadeIn(2000);
	});
	
	//When click logo to return to homepage - clear up menu
	$("a.logo").click(function() { 
		$('#menu ul:visible').slideUp('normal'),        
		$("a.slide-out").removeClass("menu-active");
	});
	
	//When mouse rolls over
	$("a.slide-out").mouseover(function(){
		$(this).removeClass("slide-out-hidden");
		$(this).stop().animate({width:'148px'},{queue:false, duration:400, easing: 'easeOutCubic'}),
		$("span.abbr", this).hide(), $("span.full", this).fadeIn(200);
	});
	
	//When mouse is removed
	$("a.slide-out").mouseout(function(){
		$(this).addClass("slide-out-hidden");
		$(this).stop().animate({width:'45px'},{queue:false, duration:400, easing: 'easeInCubic'}),
		$("span.full").css("display","none"), $("span.abbr").fadeIn(200);
	});
	
	//When link is clicked
	$("a.slide-out").click(function(){
		$("a.slide-out").removeClass("menu-active"), $(this).addClass("menu-active");
	});
	
	//Menu manipulation when splash box links are clicked
	$("a.goto2").click(function(){
        $('#menu ul:visible').slideUp('normal'),
		$("a#adv").stop().animate({width:'148px'},{queue:false, duration:400, easing: 'easeOutCubic'}),
		$(".menu-advertising-sols ul").slideDown('normal'),
		$("a.slide-out").removeClass("menu-active"), $("a#adv").addClass("menu-active");
	});
	$("a.goto3").click(function(){
        $('#menu ul:visible').slideUp('normal'),
		$("a#tch").stop().animate({width:'148px'},{queue:false, duration:400, easing: 'easeOutCubic'}),
		$(".menu-tech ul").slideDown('normal'),	
		$("a.slide-out").removeClass("menu-active"), $("a#tch").addClass("menu-active");
	});
	$("a.goto4").click(function(){
        $('#menu ul:visible').slideUp('normal'),
		$("a#rev").stop().animate({width:'148px'},{queue:false, duration:400, easing: 'easeOutCubic'}),
		$(".menu-rev ul").slideDown('normal'),	
		$("a.slide-out").removeClass("menu-active"), $("a#rev").addClass("menu-active");
	});
	$("a.goto5").click(function(){
        $('#menu ul:visible').slideUp('normal'),
		$("a#abt").stop().animate({width:'148px'},{queue:false, duration:400, easing: 'easeOutCubic'}),
		$(".menu-about ul").slideDown('normal'),	
		$("a.slide-out").removeClass("menu-active"), $("a#abt").addClass("menu-active");
	});
	*/
});