$(document).ready(function() {
	navigationPrimary();
});

function navigationPrimary() {
	$('#main-nav li').removeClass('hover');
	$('#main-nav li a')
		.css({ opacity: 1.0 })
		.mouseover(function() {				
			$(this).stop().animate(
				{ opacity: 0.0 }
			, 300);
		})
		.mouseout(function() {
			$(this).stop().animate(
				{ opacity: 1.0 }
			, 600);
		});
}

$(document).ready(function() {
	recentworkPrimary();
});

function recentworkPrimary() {
	$('#recent-work li').removeClass('hover');
	$('#recent-work li a')
		.css({ opacity: 1.0 })
		.mouseover(function() {				
			$(this).stop().animate(
				{ opacity: 0.0 }
			, 300);
		})
		.mouseout(function() {
			$(this).stop().animate(
				{ opacity: 1.0 }
			, 600);
		});
}

$(document).ready(function() {
	submenuPrimary();
});

function submenuPrimary() {
	$('#sub-menu li').removeClass('hover');
	$('#sub-menu li a')
		.css({ opacity: 1.0 })
		.mouseover(function() {				
			$(this).stop().animate(
				{ opacity: 0.0 }
			, 250);
		})
		.mouseout(function() {
			$(this).stop().animate(
				{ opacity: 1.0 }
			, 300);
		});
}

$(document).ready(function() {
	brandthumbsPrimary();
});

function brandthumbsPrimary() {
	$('#brand-thumbs li').removeClass('hover');
	$('#brand-thumbs li a')
		.css({ opacity: 1.0 })
		.mouseover(function() {				
			$(this).stop().animate(
				{ opacity: 0.0 }
			, 200);
		})
		.mouseout(function() {
			$(this).stop().animate(
				{ opacity: 1.0 }
			, 200);
		});
}

$(document).ready(function() {
	printthumbsPrimary();
});

function printthumbsPrimary() {
	$('#print-thumbs li').removeClass('hover');
	$('#print-thumbs li a')
		.css({ opacity: 1.0 })
		.mouseover(function() {				
			$(this).stop().animate(
				{ opacity: 0.0 }
			, 200);
		})
		.mouseout(function() {
			$(this).stop().animate(
				{ opacity: 1.0 }
			, 200);
		});
}

$(document).ready(function() {
	interactivethumbsPrimary();
});

function interactivethumbsPrimary() {
	$('#interactive-thumbs li').removeClass('hover');
	$('#interactive-thumbs li a')
		.css({ opacity: 1.0 })
		.mouseover(function() {				
			$(this).stop().animate(
				{ opacity: 0.0 }
			, 200);
		})
		.mouseout(function() {
			$(this).stop().animate(
				{ opacity: 1.0 }
			, 200);
		});
}

$(document).ready(function() {
	packagethumbsPrimary();
});

function packagethumbsPrimary() {
	$('#packaging-thumbs li').removeClass('hover');
	$('#packaging-thumbs li a')
		.css({ opacity: 1.0 })
		.mouseover(function() {				
			$(this).stop().animate(
				{ opacity: 0.0 }
			, 200);
		})
		.mouseout(function() {
			$(this).stop().animate(
				{ opacity: 1.0 }
			, 200);
		});
}