//Shows appropriate number of input boxes on windfarm application form
function wfShowEastNorth(wfValue) {
    jQuery('#wfEastNorth > li:lt(' + wfValue + ')').show();
    jQuery('#wfEastNorth > li:gt(' + (wfValue-1) + ')').hide();
}

//initilaize the tooltips
jQuery.fn.qtip.styles.mytipstyle = { // Last part is the name of the style
	width: 275,
	background: '#F1F1F1',
	color: '#424242',
	textAlign: 'left',
	border: { width: 3, radius: 6, color: '#AAAAAA' },
	tip: 'bottomLeft'
}

jQuery(document).ready(function ($) {
	
	// Little fix for gallery images (stops first break from pushing content down)
	$('.gallery br:first').hide();

	// Windfarm form
	$('#input_1_1').change(function () {
		
		// Number of turbines proposed
		var value = parseInt($(this).val(), 10);
		
		// Hide all eastings/northings fields initially
		$('#field_1_2, #field_1_3, #field_1_4, #field_1_5, #field_1_25, #field_1_26, #field_1_27, #field_1_28, #field_1_29, #field_1_31, #field_1_32, #field_1_33, #field_1_34, #field_1_35, #field_1_36, #field_1_36, #field_1_37, #field_1_38, #field_1_39, #field_1_40, #field_1_41, #field_1_42, #field_1_43, #field_1_44, #field_1_45, #field_1_46, #field_1_47, #field_1_48, #field_1_49,#field_1_50, #field_1_51, #field_1_52, #field_1_53, #field_1_54, #field_1_55, #field_1_56, #field_1_57, #field_1_58, #field_1_59,#field_1_60, #field_1_61').hide();
		
		// Show/hide eastings and northings for number of turbines proposed
		switch(value)
		{
			case 1:
			  $('#field_1_2, #field_1_3').show();
			  break;
			case 2:
			  $('#field_1_2, #field_1_3, #field_1_4, #field_1_5').show();			  
			  break;
			case 3:
			  $('#field_1_2, #field_1_3, #field_1_4, #field_1_5, #field_1_25, #field_1_26').show();			  
			  break;
			case 4:
			  $('#field_1_2, #field_1_3, #field_1_4, #field_1_5, #field_1_25, #field_1_26, #field_1_27, #field_1_28').show();			  
			  break;
			case 5:
			  $('#field_1_2, #field_1_3, #field_1_4, #field_1_5, #field_1_25, #field_1_26, #field_1_27, #field_1_28, #field_1_29, #field_1_31').show();			  
			  break;
			case 6:
			  $('#field_1_2, #field_1_3, #field_1_4, #field_1_5, #field_1_25, #field_1_26, #field_1_27, #field_1_28, #field_1_29, #field_1_31, #field_1_32, #field_1_33').show();			  
			  break;
			case 7:
			  $('#field_1_2, #field_1_3, #field_1_4, #field_1_5, #field_1_25, #field_1_26, #field_1_27, #field_1_28, #field_1_29, #field_1_31, #field_1_32, #field_1_33, #field_1_34, #field_1_35').show();			  
			  break;
			case 8:
			  $('#field_1_2, #field_1_3, #field_1_4, #field_1_5, #field_1_25, #field_1_26, #field_1_27, #field_1_28, #field_1_29, #field_1_31, #field_1_32, #field_1_33, #field_1_34, #field_1_35, #field_1_36, #field_1_37').show();			  
			  break;
			case 9:
			  $('#field_1_2, #field_1_3, #field_1_4, #field_1_5, #field_1_25, #field_1_26, #field_1_27, #field_1_28, #field_1_29, #field_1_31, #field_1_32, #field_1_33, #field_1_34, #field_1_35, #field_1_36, #field_1_37, #field_1_38, #field_1_39').show();			  
			  break;	
			case 10:
			  $('#field_1_2, #field_1_3, #field_1_4, #field_1_5, #field_1_25, #field_1_26, #field_1_27, #field_1_28, #field_1_29, #field_1_31, #field_1_32, #field_1_33, #field_1_34, #field_1_35, #field_1_36, #field_1_37, #field_1_38, #field_1_39, #field_1_40, #field_1_41').show();			  
			  break;
			case 11:
			  $('#field_1_2, #field_1_3, #field_1_4, #field_1_5, #field_1_25, #field_1_26, #field_1_27, #field_1_28, #field_1_29, #field_1_31, #field_1_32, #field_1_33, #field_1_34, #field_1_35, #field_1_36, #field_1_37, #field_1_38, #field_1_39, #field_1_40, #field_1_41, #field_1_42, #field_1_43').show();			  
			  break;
			case 12:
			  $('#field_1_2, #field_1_3, #field_1_4, #field_1_5, #field_1_25, #field_1_26, #field_1_27, #field_1_28, #field_1_29, #field_1_31, #field_1_32, #field_1_33, #field_1_34, #field_1_35, #field_1_36, #field_1_37, #field_1_38, #field_1_39, #field_1_40, #field_1_41, #field_1_42, #field_1_43, #field_1_44, #field_1_45').show();			  
			  break;
			case 13:
			  $('#field_1_2, #field_1_3, #field_1_4, #field_1_5, #field_1_25, #field_1_26, #field_1_27, #field_1_28, #field_1_29, #field_1_31, #field_1_32, #field_1_33, #field_1_34, #field_1_35, #field_1_36, #field_1_37, #field_1_38, #field_1_39, #field_1_40, #field_1_41, #field_1_42, #field_1_43, #field_1_44, #field_1_45, #field_1_46, #field_1_47').show();			  
			  break;	
			case 14:
			  $('#field_1_2, #field_1_3, #field_1_4, #field_1_5, #field_1_25, #field_1_26, #field_1_27, #field_1_28, #field_1_29, #field_1_31, #field_1_32, #field_1_33, #field_1_34, #field_1_35, #field_1_36, #field_1_37, #field_1_38, #field_1_39, #field_1_40, #field_1_41, #field_1_42, #field_1_43, #field_1_44, #field_1_45, #field_1_46, #field_1_47, #field_1_48, #field_1_49').show();			  
			  break;
			case 15:
			  $('#field_1_2, #field_1_3, #field_1_4, #field_1_5, #field_1_25, #field_1_26, #field_1_27, #field_1_28, #field_1_29, #field_1_31, #field_1_32, #field_1_33, #field_1_34, #field_1_35, #field_1_36, #field_1_37, #field_1_38, #field_1_39, #field_1_40, #field_1_41, #field_1_42, #field_1_43, #field_1_44, #field_1_45, #field_1_46, #field_1_47, #field_1_48, #field_1_49, #field_1_50, #field_1_51').show();			  
			  break;	
			case 16:
			  $('#field_1_2, #field_1_3, #field_1_4, #field_1_5, #field_1_25, #field_1_26, #field_1_27, #field_1_28, #field_1_29, #field_1_31, #field_1_32, #field_1_33, #field_1_34, #field_1_35, #field_1_36, #field_1_37, #field_1_38, #field_1_39, #field_1_40, #field_1_41, #field_1_42, #field_1_43, #field_1_44, #field_1_45, #field_1_46, #field_1_47, #field_1_48, #field_1_49, #field_1_50, #field_1_51, #field_1_52, #field_1_53').show();			  
			  break;	
			case 17:
			  $('#field_1_2, #field_1_3, #field_1_4, #field_1_5, #field_1_25, #field_1_26, #field_1_27, #field_1_28, #field_1_29, #field_1_31, #field_1_32, #field_1_33, #field_1_34, #field_1_35, #field_1_36, #field_1_37, #field_1_38, #field_1_39, #field_1_40, #field_1_41, #field_1_42, #field_1_43, #field_1_44, #field_1_45, #field_1_46, #field_1_47, #field_1_48, #field_1_49, #field_1_50, #field_1_51, #field_1_52, #field_1_53, #field_1_54, #field_1_55').show();			  
			  break;
			case 18:
			  $('#field_1_2, #field_1_3, #field_1_4, #field_1_5, #field_1_25, #field_1_26, #field_1_27, #field_1_28, #field_1_29, #field_1_31, #field_1_32, #field_1_33, #field_1_34, #field_1_35, #field_1_36, #field_1_37, #field_1_38, #field_1_39, #field_1_40, #field_1_41, #field_1_42, #field_1_43, #field_1_44, #field_1_45, #field_1_46, #field_1_47, #field_1_48, #field_1_49, #field_1_50, #field_1_51, #field_1_52, #field_1_53, #field_1_54, #field_1_55, #field_1_56, #field_1_57').show();			  
			  break;	
			case 19:
			  $('#field_1_2, #field_1_3, #field_1_4, #field_1_5, #field_1_25, #field_1_26, #field_1_27, #field_1_28, #field_1_29, #field_1_31, #field_1_32, #field_1_33, #field_1_34, #field_1_35, #field_1_36, #field_1_37, #field_1_38, #field_1_39, #field_1_40, #field_1_41, #field_1_42, #field_1_43, #field_1_44, #field_1_45, #field_1_46, #field_1_47, #field_1_48, #field_1_49, #field_1_50, #field_1_51, #field_1_52, #field_1_53, #field_1_54, #field_1_55, #field_1_56, #field_1_57, #field_1_58, #field_1_59').show();			  
			  break;
			case 20:
			  $('#field_1_2, #field_1_3, #field_1_4, #field_1_5, #field_1_25, #field_1_26, #field_1_27, #field_1_28, #field_1_29, #field_1_31, #field_1_32, #field_1_33, #field_1_34, #field_1_35, #field_1_36, #field_1_37, #field_1_38, #field_1_39, #field_1_40, #field_1_41, #field_1_42, #field_1_43, #field_1_44, #field_1_45, #field_1_46, #field_1_47, #field_1_48, #field_1_49, #field_1_50, #field_1_51, #field_1_52, #field_1_53, #field_1_54, #field_1_55, #field_1_56, #field_1_57, #field_1_58, #field_1_59, #field_1_60, #field_1_61').show();			  
			  break;			  			  		  			  		  		  			  		  			  			  			  		  			  			  		  			  			  			  
		}		
		
	});
	
	
	// Infringement form tooltips
	jQuery('.infringement-form .gfield_label').each(function() {
	
		// Get parent <li>
		var parent = jQuery(this).parent();
		
		// Get decription field
		var description = jQuery('.gfield_description', parent);
		
	
		// If description has been provided, add tooltip
		if (description.length) {
		
			jQuery(this).after('<a class="tooltip" tooltip="' + description.html() + '"><img src="/wp-content/plugins/gravityforms/images/icon-question.png" /></a>');
					
		}
	
	});

	// Notice the use of the each() method to acquire access to each elements attributes
	jQuery('.infringement-form .tooltip').each(function()
	{

		jQuery(this).qtip({
			content: jQuery(this).attr('tooltip'), // Use the tooltip attribute of the element for the content
			show: { delay: 200, solo: true },
			hide: { when: 'mouseout', fixed: true, delay: 200, effect: 'fade' },
			style: 'mytipstyle', // custom tooltip style
			position: {
			corner: {
			target: 'topRight'
			,tooltip: 'bottomLeft'
				}
			}
		});
		
	});
	
	
	

});