function affichageOnglet(element) {
  setCollapsed();
  $("li.selected").removeClass("selected");
  $("li." + element).addClass("selected");
  $("div.tab").addClass("hideElement").css("display", "none");
  $("div." + element).removeClass("hideElement");
  $("div." + element).css("display", "block");
}

function affichageContinent(element) {
  if (element == 1) afficheContinent("North_America","#E31A22");
  if (element == 2) afficheContinent("South_America","#527FA0");
  if (element == 3) afficheContinent("Europe","#E4791B");
  if (element == 4) afficheContinent("Africa","#89A8BD");
  if (element == 5) afficheContinent("Asia_Pacific","#F0B503");
  if (element == 6) afficheContinent("Middle_East","#E34C31");
  if (element == 7) afficheContinent("Russia","#2E5572");
}
function afficheContinent(element,color) {
  setCollapsed();
  $("div." + element).removeClass("hideElement");
  $("div." + element).css("display", "block");
  $("h4." + element).addClass("selected");
  $("h4." + element).css ("background-color",color);
}

function setCollapsed() {
  $("div.continent").each(function() {
    //$(this).removeClass("expanded");
    //$(this).addClass("collapsed");
    $(this).css("display", "none");
    
  });
  if ($("h4.continentTitle").hasClass("selected")) {
      $("h4.selected").each(function() {
      $(this).removeClass("selected");
      $(this).css ("background-color","transparent");
    });
  }
}

function toggleContinent(element,color) {
  setCollapsed();
  if ($("div.continent").hasClass("collapsed")) {
    //$("div." + element).removeClass("collapsed");
    //$("div." + element).addClass("expanded");
    $("div." + element).css("display", "block");
    $("h4." + element).addClass("selected");
    $("h4." + element).css ("background-color",color);
  } else  {
    $("div." + element).css("display", "none");
    $("h4." + element).removeClass("selected");
    $("h4." + element).css ("background-color","#FFFFFF");
  }
}

