// JavaScript Document

var nav  = [ '#nav-about', '#nav-services', '#nav-testimonials', '#nav-faqs', '#nav-blog', '#nav-home' ];  

$(document).ready(function(){
	for ( i = 0; i < nav.length; i++ ){
		$(nav[i])
		.css({backgroundPosition: '-10px ' + nav[i]*(-26) + 'px'})
		.hover(
			function(){
		  		$(this)
				.stop()
				.animate({
				  	'backgroundPosition': '0px ' + getVPos( this.id ) + 'px'
				}, 200);
			},
			function(){
			 	$(this)
				.stop()
				.animate({
				  	'backgroundPosition': '-10px ' + getVPos( this.id ) + 'px'
				}, 200);
			}
		);
	}
});

function getVPos( id )  {  
	for ( i = 0; i < nav.length; i++ ){  
		if ( '#' + id == nav[i] ){  return i*(-26);  }  
	}   
	return 0;  
}