function changeTab(e)
{
	var tabs = document.getElementById('contentTabs');
  var links = tabs.getElementsByTagName('a');
  var firstTab = document.getElementById('firstLink');
  var secondTab = document.getElementById('thirdLink');
  var firstTabContent = document.getElementById('firstTabContent');
  var secondTabContent = document.getElementById('secondTabContent');
  for (var i = 0; i < links.length; i++) {
		if (links[i].className == 'active'){
			links[i].className = '';
			
		}
	}
	e.className= 'active';
	
	if (firstTab.className == 'active') {
    firstTabContent.style.display = 'block';
	} else {
		firstTabContent.style.display = 'none';
	}
	if (secondTab.className == 'active') {
    secondTabContent.style.display = 'block';
	} else {
		secondTabContent.style.display = 'none';
	}
}

function changeTab2(e)
{
	var tabs = document.getElementById('contentTabs');
  var links = tabs.getElementsByTagName('a');
  var firstTab = document.getElementById('firstColorLink');
  var secondTab = document.getElementById('secondColorLink');
  var firstTabContent = document.getElementById('firstTabContent');
  var secondTabContent = document.getElementById('secondTabContent');
  for (var i = 0; i < links.length; i++) {
		if (links[i].className == 'active'){
			links[i].className = '';
			
		}
	}
	e.className= 'active';
	
	if (firstTab.className == 'active') {
    firstTabContent.style.display = 'block';
	} else {
		firstTabContent.style.display = 'none';
	}
	if (secondTab.className == 'active') {
    secondTabContent.style.display = 'block';
	} else {
		secondTabContent.style.display = 'none';
	}
}