$(document).ready(function() {
		$("ul.tabs-nav li:first-child").addClass("active");
		$("ul.tab-areas li:first-child").addClass("active");
		$("ul.tabs-nav li").click(function() {
													
        	$active = $(this);
        	var triggerID = $active.attr("rel");
			
			$(this).parent().parent().find("li").removeClass('active');
			
        	$active.addClass('active');
			$(this).parent().parent().find("ul.tab-areas > li."+triggerID).addClass('active');
			
        	return false;
        });
		
		$(".tab-areas ul.list li:nth-child(odd)").addClass("odd");
		$(".tab-areas ul.list li:nth-child(even)").addClass("even");
		$(".tab-areas ul.list li:first-child").addClass("first");
		$(".tab-areas ul.list li:last-child").addClass("last");
		
		$(".twitter-list > ul li:first-child").addClass("first");
		$(".twitter-list > ul li:last-child").addClass("last");
		
		$("ul.list li:last-child").addClass("last");
		
		$('.tab-areas ul.list > li > a').text(function(index) {
			return autoEllipseText($(this).get(0), $(this).text(), 70);
		});
		$('#footer-top-container ul.cats > li > a').text(function(index) {
			return autoEllipseText($(this).get(0), $(this).text(), 70);
		});
		
	});
	
	function setCellText()
	{
	   cellElement = document.getElementById('textCell');
	   textBoxElement = document.getElementById('cellText');
	   cellElement.innerHTML = 
		   autoEllipseText(cellElement, textBoxElement.value, 80);
	}
	
	function autoEllipseText(element, text, width)
	{
	   element.innerHTML = '<span id="ellipsisSpan" style="white-space:nowrap;">' + text + '</span>';
	   inSpan = document.getElementById('ellipsisSpan');
	   if(inSpan.offsetWidth > width)
	   {
		  var i = 1;
		  inSpan.innerHTML = '';
		  while(inSpan.offsetWidth < (width) && i < text.length)
		  {
			 inSpan.innerHTML = text.substr(0,i) + '...';
			 i++; 
		  } 
					
		  returnText = inSpan.innerHTML; 
		  element.innerHTML = '';
		  return returnText;
	   }
	   return text;
	}