//
var Lis;
var selectElem;
var viewAllLink;
var backToTop;
var divElem = document.getElementsByTagName('div');
var backToTop;
//
function init()
{
	Lis = document.getElementsByTagName('li');
	for (var i = 0; i < Lis.length; i++)
	{
		if(Lis[i].className != 'nav-hover' && Lis[i].className != 'dividers')
		{
			Lis[i].className = 'displayCountry';
			break;
		}
	}	
		
	selectElem = document.getElementById('selectCountries');
	selectElem.selectedIndex = 0;
	selectElem.onchange = function()
	{
		getCountry(selectElem[selectElem.selectedIndex].value);
	}
	
	viewAllLink = document.getElementById('viewAll');
	viewAllLink.onclick = function()
	{
		viewAll();
	}
	
	backToTop = getElementsByAttribute('class', 'backToTop');
	
	return true;
}
//
function getCountry(val)
{
	linkDisplay.hide();
	for(var i = 0; i < Lis.length; i++)
	{
		if (Lis[i].className != 'nav-hover' && Lis[i].className != 'dividers') 
		{
			if (val == Lis[i].id)
			{
				Lis[i].className = 'displayCountry';
			}
			
			else if (val != Lis[i].id) 
			{
				Lis[i].className = 'hideCountry';
			}
		}
	}
}
//
function viewAll()
{
	linkDisplay.show();
	selectElem.selectedIndex = 0;
	for(var i = 0; i < Lis.length; i++)
	{
		if(Lis[i].className != 'nav-hover' && Lis[i].className != 'dividers')
		{
			Lis[i].className = 'displayCountry';
			if(Lis[i].id == 'selectCountry') 
			{
				Lis[i].className = 'hideCountry';
			}
		}
	}
}
//
var linkDisplay = 
{
	show : function ()
	{
		for(var i = 0; i < backToTop.length; i++)
		{
			backToTop[i].innerHTML = '<a href=\"#\">Back To Top</a>';
		}
	},
	hide : function ()
	{
		for(var i = 0; i < backToTop.length; i++)
		{
			backToTop[i].innerHTML = '';
		}
	}
}
//
addLoadListener(init);