/**************************************************************************/

function precharger_image(url)
{
    var img = new Image();
    img.src=url;
    return img;
}

jQuery.fn.slowEach = function( interval, callback ) {
    var array = this;
    if( ! array.length ) return;
    var i = 0;
    next();
    function next() {
        if( callback.call( array[i], i, array[i] ) !== false )
            if( ++i < array.length )
                setTimeout( next, interval );
    }
};



var map;
var geoXml;
var toggleState = 1;


function resizeMap(){
    map.checkResize()
    map.setCenter(new GLatLng(42.517200, -1.5390625), 2);
}
function initialize() {

    map = new GMap2(document.getElementById("map_canvas"))
    map.setCenter(new GLatLng(42.517200, -1.5390625), 2);
    map.setMapType(G_SATELLITE_MAP);
    map.disableScrollWheelZoom()


    $.ajax({
        type: "GET",
        url: "bpxml.php?lg=en",
        dataType: "xml",
        error: function(XMLHttpRequest, textStatus, errorThrown) {
            //alert('Error: ' + textStatus + ", " + errorThrown);
        },
        success: function(xml) {
            $(xml).find('bonPlan').slowEach(12000, function() {

                var titre = $(this).find('titre').text()
                var texte = $(this).find('texte').text()
                var ville = $(this).find('ville').text()
                var pays = $(this).find('pays').text()
                var latitude = $(this).find('latitude').text()
                var longitude = $(this).find('longitude').text()
                var categorie = $(this).find('categorie').text()
                var etoiles = parseInt($(this).find('etoiles').text())
                var photo = $(this).find('photo').text()
                var photoStyle = $(this).find('photoStyle').text()

                var point = new GLatLng(latitude,longitude);

                var ourIcon = new GIcon(G_DEFAULT_ICON);
                ourIcon.image = "images/pays-bonplan.png";
                ourIcon.shadow  = "";
                ourIcon.iconSize = new GSize(25, 28);

                // Set up our GMarkerOptions object
                markerOptions = { icon:ourIcon };


                var marker = new GMarker(point, markerOptions);
                //var today = new Date();
                //var timestamp = today.getTime();
                //var image1 = precharger_image(photo+"?v="+timestamp);
                /*image1.onload = function() {

                }*/

                var html = '<div class="bulle" style="width:240px">'
                if(photo) {
                    html += '<img src="'+photo+'" style="'+photoStyle+'float:left;margin-right:10px;"/>'
                } else {

                }
                html += '<p class="villepays">'+ville+', '+pays+'</p>'
                html += '<p class="categorie">'+categorie+'</p>'
                html += '<p class="titrec">'+titre+'</p>'
                html += '<br style="clear:both"/>'
                html += '<p class="texte">'+texte+'</p>'
                // Afichage des étoiles
                etoiles = etoiles *2
                switch(etoiles) {
                    case 1:
                        html += '<div class="netoiles">'
                        html += '<img class="netoile" src="images/etoile2.gif" alt="'+trlg("2S215","Evaluez la qualité des bons plans des autres voyageurs pour vos vacances")+'"/>'
                        html += '<img class="netoile" src="images/etoile1.gif" alt="'+trlg("2S214","Séjours vacances réussis grâce à des bons plans")+'"/>'
                        html += '<img class="netoile" src="images/etoile1.gif" alt="'+trlg("2S214","Séjours vacances réussis grâce à des bons plans")+'"/>'
                        html += '<img class="netoile" src="images/etoile1.gif" alt="'+trlg("2S214","Séjours vacances réussis grâce à des bons plans")+'"/>'
                        html += '<img class="netoile" src="images/etoile1.gif" alt="'+trlg("2S214","Séjours vacances réussis grâce à des bons plans")+'"/>'
                        html += '</div>'
                        break
                    case 2:
                        html += '<div class="netoiles">'
                        html += '<img class="netoile" src="images/etoile3.gif" alt="'+trlg("2S216","Notez vos bons plans restaurant, shopping, hôtel, hôtels et culture")+'"/>'
                        html += '<img class="netoile" src="images/etoile1.gif" alt="'+trlg("2S214","Séjours vacances réussis grâce à des bons plans")+'"/>'
                        html += '<img class="netoile" src="images/etoile1.gif" alt="'+trlg("2S214","Séjours vacances réussis grâce à des bons plans")+'"/>'
                        html += '<img class="netoile" src="images/etoile1.gif" alt="'+trlg("2S214","Séjours vacances réussis grâce à des bons plans")+'"/>'
                        html += '<img class="netoile" src="images/etoile1.gif" alt="'+trlg("2S214","Séjours vacances réussis grâce à des bons plans")+'"/>'
                        html += '</div>'
                        break
                    case 3:
                        html += '<div class="netoiles">'
                        html += '<img class="netoile" src="images/etoile3.gif" alt="'+trlg("2S216","Notez vos bons plans restaurant, shopping, hôtel, hôtels et culture")+'"/>'
                        html += '<img class="netoile" src="images/etoile2.gif" alt="'+trlg("2S215","Evaluez la qualité des bons plans des autres voyageurs pour vos vacances")+'"/>'
                        html += '<img class="netoile" src="images/etoile1.gif" alt="'+trlg("2S214","Séjours vacances réussis grâce à des bons plans")+'"/>'
                        html += '<img class="netoile" src="images/etoile1.gif" alt="'+trlg("2S214","Séjours vacances réussis grâce à des bons plans")+'"/>'
                        html += '<img class="netoile" src="images/etoile1.gif" alt="'+trlg("2S214","Séjours vacances réussis grâce à des bons plans")+'"/>'
                        html += '</div>'
                        break
                    case 4:
                        html += '<div class="netoiles">'
                        html += '<img class="netoile" src="images/etoile3.gif" alt="'+trlg("2S216","Notez vos bons plans restaurant, shopping, hôtel, hôtels et culture")+'"/>'
                        html += '<img class="netoile" src="images/etoile3.gif" alt="'+trlg("2S216","Notez vos bons plans restaurant, shopping, hôtel, hôtels et culture")+'"/>'
                        html += '<img class="netoile" src="images/etoile1.gif" alt="'+trlg("2S214","Séjours vacances réussis grâce à des bons plans")+'"/>'
                        html += '<img class="netoile" src="images/etoile1.gif" alt="'+trlg("2S214","Séjours vacances réussis grâce à des bons plans")+'"/>'
                        html += '<img class="netoile" src="images/etoile1.gif" alt="'+trlg("2S214","Séjours vacances réussis grâce à des bons plans")+'"/>'
                        html += '</div>'
                        break
                    case 5:
                        html += '<div class="netoiles">'
                        html += '<img class="netoile" src="images/etoile3.gif" alt="'+trlg("2S216","Notez vos bons plans restaurant, shopping, hôtel, hôtels et culture")+'"/>'
                        html += '<img class="netoile" src="images/etoile3.gif" alt="'+trlg("2S216","Notez vos bons plans restaurant, shopping, hôtel, hôtels et culture")+'"/>'
                        html += '<img class="netoile" src="images/etoile2.gif" alt="'+trlg("2S215","Evaluez la qualité des bons plans des autres voyageurs pour vos vacances")+'"/>'
                        html += '<img class="netoile" src="images/etoile1.gif" alt="'+trlg("2S214","Séjours vacances réussis grâce à des bons plans")+'"/>'
                        html += '<img class="netoile" src="images/etoile1.gif" alt="'+trlg("2S214","Séjours vacances réussis grâce à des bons plans")+'"/>'
                        html += '</div>'
                        break
                    case 6:
                        html += '<div class="netoiles">'
                        html += '<img class="netoile" src="images/etoile3.gif" alt="'+trlg("2S216","Notez vos bons plans restaurant, shopping, hôtel, hôtels et culture")+'"/>'
                        html += '<img class="netoile" src="images/etoile3.gif" alt="'+trlg("2S216","Notez vos bons plans restaurant, shopping, hôtel, hôtels et culture")+'"/>'
                        html += '<img class="netoile" src="images/etoile3.gif" alt="'+trlg("2S216","Notez vos bons plans restaurant, shopping, hôtel, hôtels et culture")+'"/>'
                        html += '<img class="netoile" src="images/etoile1.gif" alt="'+trlg("2S214","Séjours vacances réussis grâce à des bons plans")+'"/>'
                        html += '<img class="netoile" src="images/etoile1.gif" alt="'+trlg("2S214","Séjours vacances réussis grâce à des bons plans")+'"/>'
                        html += '</div>'
                        break
                    case 7:
                        html += '<div class="netoiles">'
                        html += '<img class="netoile" src="images/etoile3.gif" alt="'+trlg("2S216","Notez vos bons plans restaurant, shopping, hôtel, hôtels et culture")+'"/>'
                        html += '<img class="netoile" src="images/etoile3.gif" alt="'+trlg("2S216","Notez vos bons plans restaurant, shopping, hôtel, hôtels et culture")+'"/>'
                        html += '<img class="netoile" src="images/etoile3.gif" alt="'+trlg("2S216","Notez vos bons plans restaurant, shopping, hôtel, hôtels et culture")+'"/>'
                        html += '<img class="netoile" src="images/etoile2.gif" alt="'+trlg("2S215","Evaluez la qualité des bons plans des autres voyageurs pour vos vacances")+'"/>'
                        html += '<img class="netoile" src="images/etoile1.gif" alt="'+trlg("2S214","Séjours vacances réussis grâce à des bons plans")+'"/>'
                        html += '</div>'
                        break
                    case 8:
                        html += '<div class="netoiles">'
                        html += '<img class="netoile" src="images/etoile3.gif" alt="'+trlg("2S216","Notez vos bons plans restaurant, shopping, hôtel, hôtels et culture")+'"/>'
                        html += '<img class="netoile" src="images/etoile3.gif" alt="'+trlg("2S216","Notez vos bons plans restaurant, shopping, hôtel, hôtels et culture")+'"/>'
                        html += '<img class="netoile" src="images/etoile3.gif" alt="'+trlg("2S216","Notez vos bons plans restaurant, shopping, hôtel, hôtels et culture")+'"/>'
                        html += '<img class="netoile" src="images/etoile3.gif" alt="'+trlg("2S216","Notez vos bons plans restaurant, shopping, hôtel, hôtels et culture")+'"/>'
                        html += '<img class="netoile" src="images/etoile1.gif" alt="'+trlg("2S214","Séjours vacances réussis grâce à des bons plans")+'"/>'
                        html += '</div>'
                        break
                    case 9:
                        html += '<div class="netoiles">'
                        html += '<img class="netoile" src="images/etoile3.gif" alt="'+trlg("2S216","Notez vos bons plans restaurant, shopping, hôtel, hôtels et culture")+'"/>'
                        html += '<img class="netoile" src="images/etoile3.gif" alt="'+trlg("2S216","Notez vos bons plans restaurant, shopping, hôtel, hôtels et culture")+'"/>'
                        html += '<img class="netoile" src="images/etoile3.gif" alt="'+trlg("2S216","Notez vos bons plans restaurant, shopping, hôtel, hôtels et culture")+'"/>'
                        html += '<img class="netoile" src="images/etoile3.gif" alt="'+trlg("2S216","Notez vos bons plans restaurant, shopping, hôtel, hôtels et culture")+'"/>'
                        html += '<img class="netoile" src="images/etoile2.gif" alt="'+trlg("2S215","Evaluez la qualité des bons plans des autres voyageurs pour vos vacances")+'"/>'
                        html += '</div>'
                        break
                    case 10:
                        html += '<div class="netoiles">'
                        html += '<img class="netoile" src="images/etoile3.gif" alt="'+trlg("2S216","Notez vos bons plans restaurant, shopping, hôtel, hôtels et culture")+'"/>'
                        html += '<img class="netoile" src="images/etoile3.gif" alt="'+trlg("2S216","Notez vos bons plans restaurant, shopping, hôtel, hôtels et culture")+'"/>'
                        html += '<img class="netoile" src="images/etoile3.gif" alt="'+trlg("2S216","Notez vos bons plans restaurant, shopping, hôtel, hôtels et culture")+'"/>'
                        html += '<img class="netoile" src="images/etoile3.gif" alt="'+trlg("2S216","Notez vos bons plans restaurant, shopping, hôtel, hôtels et culture")+'"/>'
                        html += '<img class="netoile" src="images/etoile3.gif" alt="'+trlg("2S216","Notez vos bons plans restaurant, shopping, hôtel, hôtels et culture")+'"/>'
                        html += '</div>'
                        break
                }
                html += '</div>'


                GEvent.addListener(marker, 'click', function() {
                    marker.openInfoWindowHtml(html);
                });


                map.panTo(point, 6)
                map.addOverlay(marker);

                //map.setCenter(point, 7);
                marker.openInfoWindowHtml(html)
            });
        }

    });

}










