/// <reference path="../../../../../../Skin/jquery-1.3.1-vsdoc.js" />
var test_var;

var nb_visuels = 7;
var curr_visuel = 1;
var anim_visuel_interval = 5000;

$.ajaxSetup({ cache: false });

$(function() {

    // Effet bouton pour la vidéo
    $('#skin_cesvi_video_button').fadeTo(0, 0.7);
    $('#skin_cesvi_video').mouseenter(
                            function() {
                                $(this).stop();
                                $('#skin_cesvi_video_button').fadeTo('fast', 1);
                            }
                         ).mouseleave(
                            function() {
                                $(this).stop();
                                $('#skin_cesvi_video_button').fadeTo('fast', 0.7);
                            }
                         );

    // Initialiser animation onglets
    $('#skin_cesvi_onglet_qui').click(toggleQuiSubitems);
    $('#skin_cesvi_onglet_qui_subitems .onglet2:not(.selected)').mouseenter(function() { $(this).addClass('highlighted') });
    $('#skin_cesvi_onglet_qui_subitems .onglet2').mouseleave(function() { $(this).removeClass('highlighted') });


    // Initialiszer les visuels
    for (var i = 2; i <= nb_visuels; i++)
        $('#skin_cesvi_head_visuel_' + i).fadeTo(0, 0);
    setTimeout('animateVisuel()', anim_visuel_interval);

    // Binder les liens du container rectractable
    $('.retractable_open').attr('href', 'javascript:void(0);').click(function() {
                $(this).parents('.CESVI_Module_Retractable').find('h1').click()
            });
            
    // Ellipser les textes sous firefox
    $('.ellipsis').ellipsis();
    
    // Initialiser les tooltips
    $('.with_tooltip').each(function() {
            var text = $(this).attr('title');
            if (!text)
                return;
            $(this)
                .removeAttr('title')
                .mouseenter(function() {
                    $('#tooltip_div')
                        .html(text)
                        .show();
                })
                .mousemove(function(e) {
                    $('#tooltip_div')
                        .css('top', (e.pageY + 20) + 'px')
                        .css('left', (e.pageX + 4) + 'px');
                })
                .mouseleave(function() {
                    $('#tooltip_div').hide();
                });
        });
});

//
// Animation des sous-menus Qui sommes-nous
//
function toggleQuiSubitems() {
    var qui_subitems_state = $('#skin_cesvi_onglet_qui_subitems div.onglet2').css('marginLeft').charAt(0) == '0'
    if (qui_subitems_state) { // rentrer
        $('#skin_cesvi_onglet_qui_subitems div.onglet2').animate(
                { marginLeft: 2 }, 250, 'swing', 
                function() { 
                    $('#skin_cesvi_onglet_qui_subitems div.onglet2').animate({ marginLeft: -110 }, 'normal', 'swing');
                });
    }
    else { // sortir
        $('#skin_cesvi_onglet_qui_subitems div.onglet2').animate(
                { marginLeft: 2 }, 'normal', 'swing', 
                function() { 
                    $('#skin_cesvi_onglet_qui_subitems div.onglet2').animate({ marginLeft: 0 }, 250, 'swing');
                });
     }
     qui_subitems_state = !qui_subitems_state;
}

// 
// Animation des visuels d'en-tête
// 
function animateVisuel() {
    var curr_div =  $('#skin_cesvi_head_visuel_' + curr_visuel);  
    var next_visuel = curr_visuel < nb_visuels ? (curr_visuel + 1) : 1; 
    var next_div = $('#skin_cesvi_head_visuel_' + next_visuel);    
    
    next_div.css('zIndex', 50);
    curr_div.css('zIndex', 0);    
    next_div.fadeTo(2000, 1, function() { setTimeout('animateVisuel()', anim_visuel_interval); });
    curr_div.fadeTo(2000, 0);
    
    curr_visuel = next_visuel;   
} 

function toggleRetractable(id) {
    $('.retractable_content').not('.retractable_content_' + id).removeClass('opened');
    $('.retractable_content_' + id).toggleClass('opened');
    if ($('.retractable_content_' + id).hasClass('opened'))
        location.href='#retractable_' + id;
}