function inicjujJs() {
	komunikat();
	mapaGoogle();
	galeria();
	karuzela()
	menuImprezyLink();
	scroll();
	document.documentElement.classname = 'jsOn';
}
function initJs() {
	uploadNowyPlik();
}

function scroll() {
	if (!$$('body.aktywna_o_nas')[0]) {
		var myFx = new Fx.Scroll(window).toElement('tresc-strony');	
	}
}

function mapaGoogle() {
	if (document.id('mapaGoogle')) {
		var latlng = new google.maps.LatLng(54.429816, 18.369656);
			var myOptions = {
			zoom: 13,
			center: latlng,
			mapTypeId: google.maps.MapTypeId.ROADMAP
		};
		var map = new google.maps.Map(document.id('mapaGoogle'), myOptions);
		var marker = new google.maps.Marker({
			position: latlng,
			title:"Dworek Oleńka"
		});
		var infowindowHtml = '<p style="font-weight:bold;margin:0 0 5px 0">Dworek Oleńka</p><p style="margin:0 0 5px 0">Tuchom 93 k. Gdyni<br />80-209 Chwaszczyno</p>';
		var infowindow = new google.maps.InfoWindow({
		    content: infowindowHtml
		});
		marker.setMap(map);
		google.maps.event.addListener(marker, 'click', function() {
		  infowindow.open(map,marker);
		});
	}
}

function komunikat() {
	if (document.id('komunikatZamknij') && document.id('komunikatWrap')) {
		if (document.id('komunikat').get('html') == '') {
			document.id('komunikatZamknij').destroy();
			document.id('komunikatWrap').destroy();		
		} else {
			document.id('komunikatZamknij').addEvent('click', function(e){
				e.preventDefault();
				document.id('komunikatZamknij').destroy();
				document.id('komunikatWrap').destroy();
			});
		}
	}
}
komunikat2 = function() {
	this.ustawTresc = function(tresc) {
		if(typeof(tresc) == 'object') {
			tresc.inject(komunikatTlo);
		} else if (typeof(tresc) == 'string') {
			komunikatTlo.set('html', tresc);
		}
	}
	this.pokaz = function() {
		wrap.setStyle('display', 'block');
	}
	this.ukryj = function() {
		wrap.setStyle('display', 'none');
	}
	wrap = new Element('div', {'class': 'komunikatWrap', 'style': 'display: none;'});
	var komunikatTlo = new Element('div', {'class': 'komunikatTlo'});
	var zamknijBtn = new Element('a', {'class': 'zamknijBtn', 'html': 'zamknij', 'href': '#'});
	zamknijBtn.addEvent('click', function(e){
		e.preventDefault();
		this.ukryj();
	}.bind(this));
	wrap.inject(document.id('tresc-strony'), 'bottom');
	zamknijBtn.inject(wrap);
	komunikatTlo.inject(wrap);
}
function menuImprezyLink() {
	$$('.menuLinki').each(function(item){
		item.addEvent('click', function(e){
			e.preventDefault();
			if (item.getNext('.menuImprezy')) {
				var foo = new komunikat2();
				foo.ustawTresc(item.getNext('.menuImprezy').get('html'));
				foo.pokaz();
			}
		})
	});
}
function uploadNowyPlik() {
	if (document.id('uploadPliki')) {
		var inputyPlik = document.id('uploadPliki').getElements('input[type=file]');
		var numerNowego = $$(inputyPlik).length;
		
		var li = new Element('div', {'class': 'wiersz'});
		var label = new Element('div', {'class': 'opis', 'html': 'Dodaj nowe zdjęcie: '});
		var wartosc = new Element('div', {'class': 'wartosc'});
		var nowyHidden = new Element('input', {
			'type': 'hidden',
			'value': '',
			'name': 'p_'+numerNowego
		});
		
		var nowyInput = new Element('input', {
			'type': 'file',
			'name': 'plik'+numerNowego
		});
		
		li.inject(document.id('uploadPliki'));
		label.inject(li);
		wartosc.inject(li);
		wartosc.adopt([nowyHidden, nowyInput]);
		
		nowyInput.addEvent('change', function(){
			var nazwaNowego = new String(nowyInput.get('value').match(/[^\/\\]+$/));
			nazwaNowego = nazwaNowego.replace(/ /g, "_");
			nowyHidden.set('value', nazwaNowego);
			uploadNowyPlik()
		});
	}
}

