$(document).ready(function() {
    // on load si la web se ejecuta bajo IE hago aparecer un mensaje
    var navegador = navigator.appName
    if (navegador == "Microsoft Internet Explorer")
        montrerFenetre('ie');
//    else
//        montrerFenetre('ie');

//    // Montrer la légende sur rollhover
//    $('#topBar li').hover(function(){
//        //alert('hover');
//        $(this).attr('style','cursor: pointer');
//        montrerLegende($(this).attr('id'));
//    },
//    // la cacher
//    function(){
//       $(this).attr('style','cursor: pointer');
//       $('#legende').empty();
//    });

    $('#topBar li').hover(function(){
       $(this).addClass('active');
    },
    function(){
        $(this).removeClass('active');
    });

    $('#like_facebook').hover(function(){
       $(this).attr('style','cursor: pointer');
       $('#legende').append('Be the first of your friends to like this');
    },
    function(){
       $(this).attr('style','cursor: pointer');
       $('#legende').empty();
    });

    $('div[id="voir_plus"] input').live('hover', function(){
        $(this).attr('style','cursor: pointer');
    });

    // Montrer la box
    $('#topBar li').click(function(event){
        montrerFenetre($(this).attr('id'));
        //eviter le $('body').click en clicant sur un bouton
        event.stopPropagation();
    });

    // estilo de rollhover mano para el close de la box
    $('span[id="close"] img').live('hover', function(){
        $(this).attr('style','cursor: pointer');
        //cacherFenetre();
    });

    // click sur n'importequelle partie du DOM, je ferme la Box si elle est ouverte'
    $('body').click(function(){
        if($('#popupBox').css('display')=='block'){
            cacherFenetre();
        }
    });
    // eviter le $('body').click en clicant sur la box
    $('#popupBox').click(function(event){
        event.stopPropagation();
        var $target = $(event.target);
        // si el target est le span de More Friends, je montre plus d'amis'
        if( $target.is('div[id="voir_plus"] input')) {
            montrerPlusAmis($('#voir_plus').parent().attr('id'));
        }
        // si el target est le span de close'
        if( $target.is('span[id="close"] img')) {
            cacherFenetre();
        }
    })

});

function montrerLegende(element){
    switch(element)
        {
        case 'friends':
            $('#legende').append('Isabelle\'s friends');
            break;
        case 'contact':
            $('#legende').append('Send a message to Isabelle');
            break;
        case 'webs':
            $('#legende').append('Isabelle\'s websites');
            break;
        case 'resume':
            $('#legende').append('Download Isabelle\'s resume (pdf file)');
            break;
        }
}

function montrerFenetre(element){
    
    if($('#popupBox').css('display')=='block'){
        cacherFenetre();
    }

    $('#popupBox').fadeIn('slow', function(){
        $('#popupBox #content').fadeIn('slow', function(){
            $('#popupBox span[id="close"]').fadeIn('slow', function(){
                $('#popupBox span[id="close"]').html('<img src="/img/box/close.star.png"/>');
            });
            //$('#popupBox #content').html('<img src="img/box/ajax-loader.png" />');
            $('#popupBox #content').append('<p>Loading information...</p><img src="/img/box/loading.gif" class="load" />');
            $.get('includes/'+element+'.php', function(data) {
                  $('#popupBox #content').html(data);
                });
        });

    });

    // active link page concernée (a mettre dans une fonction plus tard?)
    $('#topBar li[id="'+element+'"]').css('color','white');
    //$('#topBar li[id="'+element+'"]').addClass('active');
}

function cacherFenetre(contact){
    // si le paramètre de la fonction est nul je lui donne une valeur par défaut de 0;
    contact = contact || 0;
    // si contact = 0 je met un delay pour fermer la fenêtre
    if(contact == 1){
        $('#popupBox').delay(1800).fadeOut('slow', function(){
            //$('#popupBox h1').empty();
            $('#popupBox span[id="close"]').css('display','none');
            $('#popupBox #content').empty();
         });
    } else {
        $('#popupBox').fadeOut('slow', function(){
            //$('#popupBox h1').empty();
            $('#popupBox span[id="close"]').css('display','none');
            $('#popupBox #content').empty();
         });
    }

     // active link page concernée (a mettre dans une fonction plus tard?)
     //$('#topBar li').css('color','#660008');
     //$('#topBar li').removeClass('active');
     $('#topBar li').removeAttr('style');
}

function montrerPlusAmis(count){
    //$('#popupBox #content').append('<img src="img/box/ajax-loader.png" />');
    $('#popupBox #content').append('<p>Loading information...</p><img src="/img/box/loading.gif" class="load" />');
    $.get('includes/friends.php',{'count':parseFloat(count)+5}, function(data) {
          $('#popupBox #content').empty();
          $('#popupBox #content').html(data);
        });
}