//THIS SHOULD GO AT THE BOTTOM OF THE PAGE

var myFadeSpeed=($.browser.safari?600:450);

$('a.navlink').append('<span class="hover"></span>');
$('.hover').css('opacity',0);
$('.hover').parent().hover(function(){$('.hover',this).stop().animate({'opacity':1},myFadeSpeed)},function(){$('.hover',this).stop().animate({'opacity':0},myFadeSpeed)});

$(document).ready(function() {
	//area 1
	$('.c1').children().hover(function() {
		$(this).siblings().stop().fadeTo(500,0.7);
	}, function() {
		$(this).siblings().stop().fadeTo(500,1);
	});
	//area 2
	$('.fade-area-2').children().hover(function() {
		$(this).siblings().stop().fadeTo(500,0.7);
	}, function() {
		$(this).siblings().stop().fadeTo(500,1);
	});
});