////////////////////////////////////////////////////////////////////////////
    //
    //      CONSTANTES
    //
    ////////////////////////////////////////////////////////////////////////////
    DEBUGMODEJS = false;
    DEBUGCONSOLESHOW = false;



    ////////////////////////////////////////////////////////////////////////////
    //
    //	VARIABLES GLOBALES
    //
    ////////////////////////////////////////////////////////////////////////////
    mySlide=1;                   //Elemement slide

    //Element du menu top, bottom, cartesBleu ou cartesVertes selectionner
    itemMenuSelected = "";

    mySelectionOnFooter = "";
    
    var tabLeft = new Array();
    var tabRight = new Array();
    var currLeft = 1;
    var currRight = 1;
    
    var firstPage = "cartesBleu.php";
    
    var objTimout = "";


    // /***************************************************************************
    // fonction qui cherche l'explorer
    // ***************************************************************************/
    function isFireFoxIE()
    {
        var IE = false, FIREFOX = false;
            
        var strChUserAgent = navigator.userAgent;
        var intSplitStart = strChUserAgent.indexOf("(",0);
        var intSplitEnd = strChUserAgent.indexOf(")",0);
        var strChStart = strChUserAgent.substring(0,intSplitStart);
        var strChMid = strChUserAgent.substring(intSplitStart, intSplitEnd);
        var strChEnd = strChUserAgent.substring(strChEnd);
        
        if(strChMid.indexOf("MSIE") != -1)
            IE = true;
        else if(strChEnd.indexOf("Firefox") != -1)
            FIREFOX = true;
            
        if(FIREFOX || IE)
        {
            return true;
        }
        else
        {
            return false;
        }
    }
    
    /***************************************************************************
    fonction de debuggage
    ***************************************************************************/
    debugJS=function( deb ){

    //alert("stop 2");
            if(DEBUGCONSOLESHOW)
            {
                jQuery('#console').show();
                consoleDebug(deb);
            }
            else
            {
                jQuery('#console').hide();
            }


        if(DEBUGMODEJS){
            alert(deb);
        }
    };



    /***************************************************************************
    fonction Console de debuggage
    ***************************************************************************/
    var row = 1;
    function consoleDebug(s){
        // Log to Firebug (getfirebug.com) if available
        //if (window.console != undefined &&
        // typeof window.console.log == 'function')
        //  console.log(s);

        if (row >= 1000)
            var r = row;
        else if (row >= 100)
            var r = ' ' + row;
        else if (row >= 10)
            var r = '  ' + row;
        else
            var r = '   ' + row;

        jQuery('#console').html(jQuery('#console').html() +

        r + ': ' + s + '<br />').get(0).scrollTop += 10000;

        row++;
    };


