function dodajZdarzenie (odnosnik, zdarzenie, funkcja) {
    if (odnosnik.addEventListener) {
	odnosnik.addEventListener (zdarzenie, funkcja, false);
	}
	else {
	odnosnik.attachEvent ("on" + zdarzenie, funkcja);
	}
    }

	 
    function Laduj () {
			var lista = $$('#portfolio_lista li a');
		lista.set('morph', {
			duration: 200
		});

		lista.addEvents({
			mouseenter:	function() {
				var info = this.getElement('.opis');
				info.morph({
					'bottom': '-125px'
				});
			},
			mouseleave: function() {
				var info = this.getElement('.opis');
				info.morph({
					'bottom': '-200px'
				})
			}
		});	
	if (typeof(window.innerWidth) == 'number' ) {
    //Non-IE
    var szerokosc = window.innerWidth;
    var wysokosc = window.innerHeight;
	}
	else if( document.documentElement && ( document.documentElement.clientWidth || document.documentElement.clientHeight ) ) {
    //IE 6+ in 'standards compliant mode'
    var szerokosc = document.documentElement.clientWidth;
    var wysokosc = document.documentElement.clientHeight;
	}
	var button = document.getElementById('dalej_nowosci');
	dodajZdarzenie (button, "click", dalejNowosci);
	var button2 = document.getElementById('powrot_home');
	dodajZdarzenie (button2, "click", dalejHome);
	var button3 = document.getElementById('dalej_prace');
	dodajZdarzenie (button3, "click", dalejPrace);
	var button4 = document.getElementById('powrot_nowosci');
	dodajZdarzenie (button4, "click", dalejNowosci);
	var button5 = document.getElementById('dalej_klienci');
	dodajZdarzenie (button5, "click", dalejKlienci);
	var button6 = document.getElementById('powrot_prace');
	dodajZdarzenie (button6, "click", dalejPrace);
	var button7 = document.getElementById('dalej_oferta');
	dodajZdarzenie (button7, "click", dalejOferta);
	var button8 = document.getElementById('powrot_klienci');
	dodajZdarzenie (button8, "click", dalejKlienci);
	var button9 = document.getElementById('dalej_kontakt');
	dodajZdarzenie (button9, "click", dalejKontakt);
	var button10 = document.getElementById('powrot_oferta');
	dodajZdarzenie (button10, "click", dalejOferta);
	
	var button11 = document.getElementById('menu_home');
	dodajZdarzenie (button11, "click", dalejHome);
	var button12 = document.getElementById('menu_nowosci');
	dodajZdarzenie (button12, "click", dalejNowosci);
	var button13 = document.getElementById('menu_prace');
	dodajZdarzenie (button13, "click", dalejPrace);
	var button14 = document.getElementById('menu_klienci');
	dodajZdarzenie (button14, "click", dalejKlienci);
	var button15 = document.getElementById('menu_oferta');
	dodajZdarzenie (button15, "click", dalejOferta);
	var button16 = document.getElementById('menu_kontakt');
	dodajZdarzenie (button16, "click", dalejKontakt);
	
	var button17 = document.getElementById('co_nowego');
	dodajZdarzenie (button17, "click", dalejNowosci);
	
	var button18 = document.getElementById('obejrzyj_prace');
	dodajZdarzenie (button18, "click", dalejPrace);
	
	var button19 = document.getElementById('z_kim_wspolpracowalem');
	dodajZdarzenie (button19, "click", dalejKlienci);
	
	var button20 = document.getElementById('co_oferuje');
	dodajZdarzenie (button20, "click", dalejOferta);
	
	var button21 = document.getElementById('zatrudnij_mnie');
	dodajZdarzenie (button21, "click", dalejKontakt);
	

	var uchwyt = document.getElementById('wrapper_home');
	uchwyt.style.height = wysokosc + 'px';
	var uchwyt2 = document.getElementById('wrapper_nowosci');
	uchwyt2.style.height = wysokosc + 'px';
	var uchwyt3 = document.getElementById('wrapper_prace');
	uchwyt3.style.height = wysokosc + 'px';
	var uchwyt4 = document.getElementById('wrapper_klienci');
	uchwyt4.style.height = wysokosc + 'px';
	var uchwyt5 = document.getElementById('wrapper_oferta');
	uchwyt5.style.height = wysokosc + 'px';
	var uchwyt6 = document.getElementById('wrapper_kontakt');
	uchwyt6.style.height = wysokosc + 'px';
	document.getElementById('dalej_nowosci').style.top = wysokosc - 55 + 'px';
	document.getElementById('dalej_nowosci').style.left = szerokosc / 2 - 300 + 'px';
	document.getElementById('dalej_prace').style.top = wysokosc - 55 + 'px';
	document.getElementById('dalej_prace').style.left = szerokosc / 2 - 300 + 'px';
	document.getElementById('dalej_klienci').style.top = wysokosc - 75 + 'px';
	document.getElementById('dalej_klienci').style.left = szerokosc / 2 - 300 + 'px';
	document.getElementById('dalej_oferta').style.top = wysokosc - 55 + 'px';
	document.getElementById('dalej_oferta').style.left = szerokosc / 2 - 300 + 'px';
	document.getElementById('dalej_kontakt').style.top = wysokosc - 55 + 'px';
	document.getElementById('dalej_kontakt').style.left = szerokosc / 2 - 300 + 'px';
	document.getElementById('powrot_home').style.left = szerokosc / 2 - 300 + 'px';
	document.getElementById('powrot_nowosci').style.left = szerokosc / 2 - 300 + 'px';
	document.getElementById('powrot_prace').style.left = szerokosc / 2 - 300 + 'px';
	document.getElementById('powrot_klienci').style.left = szerokosc / 2 - 300 + 'px';
	document.getElementById('powrot_oferta').style.left = szerokosc / 2 - 300 + 'px';
	
	rozmiarObrazka();
	
	
	var home = document.getElementById('home');
	var wysokoscHome = home.offsetHeight;
	home.style.paddingTop = wysokosc / 2 - wysokoscHome / 2 + 'px';
	
	var nowosci = document.getElementById('nowosci');
	var wysokoscNowosci = nowosci.offsetHeight;
	nowosci.style.paddingTop = wysokosc / 2 - wysokoscNowosci / 2 + 'px';
	
	var prace = document.getElementById('prace');
	var wysokoscPrace = prace.offsetHeight;
	prace.style.paddingTop = wysokosc / 2 - wysokoscPrace / 2 + 'px';
	
	var klienci = document.getElementById('klienci');
	var wysokoscKlienci = klienci.offsetHeight;
	klienci.style.paddingTop = wysokosc / 2 - wysokoscKlienci / 2 + 'px';
	
	var oferta = document.getElementById('oferta');
	var wysokoscOferta = oferta.offsetHeight;
	oferta.style.paddingTop = wysokosc / 2 - wysokoscOferta / 2 + 'px';
	
	var kontakt = document.getElementById('kontakt');
	var wysokoscKontakt = kontakt.offsetHeight;
	kontakt.style.paddingTop = wysokosc / 2 - wysokoscKontakt / 2 + 'px';	
	
    }
    dodajZdarzenie(window, "load", Laduj);
	
	function dalejNowosci () {
	var myFx = new Fx.Scroll(window).toElement('wrapper_nowosci');
	wyczysc ();
	document.getElementById('menu_nowosci').style.background = "#434343";
	};
	
	function dalejPrace () {
	var myFx = new Fx.Scroll(window).toElement('wrapper_prace');
	wyczysc ();
	document.getElementById('menu_prace').style.background = "#434343";
	};
	
	function dalejKlienci () {
	var myFx = new Fx.Scroll(window).toElement('wrapper_klienci');
	wyczysc ();
	document.getElementById('menu_klienci').style.background = "#434343";
	};
	
	function dalejOferta () {
	var myFx = new Fx.Scroll(window).toElement('wrapper_oferta');
	wyczysc ();
	document.getElementById('menu_oferta').style.background = "#434343";
	};
	
	function dalejKontakt () {
	var myFx = new Fx.Scroll(window).toElement('wrapper_kontakt');
	wyczysc ();
	document.getElementById('menu_kontakt').style.background = "#434343";
	};
	
	function dalejHome () {
	var myFx = new Fx.Scroll(window).toElement('wrapper_home');	
	wyczysc ();
	document.getElementById('menu_home').style.background = "#434343";
	};
		if (typeof(window.innerWidth) == 'number' ) {
    //Non-IE
    var szerokosc = window.innerWidth;
    var wysokosc = window.innerHeight;
	}
	else if( document.documentElement && ( document.documentElement.clientWidth || document.documentElement.clientHeight ) ) {
    //IE 6+ in 'standards compliant mode'
    var szerokosc = document.documentElement.clientWidth;
    var wysokosc = document.documentElement.clientHeight;
	}
	function rozmiarObrazka () {
	var szerokosc_obrazka = szerokosc - 18;
	var odniesienie = szerokosc_obrazka - 250;
	var wyliczone = odniesienie / 4 + 'px';
	var zawartosc_obrazki = document.getElementById('prace');
	var obrazki = zawartosc_obrazki.getElementsByTagName('img');
	var ile_obrazkow = obrazki.length;
	  for (i=0; i<ile_obrazkow; i++) {
	    obrazki[i].style.width = wyliczone;
	  }
	}
	
	function wyczysc () {
	var menu = document.getElementById('menu');
	var do_czyszczenia = menu.getElementsByTagName('li');
	var ile_do_czyszczenia = do_czyszczenia.length;
	  for (i = 0; i < ile_do_czyszczenia; i++) {
	    do_czyszczenia[i].style.background = "";
	  }
	}