// JavaScript Document


/****************************/
/*** AFFICHAGE DES POPINS ***/
/****************************/
function showPopinOverlay(idoverlay){
	var el = document.getElementById(idoverlay);
	if(el){
		el.className = 'visible choose';
	}
}

function hidePopinOverlay(idoverlay){
	var el = document.getElementById(idoverlay);
	if(el){
		el.className = 'invisible';
	}
}

/****************************************/
/*** FONCTIONS LIEES A LA "SCROLLBAR" ***/
/****************************************/
function initWidthScrollBarsJQuery(idBlocScroll) 
{
    var bloc_scroll = document.getElementById(idBlocScroll);
    if (bloc_scroll) 
    {
        var arr = getArrayChildren(bloc_scroll);
        
        if (arr.length > 0) 
        {
            var lengthChild = arr[0].offsetWidth;
            var nbLi = arr.length;
            bloc_scroll.style.width = eval(lengthChild * nbLi) + 'px';
        }
    }
}

/* AO, 22/03/2010, temporaire en attente livraison Dagobert maquette sans mootools */
function initWidthScrollBarsJQueryOverlayBackGround(idBlocScroll) 
{
    var bloc_scroll = document.getElementById(idBlocScroll);
            
    if (bloc_scroll) 
    {
        var arr = getArrayChildren(bloc_scroll);
        
        if (arr.length > 0) 
        {
            var lengthChild = arr[0].offsetWidth+34; /* "34" pour prendre en comtpe le "margin-right de 34px de la classe .overlay_themes ul" */
            var nbUl = arr.length;
            bloc_scroll.style.width = eval(lengthChild * nbUl) + 'px';            
        }
    }
}

function createScrollBar(bloc_scroll,bloc_scroll_conteneur,barre_scroll,bt_scroll)
{	
	if (document.getElementById(bloc_scroll) && document.getElementById(barre_scroll))
	{
		 var mySlide = new Slider(document.getElementById(barre_scroll), document.getElementById(bt_scroll), {
			 steps: 100,
			 wheel: true,
			 mode: 'horizontal',
			 onChange: function(step){
				var x = document.getElementById(bloc_scroll).offsetWidth;
				var n = document.getElementById(bloc_scroll_conteneur).offsetWidth;
				var newwidth= eval( eval(step/100)*eval(x-n) );
				if(newwidth>=0)	document.getElementById(bloc_scroll).style.left = "-"+newwidth+"px";
			 }
		 }).set(0);
	}	
}

/******************************************/
/***** FONCTIONS INPUT FILE CUSTOMISÉ *****/
/******************************************/
function flip_file(name) 
{
    document.getElementById(name+'_txt').value = document.getElementById(name).value;
} 

/**************************************************/
/*** DYNAMIQUE DES ONGLETS DE LA FICHE VEHICULE ***/
/**************************************************/
function showOngletFicheVehicule(index)
{
	var i = 1;
	var el = document.getElementById('list_content'+i);
	var elthis = document.getElementById('onglet_vehicule'+i);
    var btn_Suivant;
    var btn_Precedent;	
	
	if (hdActualTabIndexId)
	{
	    var hdActualTabIndexField = document.getElementById(hdActualTabIndexId);
	    
	    if (hdActualTabIndexField)
	    {
	        var hdActualTabIndexFieldValue = eval(hdActualTabIndexField.value);
	        
	        // AO, 14/09/2009 : ne rien faire si l'on clique sur l'onglet déjà ouvert
	        if (hdActualTabIndexFieldValue==index)
	            return;
	        else
	        {
	            // Si l'on est en mode création de compte et que l'on a cliqué sur l'onglet "Véhicules", on lance la validation de l'onglet "Moi" en cliquant sur le bouton "Suivant"
	            if (hdActualContextId)
	            {
	                var hdActualContextField = document.getElementById(hdActualContextId)
	                if (hdActualContextField)
	                {
	                    if (hdActualContextField.value=="CreateAccount" || hdActualContextField.value=="UpdateAccount")
	                    {	                    	                    
	                        var btn_ShowTabMe;
	                        var btn_ShowTabVehicules;
	                        var btn_ShowTabPreferences;
	                        
	                        if (btn_SuivantId)
	                            btn_Suivant = document.getElementById(btn_SuivantId);

	                        if (btn_PrecedentId)
	                            btn_Precedent = document.getElementById(btn_PrecedentId);
	                        
	                        if (btn_ShowTabMeId)
	                            btn_ShowTabMe = document.getElementById(btn_ShowTabMeId);

	                        if (btn_ShowTabVehiculesId)
	                            btn_ShowTabVehicules = document.getElementById(btn_ShowTabVehiculesId);

	                        if (btn_ShowTabPreferencesId)
	                            btn_ShowTabPreferences = document.getElementById(btn_ShowTabPreferencesId);	                        	                        
	                        
	                        var currentTabIndex = document.getElementById(hdActualTabIndexId).value;
	                        
	                        if (index==1)    // Clic sur l'onglet "Moi"
	                        {
    	                        if (currentTabIndex==2) // Si on est sur l'onglet "Véhicules"
    	                        {
    	                            if (!CheckCurrentVehicle(true))
    	                                return;
    	                        }
    	                        
    	                        EnableVehiculeFields();
    	                        
    	                        if (btn_ShowTabMe)
    	                            btn_ShowTabMe.click();        	                            	                            	                            	                   	                            
	                        }	                        
	                        else if (index==2) // Clic sur l'onglet "Véhicules"
	                        {
    	                        if (currentTabIndex==1) // Si on est sur l'onglet "Moi"
    	                        {
    	                            if (!CheckTabMe())
    	                                return;
    	                        }    	                        
    	                        
    	                        if (btn_ShowTabVehicules)
    	                            btn_ShowTabVehicules.click();       	                                    	                            	                          	                    
	                        }
	                        else if (index==3) // Clic sur l'onglet "Préférences"
	                        {
    	                        if (currentTabIndex==1) // Si on est sur l'onglet "Moi"
    	                        {
    	                            if (!CheckTabMe())
    	                                return;
    	                        }
    	                        else if (currentTabIndex==2) // Si on est sur l'onglet "Véhicules"
    	                        {
    	                            if (!CheckCurrentVehicle(true))
    	                                return;
    	                        }
    	                            	                        
    	                        EnableVehiculeFields();
    	                        
    	                        if (btn_ShowTabPreferences)
    	                            btn_ShowTabPreferences.click();      	                                    	                            	                 
	                        }
	                    }
	                }	    
	            }		        	        
	        }
	    }
	}
	
	if (processInitScrollBar)
	    processInitScrollBar('bloc_scroll' + index, 'bloc_scroll_conteneur' + index, 'barre_scroll' + index, 'bt_scroll' + index);
}