add_to_head ("<script type='text/javascript'>
$(document).ready(function () {
$('#wysuwany_div').mouseover(function() {
$('#wysuwany_div').stop();
$('#wysuwany_div').animate({
right: '0', //po najechaniu myszką na obiekt, jego prawy margines ma zmienić się na 0px
},350 //margines zmieni się w czasie 350 milisekund
);
})
$('#wysuwany_div').mouseout( 
function() {
$('#wysuwany_div').stop();
$('#wysuwany_div').animate({
right: '-209', //po zjechaniu kursora z obiektu, jego prawy margines ma zmienić się na -209px czyli tyle ile ma szerkości nasza niebieska ramka minus wystający kawałek z logo facebook który ma być cały czas widoczny.
}, 350 //dzieje się to również w czasie 350 milisekund
);
});
})
</script>");

add_to_head ("<script type='text/javascript'>
$(document).ready(function () {
$('#wysuwany_div').css('right','-205px');
$('.wysuwany_div_button').toggle(function(){
$('#wysuwany_div').animate({right: '0px'}, 500 );
$(this).addClass('zamknij');
return false;
},
function(){
$('#wysuwany_div').animate({right: '-205px'}, 500 );
$(this).removeClass('zamknij');
return false;
});
}); 
</script>");

echo"<div id='wysuwany_div'>
        <div id='ramka_facebooka'>
 
* Jūsų FB fan page kodas *
 
        </div>
        <a class='wysuwany_div_button' href='#'></a>
        </div>";

 
#wysuwany_div{
	float:right;
	width:250px;
	height:420px; 
	background: url(http://img190.imageshack.us/img190/3564/fbbox.png);
	display:block;
	right:-205px;
	padding:0;
	position:fixed;
	top:170px;
	z-index:10000;
}
 
#ramka_facebooka { margin: 7px 0 0 40px;}

.zamknij {
    background-position: -102px 0;
}
 
.zamknijfb {
    background-position: -102px 0;
}
 
.wysuwany_div_button {
    display: block;
    height: 128px;
    position: absolute;
    left: 0px;
    text-indent: -9999px;
    top: 29px;
    width: 44px;
}