$(document).ready(function(){

	$("link[href='rotator_noJS.css']").remove();

});

function mycarousel_initCallback(carousel) {
    $(".jcarousel-control a").bind('click', function() {
        carousel.scroll(jQuery.jcarousel.intval(jQuery(this).text()));
        return false;
    });
	carousel.clip.hover(function() {
        carousel.stopAuto();
    }, function() {
        carousel.startAuto();
    });
};

$(document).ready(function() {
    
	$("#rotator").jcarousel({
        auto: 9,
		wrap: "last",
		scroll: 1,
        initCallback: mycarousel_initCallback,
		// do not need previous and next buttons
        buttonNextHTML: null,
        buttonPrevHTML: null,
		//changes the link style based on auto scroll
		itemFirstInCallback : function (carousel, item, idx, state){
			$(".jcarousel-control .r"+(idx)).addClass("blueBG");
			$(".jcarousel-control .r"+(idx)).parent("dt").siblings("dt").children("a").removeClass("blueBG");
			$(".jcarousel-control .r"+(idx)).parent("dt").addClass("rotActive").removeClass("notActive").siblings("dt").addClass("notActive").removeClass("rotActive");
			}
    });

	$(".jcarousel-control a").attr("title",function(){
	
		var itemNumber = $(this).text();
		
		return $("#RotItem"+itemNumber+" h3").text();
	
	});
	
});