FBR YouTube tab working

by panchroma

HTML

this is working well, trigger tab is invisible at the moment
<div id="youtubeleft">
<div class="youtubeinner">
<div class="youtubebuttonleft">
<div id="youtubebutton2left" >
<div id="youtube-frame-r">

content here

</div></div></div></div></div>

CSS

#youtubeleft {
   position: fixed;
    margin: 0px;
    padding: 0px;
    left: 0px;
    list-style: none;
	z-index: 9999;
    top:250px;
}



.youtubebuttonleft {
margin-left: -305px;
}


#youtube-frame-r {
min-height:119px;
width: 288px; 
overflow: hidden; 
border: 4px solid #CCCCCC; 
background-color:#ffffff;
}



#youtubebutton2left {
background: url(http://fundy-biosphere.ca/images/page-template/youtube-logo.jpg) no-repeat right 20px;
height: 109px;
width: 326px; 
padding: 7px;
}

JavaScript

jQuery(document).ready(function($) {


                $('#youtubeleft > div').hover(
                    function () {
                        $('.youtubebuttonleft',$(this)).stop().animate({'marginLeft':'-12px'},400);
                    },
                    function () {
                        $('.youtubebuttonleft',$(this)).stop().animate({'marginLeft':'-305px'},200);
                    }
                );

                
			
			
			});