/*
 * Tab Navigation:-Function that will highlight the 
 * appropriate header and footer tab when clicked.
 * Also corresponding pixmapicon gets activated when 
 * corresponding tab is clicked.
 */

function nav_bar()
{
	var url = window.location.pathname;
	var tab_header,tab_footer,icon;
	switch(url) {
		case '/':
			tab_header = document.getElementById("Home");
			tab_header.setAttribute("class", "HomeActive");
			tab_footer = document.getElementById("Home1");
			tab_footer.setAttribute("class", "Active");
			icon = document.getElementById("im1");
			icon.setAttribute("src", "images/HomeIconActive.png");
			break;

		case '/services':
			tab_header = document.getElementById("Services");
			tab_header.setAttribute("class", "ServicesActive");
			tab_footer = document.getElementById("Services1");
			tab_footer.setAttribute("class", "Active");
			break;

		case '/aboutus':
			tab_header = document.getElementById("AboutUs");
			tab_header.setAttribute("class", "AboutUsActive");
			tab_footer = document.getElementById("AboutUs1");
			tab_footer.setAttribute("class", "Active");
			break;

		case '/buy':
			tab_header = document.getElementById("Buy");
			tab_header.setAttribute("class", "BuyActive");
			tab_footer = document.getElementById("Buy1");
			tab_footer.setAttribute("class", "Active");
			break;

		case '/contactus':
			tab_header = document.getElementById("ContactUs");
			tab_header.setAttribute("class", "ContactUsActive");
			tab_footer = document.getElementById("ContactUs1");
			tab_footer.setAttribute("class", "Active");
			icon = document.getElementById("im2");
			icon.setAttribute("src", "images/ContactIconActive.png");
			break;

		case '/news':
			tab_header = document.getElementById("News1");
			tab_header.setAttribute("class", "Active");
			break;

		case '/careers':
			tab_header = document.getElementById("Careers1");
			tab_header.setAttribute("class", "Active");
			break;
		
		case '/sitemap':
			icon = document.getElementById("im3");
			icon.setAttribute("src", "images/ServicesIconActive.png");
			tab_footer = document.getElementById("Sitemap");
			tab_footer.setAttribute("class", "Active");
			break;
	}
}