Salve a tutti,

ho un problema su una pagina web così strutturata con un elenco di page e sub page...


codice:
<li id="page_1">
						<div class="box">
							[img]images/box.png[/img]
							[img]images/close1.png[/img][img]images/close_active.png[/img]
							<div class="text">
								<h3>Mission </h3>
								<div class="scroll-pane">
									

	Praesent vestibulum molestie lacus. Aenea nomy hendrerit mauris. Phallus porta. Quisque nulla. Vestibulum libero nisl  ac turpis.</p>
								</div>
							</div>
						</div>
					
					<li id="page_1b">
						<div class="box">
							[img]images/box.png[/img]
							[img]images/close1.png[/img][img]images/close_active.png[/img]
							<div class="text">
								<h3>Il Team </h3>
								<div class="scroll-pane">
									<div class="wrapper">
										<div class="cols marg_right1">
											<figure class="pad1">[img]images/page4_img1.jpg[/img]</figure>
											

<span class="color1">Mauris fermentum.</span>

													Praesent vestibulum molestie lacus. Aenea nomy hendrerit mauris. Phasellus porta.

										</div>
										<div class="cols marg_right1">
											<figure class="pad1">[img]images/page4_img1.jpg[/img]</figure>
											

<span class="color1">Quisque nulla.</span>

													Praesent vestibulum molestie lacus. Aenea nomy hendrerit mauris. Phallus porta. Quisque nulla. Vestibulum libero nisl  ac turpis.

										</div>
										<div class="cols">
											<figure class="pad1">[img]images/page4_img1.jpg[/img]</figure>
											

<span class="color1">Duis ac turpis.</span>

													Praesent vestibulum molestie lacus. Aenea nomy hendrerit mauris. Phasellus porta.

										</div>
									</div>
								</div>
							</div>
						</div>
questo è uno dei js collegati:

codice:
$(function(){
	var act;
	var fl=true;
	function all_null(){
		$('#content > ul > li').css({visibility:'hidden', right:'-9999px'});
		$('#page_0').css({visibility:'visible', right:'0'});
		$('.box_img').css({width:'0', height:'0', left:'337px', top:'337px;'});
		$('.text').css({opacity:'0', visibility:'visible'});
		$('.but_close img').css({top:'29px',left:'29px', width:'0', height:'0', zIndex:'1'});
		close_anim();
	}
	function null_content(){
		
	}
	all_null();
	function open_page(page){
		nav=parseInt(page.substr(6));
		$('#footer_menu li').removeClass('active');
		$('#footer_menu li').eq(nav).addClass('active');
		$('#menu li a img').css({opacity:'0'});
		if (page=='#page_0') {
			$('.trigger').click();
			$('#menu li a img').stop().animate({opacity:'1'},400);
			$('.menu_box .images span').stop().animate({rotate:'0deg'},0);
			$('.menu_box .images span').css({opacity:'0',visibility:'hidden'});
			$('.menu_box .images .nav1').css({opacity:'1',visibility:'visible'});
			menu_hover();
			$('#page_0').stop().animate({width:'940px'});
			$('#page_0 .inner').stop().animate({marginLeft:'387', marginTop:'255'});
			fl=true;
			$('#menu #nav1 a').mouseenter();
				$('.menu_box .images span').stop().animate({rotate:'-=360deg'},800,function(){
					$('.menu_box .images span').stop().animate({rotate:'0deg'},0);
				});
			act=page;
			location.hash=page+'/'
		} else {
			if (fl) {
				$('#page_0').stop().animate({width:'270px'});
				$('#page_0 .inner').stop().animate({marginLeft:'23', marginTop:'243'});
				fl=false
			}
			$('.images span').animate({rotate:51.4+360*k+'deg'}, function(){
				$('.images span').animate({rotate:51.4+360*k+'deg'},0)													  
				$('.menu_box .images span').stop().animate({opacity:'0'},400, function(){$(this).css({visibility:'hidden'})})
				$('.menu_box .images .nav1').css({visibility:'hidden', opacity:'0'});
				$('.menu_box .images .nav'+(nav+1)).css({visibility:'visible'}).stop().animate({opacity:'1'},400);
				$('.tittles > div').stop().animate({opacity:'0'},400, function(){$(this).css({visibility:'hidden'})})
				$('.tittles > .nav'+(nav+1)).css({visibility:'visible'}).stop().animate({opacity:'1'},400);
				$(page).css({visibility:'visible', right:'0'});
				close_anim();
				$(page).find('.box_img').stop().animate({width:'100%', height:'100%',left:'0', top:'0'},400, function(){
					$(page).find('.text').css({visibility:'visible'}).stop().animate({opacity:'1'},400, function(){
						$(this).css({opacity:'none'})
						$(page).find('.but_close').css({display:'block'}).find('.img').stop().animate({top:'0', left:'0', width:'100%', height:'100%'},400)
						act=page;
						location.hash=page+'/'	
					})
				})
			})
		}
	}
	var page=location.hash.slice(0,-1);
	if ((page=='')||(page=='#')) {	
		page='#page_0';
	}
	open_page(page);
	var nav=parseInt(page.substr(6));
	$('#footer_menu li').eq(nav).addClass('active');	
	$('a').click(function(){
		if ($(this).attr('href').substr($(this).attr('href').indexOf('#'),6)=='#page_') {
			page=$(this).attr('href');
			if (act=='#page_0') {
				if (page=='#page_0') {
					$('.menu').removeClass('close')
					open_page(page);
				} else{
					$('.trigger').click();
					$('#menu li a').unbind('mouseenter')
					$('#menu li a img').stop().animate({opacity:'0'},200);	
					open_page(page);
				}
			} else{
				$(act).find('.but_close').unbind('mouseenter, mouseleave').find('img').stop().animate({top:'29', left:'29', width:'0', height:'0'},400, function(){$(act).find('.but_close').css({display:'none'})});
				$(act).find('.text').stop().animate({opacity:'0'},400, function(){
					$(act).find('.text').css({visibility:'hidden'});
					$(act).find('.box_img').stop().animate({top:'337px',left:'337px', width:'0', height:'0'},400, function(){
						$(act).css({visibility:'hidden',right:'-9999px'})
						open_page(page);																								  
					})
				})	
			}
			return false;
		} 
	})
})

function close_anim(){
	$('.but_close').mouseenter(function(){
		$(this).find('.img_act').css({zIndex:'2'}).stop().animate({top:'0',left:'0', width:'100%', height:'100%'},400)
		$(this).find('.img').css({zIndex:'1'}).stop().animate({ top:'29',left:'29', width:'0', height:'0'})
	}).mouseleave(function(){
		$(this).find('.img').css({zIndex:'2'}).stop().animate({ top:'0',left:'0', width:'100%', height:'100%'})
		$(this).find('.img_act').css({zIndex:'1'}).stop().animate({ top:'29',left:'29', width:'0', height:'0'})
	})	
}

il problema è che in un li id richiamo un video Youtube; se durante la navigazione nella pagina non chiudo il video precedentemente aperto e provo a navigare nella pagina il video resta attivo
Quale soluzione consigliate ?