﻿
jQuery(document).ready(function() {
	jQuery('p#title').after('<div id="letters"><ul /></div>');
	jQuery('div#content').html('<div id="persons"><ul /></div>');
	var pageUrl = window.location.href.toLowerCase();
	var pageEn = new RegExp('/2009/en/');
	var file = "/2009/_xml/piknik_2009_komitet_programowy.xml";
	//if(pageEn.test(pageUrl) == true)
	//	file = "/2009/_xml/piknik_2009_komitet_programowyEN.xml";
	writeLetters (file);
	writePersons ('',file);
});;

function writeLetters (file){
	var str = new  Array();
	str.push('1','2','3','4','5','6','7','8','9','0','!','?','-','+','#','(','A','Ą','B','C','Ć','D','E','Ę','F','G','H','I','J','K','L','Ł','M','N','O','Ó','P','Q','R','S','Ś','T','U','W','V','X','Y','Z','Ż','Ź');
	var str2 = new Array(str.length);
	for (var i in str2) {
		str2[i] = 0;
	}
	jQuery.ajax({
		type: "GET",
		url: file,
		dataType: "xml",
		success: function(xml) {
			jQuery(xml).find('person').each(function(i){
				var $person = jQuery(this);
				var id = $person.attr('id');
				for (var i in str) {
					if(str[i].small()==id.small())
					str2[i] =+ 1;
				}
				});
				for ( var i in str) {
					if(str2[i]>0) 
						jQuery('div#letters ul').append('<li><div id="div_'+str[i]+'" class="letter">'+str[i]+'</div></li>');
				}
						},
		complete: function(){
			var pageUrl = window.location.href.toLowerCase();
			var pageEn = new RegExp('/2009/en/');
			if(pageEn.test(pageUrl) == true){
				jQuery('div#letters ul').append('<li><div id="div_wszyscy" class="letter">All</div></li>');
			}
			else {
				jQuery('div#letters ul').append('<li><div id="div_wszyscy" class="letter">wszyscy</div></li>');
			}
			jQuery('div#letters ul li div').each(function(i){
				var $div = jQuery(this);
				$div.click(function(){
					writePersons($div.text(), this);
				});
			});
		}
	});
};;

var arrXML = new Array();

function writePersons (letter,file) {
	jQuery('div#letters ul li div').each(function(){
		jQuery(this).removeClass('active');
	});
	jQuery('div#letters ul li div#div_'+letter).addClass('active');
	jQuery('div#persons ul').html('');
	
	var pageUrl = window.location.href.toLowerCase();
	var pageEn = new RegExp('/2009/en/');
	/*
	if(pageEn.test(pageUrl) == true){
		if(letter.length == 1)
			jQuery('div#persons ul').append('<li class="first">Surnames on letter: '+letter.toUpperCase()+'</li>');
	}
	else {
		if(letter.length == 1)
			jQuery('div#persons ul').append('<li class="first">Nazwiska na literę: '+letter.toUpperCase()+'</li>');
	}
	*/
	if(arrXML.length==0){
		jQuery.ajax({
			type: "GET",
			url: file,
			dataType: "xml",
			success: function(xml) {
				jQuery(xml).find('person').each(function(i){
					var $person = jQuery(this);
					var id = $person.attr('id');
					var title = $person.children('title').text();
					var name = $person.children('name').text();
					var surname = $person.children('surname').text();
					var other = $person.children('other').text();
					if(pageEn.test(pageUrl) == true){
						if(other == 'przewodniczący')
							other = 'chairman';
					}
					arrXML.push(""+id+";"+title+";"+name+";"+surname+";"+other+"");
					writePerson(title,name,surname,other);
				});
			}
		});
	}
	else {
		for (var i in arrXML) {
			var arrItem = new Array();
			arrItem = arrXML[i].split(';');
			var id = arrItem[0];
			var title = arrItem[1];
			var name = arrItem[2];
			var surname = arrItem[3];
			var other = arrItem[4];
			if(letter.length == 1) {
				if(id == letter) {
					writePerson(title,name,surname,other);
				}
			}
			else {
				writePerson(title,name,surname,other);
			}
		}
	}
};;

function writePerson (title, name, surname, other) {
	var s1 = (title.length != 0)? '<span class="title">'+title+'</span> ' : '';
	var s2 = (name.length != 0)? '<span class="name">'+name+'</span> ' : '';
	var s3 = (surname.length != 0)? '<span class="surname">'+surname+'</span> ' : '';
	var s4 = (other.length != 0)? '<span class="other">'+other+'</span> ' : '';
	jQuery('div#persons ul').append('<li>'+s1+s2+s3+s4+'</li>');
};;