diff --git a/src/org/april/agirstatool/core/pages/project.xhtml b/src/org/april/agirstatool/core/pages/project.xhtml
index f0bddad..bbdb2a8 100644
--- a/src/org/april/agirstatool/core/pages/project.xhtml
+++ b/src/org/april/agirstatool/core/pages/project.xhtml
@@ -39,8 +39,8 @@
 				<div id="created-ClosedPreviousYearChart" style="display: inline-block; width: 49%; height: 400px;">CREATED-CLOSED PREVIOUS YEAR CHART</div>
 			</div>
 			<div id="fullBox">
-				<div id="createdClosedFullChart" style="height: 400px; padding-bottom: 4px;">CREATED/CLOSED FULL CHART</div>
-				<div id="created-ClosedFullChart" style="height: 400px;">CREATED-CLOSED FULL CHART</div>
+				<div id="createdClosedFullChart" style="height: 400px;" onclick="javascript: selectMainChart('C-C');">CREATED/CLOSED FULL CHART</div>
+				<div id="created-ClosedFullChart" style="height: 400px; display: none;" onclick="javascript: selectMainChart('CC');">CREATED-CLOSED FULL CHART</div>
 			</div>
 		</div>
 		
@@ -130,5 +130,21 @@
 	    }
 	}
 	</script>
+	<script type="text/javascript">
+	function selectMainChart(selection)
+	{
+	    document.getElementById ('createdClosedFullChart').style.display = 'none';
+	    document.getElementById ('created-ClosedFullChart').style.display = 'none';
+	 
+	    if (selection == 'CC')
+	    {
+	        document.getElementById ('createdClosedFullChart').style.display = 'block';
+	    }
+		else if (selection == 'C-C')
+	    {
+	        document.getElementById ('created-ClosedFullChart').style.display = 'block';
+	    }
+	}
+	</script>
 </body>
 </html>