var currentSubmenu = null;
var moving = false;

			function showSubmenu(id){
				var height = 35;
                                var hideHeight = 5;
				var hidespeed = 200;
				var showspeed = 500;
				if(!moving){
					if(currentSubmenu != null){
						if(id == currentSubmenu){
							currentSubmenu = null;
							moving = true;
							$('#submenu').animate({marginTop: '-' + (height - hideHeight)+ 'px'}, hidespeed);
							$('#submenuContainer').animate({height: hideHeight + 'px'}, hidespeed, function(){
								moving = false;								
							});
							}
						else{
							moving = true;                                                        
							$('#submenu').animate({marginTop: '-' + height + 'px'}, hidespeed);
							$('#submenuContainer').animate({height: hideHeight + 'px'}, hidespeed, function(){
								currentSubmenu = id;
                                                                $('#submenu').html($('#' + id + '_subContent').html());								
								$('#submenu').animate({marginTop: '0px'}, showspeed);
								$('#submenuContainer').animate({height:'' + height + 'px'}, showspeed, function(){
									moving = false;
								});
							});

						}
					}
					else{
						currentSubmenu = id;                                                
						$('#submenu').html($('#' + id + '_subContent').html());
						$('#submenu').animate({marginTop: '0px'}, showspeed);
						$('#submenuContainer').animate({height:'' + height + 'px'}, showspeed);
					}
				}
				return false;
			}

                        $(document).ready(function(){
                            $('.hasSubmenu').click(function(e){
                                e.preventDefault();
                                showSubmenu(this.id);
                            });
                        });