/*
SKRYPT LIKEBOX - FACEBOOK

Wersja: 1.3

Autor: Vamedia Studio
www.vamedia.pl
biuro@vamedia.pl

Kopiowanie i rozpowszechnianie skryptu, bez zgody autora jest zabronione.

-------------
Instalacja:
-------------

1. Skopiuj pliki na serwer, do głównego katalogu (tam gdzie index):

fb-likeit.js
facebook_left.gif
facebook_right.gif


2. Następnie wyedytuj plik strony, na którą chcesz wrzucić skrypt i dodaj w sekcji HEAD, bądź BODY następujące linijki:

 <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>
 <script type="text/javascript" src="http://static.ak.connect.facebook.com/js/api_lib/v0.4/FeatureLoader.js.php/pl_PL"></script> 
 <script type="text/javascript" src="fb-likeit.js"></script> 
 
 lub
 
 <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>
 <script type="text/javascript" src="http://static.ak.connect.facebook.com/js/api_lib/v0.4/FeatureLoader.js.php/pl_PL"></script> 
 <script type="text/javascript" src="http://twoja-domena.pl/fb-likeit.js"></script> 

3. Zapisz plik i podmień go na serwerze.

4. Wedytuj poniższe zmienne ( wystarczy zmienić tylko id_profilu, aby skrypt działał )

============================== ZMIENNE KONFIGURACYJNE ===================================*/

	// Klucz API APLIKACJI
	var klucz = '172873822774322';
	
	// ID Twojego profilu na FaceBook-u
	var id_profilu = '219051088113804';
	
	// Odleglość od gornej krawedzi w PIXelach
	var odleglosc_od_gornej_krawedzi = 245;
	
	// Pozione położenie panelu: 'lewo' lub 'prawo'
	var polozenie_bannera = "prawo";


	// Folder, w którym przechowujesz pliki graficzne, dołączone w paczce ze skryptem
	var folder_z_grafika = "new-assets/";
	
	// Szybkosc wysuwania sie panelu: 0 - wolno, 1 - w miare szybko, 2 - szybko
	var szybkosc = 2;



/*--------- Nie zmieniaj kodu poniĹźej ------------*/

		var $j = jQuery.noConflict();
		jQuery(document).ready(function()
		{
		
			jQuery(document.body).append(FB.init({
					appId  : klucz,
					status : true, 
					cookie : true, 
					xfbml  : true  
			}));
			jQuery(document.body).append('<div id="pic021223sa"><fb:fan profile_id="'+id_profilu+'" stream="0" connections="6" logobar="0" width="190" height="278"></fb:fan></div>');			

			if(polozenie_bannera=="lewo")
			{
				var bdir = "left";
			}
			else
			{
				var bdir = "right";
			}
			
			jQuery("#pic021223sa021223sa").css('display', 'block');
			jQuery("#pic021223sa").css('position', 'fixed');
			jQuery("#pic021223sa").css('z-index', '100');
			jQuery("#pic021223sa").css(bdir, '-213px');
			jQuery("#pic021223sa").css('top', odleglosc_od_gornej_krawedzi+'px');
			jQuery("#pic021223sa").css('background', 'transparent url('+folder_z_grafika+'facebook_'+bdir+'.gif)');
			jQuery("#pic021223sa").css('width', '230px');
			jQuery("#pic021223sa").css('height', '280px');
			jQuery("#pic021223sa").css('cursor', 'pointer');
			jQuery("#pic021223sa").css('padding', '15px');	
			jQuery("#pic021223sa").css('padding-top', '6px');	
			jQuery("#pic021223sa").css('padding-bottom', '14px');	
			jQuery("#pic021223sa").css('padding-'+bdir, '10px');	
			
			if(szybkosc==0)
			{
				var szybkosc_panelu = "slow";
			
			}
			if(szybkosc==1)
			{
				var szybkosc_panelu = "medium";
			
			}
			if(szybkosc==2)
			{
				var szybkosc_panelu = "fast";
			
			}

			if(bdir=="right")
			{
				jQuery("#pic021223sa").css('padding-left', '58px');	
				jQuery("#pic021223sa").css('width', '190px');
			}
			jQuery("#pic021223sa").mouseover(function()
			{
				var p = jQuery("#pic021223sa");
				var pos = p.position();

				
				jQuery('#pic021223sa').stop();
				
				if(bdir=="left")
				{
				
					jQuery('#pic021223sa').animate({left:0}, szybkosc_panelu);
				}
				else
				{
					jQuery('#pic021223sa').animate({right:0}, szybkosc_panelu);
				
				}
				
		
			});
			
			jQuery("#pic021223sa").mouseout(function()
			{
				var p = jQuery("#pic021223sa");
				var pos = p.position();

				
				jQuery('#pic021223sa').stop();
				
				if(bdir=="left")
				{
					jQuery('#pic021223sa').animate({left:-213}, szybkosc_panelu);
				}
				else
				{
					jQuery('#pic021223sa').animate({right:-213}, szybkosc_panelu);
				}
		
			});
			
		
		});