/*****************************************/
var map2;
function resizeMap2(){
    map2.checkResize()
    map2.setCenter(new GLatLng(42.517200, -1.5390625), 2);
}
function initialize2() {
   map2 = new GMap2(document.getElementById("map_canvas2"))
    map2.setCenter(new GLatLng(42.517200, -1.5390625), 2);
    map2.setMapType(G_SATELLITE_MAP);
    map2.disableScrollWheelZoom()
        map2.addControl(new GLargeMapControl());
        map2.addControl(new GScaleControl());


    $.ajax({
        type: "GET",
        url: "feed-pc.xml",
        dataType: "xml",
        error: function(XMLHttpRequest, textStatus, errorThrown) {
            alert('Error: ' + textStatus + ", " + errorThrown);
        },
        success: function(xml) {
            $(xml).find('entry').each(function() {
                var latitude = $(this).find('geolat').text();
                var longitude = $(this).find('geolong').text();
                var ville = $(this).find('ville').text();
                var paysfr = $(this).find('paysfr').text();
                var paysen = $(this).find('paysen').text();
                var aeroport = $(this).find('aeroport').text();
                var linkFlickr = $(this).find('lienflickr').text();
                var image = $(this).find('thumbImage').text();
                var description = $(this).find('description').text()
                var point = new GLatLng(latitude,longitude);
                var votes = parseInt($(this).find('nbVotes').text());
                var ourIcon = new GIcon(G_DEFAULT_ICON);
                var miniImage = $(this).find('pinImage').text();
                var idPhoto = $(this).find('idPhoto').text();
                ourIcon.image = miniImage;
                ourIcon.shadow  = "";
                ourIcon.iconSize = new GSize(30,30);
                ourIcon.iconAnchor = new GPoint(15,15)
                ourIcon.imageMap = new Array(0,0,30,0,30,30,0,30)
                // Set up our GMarkerOptions object
                markerOptions = { icon:ourIcon };

                var marker = new GMarker(point, markerOptions);
                var html = "<div class='bulle'>";
                if(idPhoto == $("#pc_winner1").val()){
                    html += "<div class='bulle-winner'>"+$("#pc_winner1_texte").val()+"</div>"
                }
                if(idPhoto == $("#pc_winner2").val()){
                    html += "<div class='bulle-winner'>"+$("#pc_winner2_texte").val()+"</div>"
                }
                if(idPhoto == $("#pc_winner3").val()){
                    html += "<div class='bulle-winner'>"+$("#pc_winner3_texte").val()+"</div>"
                }
                html += "<p class='textBulle'>"+ville+", "+paysfr+"</p>"
                if(aeroport) {
                    html += "<p class='textBulle'>Aeroport: "+aeroport+"</p>"
                }
                //html += "<p class='description'>"+description+"</p>";

                var image1 = precharger_image(image);
                image1.onload = function() {
                    html += '<center style="width:240px;margin:0">'
                    html += '<div style="margin:1px;width:'+image1.width+'px;height:'+image1.height+'px;"><a target="_blank" href="'+linkFlickr+'"><img class="image_bulle" src="'+image+'"/></a></div><br/>'
                    //html += '</center>'
                    // Mise en place du lien pour voter (j'aime)

                    html += '<div class="vote-pc">'
                    //html += '<div class="jaime"><div></div><a class="bouton_voter" href="concours-photo-bluenity-consultation.php?action=voter&idPhoto='+idPhoto+'"><?php echo str_replace("'","\'",trlg("2A47","J'aime"));?></a></div>'

                    // Mise en place du bouton pour voter

                    html += '<div class="nb-votes-pc">'
                    html += '<div class="bord-vote-gauche-pc"></div>'
                    if(votes<=1) {
                        html += '<div class="milieu-vote-pc"><span>'+votes.toString()+'</span> <?php echo trlg("2A48","vote"); ?></div>'
                    } else {
                        html += '<div class="milieu-vote-pc"><span>'+votes.toString()+'</span> <?php echo trlg("2A49","votes"); ?></div>'
                    }
                    html += '<div class="bord-vote-droit-pc"></div>'
                    html += '</div>'

                    html += '<br style="clear:both">'
                    html += '</div></div></center></div>'
                }

                GEvent.addListener(marker, 'click', function() {
                    marker.openInfoWindowHtml(html);
                });

                map2.addOverlay(marker);



            });
        }
    });

}

