$(document).ready(function() {
	
	$("a.toggle").click(
		function() {
			$(this).prev().slideToggle('fast');
			if($(this).attr('class') == 'toggle more_info') {
				$(this).attr('class', 'toggle less_info');
				$(this).next().attr('src', 'images/pallo_ylos.png');
				$(this).html('Sulje');
			}
			else {
				$(this).attr('class', 'toggle more_info');
				$(this).next().attr('src', 'images/pallo_alas.png');
				$(this).html('Lue lisää');
			}
		}
	);

	$("h3.toggle").click(
		function(){
			$(this).siblings('div').slideToggle('fast');
			if($(this).siblings('a.toggle').attr('class') == 'toggle more_info') {
				$(this).siblings('a.toggle').attr('class', 'toggle less_info');
				$(this).siblings('img').attr('src', 'images/pallo_ylos.png');
				$(this).siblings('a.toggle').html('Sulje');
			}
			else {
				$(this).siblings('a.toggle').attr('class', 'toggle more_info');
				$(this).siblings('img').attr('src', 'images/pallo_alas.png');
				$(this).siblings('a.toggle').html('Lue lisää');
			}
		}
	);
	
	/* <COORDINATOR MODIFY> */
	
	$("div#mod_coordinators_form").dialog({
		resizable: false,
		autoOpen: false,
		title: 'KVTL ry - Järjestäjät',
		width: 385,
		modal: true,
		buttons: {
			'Tallenna muutokset': function() {
				var list = '';
				var coordHTML = '';
				$("span.name").each(
					function() {
						var id = $(this).attr('id').split('_')[1];
						var newName = $(this).html();
						if($('input[type="checkbox"][id="select_'+id+'"]').val() == '1') {
							list += newName+'#';
							coordHTML += '<div class="coordinator">'+newName+'</div>';
						}
					}
				);
				$("div#coordinators").html(coordHTML);
				$("input#coordinator_list").val(list);
				$(this).dialog('close');
			},
			'Peruuta': function() {
				$(this).dialog('close');
			}
		},
		close: function() {
			$("div#mod_coordinators_form").html('');
		}
	});
	
	$("a#mod_coordinators_button").click(function() {
			var coordinators = $("input#preset_coordinators").val();
			coordinators = coordinators.split('#');
			var chosenCoordinators = $("input#coordinator_list").val();
			var string = '<p>Huom! Vain tapahtumiin liitetyt tagit lisätään järjestelmään.</p>';
			for(var i = 0; i < coordinators.length; i++) {
				string += '<div class="coordinator_edit" id="coordinator_'+i+'">';
				string += '<input type="checkbox" id="select_'+i+'"';
				if(chosenCoordinators.indexOf(coordinators[i]) != -1) {
					string += ' checked="checked" value="1"';
				}
				string += '/> <span class="name" id="name_'+i+'">'+coordinators[i]+'</span>';
				string += '<input type="hidden" id="oldName_'+i+'" value="'+coordinators[i]+'" />';
				string += ' <span class="modify" id="modify_'+i+'">Muokkaa</span>';
				string += ' <span class="save" rel="coordinator" id="save_'+i+'">Tallenna</span>';
				string += ' <span class="delete" rel="coordinator" id="delete_'+i+'">Poista</span>';
				string += '</div>';
			}
			// Lisäys
			string += '<div class="coordinator_add">';
			string += '<input type="text" id="add_'+i+'" /> ';
			string += '<span class="add" rel="coordinator" id="add_'+i+'">Lisää</span>';
			string += '</div>';
			$("div#mod_coordinators_form").html(string);
			$("div#mod_coordinators_form").dialog('open');
		}
	);

	/* </COORDINATOR MODIFY> */
	
	/* <TAG MODIFY> */
	
	$("div#mod_tags_form").dialog({
		resizable: false,
		autoOpen: false,
		title: 'KVTL ry - Kohderyhmät',
		width: 385,
		modal: true,
		buttons: {
			'Tallenna muutokset': function() {
				var list = '';
				var tagHTML = '';
				$("span.name").each(
					function() {
						var id = $(this).attr('id').split('_')[1];
						var newName = $(this).html();
						if($('input[type="checkbox"][id="select_'+id+'"]').val() == '1') {
							list += newName+'#';
							tagHTML += '<div class="tag">'+newName+'</div>';
						}
					}
				);
				$("div#tags").html(tagHTML);
				$("input#tag_list").val(list);
				$(this).dialog('close');
			},
			'Peruuta': function() {
				$(this).dialog('close');
			}
		},
		close: function() {
			$("div#mod_tags_form").html('');
		}
	});
	
	$("a#mod_tags_button").click(function() {
			var tags = $("input#preset_tags").val();
			tags = tags.split('#');
			var chosenTags = $("input#tag_list").val();
			var string = '<p>Huom! Vain tapahtumiin liitetyt tagit lisätään järjestelmään.</p>';
			for(var i = 0; i < tags.length; i++) {
				string += '<div class="tag_edit" id="tag_'+i+'">';
				string += '<input type="checkbox" id="select_'+i+'"';
				if(chosenTags.indexOf(tags[i]) != -1) {
					string += ' checked="checked" value="1"';
				}
				string += '/> <span class="name" id="name_'+i+'">'+tags[i]+'</span>';
				string += '<input type="hidden" id="oldName_'+i+'" value="'+tags[i]+'" />';
				string += ' <span class="modify" id="modify_'+i+'">Muokkaa</span>';
				string += ' <span class="save" rel="tags" id="save_'+i+'">Tallenna</span>';
				string += ' <span class="delete" rel="tags" id="delete_'+i+'">Poista</span>';
				string += '</div>';
			}
			// Lisäys
			string += '<div class="tag_add">';
			string += '<input type="text" id="add_'+i+'" /> ';
			string += '<span class="add" rel="tags" id="add_'+i+'">Lisää</span>';
			string += '</div>';
			$("div#mod_tags_form").html(string);
			$("div#mod_tags_form").dialog('open');
		}
	);

	/* </TAG MODIFY> */

	/* <COORDINATOR & TAG MODIFY COMMON> */
	
	$("span[id^='modify_']").live('click',
		function() {
			var id = $(this).attr('id').split('_')[1];
			$("span#delete_"+id).toggle();
			$("span#save_"+id).toggle();
			$("span#modify_"+id).toggle();
			$("div.ui-dialog-buttonset button:first").attr("disabled", "disabled");
			var text = $("span#name_"+id).html();
			$("span#name_"+id).html('<input type="text" id="edit_'+id+'" value="'+text+'" />');
		}
	);

	// tyypitetty
	$("span[id^='save_']").live('click',
		function() {
			var id = $(this).attr('id').split('_')[1];
			var type = $(this).attr('rel');
			if($("input#edit_"+id).val() != '') {
				$("span#delete_"+id).toggle();
				$("div.ui-dialog-buttonset button:first").attr("disabled", "");
				$("span#save_"+id).toggle();
				$("span#modify_"+id).toggle();
				var text = $("input#edit_"+id).val();
				text = text.replace('#', '');
				$("span#name_"+id).html(text);
				
				//Tallennus
				var oldName = $("input#oldName_"+id).val();
				var newName = $("span#name_"+id).html();
				if(oldName != newName) {
					$.post('../ajax_actions.php', {'act': 'replaceTag', 'type': type, 'oldName': oldName, 'newName': newName});
					$("input#oldName_"+id).val(newName);
					if(type == 'coordinator') {
						var presets = $("input#preset_coordinators").val();
						presets = presets.replace(oldName, newName);
						$("input#preset_coordinators").val(presets);
					}
					if(type == 'tags') {
						var presets = $("input#preset_tags").val();
						presets = presets.replace(oldName, newName);
						$("input#preset_tags").val(presets);
					}
				}
			}
			else {
				alert('Kenttä ei voi olla tyhjä');
			}
		}
	);

	// tyypitetty
	$("span[id^='delete_']").live('click',
		function() {
			var x = confirm('Oletko varma?');
			if(x) {
				var type = $(this).attr('rel');
				var id = $(this).attr('id').split('_')[1];
				var name = $("span#name_"+id).html();
				$.post('../ajax_actions.php', {'act': 'deleteTag', 'type': type, 'name': name});
				
				if(type == 'coordinator') {
					$("div#coordinator_"+id).remove();
					var presets = $("input#preset_coordinators").val();
					presets = presets.replace(name, '');
					if(presets.substr(presets.length-1, presets.length) == '#') {
						presets = presets.substr(0, presets.length-1);
					}
					$("input#preset_coordinators").val(presets);
				}
				if(type == 'tags') {
					$("div#tag_"+id).remove();
					var presets = $("input#preset_tags").val();
					presets = presets.replace(name, '');
					if(presets.substr(presets.length-1, presets.length) == '#') {
						presets = presets.substr(0, presets.length-1);
					}
					$("input#preset_tags").val(presets);
				}
			}
		}
	);
	
	// tyypitetty
	$("span[id^='add_']").live('click',
		function() {
			var id = parseInt($(this).attr('id').split('_')[1]);
			var type = $(this).attr('rel');
			var string = '';
			if($("input#add_"+id).val() != '') {
				var newId = id+1;
				var text = $("input#add_"+id).val();
				if(type == 'coordinator') {
					var presets = $("input#preset_coordinators").val();
					$("input#preset_coordinators").val(presets+'#'+text);
					string += '<div class="coordinator_edit" id="tag_'+id+'">';
					string += '<input type="checkbox" id="select_'+id+'" /> <span class="name" id="name_'+id+'">'+text+'</span>';
					string += '<input type="hidden" id="oldName_'+id+'" value="'+text+'" />';
					string += ' <span class="modify" id="modify_'+id+'">Muokkaa</span>';
					string += ' <span class="save" rel="'+type+'" id="save_'+id+'">Tallenna</span>';
					string += ' <span class="delete" id="delete_'+id+'">Poista</span>';
					string += '</div>';
					
					$("div.coordinator_add").prepend(string);
				}
				if(type == 'tags') {
					var presets = $("input#preset_tags").val();
					$("input#preset_tags").val(presets+'#'+text);
					string += '<div class="tag_edit" id="tag_'+id+'">';
					string += '<input type="checkbox" id="select_'+id+'" /> <span class="name" id="name_'+id+'">'+text+'</span>';
					string += '<input type="hidden" id="oldName_'+id+'" value="'+text+'" />';
					string += ' <span class="modify" id="modify_'+id+'">Muokkaa</span>';
					string += ' <span class="save" rel="'+type+'" id="save_'+id+'">Tallenna</span>';
					string += ' <span class="delete" id="delete_'+id+'">Poista</span>';
					string += '</div>';
					
					$("div.tag_add").prepend(string);
				}
				
				$("span#add_"+id).attr('id', 'add_'+newId);
				$("input#add_"+id).val('');
				$("input#add_"+id).attr('id', 'add_'+newId);
			}
			else {
				alert('Kenttä ei voi olla tyhjä');
			}
		}
	);

	$("input[id^='select_']").live('click',
		function() {
			if($(this).val() == '1') {
				$(this).val('0');
			}
			else {
				$(this).val('1');
			}
		}
	);

	/* </COORDINATOR & TAG MODIFY COMMON> */
	

	$(".calendar").datepicker(
		{
			showOn: 'button', 
			buttonImage: '../images/calendar.gif', 
			buttonImageOnly: true,
			dateFormat: 'dd.mm.yy', 
			dayNames: ['Sunnuntai', 'Maanantai', 'Tiistai', 'Keskiviikko', 'Torstai', 'Perjantai', 'Lauantai'],
			dayNamesMin: ['Su', 'Ma', 'Ti', 'Ke', 'To', 'Pe', 'La'],
			firstDay: 1,
			monthNames: ['Tammikuu', 'Helmikuu', 'Maaliskuu', 'Huhtikuu', 'Toukokuu', 'Kesäkuu', 'Heinäkuu', 'Elokuu', 'Syyskuu', 'Lokakuu', 'Marraskuu', 'Joulukuu'],
			monthNamesShort: ['Tam', 'Hel', 'Maa', 'Huh', 'Tou', 'Kes', 'Hei', 'Elo', 'Syy', 'Lok', 'Mar', 'Jou'],
			nextText: 'Seuraava',
			prevText: 'Edellinen'
		}
	);
	
	/* 27.01.2011, Tomi */
	$("input#payment_type").click(
		function() {
			if($(this).val() == 'close') {
				$(this).val('open');
				$("div#signup_payment_association").show();
				$("div#signup_payment_person").hide();
				$("input#maksaja_nimi").val('');
				$("input#maksaja_osoite").val('');
				$("input#maksaja_postinumero").val('');
				$("input#maksaja_postitoimipaikka").val('');				
			}
			else {
				$(this).val('close');
				$("div#signup_payment_association").hide();
				$("div#signup_payment_person").show();
				$("input#yhdistys_maksajana_nimi").val('');
				$("textarea#yhdistys_maksajana_muuta").val('');
			}
		}
	);
});