var Dom = YAHOO.util.Dom;
var Animation = YAHOO.util.Anim;
var Event = YAHOO.util.Event;
 
Shadowbox.loadSkin('classic', '/javascripts/shadowbox/skin');
Shadowbox.loadLanguage('en', '/javascripts/shadowbox/lang'); 
Shadowbox.loadPlayer(['flv', 'html', 'iframe', 'img', 'qt', 'swf', 'wmp'], '/javascripts/shadowbox/player'); 
    
var tab_mois = ['jan.','fev.','mar.','avr.','mai','juin','jui.','aou.','sep.','oct.','nov.','dec.'];

var ongletRepertoireEnCour = 0 ;
    
    window.onload = init;
    
    function init()
    {
		
       	 initialize();
		
		
        EventInit();  
        Shadowbox.init();
        
        
        customSelect('annee_naiss_inscription','Année',false);  
         customSelect('mois_naiss_inscription','Mois',false);  
         customSelect('jours_naiss_inscription','Jours',false); 
           
         customSelect('sex_inscription','sexe',false);   
        
        customSelect('selectVehicule','Véhicule',false);
        customSelect('selectMarque','Marque de voiture',false);
        
        customSelect('adrRepArrive','Adresse de mon répertoire',true);
        customSelect('adrRepDepart','Adresse de mon répertoire',true); 
            
         nq_scrollbar('cursor_lieux', 'cursor_lieux_fond', 'contenerAdresse');          
        
    }   
    
	
	function changeImgTypeMapSepare(elementClick)
    {
		var img = Dom.get(elementClick).className;
		if(img.indexOf('actif') != -1)
        {
		   switch(Dom.get(elementClick).id)
		   {
				case 'control_type_trafic':   
					Dom.get(elementClick).className = "btn_trafic ie6fix";
				break;
				case 'control_type_meteo':   
					Dom.get(elementClick).className = "btn_meteo ie6fix";
				break;
		   }
		}
		else
		{
		    switch(Dom.get(elementClick).id)
		   {
				case 'control_type_trafic':   
					Dom.get(elementClick).className = "btn_trafic_actif ie6fix";
				break;
				case 'control_type_meteo':   
					Dom.get(elementClick).className = "btn_meteo_actif ie6fix";
				break;
		   }	
		}
	}
	
    function changeImgTypeMap(elementClick)
    {
        var t_id = ['control_type_carte','control_type_satellite','control_type_relief'];
        for(var i = 0 ; i < 3 ; i++)
        {
            
            if(Dom.get(elementClick) != Dom.get(t_id[i]))
            {
                
                var img = Dom.get(t_id[i]).className;
                
                if(img.indexOf('actif') != -1)
                {
                    
                   switch(Dom.get(t_id[i]).id)
				   {
						case 'control_type_carte':   
							Dom.get(t_id[i]).className = "btn_carte ie6fix";
						break;
						case 'control_type_satellite':   
							Dom.get(t_id[i]).className = "btn_satellite ie6fix";
						break;
						case 'control_type_relief':   
							Dom.get(t_id[i]).className = "btn_relief ie6fix";
						break;
				   }
				   
                }
            }
        }
        
        var imageFond = Dom.get(elementClick).className; 
        
        if(imageFond.indexOf('actif') == -1)
        {
            
           
					switch(Dom.get(elementClick).id)
				   {
						case 'control_type_carte':   
							Dom.get(elementClick).className = "btn_carte_actif ie6fix";
						break;
						case 'control_type_satellite':   
							Dom.get(elementClick).className = "btn_satellite_actif ie6fix";
						break;
						case 'control_type_relief':   
							Dom.get(elementClick).className = "btn_relief_actif ie6fix";
						break;
				   }
        }
    }
    
	
	function changeClassZoomDrag(element)
	{
		if(element.className == "btn_crop_map ie6fix")
		{
			element.className = "btn_crop_map_active ie6fix";
		}
		else
		{
			element.className = "btn_crop_map ie6fix";
		}
	}
    function nq_scrollbar(id_curseur_scrollbar, id_fond_scrollbar, id_conteneur_html)
    {
        /*if(Dom.get(id_conteneur_html).scrollHeight <= parseInt(Dom.getStyle(id_conteneur_html, 'height'), 10) )
        {
            Dom.setStyle(id_fond_scrollbar, 'display', 'none');
            Dom.setStyle(id_fond_scrollbar, 'visibility', 'hidden');        
            return;
        }*/
        
       
        var dd1;
    
        YAHOO.example.DDRegion = function(id, sGroup, config) {
            this.cont = config.cont;
            this.cont_html = config.cont_html;
            this.ev = null;
            this.myAnim = new YAHOO.util.Scroll(this.cont_html, { scroll: { to: [0, 0] } }, 0, YAHOO.util.Easing.easeNone);
			
            YAHOO.example.DDRegion.superclass.constructor.apply(this, arguments);
			var el = this.getEl();
     		var xy = Dom.getXY(el);
			this.coordX = xy[0]
			
        };
    
        YAHOO.extend(YAHOO.example.DDRegion, YAHOO.util.DD, {
            cont: null,
            init: function() {
                //Call the parent's init method
                YAHOO.example.DDRegion.superclass.init.apply(this, arguments);
                this.initConstraints();
    
                Event.on(window, 'resize', function() {
                    this.initConstraints();
                }, this, true);
            },
            
    
            onDrag: function(e) {
                Event.stopPropagation(this.ev);
                if(!this.myAnim.isAnimated())
                {
					var el = this.getEl();
                    var xy = Dom.getXY(el);
					
					if(this.coordX != xy[0]){
						this.coordX = xy[0];
						this.initConstraints();
					}
                    //Get the top, right, bottom and left positions
                    var region = Dom.getRegion(this.cont);
        
                    //Get the element we are working on
                    var el = this.getEl();
        
                    //Get the xy position of it
                    var xy = Dom.getXY(el);
        			
                    //Get the width and height
                    var height = parseInt(Dom.getStyle(el, 'height'), 10);
        
                    //Set top to y minus top
                    var top = xy[1] - region.top;
            
                    var percent = top / (region.bottom - region.top - height) ;
                    //document.title = percent ;
                    var height_html = Dom.get(this.cont_html).scrollHeight - parseInt(Dom.getStyle(this.cont_html, 'height'), 10);
    
					
                    this.myAnim = new YAHOO.util.Scroll(this.cont_html, { scroll: { to: [0, height_html*percent] } }, 0, YAHOO.util.Easing.easeNone);
                    this.myAnim.animate();
					
					 //Dom.setX(el, region.left+1);
					
                }
            },
            
            goTo: function(e) {
                if(Event.getTarget(e).id == this.cont && !this.myAnim.isAnimated())
                {
                    //Get the top, right, bottom and left positions
                    var region = Dom.getRegion(this.cont);
        
                    //Get the xy position of it
                    var xy = Event.getXY(e);
                
                    var el = this.getEl();                
                    
                    var height_cont = parseInt(Dom.getStyle(this.cont, 'height'), 10);
                    var height_curs = parseInt(Dom.getStyle(el, 'height'), 10);
                    var mouse_pos_page = xy[1] - region.top;
    
                    var pos_cur;
                    var percent;
                    if(mouse_pos_page < height_curs/2){
                        pos_cur = 0;
                        percent = 0;
                    }
                    else if(mouse_pos_page > height_cont - height_curs/2 ){
                        pos_cur = height_cont - height_curs;
                        percent = 1;
                    }
                    else{
                        pos_cur = mouse_pos_page - height_curs/2;
                        percent = mouse_pos_page / (region.bottom - region.top) ;
                    }
                    
                    Dom.setY(el, region.top + pos_cur); 
					
                
                    var height_html = Dom.get(this.cont_html).scrollHeight - parseInt(Dom.getStyle(this.cont_html, 'height'), 10);
                    
                    this.myAnim = new YAHOO.util.Scroll(this.cont_html, { scroll: { to: [0, height_html*percent] } }, 0.3, YAHOO.util.Easing.easeOut);
                    this.myAnim.animate();
                }
            },
            
            initConstraints: function() {
                //Get the top, right, bottom and left positions
                var region = Dom.getRegion(this.cont);
    
                //Get the element we are working on
                var el = this.getEl();
                
    
                this.ev = YAHOO.util.Event.addListener(this.cont, "click", this.goTo, this, true); 
    
                //Get the xy position of it
                var xy = Dom.getXY(el);
    
                //Get the width and height
                var width = parseInt(Dom.getStyle(el, 'width'), 10);
                var height = parseInt(Dom.getStyle(el, 'height'), 10);
    
                //Set left to x minus left
                var left = xy[0] - region.left;
				
                //Set right to right minus x minus width
                var right = region.right - xy[0] - width;
    
    
                //Set top to y minus top
                var top = xy[1] - region.top;
    
                //Set bottom to bottom minus y minus height
                var bottom = region.bottom - xy[1] - height;
                
                //Set the constraints based on the above calculations
                this.setXConstraint(left-1, right-1);
                this.setYConstraint(top, bottom);
            }
        });
    ;
        dd1 = new YAHOO.example.DDRegion(id_curseur_scrollbar, '', { cont: id_fond_scrollbar, cont_html:id_conteneur_html });
    }
    
    
    
    function nl2br(str)
    {
        return (str + '').replace(/([^>]?)\n/g, '$1<br />\n');    
    }

    var t_res;
    function preload( t_img ) 
    {
        t_res = new Array()
        for(var i=0;i<t_img.length;i++)
        {
            var el = new Image();
            el.src = t_img[i];
            t_res.push( el );
        }
    }
    
    function PopupCentrer(page,name,largeur,hauteur,options) 
    {
       var top=(screen.height-hauteur)/2;
        var left=(screen.width-largeur)/2;
	
       window.open(page,"_blank","top="+top+",left="+left+",width="+largeur+",height="+hauteur+","+options);
	  
    }
        
    function openShadowbox( _type ,_w ,_h ,_page) {
        Shadowbox.open({player:_type,content:_page,height:_h,width:_w, options:{fadeDuration:0.1, resizeDuration:0.1, animSequence:"sync"}});
    }
    
    
    
    function closeShadowbox( _goto ) {
        Shadowbox.close();
        
        if(typeof(_goto) != 'undefined')
            document.location.replace(_goto);
    }
    function is_mail(mail){
        var filter_email=/^([\w-]+(?:\.[\w-]+)*)@((?:[\w-]+\.)*\w[\w-]{0,66})\.([a-z]{2,6}(?:\.[a-z]{2})?)$/i;
        return filter_email.test(mail);
    }
    
    
    function changeValeurCheck(elementGraphCheck,checkbox)
    {
        
        if(checkbox.checked == true)
        {
            checkbox.checked = false;
            elementGraphCheck.className = 'btn_checkbox btn_checkbox_off';
        }
        else
        {
            checkbox.checked = true;
            elementGraphCheck.className = 'btn_checkbox btn_checkbox_on';
        }
    }
	
	function changeValeurCheckIti(elementGraphCheck,checkbox)
    {
        var t_elem = Dom.getElementsBy(function(e){return (e.className == 'itiPerso' && e.type == "checkbox")}, 'input');
       
         for(var i = 0 ; i < t_elem.length ; i++)
         {
			 if(t_elem[i] != checkbox)
			 {
            	 t_elem[i].checked = false;
			 	Dom.get('div_'+t_elem[i].id).className = 'btn_checkbox btn_checkbox_off';
			 }
		 }
		
        if(checkbox.checked == false)
		{
			checkbox.checked = true;
            elementGraphCheck.className = 'btn_checkbox btn_checkbox_on';
		}
		else
		{
			checkbox.checked = false;
            elementGraphCheck.className = 'btn_checkbox btn_checkbox_off';
		}
            
        
    }
    
    
    function recupereCaseCoche(nbreCaseACoche,numKm)
    {
        
        var t_check = [];
        for(var i=1;i<=nbreCaseACoche;i++)
        {
            if(Dom.get('check'+i).checked == true)
            {
                t_check.push(Dom.get('check'+i).name);    
            }
        }
        
        window.top.geocastNQ.view_spot(t_check,numKm);
        window.top.Shadowbox.close();
    }
    
    function recupereCaseCocheModePlanLieuxInteretProche(nbreCaseACoche,indiceMarker,numKm)
    {
        var t_check = [];
        for(var i=1;i<=nbreCaseACoche;i++)
        {
            if(Dom.get('check'+i).checked == true)
            {
                t_check.push(Dom.get('check'+i).name);    
            }
        }
        window.top.geocastNQ.view_spot_mode_plan(t_check,indiceMarker,numKm);
		window.top.Shadowbox.close();
    
    }
    
    function checkLieuDautreMembre()
    {
        
         var t_elem = Dom.getElementsBy(function(e){return (e.className == 'leiuxPerso' && e.type == "checkbox")}, 'input');
         var t_id_lieu = [];
         for(var i = 0 ; i < t_elem.length ; i++)
         {
             if(t_elem[i].checked == true)
             {
                 
                 var t_temp  = t_elem[i].name.split('_');
                t_id_lieu[t_id_lieu.length] = t_temp[1]; 
             }
         }
		 
		 var t_elemIti = Dom.getElementsBy(function(e){return (e.className == 'itiPerso' && e.type == "checkbox")}, 'input');
       	 var id_iti_selec = -1;
         for(var i = 0 ; i < t_elemIti.length ; i++)
         {
             if(t_elemIti[i].checked == true)
             {
                 
                 var t_temp  = t_elemIti[i].name.split('_');
                id_iti_selec = t_temp[1]; 
             }
         }
		 
		
		 var compteur = 0 ;
       
         for(var i = 0 ; i < t_id_lieu.length ; i++)
         {
             gestionSiteNQ.AjaxGetInfoOnceLieu.startRequest(t_id_lieu[i]);
			 compteur++;
         }
         if(id_iti_selec != -1)
		 {
			 gestionSiteNQ.AjaxAjoutItiCarte.startRequest(id_iti_selec);
			  compteur++;
		 }
		 
		 return compteur;
    }
	
	
	function checkLieuDautreMembreAjoutRepertoire()
    {
        
         var t_elem = Dom.getElementsBy(function(e){return (e.className == 'leiuxPerso' && e.type == "checkbox")}, 'input');
         var t_id_lieu = [];
         for(var i = 0 ; i < t_elem.length ; i++)
         {
             if(t_elem[i].checked == true)
             {
                 
                 var t_temp  = t_elem[i].name.split('_');
                t_id_lieu[t_id_lieu.length] = t_temp[1]; 
             }
         }
       
	   	 var t_elemIti = Dom.getElementsBy(function(e){return (e.className == 'itiPerso' && e.type == "checkbox")}, 'input');
       	 var id_iti_selec = -1;
         for(var i = 0 ; i < t_elemIti.length ; i++)
         {
             if(t_elemIti[i].checked == true)
             {
                 
                 var t_temp  = t_elemIti[i].name.split('_');
                id_iti_selec = t_temp[1]; 
             }
         }
		 
		var compteur = 0;
		var verif = true;
		 if(id_iti_selec != -1)
		 {
			 gestionSiteNQ.AjaxCopyItiInRep.startRequest(id_iti_selec);
			 compteur++;
		 }
		 
         for(var i = 0 ; i < t_id_lieu.length ; i++)
         {
			 
             	gestionSiteNQ.AjaxCopyLieuInRep.startRequest(t_id_lieu[i],Dom.get('cateSelect_inputCache').value);
			 	compteur++;
				
			
		 }
         
		 if(Dom.get('cateSelect_inputCache').value != '')
		{
			verif = true;
			
		 }
		 else
		 {
			 verif = false;
		 }
				 
		 return [compteur,verif];
    }
    
    function recupereCaseCocheModePlan(nbreCaseACoche)
    {
        nbreCaseACoche--;
        var t_check = [];
        var t_check_adress = [];
        for(var i=1;i<=nbreCaseACoche;i++)
        {
            if(Dom.get('check'+i).checked == true)
            {
                t_check.push(Dom.get('check'+i).value);    
                t_check_adress.push(Dom.get('check'+i).name);
            }
        }
        
        window.top.geocastNQ.view_lieux_mode_plan(t_check,t_check_adress);
        window.top.Shadowbox.close();
    }
    
    
    
    function creationSelect(marque)
    {
        
        
        var optionSlect = '';
		Dom.get('selectVehicule_valeur').innerHTML = "";
        for(var f=0;f<arrayModel[marque].length;f++)
        {
            optionSlect += '<div onclick="Dom.get(\'selectVehicule_valeur\').innerHTML = \''+arrayModel[marque][f]+'\';Dom.get(\'selectVehicule_inputCache\').value = \''+arrayModel[marque][f]+'\';selectConso()">'+arrayModel[marque][f]+'</div>';
            
        }
        
        Dom.get('selectVehicule_div_option').innerHTML = optionSlect;
    }
    
    function selectConso()
    {
        
       Dom.get('consoHidden').value = arrayModelConco[Dom.get('selectMarque_inputCache').value][Dom.get('selectVehicule_inputCache').value] ;
    }
    
    function nq_scrollbar_hori(id_curseur_scrollbar, id_fond_scrollbar, id_conteneur_html,contenu)
    {
        
        if(Dom.get(id_conteneur_html).scrollWidth <= parseInt(Dom.getStyle(id_conteneur_html, 'width'), 10) )
        {
            Dom.setStyle(id_fond_scrollbar, 'display', 'none');
            Dom.setStyle(id_fond_scrollbar, 'visibility', 'hidden');        
            return;
        }
        
        var Event = YAHOO.util.Event;
        var dd1;
    
        YAHOO.example.DDRegion = function(id, sGroup, config) {
            this.cont = config.cont;
            this.cont_html = config.cont_html;
            this.ev = null;
            this.myAnim = new YAHOO.util.Scroll(this.cont_html, { scroll: { to: [0, 0] } }, 0, YAHOO.util.Easing.easeNone);
            YAHOO.example.DDRegion.superclass.constructor.apply(this, arguments);
        };
    
        YAHOO.extend(YAHOO.example.DDRegion, YAHOO.util.DD, {
            cont: null,
            init: function() {
                //Call the parent's init method
                YAHOO.example.DDRegion.superclass.init.apply(this, arguments);
                this.initConstraints();
    
                Event.on(window, 'resize', function() {
                    this.initConstraints();
                }, this, true);
				
				
				Event.on(this, 'startDragEvent', function() {
                   alert('coucou')
                }, this, true);
            },
            
		
    
            onDrag: function(e) {
                Event.stopPropagation(this.ev);
                if(!this.myAnim.isAnimated())
                {
					
                    //Get the top, right, bottom and left positions
                    var region = Dom.getRegion(this.cont);
        
                    //Get the element we are working on
                    var el = this.getEl();
        
                    //Get the xy position of it
                    var xy = Dom.getXY(el);
        
                    //Get the width and height
                    var height = parseInt(Dom.getStyle(el, 'width'), 10);
        
                    //Set top to y minus top
                    var top = xy[0] - region.left;
            
                    var percent = top / (region.right - region.left - height) ;
                   
                    var height_html = Dom.get(this.cont_html).scrollWidth - parseInt(Dom.getStyle(this.cont_html, 'width'), 10);
    
                    this.myAnim = new YAHOO.util.Scroll(this.cont_html, { scroll: { to: [height_html*percent, 0] } }, 0, YAHOO.util.Easing.easeNone);
                    this.myAnim.animate();
					
					
                }
            },
            
            goTo: function(e) {
				 this.initConstraints();
				 
                if(Event.getTarget(e).id == this.cont && !this.myAnim.isAnimated())
                {
                    //Get the top, right, bottom and left positions
                    var region = Dom.getRegion(this.cont);
        
                    //Get the xy position of it
                    var xy = Event.getXY(e);
                
                    var el = this.getEl();                
                    
                    var height_cont = parseInt(Dom.getStyle(this.cont, 'width'), 10);
                    var height_curs = parseInt(Dom.getStyle(el, 'width'), 10);
                    var mouse_pos_page = xy[0] - region.left;
    
                    var pos_cur;
                    var percent;
                    if(mouse_pos_page < height_curs/2){
                        pos_cur = 0;
                        percent = 0;
                    }
                    else if(mouse_pos_page > height_cont - height_curs/2 ){
                        pos_cur = height_cont - height_curs;
                        percent = 1;
                    }
                    else{
                        pos_cur = mouse_pos_page - height_curs/2;
                        percent = mouse_pos_page / (region.right - region.left) ;
                    }
                    
                  
                    Dom.setX(el, region.left + pos_cur);                
                
                    
                    var height_html = Dom.get(this.cont_html).scrollWidth - parseInt(Dom.getStyle(this.cont_html, 'width'), 10);
                    
                    this.myAnim = new YAHOO.util.Scroll(this.cont_html, { scroll: { to: [height_html*percent, 0] } }, 0.3, YAHOO.util.Easing.easeOut);
                    this.myAnim.animate();
                }
            },
            
            initConstraints: function() {
                //Get the top, right, bottom and left positions
                var region = Dom.getRegion(this.cont);
    
                //Get the element we are working on
                var el = this.getEl();
                
    
                this.ev = YAHOO.util.Event.addListener(this.cont, "click", this.goTo, this, true); 
    
                //Get the xy position of it
                var xy = Dom.getXY(el);
    
                //Get the width and height
                var width = parseInt(Dom.getStyle(el, 'width'), 10);
                var height = parseInt(Dom.getStyle(el, 'height'), 10);
    
                //Set left to x minus left
                var left = xy[0] - region.left;
    
                //Set right to right minus x minus width
                var right = region.right - xy[0] - width;
    
    
                //Set top to y minus top
                var top = xy[1] - region.top;
    
                //Set bottom to bottom minus y minus height
                var bottom = region.bottom - xy[1] - height;
                
                //Set the constraints based on the above calculations
                this.setXConstraint(left-1, right-1);
                this.setYConstraint(top, bottom);
            }
        });
    ;
        dd1 = new YAHOO.example.DDRegion(id_curseur_scrollbar, '', { cont: id_fond_scrollbar, cont_html:id_conteneur_html });
		
    }
    
    function newCateOnglet()
    {
        if(!Dom.get('input_creation') )
        {
			if(getNombreOnglet() < 8)
			{
				Dom.setStyle('sliderOnglet','marginLeft','0px');
				var contenu = Dom.get('sliderOnglet').innerHTML;
				Dom.get('sliderOnglet').innerHTML = '<div class="onglet_repertoire ie6fix txt_11px_ececec"><div class="left_repertoire ie6fix"></div><div class="titre_repertoire"><input type="text" id="input_creation" style="width:50px;height:12px;font-size:8px;" onblur="gestionSiteNQ.AjaxAjoutCate.startRequest(this.value);if(Dom.get(\'screenshot\')){document.body.removeChild(Dom.get(\'screenshot\'));}"/></div><div class="right_repertoire ie6fix"></div></div>'+contenu;  
				Dom.get('input_creation').focus();
				tooltip(Dom.get('input_creation'), tab_traduction_gmap['main_completer_le_champ_categorie']) ;
			}
			else
			{
				alert(tab_traduction_gmap['geocast_meteo_cate_max_a_8']);	
			}
		}    
        else
        {
            alert(tab_traduction_gmap['main_deja_edit_cate']);
        }
        
    }
    
    function changeStyleAllCateReper()
    {
        Dom.getElementsBy(function(e){return ((e.className == 'onglet_repertoire_actif ie6fix txt_11px_ececec' || e.className == 'onglet_repertoire ie6fix txt_11px_ececec') && e.style.cursor == 'pointer')}, 'div', Dom.get('container_onglet'), function(e) {
            e.className = 'onglet_repertoire ie6fix txt_11px_ececec';
        }); 
    }
    
    
    function selectionIti()
    {
           var t_elem = Dom.getElementsBy(function(e){return (e.className == 'onglet_repertoire ie6fix txt_11px_ececec' )}, 'div');
           if(typeof(t_elem[0]) != 'undefined')
		   {
		   		t_elem[0].className = 'onglet_repertoire_actif ie6fix txt_11px_ececec';
		   }
	}
	
	function selectionItiDeIframe()
    {
           var t_elem = window.top.Dom.getElementsBy(function(e){return (e.className == 'onglet_repertoire ie6fix txt_11px_ececec' )}, 'div');
           t_elem[0].className = 'onglet_repertoire_actif ie6fix txt_11px_ececec';
    }
    
    
    function chercheCateSelec()
    {
		
        var t_elem = Dom.getElementsBy(function(e){return (e.className == 'onglet_repertoire_actif ie6fix txt_11px_ececec' )}, 'div'); 
		if(typeof(t_elem[0]) != 'undefined' && typeof(Dom.get(t_elem[0].id+"_input")) != 'undefined')
		{
        	return Dom.get(t_elem[0].id+"_input").value;
		}
	}
    
    function switchCateReper(element)
    {
        element.className = 'onglet_repertoire_actif ie6fix txt_11px_ececec';
    }
    
    function changeCateEnChamps()
    {
           var t_elem = Dom.getElementsBy(function(e){return (e.className == 'onglet_repertoire_actif ie6fix txt_11px_ececec' )}, 'div');
           if(t_elem[0].id != 'onglet_iti')
		   {
			   Dom.setStyle(t_elem[0].id+"_input_text",'display','block')
			   Dom.setStyle(t_elem[0].id+"_title",'display','none')  ;
			   Dom.get(t_elem[0].id+"_input_text").focus();
			   tooltip(Dom.get(t_elem[0].id+"_input_text"),tab_traduction_gmap['main_modifier_le_champ_categorie']) ;
		   }
		   else
		   {
				alert(tab_traduction_gmap['main_itineraire_no_modif']);  
		   }
	}
    
    
    function tooltip(element,text)
    {
        xOffset = 5;
            yOffset = -50;

                
            var div = document.createElement('div');
            div.id = 'screenshot';
            div.innerHTML = '<div style="height:25px;"><div style="float:left;width:12px;height:25px;background-image:url(images/tooltip/droiteTooltip.png);background-repeat:no-repeat;"></div><div style="float:left;height:25px;background-image:url(images/tooltip/middleTooltip.png);background-repeat:repeat-x;">'+text+'</div><div style="float:left;width:12px;height:25px;background-image:url(images/tooltip/gaucheTooltip.png);background-repeat:no-repeat;"></div></div>';
            
            document.body.appendChild(div);
            
           var tXY = Dom.getXY(element)
            var top = tXY[1]+-50;
            var left = tXY[0]+5;
           
            Dom.setStyle(div,'top',top+ "px");
            Dom.setStyle(div,'left',left+ "px");
            Dom.setStyle(div,'display','block');
            Dom.setStyle(div,'zIndex',5000000000000);   
            Dom.setStyle(div,'position','absolute'); 
			
            
            
        YAHOO.util.Event.addListener(element, "mouseout", function(ev) {
            if(Dom.get('screenshot')) {    
                
            }
        });
        YAHOO.util.Event.addListener(element, "mousemove", function(ev) {
            Dom.setStyle('screenshot','top',(YAHOO.util.Event.getPageY(ev)  -50) + "px");
            Dom.setStyle('screenshot','left',(YAHOO.util.Event.getPageX(ev) + 5) + "px");
            }); 
          

    }
    
	function getNombreOnglet()
	{
		var t_elem = Dom.getElementsBy(function(e){return ((e.className == 'onglet_repertoire_actif ie6fix txt_11px_ececec' || 'onglet_repertoire ie6fix txt_11px_ececec') && e.style.cursor == "pointer")}, 'div', Dom.get('sliderOnglet'));	
		return (t_elem.length-1);
	}
	
	function selectOnglet(ID_cate)
	{
		
		var t_elem = Dom.getElementsBy(function(e){return ((e.className == 'onglet_repertoire_actif ie6fix txt_11px_ececec' || 'onglet_repertoire ie6fix txt_11px_ececec') && e.style.cursor == "pointer")}, 'div', Dom.get('sliderOnglet'));	
		
		for(var i = 0 ; i < t_elem.length ; i++)
		{
			t_elem[i].className = 'onglet_repertoire ie6fix txt_11px_ececec';
			
			if(t_elem[i].id == "onglet_"+ID_cate)
			{
				t_elem[i].className = 'onglet_repertoire_actif ie6fix txt_11px_ececec';
			}
			
		}
		
	}
    
    function suivantOngletReper()
    {
        
               
         
         var t_elem = Dom.getElementsBy(function(e){return ((e.className == 'onglet_repertoire_actif ie6fix txt_11px_ececec' || 'onglet_repertoire ie6fix txt_11px_ececec') && e.style.cursor == "pointer")}, 'div', Dom.get('sliderOnglet'));
         
		 var largeurMax = 0;
		 for(var i=0 ; i < t_elem.length; i++)
		 {
			 	var tRegion = Dom.getRegion(t_elem[i]);
                largeurMax += (tRegion['right']-tRegion['left'])+2;
			 	 
		 }
		 
          var width = 0 ;
            
            
             var widthControl = 0 ;    
              for(var i =0 ; i< ongletRepertoireEnCour; i++)
             {
                var tRegion = Dom.getRegion(t_elem[i]);
                widthControl += (tRegion['right']-tRegion['left'])+2;
             }
             
             
            if(ongletRepertoireEnCour<t_elem.length && widthControl < 320)
            {
                ongletRepertoireEnCour++;   
            }
        
          if(ongletRepertoireEnCour != 0)
          {
             for(var i =0 ; i< ongletRepertoireEnCour; i++)
             {
                var tRegion = Dom.getRegion(t_elem[i]);
                width += (tRegion['right']-tRegion['left'])+2;
             } 
          }
          else
          {
                var tRegion = Dom.getRegion(t_elem[0]);
                width = (tRegion['right']-tRegion['left'])+2;
          }
         
	
         if(largeurMax > width)
		 {
         	this.myAnim = new YAHOO.util.Anim(Dom.get('sliderOnglet'), { marginLeft: { to: -width } }, 0.3, YAHOO.util.Easing.easeOut);
         	this.myAnim.animate();
		 }
        
    }
    
    function precedentOngletReper()
    {
        if(ongletRepertoireEnCour>=0)
        {
              ongletRepertoireEnCour--; 
        }
       
         
        var t_elem = Dom.getElementsBy(function(e){return ((e.className == 'onglet_repertoire_actif ie6fix txt_11px_ececec' || 'onglet_repertoire ie6fix txt_11px_ececec') && e.style.cursor == "pointer")}, 'div', Dom.get('sliderOnglet'));
         
          var width = 0 ;
         
          if(ongletRepertoireEnCour != 0)
          {
             for(var i =0 ; i< ongletRepertoireEnCour; i++)
             {
                var tRegion = Dom.getRegion(t_elem[i]);
                width += (tRegion['right']-tRegion['left'])+2;
             } 
          }
          else
          {
                var tRegion = Dom.getRegion(t_elem[0]);
                width = (tRegion['right']-tRegion['left'])+2;
          }
             
          
         this.myAnim = new YAHOO.util.Anim(Dom.get('sliderOnglet'), { marginLeft: { to: -width } }, 0.3, YAHOO.util.Easing.easeOut);
         this.myAnim.animate();
         
    }
    
    
    function ajoutAdresse()
    {
        if(!Dom.get('textearea_form_adress') && !Dom.get('text_form_titre'))
        {
            var id_cate = chercheCateSelec()
            if(id_cate != 'itineraire')
            {
                             var contenu =  '';
                contenu += '<div class="adresse_repertoire" id="creation_lieux_div"><div class="photo_adresse_adrese"><div class="photo_adresse"> <img src="images/photo_maman.png" alt="Maman" id="image_12ab2"/><div class="photo_adresse_hover" onclick="openShadowbox(\'iframe\',395,140,\'http://www.geocast.fr/upImage.php?id_img=12ab2\')">cliquez sur<br />';
                contenu += 'l\'image pour<br /> charger<br />une nouvelle</div></div><div class="information_adresse"><div class="nom_adresse"><div class="information_adresse_txt txt_13px_555555_bold" style="display:none">Votre titre</div> ';
                contenu += '<form action="" method="post" onsubmit="return false;" class="information_adresse_form" style="display:block"><div class="input_text_repertoire input_long"><div class="input_text_left"></div>  ';
                contenu += '<input type="text" name="nom_adresse" id="text_form_titre" class="input_type_text txt_13px_555555_bold" value="Votre titre " /><div class="input_text_right"></div></div> ';
                contenu += '</form></div><div class="adresse_adresse"><div class="information_adresse_txt txt_orange_11px" style="display:none">90, avenue de la Gare</div>';
                contenu += '<form action="" method="post" onsubmit="return false;" class="information_adresse_form" style="display:block"><div class="input_long">';
                contenu += ' <div class="txt_orange_11px" style="width:225px;height:45px;margin-top:5px;"><input type="text" id="rueLieuAjout" value="Votre adresse"/><br/><input style="width:107px;margin-top:5px;" type="text" id="villeLieuAjout" value="Votre ville"/><input style="width:107px;margin-top:5px;" type="text" id="codeLieuAjout" value="Votre code postal"/></div>';
                contenu += '</div><input type="image" id="validation_btn_ajout_lieux" src="images/btn_repertoire_action.png" name="Btn_Validate" class="btn_valider_adresse ie6fix" onclick="gestionSiteNQ.AjaxAjoutLieux.startRequest();"/><input type="image" onclick="supprAjoutAdress();" src="images/btn_repertoire_delete.png" name="Btn_Close" class="btn_close_adresse ie6fix" /> ';
                contenu +=  '</form></div><div class="cp_adresse"> <form action="" method="post" onsubmit="return false;" class="information_adresse_form" style="display:none"> ';
                contenu += '<div class="input_text_repertoire input_cp"><div class="input_text_left"></div>';
                contenu += '<div class="input_text_right"></div></div><input type="image" src="images/btn_repertoire_action.png" name="Btn_Validate" class="btn_valider_adresse ie6fix" />  ';
                contenu += '<input type="image" src="images/btn_repertoire_delete.png" name="Btn_Close" class="btn_close_adresse ie6fix" /></form></div><div class="ville_adresse">';
                contenu += '</div><div class="pays_adresse">';
                contenu += '<form action="" method="post" onsubmit="return false;" class="information_adresse_form" style="display:none"><div class="input_text_repertoire input_long"><div class="input_text_left"></div>';
                contenu += '<input type="text" name="pays_adresse" id="" class="input_type_text txt_orange_11px" value="France" /><div class="input_text_right"></div></div>';
                contenu += '</form></div></div></div><div class="option_adresse txt_orange_10px clear"><div class="bg_btn_radio ie6fix" onclick="caseCoche(this,[\'div_public\',\'div_privee\'])" id="div_privee"><div class="btn_radio ie6fix" id="div_privee_inte"></div>  ';
                contenu += '<input type="radio" class="input_radio" name="type_adresse" value="privee"  id="div_privee_radio" /></div><label for="ChAdressePrivee">priv&eacute;e</label><div class="bg_btn_radio ie6fix" onclick="caseCoche(this,[\'div_public\',\'div_privee\'])" id="div_public">   ';
                contenu += '<div class="btn_radio ie6fix" id="div_public_inte" ></div><input type="radio" class="input_radio" name="type_adresse" value="publique" id="div_public_radio" /></div><label for="ChAdressePublique">publique</label> ';
                  contenu += '<div class="separateur"></div></div></div>   ';    
                contenuActu  = Dom.get('contenerAdresse').innerHTML    ;
                Dom.get('contenerAdresse').innerHTML = contenu+contenuActu;
				
				 
		 		tooltip(Dom.get('validation_btn_ajout_lieux'), tab_traduction_gmap['main_completer_et_valider']) ;
        
				
            }
            else
            {
                 alert(tab_traduction_gmap['gestionSite_lieux_erreur_ajour_iti']);           
            }

        }
        else
        {
            alert(tab_traduction_gmap['main_deja_edit_lieux']);    
        }
    }
    
    function supprAjoutAdress()
    {
       if(Dom.get('contenerAdresse') && Dom.get('creation_lieux_div'))
       {
           Dom.get('contenerAdresse').removeChild(Dom.get('creation_lieux_div'))  ;
       }
        document.body.removeChild(Dom.get('screenshot'));
    }
                       
    
    function caseCoche(element,t_autre_radio)
    {
    
           for(var i = 0 ; i <t_autre_radio.length; i++)
           {
               if(element.id != t_autre_radio[i])
               {
                    Dom.setStyle(t_autre_radio[i]+"_inte",'display','none')  ;
                    Dom.get(t_autre_radio[i]+"_radio").checked = false; 
               }
           }
           
           if(Dom.getStyle(element.id+"_inte",'display') == 'none')
           {
               
                Dom.setStyle(element.id+"_inte",'display','block')  ;
                Dom.get(element.id+"_radio").checked = true;
           }
           
           
           
    }                          
   
   
   function lanceModif(ID_cate)
   {
	   if(!Dom.get('screenshot'))
	   {
			Dom.setStyle('div_info_titre_'+ID_cate,'display','none');
			Dom.setStyle('div_info_titre_form_'+ID_cate,'display','block'); 
			Dom.setStyle('div_info_adresse_'+ID_cate,'display','none');
			Dom.setStyle('div_info_adresse_form_'+ID_cate,'display','block');
			 Dom.setStyle('photo_adresse_hover_'+ID_cate,'display','block');  
			 
			 tooltip(Dom.get('validation_'+ID_cate), tab_traduction_gmap['main_modifier_et_valider']) ;
	   }
	   else
	   {
		   alert(tab_traduction_gmap['Main_modificationEnCours']);
	   }
   }
   
   function annuleModif(ID_cate)
   {
        Dom.setStyle('div_info_titre_'+ID_cate,'display','block');
        Dom.setStyle('div_info_titre_form_'+ID_cate,'display','none'); 
        Dom.setStyle('div_info_adresse_'+ID_cate,'display','block');
        Dom.setStyle('div_info_adresse_form_'+ID_cate,'display','none');
        Dom.setStyle('photo_adresse_hover_'+ID_cate,'display','none'); 
   }
   
   
   
           
         
    
    
    
    function ajoutIti()
    {
        if(!Dom.get('textearea_form_adress') && !Dom.get('text_form_titre'))
        {
            var id_cate = chercheCateSelec()
            if(id_cate == 'itineraire')
            {
                var contenu =  '';
                contenu += '<div class="adresse_repertoire" id="creation_lieux_div"><div class="photo_adresse_adrese"><div class="photo_adresse"> <img src="images/photo_maman.png" alt="Maman" id="image_12ab2"/><div class="photo_adresse_hover" onclick="openShadowbox(\'iframe\',395,140,\'http://www.geocast.fr/upImage.php?id_img=12ab2\')">cliquez sur<br />';
                contenu += 'l\'image pour<br /> charger<br />une nouvelle</div></div><div class="information_adresse"><div class="nom_adresse"><div class="information_adresse_txt txt_13px_555555_bold" style="display:none">Votre titre</div> ';
                contenu += '<form action="" method="post" onsubmit="return false;" class="information_adresse_form" style="display:block"><div class="input_text_repertoire input_long"><div class="input_text_left"></div>  ';
                contenu += '<input type="text" name="nom_adresse" id="text_form_titre" class="input_type_text txt_13px_555555_bold" value="Votre titre " /><div class="input_text_right"></div></div> ';
                contenu += '</form></div><div class="adresse_adresse"><div class="information_adresse_txt txt_orange_11px" style="display:none">90, avenue de la Gare</div>';
                contenu += '<form action="" method="post" onsubmit="return false;" class="information_adresse_form" style="display:block"><div class="input_long">';
                contenu += ' <textarea class="txt_orange_11px" style="width:225px;height:45px;margin-top:5px;" id="textearea_form_adress">Votre description : '+Dom.get('distanceTotalInfo').innerHTML+' ('+Dom.get('dureeTotalInfo').innerHTML+')</textarea>';
                contenu += '</div><input type="image" src="images/btn_repertoire_action.png" name="Btn_Validate" class="btn_valider_adresse ie6fix" onclick="gestionSiteNQ.AjaxAjoutItiBase.startRequest();"/><input type="image" onclick="supprAjoutAdress();" src="images/btn_repertoire_delete.png" name="Btn_Close" class="btn_close_adresse ie6fix" /> ';
                contenu +=  '</form></div><div class="cp_adresse"> <form action="" method="post" onsubmit="return false;" class="information_adresse_form" style="display:none"> ';
                contenu += '<div class="input_text_repertoire input_cp"><div class="input_text_left"></div>';
                contenu += '<div class="input_text_right"></div></div><input type="image" src="images/btn_repertoire_action.png" name="Btn_Validate" class="btn_valider_adresse ie6fix" />  ';
                contenu += '<input type="image" src="images/btn_repertoire_delete.png" name="Btn_Close" class="btn_close_adresse ie6fix" /></form></div><div class="ville_adresse">';
                contenu += '</div><div class="pays_adresse">';
                contenu += '<form action="" method="post" onsubmit="return false;" class="information_adresse_form" style="display:none"><div class="input_text_repertoire input_long"><div class="input_text_left"></div>';
                contenu += '<input type="text" name="pays_adresse" id="" class="input_type_text txt_orange_11px" value="France" /><div class="input_text_right"></div></div>';
                contenu += '</form></div></div></div><div class="option_adresse txt_orange_10px clear"><div class="bg_btn_radio ie6fix" onclick="caseCoche(this,[\'div_public\',\'div_privee\'])" id="div_privee"><div class="btn_radio ie6fix" id="div_privee_inte"></div>  ';
                contenu += '<input type="radio" class="input_radio" name="type_adresse" value="privee"  id="div_privee_radio" /></div><label for="ChAdressePrivee">priv&eacute;e</label><div class="bg_btn_radio ie6fix" onclick="caseCoche(this,[\'div_public\',\'div_privee\'])" id="div_public">   ';
                contenu += '<div class="btn_radio ie6fix" id="div_public_inte" ></div><input type="radio" class="input_radio" name="type_adresse" value="publique" id="div_public_radio" /></div><label for="ChAdressePublique">publique</label> ';
                contenu += '<div class="separateur"></div></div></div>   ';
                contenuActu  = Dom.get('contenerAdresse').innerHTML    ;
                Dom.get('contenerAdresse').innerHTML = contenu+contenuActu;
            }
            else
            {
                 alert(tab_traduction_gmap['gestionSite_lieux_erreur_ajour_iti']);           
            }

        }
        else
        {
            alert(tab_traduction_gmap['main_deja_edit_lieux']);    
        }
    }
	
	
	
function retourConnexion()
{
	Dom.setStyle('mot_passe_oublie_div','display','none');
	Dom.setStyle('connexion_div','display','block')
	
	
	
}


function allerMotsdePasse()
{
	Dom.setStyle('mot_passe_oublie_div','display','block');
	Dom.setStyle('connexion_div','display','none')

}


function effaceChampIti()
{
	Dom.get('ChAdresseDepart').value = '';	
	Dom.get('ChVilleDepart').value = '';	
	Dom.get('ChCpDepart').value = '';	
	Dom.get('ChAdresseArrivee').value = '';	
	Dom.get('ChVilleArrivee').value = '';	
	Dom.get('ChCpArrivee').value = '';	
	
}