var tabs = 5;
var tabSize = 474;
var panelContainerWidth = tabSize*tabs;
var currentTab = 1;
var autoSlideID;
var autoSlideTimer = 5000;

$(document).ready( function() {
	// Active les infos au survol du diapo
	$('div#slider').hover(
			function( ){
				$('div#slider-infos-wrapper').fadeIn(500);
				$('div.current div.slider-text').slideDown();
				// Stop slide
				clearInterval(autoSlideID);
			},
			function( ){
				$('div#slider-infos-wrapper').fadeOut(100);
				$('div.current div.slider-text').slideUp();
				// Start slide
				autoSlideID = setInterval(autoSlide, autoSlideTimer);
			}
	);
	
	// Navigation diapo
	$('.slider-nav-item').click( 
			function( ){
				
				// Sur quel tab on clique ?
				tab 	= $(this).attr('rel');
				
				// On désactive les infos du div courant
				$('div.current div.slider-text').slideUp(1000);
				
				slide( tab );
				
				// On réactive les infos du nouveau div courant
				$('div.current div.slider-text').show();
				
				currentTab = parseInt(tab) + 1;
			}
	);
	
	// Ajout du premier panel a la fin pour faire la boucle
	$('.panel-container').append('<div class="panel" id="panel5"><img src="images/web/visuel-diagora.jpg" alt="" class="block" /><div class="slider-text" style="display:none"><p>Espace de congrès et d\'exposition, situé à seulement 15 minutes du centre historique de la ville rose, Diagora est reconnu comme le lieu national de vos événements à TOULOUSE Labège. Nous accueillons congrès, salons, séminaires, événements d\'entreprise, soirées de gala, visioconférence...</p></div></div>'); 
	
	
	// Premier démarrage
	autoSlide();
	
	// Slide toutes les 4sec
	autoSlideID = setInterval(autoSlide, autoSlideTimer);
	
	// Auto-slide toutes les 4secs
	function autoSlide() {
		
		if( currentTab > tabs ){
			currentTab = 2;
			$(".panel-container").css('margin-left','0');
		}
		
		slide( currentTab );
		
		currentTab = currentTab + 1;
		
	}
	
	// Slider
	function slide( tab ){
		
		// Gestion des textes
		$('.panel-container').find('div.current').removeClass('current');
		$('.panel-container').find('div#panel'+tab).addClass('current');
		
		
		// Définition de la taille dynamique du panel container
		$(".panel-container").css({ width: panelContainerWidth });
		
		// Calcul et construction de la marge à appliquer
		offset 	= - (tab - 1) * tabSize;
		
		// Animation
		$('.panel-container').animate({ marginLeft: offset }, 2000, 'easeInOutExpo');
		
	}

	DD_roundies.addRule('#bottom-nav li a', '5px'); 
});

/*
*	Menu déroulant
*/
function actionMenu( item, source ){
	
	// On ferme tout les autres
	if ($(item) != $('#ss_menu_organisateur') ) { 
		$('#ss_menu_organisateur').slideUp(900);
	}
	
	if ($(item) != $('#ss_menu_decouvrez') ) { 
		$('#ss_menu_decouvrez').slideUp(900); 
	}
	
	if ($(item) != $('#ss_menu_visiteur') ) { 
		$('#ss_menu_visiteur').slideUp(900);
	}		

	//Affiche ou ferme le menu spécifié
	displayMenu(item, source);
	
	return false;
}

function displayMenu(item, source) {
	
	img = $("#"+ source + ' img:first-child');
	
	imgVisiteur = $('#lien_visiteur img:first-child');
	imgDecouvrez = $('#lien_decouvrez img:first-child');
	imgOrganisateur = $('#lien_organisateur img:first-child');
	
	if( $(item).css('display') == 'none' ) { // menu on
		if (item == '#ss_menu_organisateur') {
			img.attr('src', "images/mnu.organisateur_on.gif");
			imgDecouvrez.attr('src', "images/mnu.decouvrez_off.gif");
			imgVisiteur.attr('src', "images/mnu.visiteur_off.gif");
		} else if ( item == '#ss_menu_decouvrez' ) {
			img.attr('src',"images/mnu.decouvrez_on.gif");
			/*img.src="images/mnu.exposant_on.gif";*/
			imgOrganisateur.attr('src', "images/mnu.organisateur_off.gif");
			imgVisiteur.attr('src', "images/mnu.visiteur_off.gif");
		} else { // visiteur
			img.attr('src', "images/mnu.visiteur_on.gif");
			imgDecouvrez.attr('src', "images/mnu.decouvrez_off.gif");
			imgOrganisateur.attr('src', "images/mnu.organisateur_off.gif");
		}
		
		$(item).slideDown(900);
		
	} else { // menu off
		
		$(item).slideUp(900);
	}
	
}