/**************************************************************
 *
 * map 3
 *
 */
    function getContent(){
        var url = "voactuxml.php";
        map3.clearOverlays()
        $.ajax({
            type: "GET",
            url:url ,
            dataType: "xml",
            error: function(XMLHttpRequest, textStatus, errorThrown) {
                //alert('Error: ' + textStatus + ", " + errorThrown);
            },
            success: function(xml) {
                $(xml).find('vol').each(function() {

                    var depart = $(this).find('depart')
                    var latDepart = depart.find('latitude').text()
                    var lonDepart = depart.find('longitude').text()
                    var nbVoyageursDepart = depart.find('nb').text()

                    var arrivee = $(this).find('arrivee')
                    var latArrivee = arrivee.find('latitude').text()
                    var lonArrivee = arrivee.find('longitude').text()
                    var nbVoyageursArrivee = arrivee.find('nb').text()

					
                    pointDepart=new GLatLng(latDepart, lonDepart)
                    pointArrivee=new GLatLng(latArrivee,lonArrivee)

                    var maligne = new GPolyline([
                        pointDepart,
                        pointArrivee
                    ], "#ffffff", 1,1);
                    // Affichage de la ligne
                    map3.addOverlay(maligne);


                    iconMedium = "images/map-medium.png";
                    iconCold = "images/map-cold.png";
                    iconHot = "images/map-hot.png";


                    var ourIcon = new GIcon(G_DEFAULT_ICON);
                    if(nbVoyageursDepart<=1){
                        ourIcon.image = iconCold;
                    }else{
                       if(nbVoyageursDepart<=4){
                            ourIcon.image = iconMedium;
                        }else{
                            ourIcon.image = iconHot;
                        }
                    }
                    ourIcon.shadow  = "";
                    ourIcon.iconSize = new GSize(22, 18);
                    ourIcon.iconAnchor  = new GPoint(11,9);

                    markerOptions = { icon:ourIcon };
                    var marker = new GMarker(pointDepart, markerOptions);
                    map3.addOverlay(marker);

                    var ourIcon = new GIcon(G_DEFAULT_ICON);
                    if(nbVoyageursArrivee<=1){
                        ourIcon.image = iconCold;
                    }else{
                       if(nbVoyageursArrivee<=4){
                            ourIcon.image = iconMedium;
                        }else{
                            ourIcon.image = iconHot;
                        }
                    }
                    ourIcon.shadow  = "";
                    ourIcon.iconSize = new GSize(22, 18);
                    ourIcon.iconAnchor  = new GPoint(11,9);
                    markerOptions = { icon:ourIcon };
                    var marker = new GMarker(pointArrivee, markerOptions);
                    map3.addOverlay(marker);
                });
//
            }

        });



    }

    var map3;


    function resizeMap3(){
        map3.checkResize()
        map3.setCenter(new GLatLng(42.517200, -1.5390625), 2);
    }
    function initialize3() {

        map3 =new GMap2(document.getElementById("map_canvas3"))
        map3.setCenter(new GLatLng(42.517200, -1.5390625), 2);
        map3.setMapType(G_SATELLITE_MAP);
        map3.disableScrollWheelZoom()
        map3.addControl(new GLargeMapControl());
        map3.addControl(new GScaleControl());

        getContent()
        window.setInterval("getContent()", 30000);
    }


    /**************************************************************************
     *
     * chargement
     */

 $(document).ready(function(){

    if($("#map_canvas").length){
     initialize();
     //initialize2();
     initialize3();

     $("ul#menu-map-index li#menu-map-bp-index a").click(function(){
         $(this).parents("ul").find("a").removeClass("selected")
         $(this).addClass("selected")
         $("#map_canvas").show()
         $("#map_canvas2").hide()
         $("#map_canvas3").hide()
         resizeMap()
         return false;
     })
     $("ul#menu-map-index li#menu-map-vo-index a").click(function(){
        $(this).parents("ul").find("a").removeClass("selected")
         $(this).addClass("selected")

         $("#map_canvas").hide()
         $("#map_canvas2").hide()
         $("#map_canvas3").show()
         resizeMap3()
         return false;
     })
     /*$("ul#menu-map-index li#menu-map-pc-index a").click(function(){
        $(this).parents("ul").find("a").removeClass("selected")
         $(this).addClass("selected")
         $("#map_canvas").hide()
         $("#map_canvas2").show()
         $("#map_canvas3").hide()
         resizeMap2()
         return false;
     })*/
    }
 })