$(document).ready(function(){
   function mycarousel_initCallback(carousel) {
	// Pause autoscrolling if the user moves with the cursor over the clip.
		carousel.clip.hover(function() {
			carousel.stopAuto();
		}, function() {
			carousel.startAuto();
		});		
		
	jQuery('#navbar li a:eq(1)').bind('mouseover', function() {
        carousel.scroll(jQuery.jcarousel.intval(1));
        return false;
    });
	jQuery('#navbar li a:eq(2)').bind('mouseover', function() {
       carousel.scroll(jQuery.jcarousel.intval(2));
        return false;
    });
	jQuery('#navbar li a:eq(3)').bind('mouseover', function() {
       carousel.scroll(jQuery.jcarousel.intval(3));
        return false;
    });
	jQuery('#navbar li a:eq(4)').bind('mouseover', function() {
	       carousel.scroll(jQuery.jcarousel.intval(4));
	        return false;
	});
	jQuery('#navbar li a').bind('mouseout', function() {
		carouselTimeout = window.setTimeout(function() { carousel.scroll(jQuery.jcarousel.intval(activeCarousel)); },5000);
	        return false;
	});
	jQuery('#bannerslide').bind('mouseover', function() {
		window.clearTimeout(carouselTimeout);
	    return false;
	});
	jQuery('#bannerslide').bind('mouseout', function() {
		carouselTimeout = window.setTimeout(function() { carousel.scroll(jQuery.jcarousel.intval(activeCarousel)); },1000);
	    return false;
	});
	carouselTimeout = window.setTimeout(function() { carousel.scroll(jQuery.jcarousel.intval(activeCarousel)); },500);
};

var carouselTimeout;

jQuery('#bannerslide').jcarousel({
			scroll: 1,
			wrap: 'last',
			auto: 0,
			animation: 1000,
			initCallback: mycarousel_initCallback,
			buttonNextHTML: null,
			buttonPrevHTML: null
		});
   
   jQuery('#mycarousel').jcarousel({
		scroll: 1,
		wrap: 'both'
   });
   
	$('#slider .caption').hide().css('height', 0);
	$('#slider ul li').hover(function(){
		$(this).children('.caption').stop(true, false).show().animate({
		height: 60,
		opacity: 0.8
		});
	},function(){
		$(this).children('.caption').stop(true, false).show().animate({
			height: 0,
			opacity: 0
		}, function(){
			$(this).hide();
		});
	});

});