Salve a tutti!

Avrei disperatamente bisogno di una mano per capire un problema che mi sta facendo impazzire!!

Quello che vorrei tanto fare, è fare in modo che alla chiusura di una finestra (che in realtà viene nascosta) i video di youtube aggiunti tramite codice incorporato (iframe) si mettesse in stop!

Io non so più che pesci prendere!

Riporto il codice della pagina:

Codice PHP:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
 "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"
>
<
html xmlns="http://www.w3.org/1999/xhtml" xml:lang="it" lang="it">

<
head>
    <
title>madb-graphic-motion-pictures</title>
    <
meta http-equiv="content-type" content="text/html;charset=utf-8" />
    <
meta http-equiv="content-style-type" content="text/css" />
    <
link rel="stylesheet" type="text/css" href="template/default/css/styles.css" />
    <
script type="text/javascript" src="template/default/librerie/jquery.js"></script>
    
    <script type="text/javascript" src="template/default/librerie/jquery.mousewheel-3.0.6.pack.js"></script>    
    <script type="text/javascript" src="template/default/librerie/jquery.fancybox.js?v=1.0.2"></script>     <script type="text/javascript" src="template/default/librerie/default.js"></script>
    <script type="text/javascript" src="template/default/librerie/jquery.fancybox-thumbs.js?v=1.0.2"></script>     <script type="text/javascript" src="template/default/librerie/default.js"></script>
    <link rel="stylesheet" type="text/css" href="template/default/css/jquery.fancybox.css?v=1.0.2" />
    <link rel="stylesheet" type="text/css" href="template/default/css/jquery.fancybox-thumbs.css?v=1.0.2" />
</head>
<body>
<div id="loading">[img]template/default/image/loading-madb.gif[/img]</div>
<div id="body" style="visibility: hidden;">
    <div class="testo_fade">
            <div style="visibility: show;" id="menu_open">
            <font id="navigator">
                [url="#homepage"][img]template/default/image/menu/home.png[/img][/url] 
                [url="#biografia"][img]template/default/image/menu/biography.png[/img][/url] 
                [url="#lavori"][img]template/default/image/menu/work.png[/img][/url] 
                [url="#contatti"][img]template/default/image/menu/contact.png[/img][/url]
            </font>
        </div>
    </div>
    <div id="main" class="container">
        <script type="text/javascript" src="http://www.youtube.com/player_api"></script>
<script type="text/javascript">

    function show_progetto(immagini){
                
        var progetto_id = document.getElementById(immagini);
        var menu = document.getElementById("lista_progetti");

        if(progetto_id.style.display == "block"){
            
            $("div#video_"+immagini+" p").each(function (num,element) {
                    
                    var videos = this.getElementsByTagName("iframe");                    
                    for(var i=0;i<videos.length; i++){

                        var id = videos[i].id;
                        videos[i].stopVideo();
                    }
            });

            $('#'+immagini).fadeOut(1000,function(){
                progetto_id.style.display = "none";
                
                $('#lista_progetti').fadeIn(1000,function(){
                    
                    menu.style.display = "block";
                });
            });

        }else{

             $(".open-"+immagini).fancybox({
                 thumbs: {
                     width  : 50,
                     height : 50
                 }
             });
        
            $('#lista_progetti').fadeOut(1000,function(){
                
                menu.style.display = "none";
                
                $('#'+immagini).fadeIn(1000,function(){
                    
                    progetto_id.style.display = "block";
                });
            });                
        }
    }
    
</script>
    
<div id="lavori">
    <div id="gallery">
    
        <div id="lista_progetti" style="display: block">

            <nav id="filter"></nav>

            <div style="padding: 10px;">
                
            </div>

            <section id="container">
                <ul id="stage">
                    <li id="progetto_noja" data-tags="#illustration,#graphic">
    <table border="0" style="text-align: center;" width="250px">
        <tr valign="top"><td>[size="1"][b]Noja magazine[/b][/size]</td></tr>
        <tr valign="top"><td style="padding-top: 8px;">[img]lavori/lavori/noja/copertina.gif[/img]</td></tr>
        <tr valign="top"><td style="font-size: 11px;">

Free magazine for fun</p></td></tr>
    </table>
