<!-- You can load the jQuery library from the Google Content Network.
Probably better than from your own server. -->
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
 
<!-- Load the CloudCarousel JavaScript file -->
<script type="text/JavaScript" src="/SiteAssets/cloud-carousel.1.0.4.js"></script>
 
<script>
$(document).ready(function(){
						   
	// This initialises carousels on the container elements specified, in this case, carousel1.
	$("#carousel1").CloudCarousel(		
		{			
			xPos: 350,
			yPos: 32,
			buttonLeft: $("#left-but"),
			buttonRight: $("#right-but"),
			altBox: $("#alt-text"),
			titleBox: $("#title-text"),
			autoRotate: "right",
			autoRotateDelay: 3000
		}
	);
});
 
function showDiv(divid)
{
var tabListItems = document.getElementById('carouselDisc').childNodes;
      for ( var i = 0; i < tabListItems.length; i++ ) {
        if (tabListItems[i].nodeName == "DIV")
		{
		tabListItems[i].style.display = "none";
		}
        }
 document.getElementById(divid).style.display = "block";
}
 
</script>
<style type="text/css">
.corouselDiv { display: none;}

 document.getElementById("discOne").style.display = "block";
</style>
