/**
 * Fonction d'ajout d'évènement
 *
 */
var addEvent = function(object, eventName, myFunction) {
  if(object.addEventListener) {
    object.addEventListener(eventName, myFunction, false);
  } else if(object.attachEvent) {
    object.attachEvent('on'+eventName, myFunction);
  }
}

/**
 * Variables de configuration
 *
 */
var songConfig = {
  /**
   * Url du mp3
   */
  mp3: 'http://www.videos-entreprises.fr/tl_files/msp/click/click.mp3',
  /**
   * ID de l'élément html où sera placé le player
   */
  playerDivId: 'player',
  /**
   * ID de l'élément html où sont placés les liens
   */
  menuId: 'produire-diffuser-penser-services'
}

/**
 * Création & affichage du lecteur pour jouer le son
 *
 */
var putPlayer = function() {
  var player = document.getElementById(songConfig.playerDivId);
  if(player) {
    var object = document.createElement('object');
    object.type = 'application/x-shockwave-flash';
    object.data = 'http://www.videos-entreprises.fr/tl_files/msp/click/dewplayer.swf?autostart=1&autoreplay=0&mp3='+songConfig.mp3;
    object.width = 250;
    object.height = 20;
    
    var param = document.createElement('param');
    param.name = 'movie';
    param.value = 'http://www.videos-entreprises.fr/tl_files/msp/click/dewplayer.swf?autostart=1&autoreplay=0&mp3='+songConfig.mp3;
    
    object.appendChild(param);
    
    if(typeof(player.textContent) != 'undefined') {
      player.textContent = '';
    } else {
      player.innerText = '';
    }
        
    player.appendChild(object);
  }
}

/**
 * Ajout d'un événement mouseover sur les liens que content #songConfig.menuId
 *
 */
var setEventOnLinks = function() {
  var menu = document.getElementById(songConfig.menuId);  
  if(menu) {
    var links = menu.getElementsByTagName('a');
    for(var u in links) {
      if(links[u]) {
        addEvent(links[u], 'mouseover', function() {
          putPlayer();
        });
      }
    }
  }
}

addEvent(window, 'load', setEventOnLinks);