// JavaScript Document
$(document).ready(
	function()
	{
		
		//$('#basicModalContent').modal({onOpen: modalOpen});
		
		$("#subcontainer div.box").each(
			function() {
				var target = "#"+$(this).attr('id') + " fieldset";
				$(target).each(
					function(index) {
						var count = $(target).length;
						var luokka = '';
						if(index == count-1) luokka = ' class="l" ';
						var navi = '<a href="' + location.pathname + '#' + $(this).attr('id') + '"' + luokka + '>' + $(this).attr('title') + '</a>';
						if(index < count-1) navi += ' | ';
						$(target + " span.navi").each(
							function () {
								$(this).append(navi);
							}
						)
					}
				)	
			}
		);
		
		$("#subcontainer div.help").each(
			function() {
				var navi = '<span>Sulje ohje</span>';
				$(this).append(navi);
			}
		);
	
		
		$("#subcontainer form").each(
			function() {
				var navi = '<span class="openhelp" title="Näytä ohje">Näytä ohje</span>';
				$(this).append(navi);	
			}
		);
		
		$("#subcontainer div.help span").each(
			function() {
				$(this).bind(
					'click',
					function() {
						$(this).parents('div.help').slideToggle('slow',
							function () {
								$("#city").css('visibility','visible');
							}																			
						);
						var form_id = '#' + $(this).parents('div.help').attr('id').split('_')[1] + '_form';
						$(form_id + ' span.openhelp').text('Näytä ohje');
						$(form_id + ' span.openhelp').attr('title','Näytä ohje');
						
					}
				)
			}
		);
		
		
		$("span.navi a").each(
			function() {
					$(this).bind(
					'click',
					function() {
						var box_id = $(this).parents("div.box").eq(0).attr('id');
						var target = '#' + box_id + ' fieldset';
						$(target).each(
							function() {
								$(this).css('display','none');
								$(this).stop();
							}
						)
						
						var prev_hash = this.hash;

						$(this).parent().children().each(
							function() {							
								$(this).css('color','#447aa0');
							}
						)
						$(this.hash + ' span.navi a').each(
							function() {
								if(this.hash == prev_hash) {
									$(this).css('color','black');
									$(this).unbind('click');
								}
							}
						)
						
						$('#box3 form').each(
							function() {
								$(this).resetForm();
							}
						)
						
						$(this.hash).slideDown("slow");
						
					}
				);
			
			}
		);
		
		$("#uutiskirje_btn").bind(
				'click',
				function() {
					if($("#fname").fieldValue()[0].length > 1 && $("#lname").fieldValue()[0].length > 1 && $("#email").fieldValue()[0].length > 5) {
						if($("#email").fieldValue()[0].indexOf('@') != -1) {
							return true;
						} 
						showHelp('#help_uutiskirje');
						return false;
					}
					showHelp('#help_uutiskirje');
					return false;
				}						  
		)
		
		$("#kerro_btn").bind(
				'click',
				function() {
					if($("#friend_name").fieldValue()[0].length > 1 && $("#friend_email").fieldValue()[0].length > 5 && $("#my_name").fieldValue()[0].length > 1 && $("#my_email").fieldValue()[0].length > 5) {
						if($("#friend_email").fieldValue()[0].indexOf('@') != -1 && $("#my_email").fieldValue()[0].indexOf('@') != -1) {
							return true;
						} 
						showHelp('#help_kerro');
						return false;
					}
					showHelp('#help_kerro');
					return false;
				}						  
		)
		
		$("#palaute_btn").bind(
				'click',
				function() {
					if($("#fbname").fieldValue()[0].length > 1 && $("#fbemail").fieldValue()[0].length > 5 && $("#fbmessage").fieldValue()[0].length > 1) {
						if($("#fbemail").fieldValue()[0].indexOf('@') != -1) {
							return true;
						} 
						showHelp('#help_palaute');
						return false;
					}
					showHelp('#help_palaute');
					return false;
				}						  
		)
		

		
		$("#etupaikka_btn").bind(
				'click',
				function() {
					if($("#city").attr('value') != -1 && $("#etupaikka_form input:checked").length > 0) {
						$.get("hae_etupaikat.php?" + $("#etupaikka_form").serialize(),
							function(data){
								$('#basicModalContent').html(data);
	
								$('#result a.m').each(
									function() {
										$(this).attr('href',location.pathname + $(this).attr('href'));
									}					
								);
								$('#basicModalContent').modal({onOpen: modalOpen});
								
								
								$("#modalContainer a.modalCloseImg").bind(
										'click',
										function() {
											document.getElementById('city').selectedIndex = 0;
										}						  
								)
								
								$("#apalaute_btn").bind(
										'click',
										function() {
											if($("#aname").fieldValue()[0].length > 1 && $("#aemail").fieldValue()[0].length > 5 && $("#amessage").fieldValue()[0].length > 1) {
												if($("#aemail").fieldValue()[0].indexOf('@') != -1) {
													return true;
												} 
												alert('Täytä lomakkeen kaikki tiedot!');
												return false;
											}
											alert('Täytä lomakkeen kaikki tiedot!');
											return false;
										}						  
								)								

								$('#ht_list span').bind(
									'click',
									function() {
										
										$('#haku_div').slideDown("slow");
										$('#target_id').attr('value',$(this).attr('id'));
										$('#haku_div h2 span').text($(this).attr('title'));
										$('#target_name').attr('value',$(this).attr('title'));
									}
								);
							}
						);
						return false;
					} else {
						$("#city").css('visibility','hidden');
						showHelp('#help_etupaikka');
						return false;
					}
				}						  
		)
		
		$("span.openhelp").each(
			function() {
					$(this).bind(
					'click',
					function() {
						var help_id = '#help_' + $(this).parent().parent().attr('id');
						if($(help_id).css('display') != 'none') {
							$(this).text('Näytä ohje');
							$(this).attr('title','Näytä ohje');
						} else {
							if($(this).parent().attr('id') == 'etupaikka_form') $("#city").css('visibility','hidden');
							$(this).text('Sulje ohje');
							$(this).attr('title','Sulje ohje');
						}
						$(help_id + ' h3').css('display','block');
						$(help_id + ' p:first').css('display','block');
						$(help_id).css('opacity','0.93');
						$(help_id).slideToggle('slow');
					}
				)
			}
		);
				
	}		
);

/**
 * When the open event is called, this function will be used to 'open'
 * the overlay, container and data portions of the modal dialog.
 *
 * onOpen callbacks need to handle 'opening' the overlay, container
 * and data.
 */
function modalOpen (dialog) {
	dialog.overlay.fadeIn('slow', function () {
		dialog.container.fadeIn('slow', function () {
			dialog.data.hide().slideDown('slow');	 
		});
	});
}

function showHelp(help_id) {
	$(help_id).css('opacity','0.93');
	$(help_id + ' h3').css('display','none');
	$(help_id + ' p:first').css('display','none');
	$(help_id).slideToggle('slow');	
}