/**
 * @author RobRobbins
 */

$(document).ready(function(){
	/* -------this will set the initial pad of the LGB according to what page 
	is being viewed-------- 
	*/
	
	if($("#bodyId").is(".CatHistory"))
	{
		$(".LGB").css({"padding-top":"90px"});
	}
	else if($("#bodyId").is(".CatAbout"))
	{
		$(".LGB").css({"padding-top":"130px"});
	}
	else if($("#bodyId").is(".CatFund"))
	{
		$(".LGB").css({"padding-top":"170px"});
	}
	else if($("#bodyId").is(".CatGrant"))
	{
		$(".LGB").css({"padding-top":"210px"});
	}
	else if($("#bodyId").is(".CatApply"))
	{
		$(".LGB").css({"padding-top":"250px"});
	}
	else if($("#bodyId").is(".CatFaq"))
	{
		$(".LGB").css({"padding-top":"290px"});
	}
	else if($("#bodyId").is(".CatSample"))
	{
		$(".LGB").css({"padding-top":"330px"});
	}
	else if($("#bodyId").is(".CatSpirit"))
	{
		$(".LGB").css({"padding-top":"370px"});
		$("#CatPagePhoto").css({"height":"572px"});
	}
	else
	{
		$(".LGB").css({"padding-top":"50px"});
	}
	
	/*-------- this will count, then set class names for each li in the nav ul
	 * which will be padded by the amount set for each incremental #--------
	 */
	
	var len = document.getElementsByTagName("li").length;
	
	for (i = 0; i < len; i++)
	{
		$("li").eq(i).addClass(i + "");
	}

	$(".0").hover(function()
	{
		$(".LGB").animate(
		{
			paddingTop: '50px'
		}, 200);
	}, function()
	{
		$(".LGB").stop();
	})	
		
	$(".1").hover(function()
	{
		$(".LGB").animate(
		{
			paddingTop: '50px'
		}, 200);
	}, function()
	{
		$(".LGB").stop();
	})
	
	$(".2").hover(function()
	{
		$(".LGB").animate(
		{
			paddingTop: '90px'
		}, 200);
	}, function()
	{
		$(".LGB").stop();
	})
	
	$(".3").hover(function()
	{
		$(".LGB").animate(
		{
			paddingTop: '130px'
		}, 200);
	}, function()
	{
		$(".LGB").stop();
	})
	
	$(".4").hover(function()
	{
		$(".LGB").animate(
		{
			paddingTop: '170px'
		}, 200);
	}, function()
	{
		$(".LGB").stop();
	})
	
	$(".5").hover(function()
	{
		$(".LGB").animate(
		{
			paddingTop: '210px'
		}, 200);
	}, function()
	{
		$(".LGB").stop();
	})
	
	$(".6").hover(function()
	{
		$(".LGB").animate(
		{
			paddingTop: '250px'
		}, 200);
	}, function()
	{
		$(".LGB").stop();
	})
	
	$(".7").hover(function()
	{
		$(".LGB").animate(
		{
			paddingTop: '290px'
		}, 200);
	}, function()
	{
		$(".LGB").stop();
	})
	
	$(".8").hover(function()
	{
		$(".LGB").animate(
		{
			paddingTop: '330px'
		}, 200);
	}, function()
	{
		$(".LGB").stop();
	})
	
	$(".9").hover(function()
	{
		$(".LGB").animate(
		{
			paddingTop: '370px'
		}, 200);
	}, function()
	{
		$(".LGB").stop();
	})
	
	$(".10").hover(function()
	{
		$(".LGB").animate(
		{
			paddingTop: '420px'
		}, 200);
	}, function()
	{
		$(".LGB").stop();
	})
	
	$(".11").hover(function()
	{
		$(".LGB").animate(
		{
			paddingTop: '465px'
		}, 200);
	}, function()
	{
		$(".LGB").stop();
	})
});