// JavaScript Document
var options=jQuery.extend({
	marginWidth:181,
	isOpen:false
}, options)

var slideNext=function(self){
	var aTitle=self.text();
	$('div[class=mnuHeader]').html('<a href="javascript:void(0)" onclick="slidePrev()">All</a> > ' + aTitle);
	$('div[class=mnuHeader]').slideDown('slow');
	$('div[class=mnuContainer]').find('ul:first').animate({marginLeft:-options.marginWidth+'px'},'slow');
	self.next().animate({marginLeft:'0px'},'slow');
}

var slidePrev=function(){
	$('div[class=mnuContainer]').find('ul:first').animate({marginLeft:'0px'},'slow');
	$('li[class=mnuSubMenu]>ul').animate({marginLeft:(options.marginWidth)+'px'},'slow');
	$('div[class=mnuHeader]').slideUp('slow');
}


$(document).ready(function(){
	$('a[rel=mainMenu]').mouseover(function(event){
		var mainMenu=$(this).next().next();
		if(mainMenu.is(':hidden')){
			closeMenu();
			event.stopPropagation();
			$('div[class=mnuHeader]').hide();
			$('div[class=mnuHeader]').html('');
			$(this).css('background-color','#89bd10');
			mainMenu.find('ul:first').css('margin-left','0px');
			mainMenu.slideDown('normal');
			options.isOpen=true;
		}else{
			closeMenu();
		}
		
	}) 
	
	$('li[class=mnuSubMenu]>a').click(function(){
		slideNext($(this));
	})
	
	var closeMenu=function(){
		if(options.isOpen){
			$('div[class=mnuContainer]').hide();
			$('a[rel=mainMenu]').css('background-color','');
			options.isOpen=false;
		}
	}
	
 $(document).click(closeMenu);
	
 $('div[class=mnuContainer]').click(function(event){
     event.stopPropagation();
 });

 $('div[class=mnuContainer]').mouseup(function(){
     closeMenu();
 });



})
