$(document).ready(function() {
	
	// USUWANIE FOCUSA
	$('a').attr('onfocus', 'blur()');
	
	// NOWE OKNO DLA LINKÓW Z ATRYBUTEM REL="TARGET"
	$('a[rel="target"]').click(function() {
		var newWindow = window.open(this.href);
		return false;
	});
	
	// PŁYNNY POWRÓT DO GÓRY
	$('a[href="#top"]').click(function(){
		$('html, body').animate({scrollTop:0}, 'slow');
		return false;
	});
	
	// PRELOADER
	$("div.slider ul li img").preload({placeholder: "images/loader.gif"});
	
	// ZAKŁADKI
	var zakladka = $('div.zakladki > div');
	$('div.zakladki ul.zakladki-nawigacja a').click(function () {
		zakladka.fadeOut(200).filter(this.hash).fadeIn();
		$('div.zakladki ul.zakladki-nawigacja a').removeClass('wybrana');
		$(this).addClass('wybrana');
		$("div.nazwa, div.opis, div.cena").vAlign();
		return false;
	}).filter(':first').click();
	
	$('body').mouseover(function() {
		$("div.nazwa, div.opis, div.cena").vAlign();
	});
	
	// OSTATNIA ZAKŁADKA
	$('ul.zakladki-nawigacja li:last').addClass('last');
	
	// FORMULARZ
	$('div.formularz input:checkbox').addClass('checkbox');
	
	// OSTATNIA USŁUGA
	$('div.zakladki div').each(function() {
		$(this).children('div.usluga:last').css('border','0');
	});
	
	
	// WARSTWY
		
	// KONTAKT
	$('div.menu ul li a[title="kontakt"]').click(function() {
		$(this).parent('li').addClass('wybrana').children('a').css('padding-right','15px');
		$('div.kontakt').slideDown(400);
		return false;
	});
	$('div.kontakt').mouseleave(function() {
		$('div.menu ul li a[title="kontakt"]').parent('li').removeClass('wybrana');
		$('div.kontakt').slideUp(400);
	});
	
	// O MNIE
	var zamknij_o_mnie = '<span class="zamknij-o-mnie"></span>';
	$('div.menu ul li a[title="kilka słów o mnie"]').parent('li').append(zamknij_o_mnie);
	$('.zamknij-o-mnie').hide();
	
	$('div.menu ul li a[title="kilka słów o mnie"]').click(function() {
		$(this).parent('li').addClass('wybrana');
		$('.zamknij-o-mnie').show();
		$('div.piotr-lojewski-02_').slideUp(400, function() {
			$('div.o-mnie').slideDown(400);
		});
		if ($('div.oferta').is(':visible')) {
			$('div.oferta').slideUp(400);
			$('div.menu ul li a[title="oferta"]').parent('li').removeClass('wybrana');
			$('.zamknij-oferta').hide();
			$('div.piotr-lojewski-03_').slideDown(400);
		}
		return false;
	});
	$('.zamknij-o-mnie').click(function() {
		$('div.menu ul li a[title="kilka słów o mnie"]').parent('li').removeClass('wybrana');
		$(this).hide();
		$('div.o-mnie').slideUp(400, function() {
			$('div.piotr-lojewski-02_, div.piotr-lojewski-03_').slideDown(400);
			
			zdjecia.find('ul li').animate({
				'height': $('div.slider ul li:eq('+id+')').find("img").height()
			},250);
			
		});
		return false;
	});

	// OFERTA
	var zamknij_oferta = '<span class="zamknij-oferta"></span>';
	$('div.menu ul li a[title="oferta"]').parent('li').append(zamknij_oferta);
	$('.zamknij-oferta').hide();
	
	$('div.menu ul li a[title="oferta"]').click(function() {
		$(this).parent('li').addClass('wybrana');
		$('.zamknij-oferta').show();
		$('div.piotr-lojewski-03_').slideUp(400, function() {
			$('div.piotr-lojewski-02_, div.oferta').slideDown(400);
		});
		if ($('div.o-mnie').is(':visible')) {
			$('div.o-mnie').slideUp(400);
			$('div.menu ul li a[title="kilka słów o mnie"]').parent('li').removeClass('wybrana');
			$('.zamknij-o-mnie').hide();
		}
		return false;
	});
	$('.zamknij-oferta').click(function() {
		$('div.menu ul li a[title="oferta"]').parent('li').removeClass('wybrana');
		$(this).hide();
		$('div.oferta').slideUp(400, function() {
			$('div.piotr-lojewski-02_, div.piotr-lojewski-03_').slideDown(400);
			
			zdjecia.find('ul li').animate({
				'height': $('div.slider ul li:eq('+id+')').find("img").height()
			},250);
			
		});
		
		return false;
	});
	
	// SLIDER
	$('div.loader').animate({'height': '0'}).remove();
	$('div.slider ul li, div.podpisy ul li').css('position','relative');
	$('div.projekty').css({'background': 'url(images/klawiatura.png) bottom right no-repeat'});
	var zdjecia = $('div.slider');
	var podpisy = $('div.podpisy');
	var szerokosc_slidera = zdjecia.width();
	var szerokosc_podpisu = podpisy.width();
	var id = 0;
	
	zdjecia.children('ul').css({
		'width': zdjecia.find("li").length*szerokosc_slidera
	});
	
	podpisy.children('ul').css({
		'width': zdjecia.find("li").length*szerokosc_podpisu
	});
	
	zdjecia.find('ul li').css({
		'height': zdjecia.find('ul li').children("img").height()
	});
	
	move = function(action){
		
		if (action == 'left')
		{
			id = id-1;
			if (id < 0)
			{
				id = podpisy.find('li').length-1;
			}
			zdjecia.find('ul li').animate({
				'height': $('div.slider ul li:eq('+id+')').find("img").height()
			},250);
			zdjecia.children('ul').animate({'left':-szerokosc_slidera*id},250);
			podpisy.children('ul').animate({'left':-szerokosc_podpisu*id},250);
		}
		
		if (action == 'right')
		{
			id = id+1;
			if (id >= podpisy.find('li').length)
			{
				id = 0;
			}
			zdjecia.find('ul li').animate({
				'height': $('div.slider ul li:eq('+id+')').find("img").height()
			},250);
			zdjecia.children('ul').animate({'left':-szerokosc_slidera*id},250);
			podpisy.children('ul').animate({'left':-szerokosc_podpisu*id},250);
		}
		
	}
	
	$('a.link-next').click(function(){
		move('right');
	})
	
	$('a.link-prev').click(function(){
		move('left');
	})
	
	$('html').keydown(function(event) {
		if (event.keyCode == '39') {
			move('right');
		}
	})
	
	$('html').keydown(function(event) {
		if (event.keyCode == '37') {
			move('left');
		}
	})
	
});

$(window).load(function() {
	
	// FIX DLA CHROME
	var zdjecia = $('div.slider');
	zdjecia.find('ul li').css({
		'height': zdjecia.find('ul li').children("img").height()
	});
	
});

// ŚRODKOWANIE WARSTWY W PIONIE
$.fn.vAlign = function() {
	return this.each(function(i){
		var ah = $(this).height();
		var ph = $(this).parent().height();
		var mh = (ph - ah) / 2;
		if (mh < 0) {
			mh = 0;
		}
		$(this).css('margin-top', mh);
  });
};
