// JavaScript Document
var czas = 1400;
var strona_gora = -495;
var strona_dol = 0;

$(document).ready(function(){
	$.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');
var numerStrony;
var danePlaceholdera;
var liczba = 0;
var danePrzewijania = 0
var przewiniecie = $(".tresc").height();
var wysokoscPlaceholder;


ktoraStrona();

function ktoraStrona() {
	if (allVars == "http://dorotastudio.pl/#O_mnie") {
		oMnie()
		numerStrony = 11;
		danePlaceholdera = "#placeholder-"+numerStrony;
	}
	if (allVars == "http://dorotastudio.pl/#Oferta") {
		oferta();
		numerStrony = 9;
		danePlaceholdera = "#placeholder-"+numerStrony;
	}
	if (allVars == "http://dorotastudio.pl/#Galeria") {
		galeria();
		numerStrony = 7;
		danePlaceholdera = "#placeholder-"+numerStrony;
	}
	if (allVars == "http://dorotastudio.pl/#Inne-projekty") {
		inneProjekty();
		numerStrony = 5;
		danePlaceholdera = "#placeholder-"+numerStrony;
	}
	if (allVars == "http://dorotastudio.pl/#Kontakt") {
		kontakt();
		numerStrony = 3;
		danePlaceholdera = "#placeholder-"+numerStrony;
	}
	nawigacja()
}
						   
function oMnie() {
	$("#strona-11").animate({"top":strona_dol}, czas);
	$("#strona-9").animate({"top":strona_gora}, czas);
	$("#strona-7").animate({"top":strona_gora}, czas);
	$("#strona-5").animate({"top":strona_gora}, czas);
	$("#strona-3").animate({"top":strona_gora}, czas);
}

function oferta() {
	$("#strona-9").animate({"top":strona_dol}, czas);
	$("#strona-7").animate({"top":strona_gora}, czas);
	$("#strona-5").animate({"top":strona_gora}, czas);
	$("#strona-3").animate({"top":strona_gora}, czas);						
}

function galeria() {
	$("#strona-7").animate({"top":strona_dol}, czas);
	$("#strona-5").animate({"top":strona_gora}, czas);
	$("#strona-3").animate({"top":strona_gora}, czas);	
}
function inneProjekty() {
	$("#strona-5").animate({"top":strona_dol}, czas);
	$("#strona-3").animate({"top":strona_gora}, czas);	
}
function kontakt() {
	$("#strona-3").animate({"top":strona_dol}, czas);	
}

$(".menu_przycisk").click(function(){
	$(nawigacjaNast).unbind('click');
	$(nawigacjaPoprz).unbind('click');
	//okreslamy name guzika, ktory zostal wcisniety
	numerStrony = $(this).attr("name");
	//nadajemy placeholderowi atrybut guzika. Czyli nr name guzika = nr placeholdera, za ktory ten guzik jest odpowiedzialny
	danePlaceholdera = "#placeholder-"+numerStrony;
	//uruchamiamy wysuwanie sie stron
	wysuwanieStron();
	//uruchamiamy funkcje, ktora odpowiada za pojawienie sie nawigacji placeholdera (poprzednia strona/nastepna strona)
	nawigacja();

		function wysuwanieStron() {
		//jesli numer strony (zmienna pobrana powyzej) rowna sie danej wartosci (np 11 dla "O mnie"), wykonaj dzialania
		if (numerStrony==11) {
			oMnie();
		}
		if (numerStrony==9) {
			oferta();
		}
		if (numerStrony==7) {
			galeria();				
		}
		if (numerStrony==5) {
			inneProjekty();				
		}
		if (numerStrony==3) {
			kontakt();				
		}
	}
});
function nawigacja() {
	//liczba to wartosc poczatkowa. Zawsze jest 0 po kliknieciu w jakikolwiek guzik menu
	liczba = 0
	//WAZNA zmienna. Na jej podstawie obliczane jest, o ile ma sie przesunac placeholder
	danePrzewijania = 0;
	//Oblicza ilosc stron do przewiniecia dla poszczegolnego placeholdera
	wysokoscPlaceholder = Math.floor($(danePlaceholdera).height() /przewiniecie);
	//Czas animacji
	var czasZnak = 350
	//Okreslenie indywidualnych nawigacji (poprzednia nastepna) dla poszczegolnych stron, poprzez nadanie atrybutu pobranego za pomoca klikniecia w dany guzik
	nawigacjaPoprz = $("#strona-" + numerStrony + " .nawi_poprzednia")
	nawigacjaNast = $("#strona-" + numerStrony + " .nawi_nastepna")
	//jesli placeholder ma tylko 1 strone, chowaj nawigacje
	if (wysokoscPlaceholder<1) {
		$("#strona-" + numerStrony + " .nawi").hide()
	}
	//jesli ma wiecej, pokaz nawigacje
	else  {
		$("#strona-" + numerStrony + " .nawi").show()
	}

//na poczatku chowamy przycisk "poprzednia strona". Po klikniecu w przyciski bedzie juz sie sam kontrolowal, ale na poczatku musimy "narzucic" mu schowanie
	$(nawigacjaPoprz).hide()
//na poczatu robimy animacje pojawiania sie tekstu w placeholderze
	if (liczba==0) {
		$(danePlaceholdera).animate({'opacity': 0},czasZnak, function() {
			$(danePlaceholdera).css({"top": 0 +"px"});
			przewijanie()
		});
	}
//klikamy w nastepna strona
	$(nawigacjaNast).click(function(){
	//zanik placeholdera aby mogl sie "przemiescic"
		$(danePlaceholdera).animate({'opacity': 0},czasZnak, function() {
																	  
			liczba ++;
			//uruchomienie funkcji przewijania - ponizej
			przewijanie()
		});
	});
//klikamy w poprzednia strona
	$(nawigacjaPoprz).click(function(){
		$(danePlaceholdera).animate({'opacity': 0},czasZnak, function() {
			liczba --;
			przewijanie()
		});
	});
//funkcja sluzaca do przewijania tekstu
	function przewijanie() {

		//warunki dla zaniku przyciskow nastepna str, poprzednia str.
		if (liczba >= wysokoscPlaceholder) {
			$(nawigacjaNast).fadeOut('fast'); 
		}else {
			$(nawigacjaNast).fadeIn();
		}
			
		if (liczba < 1) {
			$(nawigacjaPoprz).fadeOut('fast'); 
		}else {
			$(nawigacjaPoprz).fadeIn();
		}
		//o ile ma sie przewinac placeholder. Liczba razy przewiniecie *-1 - daje wartosc ujemna
		danePrzewijania=liczba *przewiniecie *-1;
		//przesuniecie o dane przewijania obliczone powyzej
		$(danePlaceholdera).css({"top": danePrzewijania +"px"});
		//pojawienie sie na nowo placeholdera
		$(danePlaceholdera).animate({'opacity': 1},czasZnak);		
	}
}
});