<li id="progetto_artelaguna" data-tags="#video">
    <table border="0" style="text-align: center;" width="250px">
        <tr valign="top"><td>[size="1"][b]Arte Laguna Prize[/b][/size]</td></tr>
        <tr valign="top"><td style="padding-top: 8px;">[img]lavori/lavori/artelaguna/copertina.gif[/img]</td></tr>
        <tr valign="top"><td style="font-size: 11px;">

Video promozionale animato per la 7&deg; edizione del premio Arte Laguna</p></td></tr>
    </table>
<li id="progetto_bigup" data-tags="#illustration,#graphic,#events">
    <table border="0" style="text-align: center;" width="250px">
        <tr valign="top"><td>[size="1"][b]Electra Sound Agency[/b][/size]</td></tr>
        <tr valign="top"><td style="padding-top: 8px;">[img]lavori/lavori/bigup/copertina.gif[/img]</td></tr>
        <tr valign="top"><td style="font-size: 11px;">

Big Up party!</p>


(nightlife)</p></td></tr>
    </table>
<li id="progetto_fagofilmfest" data-tags="#video,#projects">
    <table border="0" style="text-align: center;" width="250px">
        <tr valign="top"><td>[size="1"][b]Lago Film Fest[/b][/size]</td></tr>
        <tr valign="top"><td style="padding-top: 8px;">[img]lavori/lavori/fagofilmfest/copertina.gif[/img]</td></tr>
        <tr valign="top"><td style="font-size: 11px;">

Gita al lago</p></td></tr>
    </table>

                [/list]
            </section>
        </div>
        <div id="lista_anteprime">
<div id="artelaguna" style="display: none;">
    <p style="cursor: pointer; padding-left: 12px;" id="filter" onclick="show_progetto('artelaguna');">&lt;&lt; back</p>
    <table border="0" width="100%">
        <tr valign="top">
            <td width="20%" style="border-right: 1px solid white;">
                <h3>Arte Laguna Prize</h3>
                

Video promozionale animato per la 7&deg; edizione del premio Arte Laguna</p>
            </td>
            <td style="padding-left: 20px;">
                <div id="video_artelaguna" style="clear:both; width:100%; margin-top: 10px; border-top: 1px solid #FFF;">
                    

<iframe id="1" src="http://www.youtube.com/embed/u2dLeI_Lknk?rel=0&amp;enablejsapi=1" frameborder="0" width="853" height="480"></iframe></p>


<iframe id="2" src="http://www.youtube.com/embed/u2dLeI_Lknk?rel=0&amp;enablejsapi=1" frameborder="0" width="853" height="480"></iframe></p>
                </div>
            </td>
        </tr>
    </table>
</div><div id="bigup" style="display: none;">
    <p style="cursor: pointer; padding-left: 12px;" id="filter" onclick="show_progetto('bigup');">&lt;&lt; back</p>
    <table border="0" width="100%">
        <tr valign="top">
            <td width="20%" style="border-right: 1px solid white;">
                <h3>Electra Sound Agency</h3>
                

Big Up party!</p>


(nightlife)</p>
            </td>
            <td style="padding-left: 20px;">
                <div id="video_bigup" style="clear:both; width:100%; margin-top: 10px; border-top: 1px solid #FFF;">                    
                </div>
            </td>
        </tr>
    </table>
</div><div id="fagofilmfest" style="display: none;">
    <p style="cursor: pointer; padding-left: 12px;" id="filter" onclick="show_progetto('fagofilmfest');">&lt;&lt; back</p>
    <table border="0" width="100%">
        <tr valign="top">
            <td width="20%" style="border-right: 1px solid white;">
                <h3>Lago Film Fest</h3>
                

Gita al lago</p>
            </td>
            <td style="padding-left: 20px;">
                <div id="video_fagofilmfest" style="clear:both; width:100%; margin-top: 10px; border-top: 1px solid #FFF;">
                    

<iframe src="http://www.youtube.com/embed/7yyMLg_y9-M" frameborder="0" width="850" height="478"></iframe></p>
                </div>
            </td>
        </tr>
    </table>
</div>
        </div>
        <div class="little_space"></div>
    </div>
</div>
        <script type="text/javascript" src="template/default/librerie/jquery.quicksand.js"></script>
        <script type="text/javascript" src="template/default/librerie/script.js"></script>
    </div>
</div>
</body>
</html> 
Il problema si trova nella sezione LAVORI, dove ci sono la lista dei progetti principali e poi sotto i progetti già aperti ma nascosti!

Grazie mille!!!