// site_index_params.js
// fichier javascript avec les paramètres de la page index
function loadItemHandler(carousel, start, last, available)
{
    if (!available) {
        for (var i = start; i <= last; i++) {
            if (i > itemList.length) {
                break;
            }

            carousel.add(i, itemList[i - 1]);
        }
    }

    // Trigger loaded
    carousel.loaded();
};


function load_home_carousel() {
	$('#mycarousel').jcarousel({
		itemVisible: 4,
		itemScroll: 1,
		orientation:"vertical",
		//itemWidth:lastpic.width,
		//itemHeight:lastpic.height, // on part du principe que les autres images ont la même taille
		/* !important : sinon lors du premier chargement, rien ne s'affiche lorsque jcarousel essaie de détecter la hauteur de l'élément car la 1ère image n'a pas encore été chargée dans le cache */
		itemWidth:516,
		itemHeight:70,
		autoScroll: 7,
		wrap: true,
		noButtons:true
		/*,
		scrollAnimation:1,			
		loadItemHandler: loadItemHandler, // ajouté pour le chargement javascript des images
		itemFirstInHandler: {
		  onBeforeAnimation: jcarousel_callback1
		}*/
	});	
}
$(document).ready(function() {
	// dû à un bug ie... si c'est ie, on exécute le chargement du carousel avec un petit délai pour laisser le temps à ie de charger tte la page
	if($.browser.msie) {
			$('#mycarousel').show();
			$('#mycarousel li').css('height','').css('margin','0').css('padding','0');
			$('#mycarousel li a').css('height','').css('margin','0').css('padding','0');
			/*
							$('#mycarousel').hide();
							var timer = setTimeout( function() {
							load_home_carousel();	
							$('#mycarousel').show();
							clearTimeout(timer);
										 },2000); // un délai, pour laisser au moteur javascript de IE (comme d'hab) de se lancer...
			*/
	}
	else { // sur firefox, pas de soucis
		load_home_carousel();
	}
		
});

function jcarousel_callback1(a1,a2,a3,a4) {
	//alert(a1+"-"+a2+"-"+a3+"-"+a4);
	var object	= ".jcarousel-item-"+a3;
	jQuery(object).fadeIn("slow");
}