function defaultValue()
{
	$( 'input.defaultValue' )
		.each(
			function()
			{
				$( this ).data( "default_value", $( this ).val() ).addClass( 'faded_input' )
			} //function
		) // each
		
		.focus(
			function()
			{
				if( $( this ).val() == $( this ).data( "default_value" ) )
					$( this ).val( '' ).removeClass( 'faded_input' )
			} // function
		) // focus
		
		.blur(
			function()
			{
				if( $( this ).val() == '' )
					$( this ).val( $( this ).data( "default_value" ) ).addClass( 'faded_input' )
							
			} // function
		) // blur
} // defaultValue

function deleteStrain( strain )
{
	var id = strain.parents( '.strain' ).attr( 'id' ).split( '-' )[1]
	
	var form = $( '<form action="" method="post" id="deleteStrain"></form>' )
	form.append( '<input type="hidden" name="id" value="' + id + '" />' )
	form.append( '<input type="hidden" name="delete" value="true" />' )
	
	form.appendTo( 'body' )
	
	$( 'form#deleteStrain' ).submit()
	
} // deleteStrain

$( document ).ready(
			
	function()
	{
		$.ui.dialog.defaults.bgiframe = true
		$(function() {
			$("#popup").dialog('option', 'draggable', true);
		})

		
		$( 'input.add' ).click(
			function()
			{
				$( '#popup' ).remove()
				
				var strain_id = $( this ).parent().attr( 'id' ).split( '-' )[1]
				
				var popup = $( '<div id="popup"></div>' )
				var form = $( '<form method="post" action="' + window.location + '"></form>' )
				
				var select = $( '<select name="style"></select><br />' )
				select.append( '<option value="0" disabled="disabled" selected="selected">Style</option>' )
				select.append( $( 'select#styles' ).html() )
				
				form.append( select )
				form.append( '<input type="text" name="batch_number" class="defaultValue" value="Batch Number"/><br />')
				form.append( '<input type="text" name="fermenter" class="defaultValue" value="Fermenter" /><br />' )
				form.append( '<input type="text" name="viability" class="defaultValue" value="Viability"/><br />' )
				form.append( 'Pitch Date: <input type="text" id="datepicker" name="date" />' )
				form.append( '<input type="hidden" name="parent" value="' + strain_id + '" />' )
				form.append( '<input type="submit" value="Add" id="add_child"/>' )
				
				popup.append( form )
				popup.appendTo( 'body' )
				
				var offset = $( this ).offset()

				popup.dialog( 
					{ 
						title: "Add child to " + $( this ).parent().find( '.strain_id').text(),
						modal: true
					} 
				) // dialog
				
				$("#datepicker").datepicker(
					{
						showOn: 'button', 
						buttonImage: 'images/calendar.gif', 
						buttonImageOnly: true
					}
				)
				
				
				popup.find( 'input[name="batch_number"]' ).blur()

				defaultValue()
				
				
			} // function
		) // click
		
			$( 'input.edit' ).click(
			function()
			{
				$( '#popup' ).remove()
				
				var strain_id = $( this ).parent().attr( 'id' ).split( '-' )[1]
				
				var popup = $( '<div id="popup"></div>' )
				var form = $( '<form method="post" action="' + window.location + '"></form>' )
				
				var select = $( '<select name="style"></select><br />' )
				select.append( '<option value="0" disabled="disabled" selected="selected">Style</option>' )
				select.append( $( 'select#styles' ).html() )
				
				selected_style = $( '#strainId-' + strain_id + ' .style_name' ).text()
				
				select.find( 'option' ).each(
					function()
					{
						if( $( this ).text() == selected_style )
						{
							$( this ).attr( 'selected', 'selected' )
							return false
						} // if
					} // function
				) // each
				
				form.append( select )
				form.append( '<input type="text" name="batch_number" value="' + $( '#strainId-' + strain_id + ' .batch_number' ).text() + '"/><br />')
				form.append( '<input type="text" name="fermenter" value="' + $( '#strainId-' + strain_id + ' .fv' ).text() + '"/><br />' )
				form.append( '<input type="text" name="viability" value="' + $( '#strainId-' + strain_id + ' .viability_value' ).text() + '"/><br />' )
				form.append( 'Pitch Date: <input type="text" id="datepicker" name="date" />' )
				form.append( '<input type="hidden" name="id" value="' + strain_id + '" />' )
				form.append( '<input type="submit" name="edit" value="Save Changes" id="add_child"/>' )
				
				popup.append( form )
				popup.appendTo( 'body' )
				
				var offset = $( this ).offset()

				popup.dialog( 
					{ 
						title: "Add child to " + $( this ).parent().find( '.strain_id').text(),
						modal: true
					} 
				) // dialog
				
				pitched = $( '#strainId-' + strain_id + ' .date' ).text().split( '.' )
				day = pitched[1]
				month = pitched[0] - 1
				year = pitched[2]
				
				var date = new Date()
				date.setDate( day )
				date.setMonth( month )
				date.setFullYear( year )
				
				$("#datepicker").datepicker(
					{
						showOn: 'button', 
						buttonImage: 'images/calendar.gif', 
						buttonImageOnly: true
					}
				)
				$("#datepicker").datepicker( 'setDate', date )
				
				
				popup.find( 'input[name="batch_number"]' ).blur()

				defaultValue()
				
				
			} // function
		) // click
		
		$( 'input.delete' ).click(
			function()
			{
				console.log( 'delete' )
				if( $( this ).parents( '.strain' ).next().hasClass( 'child' ) )
					alert( 'This strain has child strains. Please delete them before deleting this strain.' )
				
				else
				{
					var yes = confirm( "Are you sure you want to delete this strain?" )
					if( yes )
						deleteStrain( $( this ) )
				} // else
				
			} // function
		) // click
		
		$( 'select#yeast_type' ).change(
			function()
			{
				if( $( this ).val() == 'new' )
				{
					$( '#popup' ).remove()
					
					var popup = $( '<div id="popup"></div>' )
					var form = $( '<form method="post" action="' + window.location + '"></form>' )
					
					form.append( '<input type="text" name="name" class="defaultValue" value="Name"/><br />')
					
					form.append( '<input type="submit" name="new_style" value="Add" id="add_child"/>' )
				
					popup.append( form )
					popup.appendTo( 'body' )
					
					var offset = $( this ).offset()
	
					popup.dialog( 
						{ 
							title: "Add a new yeast type",
							modal: true
						} 
					) // dialog	

					defaultValue()
	
				} // if
			} // function
		) // change
		
		$( 'select[name=style]' ).live( 'change',
			function()
			{
				if( $( this ).val() == 'new' )
				{
					$( '#popup' ).remove()
					
					var popup = $( '<div id="popup"></div>' )
					var form = $( '<form method="post" action="' + window.location + '"></form>' )
					
					form.append( '<input type="text" name="name" class="defaultValue" value="Name"/><br />')
					form.append( '<input type="text" name="abbr" class="defaultValue" value="Abbreviation"/><br />')
					
					form.append( '<input type="submit" name="new_style" value="Add" id="add_child"/>' )
				
					popup.append( form )
					popup.appendTo( 'body' )
					
					var offset = $( this ).offset()
	
					popup.dialog( 
						{ 
							title: "Add a new beer style",
							modal: true
						} 
					) // dialog	

					defaultValue()
				} // if

			} // function
		) // live change
		
		//$("#list").treeview()
		
		/*
$( 'li span' ).hover(
			function()
			{
				var text = $( '<pre></pre>' )
				text.append( $( this ).next().text() + '<br />' )
				text.append( $( this ).next().next().text())
				
				console.log( text )
				$( '#info_box' ).empty().append( text )
			}
		) // hover
*/			
				$("#datepicker").datepicker(
					{
						showOn: 'button', 
						buttonImage: 'images/calendar.gif', 
						buttonImageOnly: true
					}
				)
			
	} // function
) // ready