/* ToyBox

By Matt Lantz
http://mlantz.ca

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)"

*/

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

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. **********/

/*HTML <input style="float: left;" type="text" onkeyup="chkEmail(this.value)" /> <div id="email" style="float: left;"></div>*/

function chkEmail(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. 

The HTML

<div id="dialog-warning" title="Missing Fields?" style="display:none;">
	<p><span class="ui-icon ui-icon-alert" style="float:left; margin:0 7px 20px 0;"></span>Seems as though you missed some fields</p>
</div>

**********/

$(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;
							});

});



/********  eatAll ******/
/******** A handy tool for gobbling up all those pesky cookies **********/

function eatAll(){
	
	expireAt = new Date;
	expireAt.setMonth(expireAt.getMonth() - 1);
	
	if (document.cookie != "")
	{
        crumbs = document.cookie.split(";");
        for(i=0; i < crumbs.length; i++)
        {
            crumbName = crumbs[i].split("=")[0];
            document.cookie = crumbName + "=;expires=" + expireAt.toGMTString();
        }
	}
	
	location.reload();
}

/********  chkIt ******/
/******** Makes sure that only one of two or more checkboxes is selected at a time **********/

/*******

The HTML
		<td colspan="2">
    		<p>Pick Up <input name="pickup" id="pickup" value="yes" type="checkbox" onchange="chkIt()" class="unique" /></p>
        </td>
        <td colspan="2">
    		<p>Delivery <input name="delivery" id="delivery" value="yes" type="checkbox" onchange="chkIt()" class="unique" /></p>
        </td>

*******/

function chkIt(){
	
	var $unique = $('input.unique');
$unique.click(function() {
    $unique.removeAttr('checked');
    $(this).attr('checked', true);
});


	}