$(document).ready(function(){

    $("#id_concept_content21").hide();
    $("#id_concept_headimg21").hide();
    $("#id_concept_content22").hide();
    $("#id_concept_headimg22").hide();
    $("#id_concept_content23").hide();
    $("#id_concept_headimg23").hide();
    $("#id_concept_content3").hide();
    $("#id_concept_headimg3").hide();
    $("#sys").hide();
    $("#con").hide();
    $("#logosystemsoben").hide();
    
    //$("#nav4").fadeIn("slow");
    $("#nav4").show();
    
    
});

function changepos(msel) {
     // auswahl wechseln
     //console.log(lastfademenu);
     if(lastfademenu != "") 
         $(lastfademenu).fadeOut("slow");
     if(lastfadeimg != "") 
         $(lastfadeimg).fadeOut("slow");
     if(msel=='m1') {
          $("#pfeil").animate({ top: "210" } , {duration:500 , easing:"easeOutBounce"});
          $("#id_concept_content1").fadeIn("slow");
          $("#id_concept_headimg1").fadeIn("slow");
          lastfademenu='#id_concept_content1';
          lastfadeimg='#id_concept_headimg1';
          $("#con").hide();
          $("#sys").hide();
          $("#consys").fadeIn("slow");
          $("#logosystems").show();
          $("#logoconcept").show();
          $("#logosystemsoben").hide();
          
     }
     if(msel=='m21') {
          $("#pfeil").animate({ top: "265" } , {duration:500 , easing:"easeOutBounce"});
          $("#id_concept_content21").fadeIn("slow");
          $("#id_concept_headimg21").fadeIn("slow");
          $("#consys").hide();
          $("#sys").hide();
          $("#con").fadeIn("slow");
          $("#logosystems").hide();
          $("#logosystemsoben").hide();
          $("#logoconcept").show();

          lastfademenu='#id_concept_content21';
          lastfadeimg='#id_concept_headimg21';
     }
     if(msel=='m22') {
          $("#pfeil").animate({ top: "304" } , {duration:500 , easing:"easeOutBounce"});
          $("#id_concept_content22").fadeIn("slow");
          $("#id_concept_headimg22").fadeIn("slow");
          lastfademenu='#id_concept_content22';
          lastfadeimg='#id_concept_headimg22';
          $("#consys").hide();
          $("#con").hide();
          $("#sys").fadeIn("slow");
          $("#logosystemsoben").show();
          $("#logosystems").hide();
          $("#logoconcept").hide();
     }
     if(msel=='m23') {
          $("#pfeil").animate({ top: "344" } , {duration:500 , easing:"easeOutBounce"});
          $("#id_concept_content23").fadeIn("slow");
          $("#id_concept_headimg23").fadeIn("slow");
          lastfademenu='#id_concept_content23';
          lastfadeimg='#id_concept_headimg23';
          $("#consys").hide();
          $("#con").hide();
          $("#sys").fadeIn("slow");
          $("#logosystems").show();
          $("#logoconcept").show();
          $("#logosystemsoben").hide();
     }
     if(msel=='m3') {
          $("#pfeil").animate({ top: "370" } , {duration:500 , easing:"easeOutBounce"});
          $("#id_concept_content3").fadeIn("slow");
          $("#id_concept_headimg3").fadeIn("slow");
          lastfademenu='#id_concept_content3';
          lastfadeimg='#id_concept_headimg3';
          $("#con").hide();
          $("#sys").hide();
          $("#consys").fadeIn("slow");
          $("#logosystems").show();
          $("#logoconcept").show();
          $("#logosystemsoben").hide();
          
     }
      // class
      document.getElementById('m1').className="concept_menu_unselect";
      document.getElementById('m2').className="concept_menu_unselect";
      document.getElementById('m21').className="concept_menu_unselect_tab";
      document.getElementById('m22').className="concept_menu_unselect_tab";
      document.getElementById('m23').className="concept_menu_unselect_tab";
      document.getElementById('m3').className="concept_menu_unselect";

      document.getElementById(msel).className="concept_menu_select";
      // text
      // bild
      
}