var url = "index.html";

/* Main navigation : active link */
jQuery(document).ready(function() {
	$('#main-navigation ul li a').removeClass('nav-active');
	$('#nav-homepage').addClass('nav-active');

});

/* Carousel homepage */
setTimeout("initHomepageCarousel()",1);
function initHomepageCarousel() {
	jQuery(document).ready(function() {
		jQuery('#present-area').css('visibility','visible');
		jQuery('#present-area').jcarousel({
	        vertical: true,
	        scroll: 1,
	        auto: 10,
	        initCallback: mycarousel_initCallback,
	        itemVisibleInCallback: {
	            onAfterAnimation:  mycarousel_itemVisibleInCallbackAfterAnimation
	        },
	        buttonNextHTML: null,
	        buttonPrevHTML: null,
	        wrap: "last"
	    });
	});
}
function mycarousel_initCallback(carousel) {
    jQuery('.present-area-control a').bind('click', function() {
        carousel.scroll(jQuery.jcarousel.intval(jQuery(this).text()));
        return false;
    });
    
    // Pause autoscrolling if the user moves with the cursor over the clip.
    carousel.clip.hover(function() {
        carousel.stopAuto();
    }, function() {
        carousel.startAuto();
    });
};
function mycarousel_itemVisibleInCallbackAfterAnimation(carousel, item, idx, state) {
	//alert("Callback carousel : "+ carousel + " idx: "+idx + " state: "+state);
	if (jQuery('#present-area').length !=  0) {
		jQuery('#carousel-control-btn-1').removeClass('active');
		jQuery('#carousel-control-btn-2').removeClass('active');
		jQuery('#carousel-control-btn-3').removeClass('active');
		jQuery('#carousel-control-btn-4').removeClass('active');
		jQuery('#carousel-control-btn-'+idx).addClass('active');
	
		jQuery('#slide-details-1').css('visibility','hidden');
		jQuery('#slide-details-2').css('visibility','hidden');
		jQuery('#slide-details-3').css('visibility','hidden');
		jQuery('#slide-details-4').css('visibility','hidden');
		jQuery('#slide-details-'+idx).css('visibility','visible');	
	}
	else {
		carousel.options.initCallback = null;
		carousel.options.itemVisibleInCallback = null;
	}
};


/* Carousel next spectacles */
setTimeout("initHomepageNextSpectaclesCarousel()",1);
function initHomepageNextSpectaclesCarousel() {
	jQuery(document).ready(function() {
		jQuery('#carousel-next-spectacle').jcarousel({
	        scroll: 1,
	        wrap: "last"
	    });
	});
}

/* Next spectacles filter */
jQuery(document).ready(function() {
	$("#next-spectacles-filter").change(function () {
		$.ajax({
			  url: url+'homepage/getNextSpectacles?date='+$("#next-spectacles-filter").val(),
			  success: function(data) {
			    $('#next-spectacles-grid').html(innerShiv(data,false));
			    $.include(url+"js/persistent.js");
			    setTimeout("initHomepageNextSpectaclesCarousel()",1);
			  }
		});
	});
});