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;

}