jQuery(document).ready(function($) {
	// $() will work as an alias for jQuery() inside of this function
		
		

<!-- On page form validator  -->

function checkCustomerInfo(myform) {
	for(i=0;i<myform.elements.length;i++) {
			if(myform.elements[i].value=="") {
			alert("Please fill out all required fields.");
			myform.elements[i].focus();
			return false;
	}
	}
	if(!validate_email(myform.email_address)) {
		alert("Not a validate email address.");
		myform.email_address.focus();
	return false;
	}
	if(!validate_email(myform.password.value!=myform.password2.value)) {
		alert("Not same password.");
		myform.password.focus();
	return false;
	}
return true;
}	
	
function validate_email(field)
{
apos=field.value.indexOf("@")
dotpos=field.value.lastIndexOf(".")
if (apos<1||dotpos-apos<2) 
  {return false}
else {return true}
}

	
	
<!--  Fade and Transition Effects in header, requires jquery  -->

$(function(){
	
	// $("#navigation a").fadeTo(500, 0.6); // When activated, this sets the opacity of the links to fade down to 60% when the page loads
		
	// Main navigation links will light up on hover and fade afterward
	$("#navigation a").hover(function(){
		$(this).fadeTo(200, 1.0); // Set opacity to 100% on hover
		},function(){
		$(this).fadeTo(200, 0.6); // Set the opacity back to 60% on mouseout
	});
	
	// My Account and My Cart links will light up on hover and fade back afterward
	$("#nav-support a").hover(function(){
		$(this).fadeTo(200, 0.7); // Set the opacity to 100% on hover
		},function(){
		$(this).fadeTo(200, 1.0); // Set the opacity back to 60% on mouseout
	});

	// Header Logo will fade on hover, and go back afterward
	$("#logo").hover(function(){
		$(this).fadeTo(200, 0.8); // Set the opacity to 80% on hover
		},function(){
		$(this).fadeTo(200, 1.0); // Set the opacity back to 100% on mouseout
	});
	
	// Feature box overlays are made visible on hover
	//$(".panel-overlay").hover(function(){
	//	$(this).fadeTo(200, 1.0); // Set the opacity to 80% on hover
	//	},function(){
	//	$(this).fadeTo(200, 0.0); // Set the opacity back to 100% on mouseout
	//});
	
	$(".panel-overlay").hover(function(){
		$(".panel-overlay").animate({"height": "230px"}, { duration: "medium" });
	});
	
	//$(".panel-overlay").hover(function(){
	//	$(".panel-overlay").animate({"height": "toggle", "opacity": "toggle"}, { duration: "slow" });
	//});

	
//$('#feature').hover(
//function() { $('.panel-overlay').fadeIn(); },
//function() { $('.panel-overlay').fadeOut(); },
//); 

$('#feature').hover(
function() { $(".panel-overlay").animate({height: "65px", "opacity": "1"}, { duration: "medium" });},
function() { $(".panel-overlay").animate({height: "0px", "opacity": "0"}, { duration: "slow" });}
); 


});


//Add the "active" class to sidemenu links representing current page
$(function($) {
  var path = location.pathname.substring(1);
  $('.sidemenu a[href="'+path+'"]').addClass('active');
});


});