$(document).ready(function() {
	/*
	var panelSchowany = -540
	var panelWysuniety = 0
	var zakladkaWysunieta = 544
	var zakladkaSchowana = 5
	var czas = 1000
	*/

	$.extend({
		getUrlVars: function(){
		var vars = [], hash;
		var hashes = window.location.href.slice(window.location.href.indexOf('?') + 1).split('&');
		for(var i = 0; i < hashes.length; i++)
		{
		hash = hashes[i].split('=');
		vars.push(hash[0]);
		vars[hash[0]] = hash[1];
		}
		return vars;
		},
		getUrlVar: function(name){
		return $.getUrlVars()[name];
		}
	});

	// Get object of URL parameters
	var allVars = $.getUrlVars();

	// Getting URL var by its nam
	var byName = $.getUrlVar('name');

	// o nas
	$("#przycisk-29").click(function(){
		$("#panel-13").animate({ "left": "-540px", "top": "0" }, 1000 );
		$(".zakladka-13").animate({ "left": "0", "top": "0" }, 1000 );
		$("#panel-29").animate({ "left": "0", "top": "0" }, 1000 );
		$(".zakladka-29").animate({ "left": "544px", "top": "-870px" }, 1000 );
		$("#panel-41").animate({ "left": "-540px", "top": "0" }, 1000 );
		$(".zakladka-41").animate({ "left": "0", "top": "0" }, 1000 );
		$("#panel-21").animate({ "left": "-540px", "top": "0" }, 1000 );
		$(".zakladka-21").animate({ "left": "0", "top": "0" }, 1000 );
		$("#panel-25").animate({ "left": "-540px", "top": "0" }, 1000 );
		$(".zakladka-25").animate({ "left": "0", "top": "0" }, 1000 );
	});

	// menu
	$("#przycisk-13").click(function(){
		$("#panel-13").animate({ "left": "0", "top": "-895px" }, 1000 );
		$(".zakladka-13").animate({ "left": "544px", "top": "-1590px" }, 1000 );
		$("#panel-29").animate({ "left": "-540px", "top": "0" }, 1000 );
		$(".zakladka-29").animate({ "left": "0", "top": "0" }, 1000 );
		$("#panel-41").animate({ "left": "-540px", "top": "0" }, 1000 );
		$(".zakladka-41").animate({ "left": "0", "top": "0" }, 1000 );
		$("#panel-21").animate({ "left": "-540px", "top": "0" }, 1000 );
		$(".zakladka-21").animate({ "left": "0", "top": "0" }, 1000 );
		$("#panel-25").animate({ "left": "-540px", "top": "0" }, 1000 );
		$(".zakladka-25").animate({ "left": "0", "top": "0" }, 1000 );
	});

	// oferta
	$("#przycisk-41").click(function(){
		$("#panel-13").animate({ "left": "-540px", "top": "0" }, 1000 );
		$(".zakladka-13").animate({ "left": "0", "top": "0" }, 1000 );
		$("#panel-29").animate({ "left": "-540px", "top": "0" }, 1000 );
		$(".zakladka-29").animate({ "left": "0px", "top": "0" }, 1000 );
		$("#panel-41").animate({ "left": "0", "top": "-1790px" }, 1000 );
		$(".zakladka-41").animate({ "left": "544px", "top": "-2310px" }, 1000 );
		$("#panel-21").animate({ "left": "-540px", "top": "0" }, 1000 );
		$(".zakladka-21").animate({ "left": "0", "top": "0" }, 1000 );
		$("#panel-25").animate({ "left": "-540px", "top": "0" }, 1000 );
		$(".zakladka-25").animate({ "left": "0", "top": "0" }, 1000 );
	});

	// kontakt
	$("#przycisk-21").click(function(){
		$("#panel-13").animate({ "left": "-540px", "top": "0" }, 1000 );
		$(".zakladka-13").animate({ "left": "0", "top": "0" }, 1000 );
		$("#panel-29").animate({ "left": "-540px", "top": "0" }, 1000 );
		$(".zakladka-29").animate({ "left": "0", "top": "0" }, 1000 );
		$("#panel-41").animate({ "left": "-540px", "top": "0" }, 1000 );
		$(".zakladka-41").animate({ "left": "0", "top": "0" }, 1000 );
		$("#panel-21").animate({ "left": "0", "top": "-2685px" }, 1000 );
		$(".zakladka-21").animate({ "left": "544px", "top": "-3030px" }, 1000 );
		$("#panel-25").animate({ "left": "-540px", "top": "0" }, 1000 );
		$(".zakladka-25").animate({ "left": "0", "top": "0" }, 1000 );
	});

	// galeria
	$("#przycisk-25").click(function(){
		$("#panel-13").animate({ "left": "-540px", "top": "0" }, 1000 );
		$(".zakladka-13").animate({ "left": "0", "top": "0" }, 1000 );
		$("#panel-29").animate({ "left": "-540px", "top": "0" }, 1000 );
		$(".zakladka-29").animate({ "left": "0", "top": "0" }, 1000 );
		$("#panel-41").animate({ "left": "-540px", "top": "0" }, 1000 );
		$(".zakladka-41").animate({ "left": "0", "top": "0" }, 1000 );
		$("#panel-21").animate({ "left": "-540px", "top": "0" }, 1000 );
		$(".zakladka-21").animate({ "left": "0", "top": "0" }, 1000 );
		$("#panel-25").animate({ "left": "0", "top": "-3580px" }, 1000 );
		$(".zakladka-25").animate({ "left": "544px", "top": "-3750px" }, 1000 );
	});

	//dane dla ewentualnej nawigacji - funkcja ponizej
	nawigacja();

	});

	function nawigacja() {

	var liczba = 0
	var danePrzewijania = 0;
	var przewiniecie = $(".tresc").height();
	var wysokoscPlaceholder = Math.floor($(".placeholder").height() /640);
	var czasZnak = 750

	//jesli placeholder ma tylko 1 strone, chowaj nawigacje
	if (wysokoscPlaceholder<1) {
		$(".nawigacja").hide()
	}
	//jesli ma wiecej, pokaz nawigacje
	else  {
		$(".nawigacja").show()

			
	}
	//na poczatku chowamy przycisk "poprzednia strona". Po klikniecu w przyciski bedzie juz sie sam kontrolowal, ale na poczatku musimy "narzucic" mu schowanie

	$(".nawi_poprzednia").hide();
	$(".nawi_pierwsza").hide();

	$(".nawi_nastepna").click(function(){
	//zanik placeholdera aby mogl sie "przemiescic"
		$(".placeholder").animate({'opacity': 0},czasZnak, function() {
			liczba ++;
			//uruchomienie funkcji przewijania - ponizej
			przewijanie()
		});
	});

	$(".nawi_ostatnia").click(function(){
	//zanik placeholdera aby mogl sie "przemiescic"
		$(".placeholder").animate({'opacity': 0},czasZnak, function() {
			liczba = wysokoscPlaceholder;
			//uruchomienie funkcji przewijania - ponizej
			przewijanie()
		});
	});

	$(".nawi_poprzednia").click(function(){
		$(".placeholder").animate({'opacity': 0},czasZnak, function() {
			liczba --;
			przewijanie()
		});
	});

	$(".nawi_pierwsza").click(function(){
	//zanik placeholdera aby mogl sie "przemiescic"
		$(".placeholder").animate({'opacity': 0},czasZnak, function() {
			liczba = 0;
			//uruchomienie funkcji przewijania - ponizej
			przewijanie()
		});
	});
	//funkcja sluzaca do przewijania tekstu
	function przewijanie() {
	//o ile ma sie przewinac placeholder. Liczba razy przewiniecie *-1 - daje wartosc ujemna
	danePrzewijania=liczba *przewiniecie *-1;
	//warunki dla zaniku przyciskow nastepna str, poprzednia stre
		if (liczba >= wysokoscPlaceholder) {
				$(".nawi_nastepna").fadeOut();
				$(".nawi_ostatnia").fadeOut();
		}else {
			$(".nawi_nastepna").fadeIn();
			$(".nawi_ostatnia").fadeIn();
			}
		
		if (liczba < 1) {
				$(".nawi_poprzednia").fadeOut();
				$(".nawi_pierwsza").fadeOut();
		}else {
			$(".nawi_poprzednia").fadeIn();
			$(".nawi_pierwsza").fadeIn();
			}
	//przesuniecie o dane przewijania obliczone powyzej
	$(".placeholder").css({"top": danePrzewijania +"px"});
	//pojawienie sie na nowo placeholdera
	$(".placeholder").animate({'opacity': 1},czasZnak);
		
	}
}