// JQuery JavaScript Document (c) Gabriel Liwerant 2009
//ensure a smooth fade effect for the main nav when js is on, ensures hover effect in css when js is off

$(document).ready(function() {
	$('#header h1').removeClass('highlight');
	$('#logo-fade').append('<span class="hover"></span>').each(function () {
		var $span = $('> span.hover', this).css('opacity', 0);
		$(this).hover(function () {
			$span.stop().fadeTo(200, 1);
		}, function () {
			$span.stop().fadeTo(500, 0);
		});
	});
	$('#tagline-fade').append('<span class="hover"></span>').each(function () {
		var $span = $('> span.hover', this).css('opacity', 0);
		$(this).hover(function () {
			$span.stop().fadeTo(100, 1);
		}, function () {
			$span.stop().fadeTo(100, 0);
		});
	});
	$('#topnav-fade li').removeClass('highlight');
	$('#topnav-fade a').append('<span class="hover"></span>').each(function () {
		var $span = $('> span.hover', this).css('opacity', 0);
		$(this).hover(function () {
			$span.stop().fadeTo(200, 1);
		}, function () {
			$span.stop().fadeTo(500, 0);
		});
	});
	$('#bottomnav-fade li').removeClass('highlight');
	$('#bottomnav-fade a').append('<span class="hover"></span>').each(function () {
		var $span = $('> span.hover', this).css('opacity', 0);
		$(this).hover(function () {
			$span.stop().fadeTo(200, 1);
		}, function () {
			$span.stop().fadeTo(500, 0);
		});
	});
	//$('.submit-css').css('display', 'none');
	//$('.submit-js').css('display', 'block');
});