jQuery(document).ready(function() {
	var $framecount = 0;
	
	$('ul#main_frames li').each(function () {		
		$framecount++;		
	});
	var $control_width = (20 * $framecount);
	var $controls_opacity = 0.6;
	var $controls_hilight = '#cccccc';
	var $anim_speed = 500;

		$('div#framecontrols').css('opacity', $controls_opacity);
		$('div#framecontrols').css('width', ''+$control_width+'px');
		$('div#framecontrols').css('marginLeft',''+(985-$control_width-4)+'px');
		$('div#framecontrols').fadeIn(1000);
		
		if($framecount == 1) {
			$('div#framecontrols').hide();
		}
		else if($framecount > 1) {
		
			for(i=1; i<=$framecount; i++) {
				var t = $("<a href='javascript:;' id='fmc_"+i+"' class='fm_link'>"+i+"</a>");
				$('div#framecontrols').append(t);
			}
		
		}
		
	$('div#framecontrols').mouseenter(function () {
		$(this).animate({
			opacity: '1.0'
		}, $anim_speed );
	});
	
	$('div#framecontrols').mouseleave(function () {
		$(this).animate({
			opacity: $controls_opacity
		}, $anim_speed );
	});	
	
	
	function main_frames_initCallback(carousel) {

		jQuery('div#framecontrols').bind('mouseenter', function() {
			carousel.stopAuto();
		});
		jQuery('div#framecontrols').bind('mouseleave', function() {
			carousel.startAuto();
		});
		
		jQuery('a.fm_link').bind('click', function() {
			carousel.scroll(jQuery.jcarousel.intval(jQuery(this).text()));
			carousel.startAuto(0);
			return false;
		});

		// Pause autoscrolling if the user moves with the cursor over the clip.
		carousel.clip.hover(function() {
			carousel.stopAuto();
		}, function() {
			carousel.startAuto();
		});
	};
	
	function main_frames_visibleCallback(carousel, li, index, state) {
		//alert(index);
		$('a.fm_link').css('background-color', 'transparent');
		$('a#fmc_'+index+'').css('background-color', $controls_hilight);		
	};
	
	
    jQuery('#main_frames').jcarousel({
        auto: 7,
	scroll: 1,
        wrap: 'last',
	animation: 'slow',
	easing: 'swing',
        initCallback: main_frames_initCallback,
	itemVisibleInCallback: main_frames_visibleCallback,
        buttonNextHTML: null,
        buttonPrevHTML: null
		
    });
	
	
});