var width = 292;
var height = 300;
$(document).ready(function() 
{
	
	var likeBoxHref = 'http%3A%2F%2Fwww.facebook.com%2Fpages%2FDarmowe-kr%C3%B3tkie-atrakcyjne-aliasy-i-subdomeny-www%2F194149407265060'; 

	
	var colorScheme = 'light'; //dark
	var oldOffset = null;
	var connections = 10;
	var stream = false;
	var header = false;
	
	
	
	/* code generation */
	var code = [];
	code.push('<div id="fb-panel" style="top: 200px;left:0;position:fixed;">');
		code.push('<div id="fb-panel-content" style="overflow: hidden;float: left; width: 0px; display: block;background-color:#FFFFFF;border: 0px solid #000000;">');
			code.push('<div id="fb-likebox" style="float:left;"><iframe id="fb-likebox-fr" src="http://www.facebook.com/plugins/likebox.php?href='+likeBoxHref+'&amp;width='+width+'&amp;connections='+connections+'&amp;stream='+stream+'&amp;header='+header+'&amp;colorscheme='+colorScheme+'&amp;height='+height+'" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width: '+width+'px; height: '+height+'px;" allowTransparency="true"></iframe></div>');
			code.push('</div>');
		code.push('<div id="fb-panel-button" class="open" style="background: transparent url(facebook_button.png) repeat scroll 0 0;border:0 none;height:40px;float: left;width:41px;">');
	code.push('</div>');
	$('body').append( $( code.join('') ) );
	/* code generation end */
	
	 $('#fb-panel-button').bind( 'mouseenter', rozwin);
		
	
	/* events attach end*/
});
	
	
function rozwin(e){

		$('#fb-panel-button').unbind('mouseenter');	
		$('#fb-panel-content').bind( 'mouseleave', zwin);			
			$(this).addClass('open');
			$('#fb-panel-content').animate({'width':width+'px' }, 500,
            function()
            {
                $('#fb-panel-button, #fb-panel-content').mouseleave(zwin);                               
            });
            
            $('#fb-panel-button').css({'position': 'relative'});
            
			$('#fb-panel-button').animate({'left': -41+'px' }, 500);
			
	}
	
		function zwin()
		{
			
				$('#fb-panel-button, #fb-panel-content').unbind('mouseleave');
				$('#fb-panel-button, #fb-panel-content').mouseleave(function(){});
                    $('#fb-panel-content').animate(
                          {'width':0+'px'},300,
						  function()
						  {
			                        $('#fb-panel-content').hide();
			                        $('#fb-panel-button').removeClass('open');
					  			    $('#fb-panel-button').bind( 'mouseenter', rozwin);								  
						  });
					$('#fb-panel-button').animate({'left': 0+'px'}, 300); 
					
					
        }