// JavaScript Document

function showContent(id) {
	document.getElementById('gallerycontent').style.display = "none";
	document.getElementById('storycontent').style.display = "none";
	document.getElementById('carecontent').style.display = "none";
	document.getElementById('usescontent').style.display = "none";
	document.getElementById('gallery').className = "taboff";
	document.getElementById('story').className = "taboff";
	document.getElementById('care').className = "taboff";
	document.getElementById('uses').className = "taboff";
	
  switch (id) {	  
    case 1 :
			document.getElementById('gallerycontent').style.display = "block";
			document.getElementById('gallery').className = "tabon";
		  break;
		case 2 :
			document.getElementById('storycontent').style.display = "block";
			document.getElementById('story').className = "tabon";
		  break;
		case 3 :
			document.getElementById('carecontent').style.display = "block";
			document.getElementById('care').className = "tabon";
			break;
		case 4 :
			document.getElementById('usescontent').style.display = "block";
			document.getElementById('uses').className = "tabon";
			break;
	} 
}