// JavaScript Document
jQuery(document).ready(function() {
		
	/*NAVIGATION*/		
	jQuery('ul#topnav li.about a').append('<span id="about"></span>').each(function () {
		var $span = jQuery('> span#about', this).css('opacity', 0);
		jQuery(this).hover(function () {
			$span.stop().fadeTo(300, 1);
			}, function () {
			$span.stop().fadeTo(200, 0);
		});
	});
	
	jQuery('ul#topnav li.services a').append('<span id="services"></span>').each(function () {
		var $span = jQuery('> span#services', this).css('opacity', 0);
		jQuery(this).hover(function () {
			$span.stop().fadeTo(300, 1);
			}, function () {
			$span.stop().fadeTo(200, 0);
		});
	});
	
	jQuery('ul#topnav li.gallery a').append('<span id="gallery"></span>').each(function () {
		var $span = jQuery('> span#gallery', this).css('opacity', 0);
		$(this).hover(function () {
			$span.stop().fadeTo(300, 1);
			}, function () {
			$span.stop().fadeTo(200, 0);
		});
	});
	jQuery('ul#topnav li.testimonials a').append('<span id="testimonials"></span>').each(function () {
		var $span = jQuery('> span#testimonials', this).css('opacity', 0);
		jQuery(this).hover(function () {
			$span.stop().fadeTo(300, 1);
			}, function () {
			$span.stop().fadeTo(200, 0);
		});
	});
	
	jQuery('ul#topnav li.press a').append('<span id="press"></span>').each(function () {
		var $span = jQuery('> span#press', this).css('opacity', 0);
		jQuery(this).hover(function () {
			$span.stop().fadeTo(300, 1);
			}, function () {
			$span.stop().fadeTo(200, 0);
		});
	});
	
	jQuery('ul#topnav li.shop a').append('<span id="shop"></span>').each(function () {
		var $span = jQuery('> span#shop', this).css('opacity', 0);
		$(this).hover(function () {
			$span.stop().fadeTo(300, 1);
			}, function () {
			$span.stop().fadeTo(200, 0);
		});
	});
	jQuery('ul#topnav li.contact a').append('<span id="contact"></span>').each(function () {
		var $span = jQuery('> span#contact', this).css('opacity', 0);
		jQuery(this).hover(function () {
			$span.stop().fadeTo(300, 1);
			}, function () {
			$span.stop().fadeTo(200, 0);
		});
	});
	
	jQuery('ul#topnav li.links a').append('<span id="links"></span>').each(function () {
		var $span = jQuery('> span#links', this).css('opacity', 0);
		$(this).hover(function () {
			$span.stop().fadeTo(300, 1);
			}, function () {
			$span.stop().fadeTo(200, 0);
		});
	});
	
	jQuery('.buttonvs a').append('<span id="buttonvs"></span>').each(function () {
		var $span = jQuery('> span#buttonvs', this).css('opacity', 0);
		$(this).hover(function () {
			$span.stop().fadeTo(300, 1);
			}, function () {
			$span.stop().fadeTo(200, 0);
		});
	});
	
	/**/
	
});