function galeria() {
	if ($$('.galeriaDuzy')[0]) {
		var galeriaDuzy = $$('.galeriaDuzy')[0].getElements('a');
		$$(galeriaDuzy)[0].addClass('widoczny');
		$$('.galeriaLista a').each(function(item,index){
			item.addEvent('click', function(e){
				e.preventDefault();
				$$(galeriaDuzy).removeClass('widoczny');
				$$(galeriaDuzy)[index].addClass('widoczny');
			})
		});	
	}
}

var Karuzela = new Class({
	Implements: Options,
	options: {
		bielany_id: 'karuzela',
		obracaj: 'li',
		obracaj_po: 5, // liczba zdjec widocznych jednoczesnie
		html_dalej: '&raquo;',
		css_dalej: 'przewinDalej',
		html_wstecz: '&laquo;',
		css_wstecz: 'przewinWstecz'
	},
	initialize: function(options) {
		this.setOptions(options);
		document.id(this.options.bielany_id).getElements(this.options.obracaj).each(function(item,index){
			item.setStyle('z-index', document.id(this.options.bielany_id).getElements(this.options.obracaj).length - index);
			item.store('widoczny', 'nie');
			item.setStyle('left', '874px');
		}.bind(this))
		this.budujPrzyciski().inject(this.options.bielany_id, 'before');
		this.pokaz(this.options.obracaj_po);
	
	},
	budujPrzyciski: function() {
		this.wstecz = new Element('a', {
			'html': this.options.html_wstecz,
			'class': this.options.css_wstecz,
			'href': '#wstecz',
			'events': {
				'click': function(e) {
					e.preventDefault();
					this.pokaz( this.ostatniWidoczny - this.options.obracaj_po, 'wstecz' );
				}.bind(this)
			}
		});
		this.dalej = new Element('a', {
			'html': this.options.html_dalej,
			'class': this.options.css_dalej,
			'href': '#dalej',
			'events': {
				'click': function(e) {
					e.preventDefault();
					this.pokaz( this.ostatniWidoczny + this.options.obracaj_po, 'dalej' );
				}.bind(this)
			}
		});
		var p = new Element('p', {'class': 'przelaczniki'});
		p.adopt([this.wstecz,this.dalej]);
		return p;
	},
	pokaz: function(indexOstatniego, kierunek) {
		var elementy = document.id(this.options.bielany_id).getElements(this.options.obracaj);
		var foo2 = this.options.obracaj_po;
		elementy.each(function(item, index) {
			
			var myEffect = new Fx.Morph(item, {duration: 1000, transition: 'back:in:out'});
			foo2 = index % this.options.obracaj_po;
			if(index < indexOstatniego & (index+1) > (indexOstatniego - this.options.obracaj_po)) {
				if (kierunek == 'dalej') {
					item.store('widoczny', 'tak');
					item.setStyle('display', '');				
				} else {
					item.store('widoczny', 'tak');
					item.setStyle('display', '');				
				}
			} else {
				if (item.retrieve('widoczny') == 'tak') {
				
				} else {
					item.setStyle('display', 'none');
				}
			}
			
			if(index < indexOstatniego & (index+1) > (indexOstatniego - this.options.obracaj_po)) {

				if (kierunek == 'dalej') {
					myEffect.start({
					    'left': [874, foo2*144]
					});				
				} else {
					myEffect.start({
					    'left': [-144, foo2*144]
					});
				}

				
			} else {
				if (item.retrieve('widoczny') == 'tak') {
					item.store('widoczny', 'nie');
					if (kierunek == 'dalej') {
						myEffect.start({
						    'left': [parseInt(item.getStyle('left')),-144]
						});				
					} else {
						myEffect.start({
						    'left': [parseInt(item.getStyle('left')), 874]
						});
					}				
				}

			}
			
			
			
		}.bind(this));
		this.wstecz.style.display = (indexOstatniego - this.options.obracaj_po <= 0) ? 'none' : '' ;
		this.dalej.style.display = (indexOstatniego >= $(this.options.bielany_id).getElements(this.options.obracaj).length) ? 'none' : '' ;
		return this.ostatniWidoczny = indexOstatniego;
	}
});
function karuzela() {
	$$('.galeriaLista').each(function(item) {
		var na_bielanach = new Karuzela({bielany_id: item, obracaj: 'a'});
	});
}