$(document).ready(function(){

	/* **************************************************** *
	 * BILLBOARD
	 * **************************************************** */

	$("#billboard")
	.find("#promos div:not(:first)").hide().end()
	.find("#buttons li a:first").css({top:"-15px", fontWeight:"bold", color:"#220d3f"}).end()
	.find("#buttons li a img:not(:first)").css({opacity:0.75}).end()
	
	.find("#buttons li a").mouseover(function() {		
		var pro = $("#billboard #promos div"); // Promos
		var vis = $("#billboard #promos div:visible"); // Visible Promo
		var tgt = $(this).attr("rel"); // Target
		var spd = 75; // Transition Speed
		
		$("#buttons li a").not(this) // Reset
		.css({top:"0", fontWeight:"normal", color:"#000"})
		.children("img").animate({opacity:0.75}, spd);

		if ($(vis).attr("id") != tgt) {
			$(this).css({top:"-15px"})
			.css({fontWeight:"bold", color:"#220d3f"})
			.children("img").animate({opacity:1}, spd);
			$(vis).fadeOut(spd, function() {
				$(pro).filter("#" + tgt).fadeIn(spd);
			});
		};
	});
	
	/* This initialises carousels on the container elements specified, in this case, carousel1.
	$("#promo2").CloudCarousel(		
		{			
			xPos: 355,
			yPos: 90,
			xRadius:280,
			yRadius:20,
			buttonLeft: $("#left-but"),
			buttonRight: $("#right-but"),
			altBox: $("#alt-text"),
			titleBox: $("#title-text")
		}
	);
    */
});