$(document).ready(function()
{
	$.ajax({
		type: "GET",
		url: "/js/sitenav.xml",
		dataType: "xml",
		success: function  parseXml(xml) {
		
	 	//Cache the <li> references
			var cs = $("li#case_studies");
			var test = $("li#testimonials");
			var ca = $("li#call_analytics");
			var ga = $("li#google_analytics");
			var om = $("li#online_marketing");
			var pac = $("li#planning_and_consulting");
			var seo = $("li#seo");
			var sa = $("li#survey_analytics");
			var wd = $("li#web_design");
			var wo = $("li#web_optimization");
			var wr = $("li#website_reporting");
			var pa = $("li#planning_and_assessments");
			var dd = $("li#design_and_development");
			var job = $("li#jobs");
			var par = $("li#partners");
			var pr = $("li#press_releases");
			var res = $("li#resources");
			var se = $("li#speaking_engagements");
			var wv = $("li#why_valitics");			
			var faq = $("li#frequently_asked_questions");
		
		// WORK	
			$(xml).find("CaseStudies").each(function() {
				cs.append('<ul><li><img src="' + $(this).find("Image").text() + '" />' + '<h4>' + $(this).find("Title").text() + '</h4>' + $(this).find("Desc").text() + '<a class="sublink" href="' + $(this).find("LinkHref").text() + '"><span></span>' + $(this).find("LinkText").text() + '</a>' + "</li></ul>");
				});
			$(xml).find("Testimonials").each(function() {
				test.append('<ul><li><img src="' + $(this).find("Image").text() + '" />' + '<h4>' + $(this).find("Title").text() + '</h4>' + $(this).find("Desc").text() + '<a class="sublink" href="' + $(this).find("LinkHref").text() + '"><span></span>' + $(this).find("LinkText").text() + '</a>' + "</li></ul>");
				});
				
		// SOLUTIONS
			$(xml).find("AssessmentsandPlanning").each(function() {
				pa.append('<ul><li><img src="' + $(this).find("Image").text() + '" />' + '<h4>' + $(this).find("Title").text() + '</h4>' + $(this).find("Desc").text() + '<a class="sublink" href="' + $(this).find("LinkHref").text() + '"><span></span>' + $(this).find("LinkText").text() + '</a>' + "</li></ul>");
				});
			$(xml).find("DesignandDevelopment").each(function() {
				dd.append('<ul><li><img src="' + $(this).find("Image").text() + '" />' + '<h4>' + $(this).find("Title").text() + '</h4>' + $(this).find("Desc").text() + '<a class="sublink" href="' + $(this).find("LinkHref").text() + '"><span></span>' + $(this).find("LinkText").text() + '</a>' + "</li></ul>");
				});
			$(xml).find("Optimization").each(function() {
				wo.append('<ul><li><img src="' + $(this).find("Image").text() + '" />' + '<h4>' + $(this).find("Title").text() + '</h4>' + $(this).find("Desc").text() + '<a class="sublink" href="' + $(this).find("LinkHref").text() + '"><span></span>' + $(this).find("LinkText").text() + '</a>' + "</li></ul>");
				});
				
		// ABOUT
			$(xml).find("Jobs").each(function() {
				job.append('<ul><li><img src="' + $(this).find("Image").text() + '" />' + '<h4>' + $(this).find("Title").text() + '</h4>' + $(this).find("Desc").text() + '<a class="sublink" href="' + $(this).find("LinkHref").text() + '"><span></span>' + $(this).find("LinkText").text() + '</a>' + "</li></ul>");
				});	
			$(xml).find("Partners").each(function() {
				par.append('<ul><li><img src="' + $(this).find("Image").text() + '" />' + '<h4>' + $(this).find("Title").text() + '</h4>' + $(this).find("Desc").text() + '<a class="sublink" href="' + $(this).find("LinkHref").text() + '"><span></span>' + $(this).find("LinkText").text() + '</a>' + "</li></ul>");
				});
			$(xml).find("PressReleases").each(function() {
				pr.append('<ul><li><img src="' + $(this).find("Image").text() + '" />' + '<h4>' + $(this).find("Title").text() + '</h4>' + $(this).find("Desc").text() + '<a class="sublink" href="' + $(this).find("LinkHref").text() + '"><span></span>' + $(this).find("LinkText").text() + '</a>' + "</li></ul>");
				});
			$(xml).find("Resources").each(function() {
				res.append('<ul><li><img src="' + $(this).find("Image").text() + '" />' + '<h4>' + $(this).find("Title").text() + '</h4>' + $(this).find("Desc").text() + '<a class="sublink" href="' + $(this).find("LinkHref").text() + '"><span></span>' + $(this).find("LinkText").text() + '</a>' + "</li></ul>");
				});
			$(xml).find("SpeakingEngagements").each(function() {
				se.append('<ul><li><img src="' + $(this).find("Image").text() + '" />' + '<h4>' + $(this).find("Title").text() + '</h4>' + $(this).find("Desc").text() + '<a class="sublink" href="' + $(this).find("LinkHref").text() + '"><span></span>' + $(this).find("LinkText").text() + '</a>' + "</li></ul>");
				});
			$(xml).find("WhyValitics").each(function() {
				wv.append('<ul><li><img src="' + $(this).find("Image").text() + '" />' + '<h4>' + $(this).find("Title").text() + '</h4>' + $(this).find("Desc").text() + '<a class="sublink" href="' + $(this).find("LinkHref").text() + '"><span></span>' + $(this).find("LinkText").text() + '</a>' + "</li></ul>");
				});
			$(xml).find("FrequentlyAskedQuestions").each(function() {
				faq.append('<ul><li><img src="' + $(this).find("Image").text() + '" />' + '<h4>' + $(this).find("Title").text() + '</h4>' + $(this).find("Desc").text() + '<a class="sublink" href="' + $(this).find("LinkHref").text() + '"><span></span>' + $(this).find("LinkText").text() + '</a>' + "</li></ul>");
				});
			}
	});
});