// JavaScript Document

$(document).ready(function() {
	$('#header ul li')
				.css( {backgroundPosition: "-160px 0"} )
				.mouseover(function() {
						$(this).stop().animate(
								{backgroundPosition:"(-250px 0)"},
								{duration:250})
						})
				.mouseout(function() {
						$(this).stop().animate(
								{backgroundPosition:"(-160px 0)"},
								{duration:250})
						})

	$('#whatWeDo ul li')
				.css( {backgroundPosition: "-300px 0"} )
				.mouseover(function() {
						$(this).stop().animate(
								{backgroundPosition:"(0 0)"},
								{duration:250})
						})
				.mouseout(function() {
						$(this).stop().animate(
								{backgroundPosition:"(-300px 0)"},
								{duration:250})
						})
	$('#portfolio-nav ul li')
				.css( {backgroundPosition: "-300px 0"} )
				.mouseover(function() {
						$(this).stop().animate(
								{backgroundPosition:"(0 0)"},
								{duration:250})
						})
				.mouseout(function() {
						$(this).stop().animate(
								{backgroundPosition:"(-300px 0)"},
								{duration:250})
						})
	
});