var thePage ='';

/*function info_page(page){
    thePage=page;
}*/

var function_show_Ban = {
    UrlXML: null,
    url2:null,
    strBanHTML: null,
    strPushHTML: null,
    
    init: function(laDiv, xmlURL){
        //alert(laDiv+' '+xmlURL);
        this.UrlXML = xmlURL;
        //this.url2 = xmlURL+'banniere_accueil.xml?rnd='+new Date().getTime();
        this.showBanXML(laDiv);
    },
    
    showBanXML: function(div){
        var elm = this;
        var url2 = this.UrlXML+'banniere_accueil.xml?rnd='+new Date().getTime();
        var banHTML = '';
        //on va parcourir le fichier XML
        $.ajax({
        type: "GET",
        url: url2,
        dataType: "xml",
        success: function(xml) {

            $(xml).find('images_banniere').each(function(){
                var nbSlide = $(this).attr('nb');
                var i =1;
                $(this).find('images').each(function(){
                    var lienImg = $(this).text();
                    var altImg = $(this).attr('alt');
                    var couleurImg = $(this).attr('couleur');
                    banHTML += '<div id="slide'+i+'" class="slide">';
                    banHTML += '<div class="visu">';
                    banHTML += '<img width="960" height="320" border="0" alt="'+altImg+'" src="'+lienImg+'" >';
                    banHTML += '</div>';
                    banHTML += '<div class="titre"><h5 class="'+couleurImg+'"><span class="plus">+</span> '+altImg+'</h5></div>';
                    banHTML += '</div>';
                    i++;
                });  
                
            });
        
          elm.strBanHTML = banHTML;
          elm.showPushXML('#projetspushhome');
          //alert(elm.strBanHTML);

        }
        });
        
    },
    
    showPushXML: function(page){
        //alert(page);
        var contHTML = '';
        var elm = this;
        var url2 = this.UrlXML+'projets_home.xml?rnd='+new Date().getTime();
        
        //on va parcourir le fichier XML
        $.ajax({
        type: "GET",
        url: url2,
        dataType: "xml",
        success: function(xml) {
            var couleur = $(xml).find('couleur').text();              
            var titre = $(xml).find('titre').text();
            var ville = $(xml).find('ville').text();
            var c_postal = $(xml).find('code_postal').text();
            var lien = $(xml).find('lien').text();
            var visuel = $(xml).find('image').text();
            var contenu = $(xml).find('desc').text();
            var types = $(xml).find('types').text();
            
            contHTML += '<ul>';
            contHTML += '<li class="titre">';
            contHTML += '<div class="titre '+couleur+'"><span class="plus">+</span> ';
            contHTML += '<span class="titre">'+titre+'</span><span class="adresse"> <br/> '+ville+' '+c_postal+'</span></div><br/>';
            contHTML += '<span class="description">'+contenu+'</span><br/><br/>';
            contHTML += '<span class="plus '+couleur+'">+</span><a href="'+lien+'"> En savoir plus</a>';
            contHTML += '</li>';
            contHTML += '<li class="imgcone">';
            contHTML += '<a href="'+lien+'"><img height="159" width="382" border="0" src="'+visuel+'" alt=""></a>';
            contHTML += '</li>';
            contHTML += '</ul>';
            contHTML += '<div class="clear"></div>';
    
            //alert (elm.strBanHTML);
            $(page).html(contHTML).fadeIn('fast');
            $('#ban-home').html(elm.strBanHTML).fadeIn('fast');
            elm.lanceCarrousel();
        }
        });
        
        this.showTheMap();
        
    },
    
    lanceCarrousel : function(){
        carrousel.init($("#ban-home"));
        //alert ('lancement carrousel');
    },
    
    showTheMap : function(){
        var contHTML = '';
        var elm = this;
        var url2 = this.UrlXML+'programmes_accueil_gmaps.xml?rnd='+new Date().getTime();        

        //on va parcourir le fichier XML
        $.ajax({
        type: "GET",
        url: url2,
        dataType: "xml",
        success: function(xml) {
            $(xml).find('programmes_gmaps').each(function(){
                var nbprog = $(this).attr('nbprog');
                
                 $(this).find('programmes').each(function(){
                    
                    var icone = $(this).find('icone').text();
                    var lien_prog = $(this).find('lien_prog').text();
                    var titre = $(this).find('titre').text();
                    var adresse = $(this).find('adresse').text();
                    var ville = $(this).find('ville').text();
                    var cpostal = $(this).find('cpostal').text();
                    var latitude = $(this).find('latitude').text();
                    var longitude = $(this).find('longitude').text();
                    
                    if(longitude!="" && latitude!=""){
                    var myProg = new google.maps.LatLng(latitude, longitude);
                    
                    //creation de l'icone
                    var myMarkerImage = new google.maps.MarkerImage(icone);
                    
                    //creation du marker
                    var myMarker = new google.maps.Marker({
                        position: myProg,
                        map: maCarte,
                        icon: myMarkerImage,
                        title: ville+' - '+titre
                    });
                    
                    bounds.extend(myProg);
                    
                    // Affichage de la fenêtre au click sur le marker
                    google.maps.event.addListener(myMarker, 'click', function() {
                        window.location = lien_prog;
                    });
                    
                    maCarte.fitBounds(bounds);                    
                    }
                 });
            
            });
        }
        });
        
        
       //var myProg = new google.maps.LatLng(48, 2);
       // Carte centrée sur le point
       var myMapOptions = {
            zoom: 8,
            //center: myProg,
            mapTypeId: google.maps.MapTypeId.ROADMAP
        };
        
        // Création de la carte
        var maCarte = new google.maps.Map(document.getElementById("thecarte"), myMapOptions);
        var bounds = new google.maps.LatLngBounds();
        
    }    
    
}


jQuery(function($){ 
        
});