$(document).ready(function() {
	
	// LOAD JQUERY TABS - APPLY TO #links
	$('#links > table').tabs({ fx: { height: 'toggle', opacity: 'toggle' } });
	
	// LINK IMAGE FADES
	$('.homeLink').append('<span class="hover"></span>').each(function () {
	  $spanHome = $('> span.hover', this).css('opacity', 0);
	  $(this).click(function () {
	    $spanHome.stop().fadeTo(450, 1);
		$spanAbout.stop().fadeTo(450, 0);
		$spanFolio.stop().fadeTo(450, 0);
		$spanLinks.stop().fadeTo(450, 0);
		$spanContact.stop().fadeTo(450, 0);
	  });
	});
	
	$('.aboutLink').append('<span class="hover"></span>').each(function () {
	  $spanAbout = $('> span.hover', this).css('opacity', 0);
	  $(this).click(function () {
	    $spanAbout.stop().fadeTo(450, 1);
		$spanHome.stop().fadeTo(450, 0);
		$spanFolio.stop().fadeTo(450, 0);
		$spanLinks.stop().fadeTo(450, 0);
		$spanContact.stop().fadeTo(450, 0);
	  });
	});
	
	$('.folioLink').append('<span class="hover"></span>').each(function () {
	  $spanFolio = $('> span.hover', this).css('opacity', 0);
	  $(this).click(function () {
	    $spanFolio.stop().fadeTo(450, 1);
		$spanLinks.stop().fadeTo(450, 0);
		$spanHome.stop().fadeTo(450, 0);
		$spanAbout.stop().fadeTo(450, 0);
		$spanContact.stop().fadeTo(450, 0);
	  });
	});
	
	$('.contactLink').append('<span class="hover"></span>').each(function () {
	  $spanContact = $('> span.hover', this).css('opacity', 0);
	  $(this).click(function () {
	    $spanContact.stop().fadeTo(450, 1);
		$spanHome.stop().fadeTo(450, 0);
		$spanAbout.stop().fadeTo(450, 0);
		$spanFolio.stop().fadeTo(450, 0);
		$spanLinks.stop().fadeTo(450, 0);
	  });
	});
	
	$('.linksLink').append('<span class="hover"></span>').each(function () {
	  $spanLinks = $('> span.hover', this).css('opacity', 0);
	  $(this).click(function () {
	    $spanLinks.stop().fadeTo(450, 1);
		$spanHome.stop().fadeTo(450, 0);
		$spanAbout.stop().fadeTo(450, 0);
		$spanFolio.stop().fadeTo(450, 0);
		$spanContact.stop().fadeTo(450, 0);
	  });
	});
	
	// QUOTE BAR
	$('.quoteLink').click(function() {
			$("table").slideDown("normal");
	});
	
		
});


// FORM VALIDATION
secondTry = false; // Defines whether the user has hit "submit" yet
isFullName = false;
isEmail = false;

// On Name Change w/ Second Try
function validate_fullName(field) {
	if (secondTry==true) {
		with(field) {
			//is the name existant
			if (value==null || value=="") {
				//no > set var to false - show error - submit stop - return false
				isFullName = false;
				$(".validate_fullName").css("display","inline");
				$(".submit").css("border-color","red");
				return false;
			} else {
				//yes > set var to true - hide error - check for email / submit go
				isFullName = true;
				$(".validate_fullName").css("display","none");
				if(isEmail==true) {
					$(".submit").css("border-color","green");
				}
			}
		}
	} else {return true;}
}

// On Email Change w/ Second Try
function validate_email(field) {
	if (secondTry==true) {
		with(field) {
			apos=value.indexOf("@");
  			dotpos=value.lastIndexOf(".");
			//is the email existant and formatted correctly
			if ((value==null || value=="") || (apos<1||dotpos-apos<2)) {
				//no > set var to false - show error - submit stop - return false
				isEmail = false;
				$(".validate_email").css("display","inline");
				$(".submit").css("border-color","red");
				return false;
			} else {
				//yes > set var to true - hide error - check for name / submit go
				isEmail = true;
				$(".validate_email").css("display","none");
				if(isFullName==true) {
					$(".submit").css("border-color","green");
				}
			}
		}
	} else {return true;}
}


// On Submit
function validate_form(thisform) {
	//make this the second try
	secondTry = true;
	with (thisform) {
		//check for valids
		validate_fullName(fullName);
		validate_email(email);
		//if any are false > stop
  		if ((isFullName==false) || (isEmail==false)) {return false;}
		//if true is returned > go
		else {return true;}
  	}
}