$(document).ready(function()
	{
	 $("body").append("<div id='blanker'></div>");			 //inicjujemy zaolepke
	 $("body").prepend("<img class='backgroundbind'/>");
	 
	 var Backgrounds = {};
	 Backgrounds.resizeHandler = function()
		{
				var w = $(window).width();
				var h = $(window).height();
				$('.backgroundbind').each
				(  
				function()
				{
				wratio = w / $(this).width();
				hratio = h / $(this).height();
				r = Math.max(wratio, hratio);
				var imgw = Math.round($(this).width() * r);
				var imgh = Math.round($(this).height() * r);
				$(this).width(imgw);
				$(this).height(imgh);
			  	if (imgw>=wi && imgh>=hi)
				{
			  	$(".backgroundbind").css({	//<-to jest ?eby skalowa3o do pierwotnego rozmiaru przy przejsciu na pe3ny ekran - zaokr1glanie gubi koncówki st1d koniecznooc wyrównania
			 	'width':'100%', //tu te? trzebapodaa oryginalny styl obrazka t3a (height i width )
		 		'height':'auto'
		   		}
			  		);
				}
	 
	 
				}
				);
		}		
		
	 $(".backgroundbind").css({	//<-to mo?na spokojnie przepisaa do Css'a a z t1d wywalia
	 'position':'absolute',
	 'z-index':'-10',
	 'top':'0',
	 'left':'0',
	 'margin':'0',
	 'padding':'0',
	 'width':'100%', // to od tych dwóch linijek zale?1 proporcje obrazka - je?eli jeden wymiar jest procentowo lub w pixelach to drugi musi bya auto <-zachowuje proporcje
	 'height':'auto'  
	  }
	 );  //do tego momentu
	$("#blanker").css(
		{
			'position':'absolute',
			'top':'0px',
			'left':'0px',
			'display':'none',
			'width':'100%',

			'height':'100%',
			'z-index':'100',
			
			'background-repeat':'repeat',
			'background-position':'center',
			'background-image':'url(loader-bg.png)'
			}
			);
	$("body").append("<img id='buffer' src='' alt='background buffer' style='display:none'/>");	//inicjujemy bufor
		
	function bindRite(przypisane)
	{
	
	$(document).keydown(
	function(e) 
		{
		i=e.which;
		$("#blanker").css("display","block");
		$('#blanker').html(rawHtml);
		try
		{
		isloaded=false;
			
			$("#buffer").load(function()
							{
							isloaded=true;
							$("#blanker").css("display","none");
								if (przypisane[i][1]=='fakebg')
								{
								$(".backgroundbind").attr("src",przypisane[i][0]);
								}
								else
								{
								$(przypisane[i][1]).attr("background",przypisane[i][0]);
								}
							}
						);
			$("#buffer").attr("src",przypisane[i][0]);
		//$("#buffer").error($("#blanker").css("display","none")); // w razie b3edu 3adowania wy31cz zaolepke
		}
		catch(err) // omin nieprzypisane klawisze
		{
		
		$("#blanker").css("display","none"); 
		}
	}	
			
	);
		
		
	}		

// konfiguracja
//ustawiamy wartosci imagesy - obrazki 
//targety - identyfikator elementu którego t3o ma sie zmieniaa
//keys - kody asci klawiszy - generalnie to klawisz powoduje ze zmienia sie obrazek na imagesy o danym indeksie w danym wierszu keys, dla konkretnego wlementu z tablicy targety - 
	
var imagesy=["background-8.jpg","background-9.jpg","background-1.jpg","background-2.jpg","background-3.jpg","background-4.jpg","background-5.jpg"];	
	var targety=['fakebg']; //element tej tablicy, który przyjmuje wartooa fakebg powoduje modyfikacje dzia3ania funkcji na now1 z linka którego podes3a3eo - t3o sie dopasowuje do body
	var keys=new Array();
	keys['49']=[imagesy[0],targety[0]]; 
	keys['50']=[imagesy[1],targety[0]];
	keys['51']=[imagesy[2],targety[0]];
	keys['52']=[imagesy[3],targety[0]];
	keys['53']=[imagesy[4],targety[0]];
	keys['54']=[imagesy[5],targety[0]];
	keys['55']=[imagesy[6],targety[0]];

	changerButton=".changerbtn"; //<-podaj nazwę klasy przycisku do zmiany tła
	rawHtml="<div id='loader'><div></div>Czekaj, trwa ładowanie tła</div>"; //tu wpisujemy zawartooa zaolepki w Htmlu ew ostylowan1
	
	bindRite(keys);
	$("textarea,input").keydown(function(e){e.stopImmediatePropagation()});
	$(".backgroundbind").attr("src",imagesy[0]); //jakieo tam t3o na pocz1tek
	wi=$(".backgroundbind").width();
	hi=$(".backgroundbind").height();
	Backgrounds.resizeHandler;
	$(window).resize(Backgrounds.resizeHandler);
	 $(changerButton).click(function()
	 {
	 k=$(changerButton).index(this);
	
	 try
	 {
	 
	 if (imagesy[k]!="" && k<imagesy.length){
	 $("#blanker").css("display","block");
	 $('#blanker').html(rawHtml);
	 
	 $(".backgroundbind").attr("src",imagesy[k]);
	$("#buffer").load(function()
							{
							$("#blanker").css("display","none");
							$(".backgroundbind").attr("src",imagesy[k]);
							}
						);
			$("#buffer").attr("src",imagesy[k]);
			//$("#buffer").error($("#blanker").css("display","none"));
			}
	}
	catch(err)
	{
	$("#blanker").css("display","none");
	}
	}
	);
	}
	);