/*******************************************************************************
    fonction de debuggage
    ***************************************************************************/
    debugJS=function( deb ){
        if(DEBUGMODEJS){
            alert(deb);
        }
    };
    
    
    
    /***************************************************************************
    fonction de chargement d'un fichier html,php avec AJAX
    ***************************************************************************/
    loadPage=function(ele,url){
        $.ajax({
                        type: "GET",
                        url : url,
                        dataType: "html",
                        async:false,
                        success : function (data) {
                                                    //alert("Load document : " + ele);
                                                    $(ele).html(data);
                                                    //alert("fin du load");
                                                  }
                });
    };



    /***************************************************************************
    fonction MAIN
    ***************************************************************************/
    Main=function(){
        jQuery(document).ready( function(){
            debugJS('Begin the MAIN');

            //Chargement des 3 parties de la page de démarrage
            loadPage('#Header','index_header.php');
            loadPage('#Body','index_body.php');
            loadPage('#Footer','index_footer.php');
            
            // Start le carousel
            //StartCarousel(); 
        });
    };
    
    
    
    
    
    
    
    
    /***************************************************************************
    fonction qui calcul un nombre aléatoire
    ***************************************************************************/
    function aleatoire(N) 
    {
      return (Math.floor((N)*Math.random()+1));
    }
    
    
    
    /***************************************************************************
    fonction MAIN
    ***************************************************************************/
    StartCarousel=function(){
        //$(document).ready( function(){
            //alert("STOP");
            
            $('#mycarousel').jcarousel({
                scroll: 1,
                animation: 'slow',
                // This tells jCarousel NOT to autobuild prev/next buttons
                buttonNextHTML: null,
                buttonPrevHTML: null,
                // Uncomment the following option if you want items
                // which are outside the visible range to be removed
                // from the DOM.
                // Useful for carousels with MANY items.
                itemVisibleOutCallback: {
                    onAfterAnimation: function(carousel, item, i, state, evt) {
                   debugJS("carousel.remove valeur de i : " + i );
                 carousel.remove(i); }},
                itemLoadCallback:{
                    onBeforeAnimation:
                        mycarousel_onItemLoadCallbackBeforeAnimation,
                    onAfterAnimation:
                        mycarousel_onItemLoadCallbackAfterAnimation
                }
            });
        //});
    };



    /***************************************************************************************************
    fonction chargement item
    ***************************************************************************************************/
    function mycarousel_getItemHTML( myNextItemToAdd ){
        debugJS('mycarousel_getItemHTML1---------------');
		$('.jcarousel-control').empty();
		
        var myhtml = jQuery.ajax({
            type: "GET",
            url: myNextItemToAdd,
            dataType: "html",
            async:false
        }).responseText;

        debugJS(myhtml);

        return myhtml;
    };



    /***************************************************************************************************
    fonction mycarousel_onItemLoadCallbackBeforeAnimation
    ***************************************************************************************************/
    function mycarousel_onItemLoadCallbackBeforeAnimation( carousel, state ){
        //debugJS("before");
        //alert("RTR2");
        var i = carousel.first;
        debugJS("first start : " + i);
        var p = carousel.last ;
        debugJS("last start : " + p);

        debugJS('before animation');
        //alert('Valeur de state : ' + state);
        debugJS('mycarousel_itemLoadCallback');
        debugJS('Valeur de state : ' + state);
        debugJS('state value:' + state);

        // Check if the requested items already exist
        if ( carousel.has( carousel.first, carousel.last ) ){
            return;
        }


        //Premier element visible : la carte bleu
        if ( mySlide == 1 ){

            debugJS("avant add");
            i = carousel.first;
            debugJS("first before add : " + i);
            p = carousel.last ;
            debugJS("last before add : " + p);


            carousel.add( mySlide, mycarousel_getItemHTML( firstPage ) );


            i = carousel.first;
            debugJS("first after add : " + i);
            p = carousel.last ;
            debugJS("last after add : " + p);




            debugJS("apres add");
            //Mettre l'element du bouton currentselection a la valeur Pays
            setCurrentSelection( 'pays', 'pays' );

            //Assigner la variable itemMenuSelected a cartesBleu
            setMenuTopBouton( 'cartesBleu' );
        };



        ///////////////////////////////////////////////////////////////////////
        //
        //		Gestion menu Top
        //
        ///////////////////////////////////////////////////////////////////////


        //Gestion de l'evenement Hover sur le bouton Cartes
        jQuery( '#lesCartesBleus img' ).hover( function(){
        		if( itemMenuSelected != 'cartesBleu' ){
        			$(this).css( "cursor", "pointer" );
        			$(this).attr( {
        			            src:"./images/images_menu/cartesBleub.jpg" } );
        		}
        	},

        	function(){
        		if( itemMenuSelected == 'cartesBleu' ){
        			$(this).css( "cursor", "default" );
        			$(this).attr( {
        			            src: "./images/images_menu/cartesBleub.jpg" } );
        		}
        		else{
        			$(this).css( "cursor", "pointer" );
        			$(this).attr( {
        			            src: "./images/images_menu/cartesBleug.jpg" } );
        		}
        	}
        );


        //Gestion de l'evenement Hover sur le bouton Themes
        jQuery( '#lesThemes img' ).hover( function() {
        		if( itemMenuSelected != 'themes' ){
        			$(this).css( "cursor", "pointer" );
        			$(this).attr( { src: "./images/images_menu/themesb.jpg" } );
        	   }
        	},

        	function(){
        		if(itemMenuSelected=='themes'){
        			$(this).css( "cursor", "default" );
        			$(this).attr( { src: "./images/images_menu/themesb.jpg" } );
        		}
        		else{
        			$(this).css( "cursor", "pointer" );
        			$(this).attr( { src: "./images/images_menu/themesg.jpg" } );
        		}
        	}
        );


        //Gestion de l'evenement Hover sur le bouton CurrentSelection
        jQuery( '#laCurrentSelection img' ).hover( function(){
                if (    ( itemMenuSelected == 'cartesBleu' ) ||
                        ( itemMenuSelected == 'themes' ) ||
                        ( itemMenuSelected == 'offreSurMesure' ) ){
                            $(this).css( "cursor", "pointer" );
                            $(this).attr( {
                                src: "./images/images_menu/paysb.jpg" } );
                    }
                else
                {
                    $(this).css( "cursor", "default" );
                }

            },

            function(){
                $(this).css( "cursor", "default" );
                if (    ( itemMenuSelected == 'cartesBleu' ) ||
                        ( itemMenuSelected == 'themes' ) ||
                        ( itemMenuSelected == 'offreSurMesure' ) ){
                            $(this).attr( {
                                src: "./images/images_menu/paysg.jpg" } );
                }
                else{}
            }
        );


        //Gestion de l'evenement Hover sur le bouton OffreSurMesure
        jQuery( '#MyOffreSurMesure img' ).hover( function(){
        		if(itemMenuSelected!='offreSurMesure'){
        			$(this).css( "cursor", "pointer" );
        			$(this).attr( {
        			        src: "./images/images_menu/offreSurMesureb.jpg" } );
        		}
        	},

        	function(){
        		if( itemMenuSelected == 'offreSurMesure' ){
        			$(this).css( "cursor", "default" );
        			$(this).attr( {
        			        src: "./images/images_menu/offreSurMesureb.jpg" } );
        		}
        		else{
        			$(this).css( "cursor", "pointer" );
        			$(this).attr( {
        			        src:"./images/images_menu/offreSurMesureg.jpg" } );
        		}
        	}
        );



        ///////////////////////////////////////////////////////////////////////
        //
        //      Click dans un element du menu top
        //
        ///////////////////////////////////////////////////////////////////////
        jQuery( '#containerBodyMenuTop a' ).click( function(){

                $(this).blur();
                var itemMenuNext = $(this).attr( 'id' );

                if( itemMenuNext != itemMenuSelected ){
                    mySlide++;

                    setCurrentSelection( 'pays', 'pays' );
                    setMenuTopBouton( itemMenuNext );

                    carousel.add( mySlide,
                        mycarousel_getItemHTML( itemMenuNext + '.php' ) );
                    carousel.next();
                }

                return false;
            }
        );



        ///////////////////////////////////////////////////////////////////////
        //
        //		Gestion menu Bottom
        //
        ///////////////////////////////////////////////////////////////////////
        jQuery( '#footermenu a,#footerLeft a' ).click( function() {
                var itemMenuNext = $(this).attr( 'id' );
        
				// Ouverture d'un lien dans une nouvelle fenêtre
				if(itemMenuNext != "cg" && itemMenuNext != "cisoft" && 
                   itemMenuNext != "adobe")
                {
				
                    $(this).blur();
                    
                    if( itemMenuNext != itemMenuSelected ){
                        mySlide++;

                        setCurrentSelection( 'pays', itemMenuNext );
                        setMenuFooterBouton( itemMenuNext );

                        carousel.add( mySlide,
                            mycarousel_getItemHTML( itemMenuNext + '.php' ) );
                        carousel.next();
                    }
                }

                return false;
        });

        debugJS("before end");
    };



    /***************************************************************************************************
    fonction mycarousel_onItemLoadCallbackAfterAnimation
    ***************************************************************************************************/
    function mycarousel_onItemLoadCallbackAfterAnimation( carousel, state ){

        debugJS('2');
        debugJS( "mySlide : "+ mySlide);

        ///////////////////////////////////////////////////////////////////////
        //
        //		Gestion des cartes bleus
        //
        ///////////////////////////////////////////////////////////////////////

        //Gestion de l'evenement Hover sur la carte bleu
         jQuery( '#myCarteBleu area' ).hover( function(){

                if(mySlide >1)
                     debugJS( "hover carte bleu");

        		var mySrc = $(this).attr( 'id' );
                if(mySlide >1)
                     debugJS( "mySrc : " + mySrc);

        		var mySrcOver = "./images/images_cartes/carte_" +
                    mySrc + "_over.jpg";
                if(mySlide >1)
                     debugJS( "mySrcOver : " + mySrcOver);

        		jQuery( 'img#myCarteBleuImg' ).css( "cursor", "pointer" );
        		jQuery( 'img#myCarteBleuImg' ).attr( "src", mySrcOver );
        	},

        	function(){
        		jQuery( 'img#myCarteBleuImg' ).css( "cursor", "default" );
        		jQuery( 'img#myCarteBleuImg' ).attr( {
        		    src: "./images/images_cartes/carte_planisfere.jpg" } );
        	}
        );





        //Gestion de l'evenement Mousedown sur la carte bleu
        jQuery( '#myCarteBleu area' ).mousedown( function(){
        		var mySrc = $(this).attr( 'id' );
        		var mySrcOver = "./images/images_cartes/carte_" +
                    mySrc + "_click.jpg";
        		jQuery( 'img#myCarteBleuImg' ).attr( "src", mySrcOver );
        	}
        );


        //Gestion de l'evenement Click sur la carte bleu
        jQuery( '#myCarteBleu area' ).click(function(){
            //alert("ici");
        		var mySrc = $(this).attr( 'id' );
				var mySrcClick = "";
				
				if($(this).attr( 'class' ) == "")
				{
					mySrcClick = "cartesVerte_" + mySrc + ".php";
				}else
				{
					var myAttr = $(this).attr( 'class' );
					if(myAttr == "hotel")
					{
						mySrcClick = myAttr + ".php?pays=" + mySrc;
					}else
					{
						mySrcClick = myAttr + ".php?theme=" + mySrc;
					}
				}

        		mySlide++;

        		setCurrentSelection( 'pays', mySrc );
        		setMenuFooterBouton( mySrc );

        		carousel.add( mySlide, mycarousel_getItemHTML( mySrcClick ) );
        		carousel.next();

        		return false;
        	}
        );


        ///////////////////////////////////////////////////////////////////////
        //
        //		Gestion des cartes Vertes
        //
        ///////////////////////////////////////////////////////////////////////


        //---------------------------------------------------------------------
        // Afrique Australe
        //---------------------------------------------------------------------
        jQuery( '#myCarteVerteAfriqueAustrale area' ).hover( function(){
        		var mySrc = $(this).attr( 'id' );
        		var mySrcOver =
                    "./images/images_cartes_verte/afrique_australe/" +
                    mySrc + ".jpg";
        		jQuery( 'img#myCarteVerteAfriqueAustraleImg' ).css(
                    "cursor", "pointer" );
        		jQuery( 'img#myCarteVerteAfriqueAustraleImg' ).attr(
                    "src",mySrcOver);
        	},

        	function(){
        		jQuery( 'img#myCarteVerteAfriqueAustraleImg' ).css(
                    "cursor", "default" );
        		jQuery( 'img#myCarteVerteAfriqueAustraleImg' ).attr( {
        		    src: "./images/images_cartes_verte/afrique_australe/afrique_australe.jpg" } );
        	}
        );


        jQuery( '#myCarteVerteAfriqueAustrale area' ).click( function(){
                clickCarteVerte($(this), carousel);
                return false;
            }
        );


        //---------------------------------------------------------------------
        // Sub Indien
        //---------------------------------------------------------------------
        jQuery( '#myCarteVerteSubIndien area' ).hover( function(){
        		var mySrc = $(this).attr( 'id' );
        		var mySrcOver = "./images/images_cartes_verte/sub_indien/" +
                    mySrc + ".jpg";
        		jQuery( 'img#myCarteVerteSubIndienImg' ).css(
                    "cursor", "pointer" );
        		jQuery( 'img#myCarteVerteSubIndienImg' ).attr(
                    "src" , mySrcOver );
        	},

        	function(){
        		jQuery( 'img#myCarteVerteSubIndienImg' ).css(
                    "cursor", "default" );
        		jQuery( 'img#myCarteVerteSubIndienImg' ).attr( {
        		    src: "./images/images_cartes_verte/sub_indien/sub_indien.jpg" } );
        	}
        );


        jQuery( '#myCarteVerteSubIndien area' ).click( function(){
                clickCarteVerte($(this), carousel);
                return false;
            }
        );


        //---------------------------------------------------------------------
        // Amerique du Sud
        //---------------------------------------------------------------------
        jQuery( '#myCarteVerteAmeriqueSud area' ).hover( function(){
        		var mySrc = $(this).attr( 'id' );
        		var mySrcOver = "./images/images_cartes_verte/amerique_sud/" +
                    mySrc + ".jpg";
        		jQuery( 'img#myCarteVerteAmeriqueSudImg' ).css(
                    "cursor", "pointer" );
        		jQuery( 'img#myCarteVerteAmeriqueSudImg' ).attr(
                    "src", mySrcOver );
        	},

        	function(){
        		jQuery( 'img#myCarteVerteAmeriqueSudImg' ).css(
                    "cursor", "default" );
        		jQuery( 'img#myCarteVerteAmeriqueSudImg' ).attr( {
        		    src: "./images/images_cartes_verte/amerique_sud/amerique_sud.jpg" } );
        	}
        );


        jQuery( '#myCarteVerteAmeriqueSud area' ).click( function(){
                clickCarteVerte($(this), carousel);
                return false;
            }
        );


        //---------------------------------------------------------------------
        // Afrique de l'Est
        //---------------------------------------------------------------------
        jQuery( '#myCarteVerteAfriqueEst area' ).hover( function(){
        		var mySrc = $(this).attr( 'id' );
        		var mySrcOver = "./images/images_cartes_verte/afrique_est/" +
                    mySrc + ".jpg";
        		jQuery( 'img#myCarteVerteAfriqueEstImg' ).css(
                    "cursor", "pointer" );
        		jQuery( 'img#myCarteVerteAfriqueEstImg' ).attr(
                    "src", mySrcOver );
        	},

        	function(){
        		jQuery( 'img#myCarteVerteAfriqueEstImg' ).css(
                    "cursor", "default" );
        		jQuery( 'img#myCarteVerteAfriqueEstImg' ).attr( {
    		        src: "./images/images_cartes_verte/afrique_est/afrique_est.jpg" } );
        	}
        );


        jQuery( '#myCarteVerteAfriqueEst area' ).click( function(){
                clickCarteVerte($(this), carousel);
                return false;
            }
        );


        //---------------------------------------------------------------------
        // Afrique du Nord
        //---------------------------------------------------------------------
        jQuery( '#myCarteVerteAfriqueNord area' ).hover( function(){
        		var mySrc = $(this).attr( 'id' );
        		var mySrcOver = "./images/images_cartes_verte/afrique_nord/" +
                    mySrc + ".jpg";
        		jQuery( 'img#myCarteVerteAfriqueNordImg' ).css(
                    "cursor", "pointer" );
        		jQuery( 'img#myCarteVerteAfriqueNordImg' ).attr(
                    "src", mySrcOver );
        	},

        	function(){
        		jQuery( 'img#myCarteVerteAfriqueNordImg' ).css(
                    "cursor", "default" );
        		jQuery( 'img#myCarteVerteAfriqueNordImg' ).attr( {
        		        src: "./images/images_cartes_verte/afrique_nord/afrique_nord.jpg" } );
        	}
        );


        jQuery( '#myCarteVerteAfriqueNord area' ).click( function(){
                clickCarteVerte($(this), carousel);
                return false;
            }
        );


        //---------------------------------------------------------------------
        // Amerique Centrale
        //---------------------------------------------------------------------
        jQuery( '#myCarteVerteAmeriqueCentrale area' ).hover( function(){
        		var mySrc = $(this).attr( 'id' );
        		var mySrcOver = "./images/images_cartes_verte/amerique_centrale/" +
                    mySrc + ".jpg";
        		jQuery( 'img#myCarteVerteAmeriqueCentraleImg' ).css(
                    "cursor", "pointer" );
        		jQuery( 'img#myCarteVerteAmeriqueCentraleImg' ).attr(
                    "src", mySrcOver );
        	},

        	function(){
        		jQuery( 'img#myCarteVerteAmeriqueCentraleImg' ).css(
                    "cursor", "default" );
        		jQuery( 'img#myCarteVerteAmeriqueCentraleImg' ).attr( {
    		        src: "./images/images_cartes_verte/amerique_centrale/amerique_centrale.jpg" } );
        	}
        );


        jQuery( '#myCarteVerteAmeriqueCentrale area' ).click( function(){
                clickCarteVerte($(this), carousel);
                return false;
            }
        );


        //---------------------------------------------------------------------
        // Asie
        //---------------------------------------------------------------------
        jQuery( '#myCarteVerteAsie area' ).hover( function(){
        		var mySrc = $(this).attr( 'id' );
        		var mySrcOver = "./images/images_cartes_verte/asie/" +
                    mySrc + ".jpg";
        		jQuery( 'img#myCarteVerteAsieImg' ).css( "cursor", "pointer" );
        		jQuery( 'img#myCarteVerteAsieImg' ).attr( "src", mySrcOver );
        	},

        	function(){
        		jQuery( 'img#myCarteVerteAsieImg' ).css( "cursor", "default" );
        		jQuery( 'img#myCarteVerteAsieImg' ).attr( {
    		        src: "./images/images_cartes_verte/asie/asie.jpg" } );
        	}
        );


        jQuery( '#myCarteVerteAsie area' ).click( function(){
                clickCarteVerte($(this), carousel);
                return false;
            }
        );


        //---------------------------------------------------------------------
        // Moyen Orient
        //---------------------------------------------------------------------
        jQuery( '#myCarteVerteMoyenOrient area' ).hover( function(){
        		var mySrc = $(this).attr( 'id' );
        		var mySrcOver = "./images/images_cartes_verte/moyen_orient/" +
                    mySrc + ".jpg";
        		jQuery( 'img#myCarteVerteMoyenOrientImg' ).css(
                    "cursor", "pointer" );
        		jQuery( 'img#myCarteVerteMoyenOrientImg' ).attr(
                    "src", mySrcOver );
        	},

        	function(){
        		jQuery( 'img#myCarteVerteMoyenOrientImg' ).css(
                    "cursor", "default" );
        		jQuery( 'img#myCarteVerteMoyenOrientImg' ).attr( {
        		    src: "./images/images_cartes_verte/moyen_orient/moyen_orient.jpg" } );
        	}
        );


        jQuery( '#myCarteVerteMoyenOrient area' ).click( function(){
                clickCarteVerte($(this), carousel);
                return false;
            }
        );


        //---------------------------------------------------------------------
        // Ocean Indien
        //---------------------------------------------------------------------
        jQuery( '#myCarteVerteOceanIndien area' ).hover(function(){
        		var mySrc = $(this).attr('id');
        		var mySrcOver = "./images/images_cartes_verte/ocean_indien/" +
                    mySrc + ".jpg";
        		jQuery( 'img#myCarteVerteOceanIndienImg' ).css(
                    "cursor", "pointer" );
        		jQuery( 'img#myCarteVerteOceanIndienImg' ).attr(
                    "src",mySrcOver);
        	},

        	function(){
        		jQuery( 'img#myCarteVerteOceanIndienImg' ).css(
                    "cursor", "default" );
        		jQuery( 'img#myCarteVerteOceanIndienImg' ).attr( {
    		        src: "./images/images_cartes_verte/ocean_indien/ocean_indien.jpg" } );
        	}
        );


        jQuery( '#myCarteVerteOceanIndien area' ).click( function(){
                clickCarteVerte($(this), carousel);
                return false;
            }
        );


        //---------------------------------------------------------------------
        // Oceanie
        //---------------------------------------------------------------------
        jQuery( '#myCarteVerteOceanie area' ).hover( function(){
        		var mySrc = $(this).attr( 'id' );
        		var mySrcOver = "./images/images_cartes_verte/oceanie/" +
                    mySrc + ".jpg";
        		jQuery( 'img#myCarteVerteOceanieImg' ).css(
                    "cursor", "pointer" );
        		jQuery( 'img#myCarteVerteOceanieImg' ).attr(
                    "src", mySrcOver );
        	},

        	function(){
        		jQuery( 'img#myCarteVerteOceanieImg' ).css(
                    "cursor", "default" );
        		jQuery( 'img#myCarteVerteOceanieImg' ).attr( {
    		        src: "./images/images_cartes_verte/oceanie/oceanie.jpg" } );
        	}
        );


        jQuery( '#myCarteVerteOceanie area' ).click( function(){
                clickCarteVerte($(this), carousel);
                return false;
            }
        );


        //---------------------------------------------------------------------
        // Sino Japon
        //---------------------------------------------------------------------
        jQuery( '#myCarteVerteSinoJapon area' ).hover( function(){
        		var mySrc = $(this).attr( 'id' );
        		var mySrcOver = "./images/images_cartes_verte/sino_japon/" +
                    mySrc + ".jpg";
        		jQuery( 'img#myCarteVerteSinoJaponImg' ).css(
                    "cursor", "pointer" );
        		jQuery( 'img#myCarteVerteSinoJaponImg' ).attr(
                    "src" , mySrcOver );
        	},

        	function(){
        		jQuery( 'img#myCarteVerteSinoJaponImg' ).css(
                    "cursor", "default" );
        		jQuery( 'img#myCarteVerteSinoJaponImg' ).attr( {
    		        src: "./images/images_cartes_verte/sino_japon/sino_japon.jpg" } );
        	}
        );


        jQuery('#myCarteVerteSinoJapon area').click(function(){
                clickCarteVerte($(this), carousel);
                return false;
            }
        );
		
		//--------------------------------------------------------------------
		// Lien de la page hotel
		//--------------------------------------------------------------------
		jQuery( '.jcarousel-control a' ).click( function(){
            clickHotel($(this), carousel);
            return false;
        });
		
		//--------------------------------------------------------------------
		// Lien des pays
		//--------------------------------------------------------------------
		jQuery( '#listePays a' ).click( function(){
            clickPays($(this), carousel);
            return false;
        });
		
		//--------------------------------------------------------------------
		// Lien des themes
		//--------------------------------------------------------------------
		jQuery( '.navThemes a' ).click( function(){
            clickThemes($(this), carousel);
            return false;
        });
		
		//--------------------------------------------------------------------
		// Lien de la page theme
		//--------------------------------------------------------------------
		jQuery( '#bas_theme a' ).click( function(){
            clickTheme($(this), carousel);
            return false;
        });
		
        debugJS("after end");

    };



    /***************************************************************************************************
    fonction change le contenu du 3eme bouton du menu top (currentSelection)
    ***************************************************************************************************/
    function setCurrentSelection( myCurrentID, myCurrentValueText ){
        maSelection = document.getElementById('laCurrentSelection');

        //On change la valeur de l'ID
        maSelection.getElementsByTagName('a')[0].id= myCurrentID;

        //On change le contenu de la balise du lien, soit a
        maSelection.getElementsByTagName('a')[0].firstChild.nodeValue =
            myCurrentValueText;
    };




    /***************************************************************************************************
    fonction gestion du menu top
    ***************************************************************************************************/
    function setMenuTopBouton( myItemMenuSelected ){
        //Element selectionné
        //itemMenuSelected=myItemMenuSelected;
		
		//alert(myItemMenuSelected);

        var maSelection = document.getElementById( 'containerBodyMenuTop' );
        maSelection.getElementsByTagName( 'img' )[0].src =
            './images/images_menu/cartesBleug.jpg';
        maSelection.getElementsByTagName( 'img' )[1].src =
            './images/images_menu/themesg.jpg';
        maSelection.getElementsByTagName( 'img' )[2].src =
            './images/images_menu/paysg.jpg';
        maSelection.getElementsByTagName( 'img' )[3].src =
            './images/images_menu/offreSurMesureg.jpg';

        var imgSrcBlue = './images/images_menu/' + myItemMenuSelected + 'b.jpg';
        document.getElementById(myItemMenuSelected).firstChild.src = imgSrcBlue;

        mySelectionOnFooter = myItemMenuSelected;
    };



    /***************************************************************************************************
    fonction gestion du menu bottom
    ***************************************************************************************************/
    function setMenuFooterBouton( myItemFooterMenuSelected ){
        //Element selectionné
        //itemMenuSelected = myItemFooterMenuSelected;

        //Mise en gris de tous les elements du menu top
        //->On charge les photos grises des elements du menu
        var maSelection = document.getElementById( 'containerBodyMenuTop' );
        maSelection.getElementsByTagName( 'img' )[0].src =
            './images/images_menu/cartesBleug.jpg';
        maSelection.getElementsByTagName( 'img' )[1].src =
            './images/images_menu/themesg.jpg';
        maSelection.getElementsByTagName( 'img' )[2].src =
            './images/images_menu/paysg.jpg';
        maSelection.getElementsByTagName( 'img' )[3].src =
            './images/images_menu/offreSurMesureg.jpg';

        //On change la valeur de l'ID
        document.getElementById('laCurrentSelection').getElementsByTagName('a')[0].id= myItemFooterMenuSelected;

        var imgFooterSrcBlue = './images/images_menu/' + myItemFooterMenuSelected + '.jpg';

        //On change la source de la balise img
        document.getElementById('laCurrentSelection').getElementsByTagName('a')[0].firstChild.src = imgFooterSrcBlue;

        mySelectionOnFooter = myItemFooterMenuSelected;
    };



    /***************************************************************************************************
    fonction clickCarteVerte
    ***************************************************************************************************/
    function clickCarteVerte(myElement, myCarousel)
    {
        var mySrc = myElement.attr( 'class' );
		var myAttr = myElement.attr( 'id' );
        var mySrcClick = mySrc + ".php?pays=" + myAttr;

        mySlide++;

        setCurrentSelection( 'pays', myAttr );
        setMenuFooterBouton( myAttr );

        myCarousel.add( mySlide, mycarousel_getItemHTML( mySrcClick ) );
        myCarousel.next();
    }
	
	/***************************************************************************************************
    fonction clickHotel
    ***************************************************************************************************/
    function clickHotel(myElement, myCarousel)
    {
        //var mySrc = myElement.attr( 'class' );
		var myAttr = myElement.attr( 'id' );
        //var mySrcClick = myAttr;

        mySlide++;

        //setCurrentSelection( 'pays', mySrc );
        //setMenuFooterBouton( mySrc );

        myCarousel.add( mySlide, mycarousel_getItemHTML( myAttr ) );
        myCarousel.next();
    }
	
	/***************************************************************************************************
    fonction clickPays
    ***************************************************************************************************/
    function clickPays(myElement, myCarousel)
    {
        var mySrc = myElement.attr( 'class' );
		var myAttr = myElement.attr( 'id' );
        var mySrcClick = "hotel.php?pays=" + myAttr + "&page=" +mySrc;

        mySlide++;

        setCurrentSelection( 'pays', myAttr );
        setMenuFooterBouton( myAttr );

        myCarousel.add( mySlide, mycarousel_getItemHTML( mySrcClick ) );
        myCarousel.next();
    }
	
	/***************************************************************************************************
    fonction clickThemes
    ***************************************************************************************************/
    function clickThemes(myElement, myCarousel)
    {
        var mySrc = myElement.attr( 'class' );
		var myAttr = myElement.attr( 'id' );
        var mySrcClick = mySrc + ".php?theme=" + myAttr;

        mySlide++;

        setCurrentSelection( 'pays', myAttr );
        setMenuFooterBouton( myAttr );

        myCarousel.add( mySlide, mycarousel_getItemHTML( mySrcClick ) );
        myCarousel.next();
    }
	
	/***************************************************************************************************
    fonction clickTheme
    ***************************************************************************************************/
    function clickTheme(myElement, myCarousel)
    {
		try
		{
			//var mySrc = myElement.attr( 'class' );
			var myAttr = myElement.attr( 'id' );
			//var mySrcClick = myAttr;

			mySlide++;

			//setCurrentSelection( 'pays', mySrc );
			//setMenuFooterBouton( mySrc );

			myCarousel.add( mySlide, mycarousel_getItemHTML( myAttr ) );
			myCarousel.next();
		}
		catch(err)
		{
			alert("Erreur themes");
		}
    }