var sizeCarrousel = 0;
function mycarousel_itemVisibleInCallback(carousel, item, i, state, evt) {
    if(sizeCarrousel==0){
    	sizeCarrousel = $("#fiches div.fiche").size();
    }
    
	if( i == 1 ){
		$("#fiches .jcarousel-skin-skinmeamarketing .jcarousel-prev-horizontal").hide();
	}
	if( i == 5){
		$("#fiches .jcarousel-skin-skinmeamarketing .jcarousel-prev-horizontal").show();
	}
	if( i == sizeCarrousel){
		$("#fiches .jcarousel-skin-skinmeamarketing .jcarousel-next-horizontal").hide();
	}
	if( i == (sizeCarrousel - 4)){
		$("#fiches .jcarousel-skin-skinmeamarketing .jcarousel-next-horizontal").show();
	}
};



function active_carousel(size, minihome){
	if(typeof minihome == "undefined"){ // comportement par défaut
		$('#fiches ul.carrousel').jcarousel({
		 	itemVisibleInCallback: {onBeforeAnimation: mycarousel_itemVisibleInCallback},
			// 4 images visibles en meme temps
			visible: 4,
			//On se déplace de 1 avec les fleches
			scroll: 1,
			//Nombre d'images, passé en param
			size: size,
			width: 650,
			height: 290
		});
	}else if(minihome=="fes"){ // mini home festival
		$('#fiches ul.carrousel').jcarousel({
		 	itemVisibleInCallback: {onBeforeAnimation: mycarousel_itemVisibleInCallback},
			//On se déplace de 1 avec les fleches
			scroll: 1,
			//Nombre d'images, passé en param
			size: size,
			buttonNextHTML: null,
			buttonPrevHTML: null
		});
	}
	
	//on affiche tout ca, c'est caché avant pour éviter un effet visuel tres moche
	$('#meamarketing #fiches').css('visibility','visible');
}

function changeCategorie(type, codeRegion, cat, configuration){
	changeCategorie(type, codeRegion, cat, configuration, null);
}
function changeCategorie(type, codeRegion, cat, configuration, codeRegionAdministrative){
	
	if( codeRegionAdministrative != null && codeRegionAdministrative!=undefined ){
		$.ajax({
			type: "GET",
			url: "/ajax/listeCategorie.do",
			data: {'type':type,  'codeRegion':codeRegion,  'catPrefix':cat,  'configuration': configuration, 'codeRegionAdministrative':codeRegionAdministrative},
			dataType: "html",
			success: function(resultat){
				$('#carousel').empty().html(resultat);
				sizeCarrousel = $("#fiches #carrousel div.fiche").size();
				if( cat != "RECHERCHE"){
					active_carousel($(resultat).find('#fiches ul#carrousel li div.fiche').size());
				}
			}// success function close
		});// ajax close
	}else{
		$.ajax({
			type: "GET",
			url: "/ajax/listeCategorie.do",
			data: {'type':type,  'codeRegion':codeRegion,  'catPrefix':cat,  'configuration': configuration},
			dataType: "html",
			success: function(resultat){
				$('#carousel').empty().html(resultat);
				sizeCarrousel = $("#fiches #carrousel div.fiche").size();
				if( cat != "RECHERCHE"){
					active_carousel($(resultat).find('#fiches ul#carrousel li div.fiche').size());
				}
			}// success function close
		});// ajax close		
	}
}

/**
* cache un élément et montre l'autre
*/
function showHideCarousel(idShow, idHide){
	$("#carousel #fiches #" + idHide).hide();
	$("#carousel #fiches #" + idShow).show();
}

function showHide(idShow, idHide){
	$("#" + idHide).hide();
	$("#" + idShow).show();
}

function changeCategorieNoAjax(idOnglet, idContenu) {
	changeCategorieNoAjax(idOnglet, idContenu,'');
}

function changeCategorieNoAjax(idOnglet, idContenu, cat) {
	$('#meamarketing').find('ul [class~="fiche"]').each(function(index) {
		$(this).removeClass('selected');
		$(this).find('span').attr('id','');
	});
	
	$('#'+idOnglet).addClass('selected');
	$('#'+idOnglet).find('h2 span').attr('id','selected');
	
	
	if( cat != "RECHERCHE") {
		// On fait le ménage (le div peut avoir été enlevé si l'utilisateur est allé sur l'onglet recherche
		$('#carousel #fiches').empty().html('<div class="jcarousel-skin-skinmeamarketing">'+$('#'+idContenu).html()+'</div>');
		
		$('#carousel #fiches').find('a.animate').each(function(){
			$(this).mouseover(function() {
				showHideCarousel($(this).find('div.meaDiv').attr('id'), $(this).find('img.meaImage').attr('id'));
			});
			
			$(this).mouseout(function() {
				showHideCarousel($(this).find('img.meaImage').attr('id'), $(this).find('div.meaDiv').attr('id'));
			});
		});
		
		var index = idContenu.substring( "carousel_liste_".length, idContenu.length);
		sizeCarrousel = $("#fiches #carrousel_"+index+" div.fiche").size();
		active_carousel($('#fiches ul#carrousel_'+index+' li div.fiche').size());
	} else {
		$('#carousel #fiches').empty().html($('#'+idContenu).html());
	}
}