// JavaScript Document


$(function () { //Run when the page loads
	addDecoration();
	spaceMainNav();
});



//Add colons (:) before and after each mainNav item 
function addDecoration () {
	var navItemList = $('#mainnav').children('ul').children('li').children('a').children('span');
	//console.log(navItemList);
	navItemList.prepend(':');
	navItemList.append(':');
}



//Add left padding to LI tags in #logoNav to evenly space them out
function spaceMainNav () {
	var leftPadding;
	var availableWidth = $('#mainnav').get(0).offsetWidth; 
	//console.log(availableWidth);
	
	var navItemArray = $('#mainnav').children('ul').children('li');
	//console.log(navItemArray);
	//console.log(navItemArray[2].offsetWidth);
	
	//var navItemOne = navItemArray[0].offsetWidth;
	//console.log(navItemArray);
	/*console.log(navItemOne);
	var navItemTwo = navItemArray[1].offsetWidth;
	console.log(navItemTwo);*/

	
	var totalItemWidth = 0; //container for adding widths of nav li's 
	
	navItemArray.each(function() {
	 	totalItemWidth += this.offsetWidth;
		var navItemWidths = this.offsetWidth + 8;
		//console.log(navItemWidths);
		$(this).css('width',navItemWidths+'px');
	});
	//console.log(totalItemWidth);
	var numOfItems = navItemArray.length;
	//console.log(numOfItems);
	leftPadding = Math.floor((availableWidth - totalItemWidth)/(numOfItems + 1));
	//console.log(leftPadding);
	navItemArray.css('padding-left',(leftPadding-8)+'px');
}


//Add colon before and after nav items
function addNavDecoration () {
	
}