﻿Cufon.replace('#footer li', {
		hover:true
	});
Cufon.replace('.button-wrap');	
	
	$(document).ready(function() {
		
		var inputs = new Array($('.txtDay'),$('.txtMonth'),$('.txtYear'));
		
		$('.txtDay').keyup(function() {
			var value = $('.txtDay').val();
			if(value.length == 2) {
				$('.txtMonth').focus();
			}
		});
		$('.txtMonth').keyup(function() {
			var value = $('.txtMonth').val();
			if(value.length == 2) {
				$('.txtYear').focus();
			}
		});
		$('.txtYear').keyup(function() {
			var value = $('.txtYear').val();
			if(value.length == 2) {
				//$('.txtYear').blur();
			}
		});
		
		$(inputs).each(function(i) {
			var valOrig = dobInputValues[i];
			$(inputs[i]).focus(function() {
				if($(inputs[i]).val() == valOrig) {
					$(inputs[i]).val('');
				}
			});
			$(inputs[i]).blur(function() {
				if($(inputs[i]).val() == '') {
					$(inputs[i]).val(valOrig);
				}
			});
		});
		
		$('.bal-butt').each(function() {
			var balbutton = $(this);
			balbutton.hide().after(
				$("<div class=\"button-wrap\"></div>").append(
					$("<a href=\"#\"><span class=\"button-left\"></span></a>").click(
						function(){balbutton.click();}
					).append($("<span class=\"button-rep\"></span>").text(balbutton.attr("value")))
					.append($("<span class=\"button-right\"></span>"))
				)
			);
		});
	});