/* The ToyBox

Welcome to the ToyBox. A Collection of JavaScript Snipits and a variety of jQuery funtions that can be of the utmost importance when developing a new website. 

You need to have the following JavaScript links as well in order to ensure that all parts of these work.

jQuery - latest version

jQuery UI - latest version

jQuery - Cycle - latest version

For most functions you need this as the html:

event="function(this.value)"

*/

/**** Feedback  ****/
/******  A Feedback div button and popup window with a form. (refer to mlantz.ca to layout the html) *******/

function feedbackerhide()
	{ $("#feedbacklink").hide(); $("#feedbacker").hide("scale", { direction: "down" }, 1000 ); }

function feedbacker()
{ $('#overlay').fadeIn(); $('#feedbacker').css('visibility', 'visible'); $("#feedbacker").show("slide", { direction: "right" }, 1000); }

function feedbacklink()
{ $("#feedbacklink").show("slide", { direction: "left" }, 1000); $('#feedbacklink').css('display', 'block'); $("#feedicon").hide(); }


/********  Box Jump ******/
/********  This function when used with the onkeyup event allows the user to jump boxes while typing, best for use with phone inputs. **********/

			/* HTML
			************************
			<input size="3" name="phone1" maxlength="3" id="input_x" onkeyup="speedphone(1, this.value);" />-
            <input size="3" id="input_y" maxlength="3" name="phone2" onkeyup="speedphone(2, this.value);" />-
            <input size="4" name="phone3" id="input_z" maxlength="4" onkeyup="speedphone(3, this.value);" />*/


function speedphone(field, phone){
	if ( isNaN(parseInt(phone.charAt(phone.length-1))) ){
		var strValue = document.getElementById('phone'+field).value.substr(0, phone.length-1);
		document.getElementById('frmPhone'+field).value = strValue;
	}
	if (field == 1 && phone.length >= 3){
		document.getElementById('phone2').focus() 
	}
	if (field == 2 && phone.length >= 3){
		document.getElementById('phone3').focus() 
	}
}

/********  Email Check ******/
/********  Again with the onkeyup event you can run this function to ensure that the email entered is a proper type of email. **********/

function checkemail(addy) { 
	var reg = /^([A-Za-z0-9_\-\.])+\@([A-Za-z0-9_\-\.])+\.([A-Za-z]{2,4})$/;
	if(reg.test(addy) == false) { 
		$('#email').html('<span class="ui-icon ui-icon-circle-close"></span>');
	} else {
		$('#email').html('<span class="ui-icon ui-icon-circle-check"></span>');
	}
}

