$(document).ready(function(){

    $("#id_concept_content11").hide();
    $("#id_concept_headimg11").hide();
    $("#id_concept_content21").hide();
    $("#id_concept_headimg21").hide();
    $("#id_concept_content22").hide();
    $("#id_concept_headimg22").hide();

    $("#imgsys").hide();
    $("#pfeil2").hide();
    $("#sys").hide();
    $("#con").hide();
    $("#logosystems").hide();
    
    //$("#nav5").fadeIn("slow");
    $("#nav5").show();
    
    
});

function changepos(msel) {
     // auswahl wechseln
     //console.log(lastfademenu);
     if(lastfademenu != "") 
         $(lastfademenu).fadeOut("slow");
     if(lastfadeimg != "") 
         $(lastfadeimg).fadeOut("slow");
     if(msel=='m1') {
          $("#sys").hide();
          $("#con").hide();
          $("#syscon").show();

          $("#pfeil2").hide();
          $("#pfeil").show();
          $("#pfeil").animate({ top: "210" } , {duration:500 , easing:"easeOutBounce"});
          $("#id_concept_content1").fadeIn("slow");
          $("#id_concept_headimg1").fadeIn("slow");
          $("#imgsys").hide();
          $("#imgcon").fadeIn("fast");
          $("#logosystems").hide();
          $("#logoconcept").show();
          $("#logosystemsunten").show();
          $("#syscon").show();
          
          lastfademenu='#id_concept_content1';
          lastfadeimg='#id_concept_headimg1';
     }
     if(msel=='m11') {
          $("#con").show();
          $("#sys").hide();
          $("#syscon").hide();

          $("#pfeil2").hide();
          $("#pfeil").show();
          $("#pfeil").animate({ top: "237" } , {duration:500 , easing:"easeOutBounce"});
          $("#id_concept_content11").fadeIn("slow");
          $("#id_concept_headimg11").fadeIn("slow");
          $("#imgsys").hide();
          $("#imgcon").fadeIn("fast");
          $("#logosystems").hide();
          $("#logosystemsunten").hide();
          $("#logoconcept").show();
          
          
          lastfademenu='#id_concept_content11';
          lastfadeimg='#id_concept_headimg11';
     }
     if(msel=='m2') {
          $("#con").show();
          $("#sys").hide();
          $("#syscon").hide();
          $("#pfeil2").hide();
          $("#pfeil").show();
          $("#pfeil").animate({ top: "277" } , {duration:500 , easing:"easeOutBounce"});
          $("#id_concept_content2").fadeIn("slow");
          $("#id_concept_headimg2").fadeIn("slow");
          $("#imgsys").hide();
          $("#imgcon").fadeIn("fast");
          $("#logosystemsunten").hide();
          $("#logosystems").hide();
          $("#logoconcept").show();
          lastfademenu='#id_concept_content2';
          lastfadeimg='#id_concept_headimg2';
     }
     if(msel=='m21') {
          $("#con").show();
          $("#sys").hide();
          $("#syscon").hide();
          $("#pfeil2").hide();
          $("#pfeil").show();
          $("#pfeil").animate({ top: "320" } , {duration:500 , easing:"easeOutBounce"});
          $("#id_concept_content21").fadeIn("slow");
          $("#id_concept_headimg21").fadeIn("slow");
          $("#imgsys").hide();
          $("#imgcon").fadeIn("fast");
          $("#logosystemsunten").hide();
          $("#logosystems").hide();
          $("#logoconcept").show();
          lastfademenu='#id_concept_content21';
          lastfadeimg='#id_concept_headimg21';
     }
     if(msel=='m22') {
          $("#con").show();
          $("#sys").hide();
          $("#syscon").hide();
          $("#pfeil2").hide();
          $("#pfeil").show();
          $("#pfeil").animate({ top: "362" } , {duration:500 , easing:"easeOutBounce"});
          $("#id_concept_content22").fadeIn("slow");
          $("#id_concept_headimg22").fadeIn("slow");
          $("#imgsys").hide();
          $("#imgcon").fadeIn("fast");
          $("#logosystemsunten").hide();
          $("#logosystems").hide();
          $("#logoconcept").show();
          lastfademenu='#id_concept_content22';
          lastfadeimg='#id_concept_headimg22';
     }
     if(msel=='m3') {
          $("#pfeil").hide();
          $("#pfeil2").show();
          $("#pfeil2").animate({ top: "390" } , {duration:500 , easing:"easeOutBounce"});
          $("#id_concept_content3").fadeIn("slow");
          $("#id_concept_headimg3").fadeIn("slow");
          lastfademenu='#id_concept_content3';
          lastfadeimg='#id_concept_headimg3';
          $("#imgcon").hide();
          $("#imgsys").show();
          $("#syscon").hide();
          $("#con").hide();
          $("#sys").show();
          $("#logoconcept").hide();
          //$("#logosystems").animate({ top: "70" } , {duration:50 , easing:"easeOutBounce"});
          $("#logosystemsunten").hide();
          $("#logosystems").show();
          
          
     }
     //if(msel=='m4') {
     //     $("#pfeil").animate({ top: "400" } , {duration:500 , easing:"easeOutBounce"});
     //     $("#id_concept_content4").fadeIn("slow");
     //     $("#id_concept_headimg4").fadeIn("slow");
     //     lastfademenu='#id_concept_content4';
     //     lastfadeimg='#id_concept_headimg4';
     //}
      // class
      document.getElementById('m1').className="concept_menu_unselect";
      document.getElementById('m11').className="concept_menu_unselect";
      document.getElementById('m2').className="concept_menu_unselect";
      document.getElementById('m21').className="concept_menu_unselect";
      document.getElementById('m22').className="concept_menu_unselect";
      document.getElementById('m3').className="concept_menu_unselect";
      //document.getElementById('m4').className="concept_menu_unselect";

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