/********  input validator ******/
/********  As long as you name your form just form it can have the input id's put into each input. This can allow the form to be checked for vacant spaces. **********/

		$(document).ready( 


function()
{
	
	$('form').submit(
					
					function(){							
							if( $('textarea.tinymce').val()==="" 
							|| $('#input_a').val()==="" 
							|| $('#input_b').val()==="" 
							|| $('#input_c').val()==="" 
							|| $('#input_d').val()==="" 
							|| $('#input_e').val()==="" 
							|| $('#input_f').val()===""
							|| $('#input_g').val()==="" 
							|| $('#input_h').val()==="" 
							|| $('#input_i').val()==="" 
							|| $('#input_j').val()==="" 
							|| $('#input_k').val()==="" 
							|| $('#input_l').val()===""
							|| $('#input_m').val()==="" 
							|| $('#input_n').val()==="" 
							|| $('#input_o').val()==="" 
							|| $('#input_p').val()==="" 
							|| $('#input_q').val()==="" 
							|| $('#input_r').val()===""
							|| $('#input_s').val()==="" 
							|| $('#input_t').val()==="" 
							|| $('#input_u').val()==="" 
							|| $('#input_v').val()==="" 
							|| $('#input_w').val()==="" 
							|| $('#input_x').val()===""
							|| $('#input_y').val()===""
							|| $('#input_z').val()===""
							 ){
																	
																	
									$( "#dialog:ui-dialog" ).dialog( "destroy" );
								
									$( "#dialog-warning" ).dialog({
									height: 140,
									modal: true,
									buttons: {
										Ok: function() {
											$( this ).dialog( "close" );
										}
									}
									});
									
									if( $('#input_a').val()==="" ){ $('#input_a').css('background','#EA7171') }
									if( $('#input_a').val()>"" ){ $('#input_a').css('background','#FFF') }
									
									if( $('#input_b').val()==="" ){ $('#input_b').css('background','#EA7171') }
									if( $('#input_b').val()>"" ){ $('#input_b').css('background','#FFF') }
									
									if( $('#input_c').val()==="" ){ $('#input_c').css('background','#EA7171') }
									if( $('#input_c').val()>"" ){ $('#input_c').css('background','#FFF') }
									
									if( $('#input_d').val()==="" ){ $('#input_d').css('background','#EA7171') }
									if( $('#input_d').val()>"" ){ $('#input_d').css('background','#FFF') }
									
									if( $('#input_e').val()==="" ){ $('#input_e').css('background','#EA7171') }
									if( $('#input_e').val()>"" ){ $('#input_e').css('background','#FFF') }
									
									if( $('#input_f').val()==="" ){ $('#input_f').css('background','#EA7171') }
									if( $('#input_f').val()>"" ){ $('#input_f').css('background','#FFF') }
									
									if( $('#input_g').val()==="" ){ $('#input_g').css('background','#EA7171') }
									if( $('#input_g').val()>"" ){ $('#input_g').css('background','#FFF') }
									
									if( $('#input_h').val()==="" ){ $('#input_h').css('background','#EA7171') }
									if( $('#input_h').val()>"" ){ $('#input_h').css('background','#FFF') }
									
									if( $('#input_i').val()==="" ){ $('#input_i').css('background','#EA7171') }
									if( $('#input_i').val()>"" ){ $('#input_i').css('background','#FFF') }
									
									if( $('#input_j').val()==="" ){ $('#input_j').css('background','#EA7171') }
									if( $('#input_j').val()>"" ){ $('#input_j').css('background','#FFF') }
									
									if( $('#input_k').val()==="" ){ $('#input_k').css('background','#EA7171') }
									if( $('#input_k').val()>"" ){ $('#input_k').css('background','#FFF') }
									
									if( $('#input_l').val()==="" ){ $('#input_l').css('background','#EA7171') }
									if( $('#input_l').val()>"" ){ $('#input_l').css('background','#FFF') }
									
									if( $('#input_m').val()==="" ){ $('#input_m').css('background','#EA7171') }
									if( $('#input_m').val()>"" ){ $('#input_m').css('background','#FFF') }
									
									if( $('#input_n').val()==="" ){ $('#input_n').css('background','#EA7171') }
									if( $('#input_n').val()>"" ){ $('#input_n').css('background','#FFF') }
									
									if( $('#input_o').val()==="" ){ $('#input_o').css('background','#EA7171') }
									if( $('#input_o').val()>"" ){ $('#input_o').css('background','#FFF') }
									
									if( $('#input_p').val()==="" ){ $('#input_p').css('background','#EA7171') }
									if( $('#input_p').val()>"" ){ $('#input_p').css('background','#FFF') }
									
									if( $('#input_q').val()==="" ){ $('#input_q').css('background','#EA7171') }
									if( $('#input_q').val()>"" ){ $('#input_q').css('background','#FFF') }
									
									if( $('#input_r').val()==="" ){ $('#input_r').css('background','#EA7171') }
									if( $('#input_r').val()>"" ){ $('#input_r').css('background','#FFF') }
									
									if( $('#input_s').val()==="" ){ $('#input_s').css('background','#EA7171') }
									if( $('#input_s').val()>"" ){ $('#input_s').css('background','#FFF') }
									
									if( $('#input_t').val()==="" ){ $('#input_t').css('background','#EA7171') }
									if( $('#input_t').val()>"" ){ $('#input_t').css('background','#FFF') }
									
									if( $('#input_u').val()==="" ){ $('#input_u').css('background','#EA7171') }
									if( $('#input_u').val()>"" ){ $('#input_u').css('background','#FFF') }
									
									if( $('#input_v').val()==="" ){ $('#input_v').css('background','#EA7171') }
									if( $('#input_v').val()>"" ){ $('#input_v').css('background','#FFF') }
									
									if( $('#input_w').val()==="" ){ $('#input_w').css('background','#EA7171') }
									if( $('#input_w').val()>"" ){ $('#input_w').css('background','#FFF') }
									
									if( $('#input_x').val()==="" ){ $('#input_x').css('background','#EA7171') }
									if( $('#input_x').val()>"" ){ $('#input_x').css('background','#FFF') }
									
									if( $('#input_y').val()==="" ){ $('#input_y').css('background','#EA7171') }
									if( $('#input_y').val()>"" ){ $('#input_y').css('background','#FFF') }
									
									if( $('#input_z').val()==="" ){ $('#input_z').css('background','#EA7171') }
									if( $('#input_z').val()>"" ){ $('#input_z').css('background','#FFF') }
									
									return false;
																	
																	
							}
							return true;
							});

});