// Javascript wird von allen aufgerufen
$(document).ready(function(){
    
    var cnv = document.getElementById("tab_concept");
    var jg = new jsGraphics(cnv);
    
    $("#nav1").hide();
    $("#nav2").hide();
    $("#nav3").hide();
    $("#nav4").hide();
    $("#nav5").hide();
    $("#nav6").hide();
    $("#nav7").hide();

    //$("#id_concept_content2").hide();
    //$("#id_concept_content3").hide();

    jg.setColor("#ffffff");
    jg.setStroke(1);  
    jg.drawEllipse(355, 340, 240,240);
    jg.paint();

    gruener_Punkt();
    endpos = 3.65; 
    direction = 0; 
    Kreislauf();
    $("#nav1").fadeIn("slow");
    
    
    $("#navpos1").mouseover(function(){
        if(lastfade != '#nav1') {
            $("#nav1").fadeIn("slow");
            endpos = 3.65; 
            //direction = 0; 
            Kreislauf();
        }
        if(lastfade != "" && lastfade != '#nav1') {
            $(lastfade).fadeOut("fast");
        }
        lastfade='#nav1';
    });
    $("#navpos2").mouseover(function(){
        if(lastfade != '#nav2') {
            $("#nav2").fadeIn("slow");
            endpos = 4.5; 
            //direction = 0; 
            Kreislauf();
        }
        if(lastfade != "" && lastfade != '#nav2') {
            $(lastfade).fadeOut("fast");
        }
        lastfade='#nav2';
    });
    $("#navpos3").mouseover(function(){
        if(lastfade != '#nav3') {
            $("#nav3").fadeIn("slow");
            endpos = 5.4; 
            //direction = 0; 
            Kreislauf();
        }
        if(lastfade != "" && lastfade != '#nav3') {
            $(lastfade).fadeOut("fast");
        }
        lastfade='#nav3';
    });
    $("#navpos4").mouseover(function(){
        if(lastfade != '#nav4') {
            $("#nav4").fadeIn("slow");
            endpos = 0; 
            //direction = 0; 
            Kreislauf();
        }
        if(lastfade != "" && lastfade != '#nav4') {
            $(lastfade).fadeOut("fast");
        }
        lastfade='#nav4';
    });
    $("#navpos5").mouseover(function(){
        if(lastfade != '#nav5') {
            $("#nav5").fadeIn("slow");
            endpos = 1.0; 
            //direction = 0; 
            Kreislauf();
        }
        if(lastfade != "" && lastfade != '#nav5') {
            $(lastfade).fadeOut("fast");
        }
        lastfade='#nav5';
    });
    $("#navpos6").mouseover(function(){
        if(lastfade != '#nav6') {
            $("#nav6").fadeIn("slow");
            endpos = 1.9; 
            //direction = 0; 
            Kreislauf();
        }
        if(lastfade != "" && lastfade != '#nav6') {
            $(lastfade).fadeOut("fast");
        }
        lastfade='#nav6';
    });
    $("#navpos7").mouseover(function(){
        if(lastfade != '#nav7') {
             $("#nav7").fadeIn("slow");
             endpos = 2.7; 
             //direction = 0; 
             Kreislauf();
        }
      if(lastfade != "" && lastfade != '#nav7') {
          $(lastfade).fadeOut("slow");
      }
      lastfade='#nav7';
    });
    
    $("#layer1").show();
});


//function changepos(msel) {
//     // auswahl wechseln
//     //console.log(lastfademenu);
//     if(lastfademenu != "")
//         $(lastfademenu).fadeOut("slow");
//     if(msel=='m1') {
//          $("#pfeil").animate({ top: "210" } , {duration:500 , easing:"easeOutBounce"});
//          $("#id_concept_content1").fadeIn("slow");
//          lastfademenu='#id_concept_content1';
//     }
//     if(msel=='m2') {
//          $("#pfeil").animate({ top: "237" } , {duration:500 , easing:"easeOutBounce"});
//          $("#id_concept_content2").fadeIn("slow");
//          lastfademenu='#id_concept_content2';
//     }
//     if(msel=='m3') {
//          $("#pfeil").animate({ top: "264" } , {duration:500 , easing:"easeOutBounce"});
//          $("#id_concept_content3").fadeIn("slow");
//          lastfademenu='#id_concept_content3';
//     }
//      // class
//      document.getElementById('m1').className="concept_menu_unselect";
//      document.getElementById('m2').className="concept_menu_unselect";
//      document.getElementById('m3').className="concept_menu_unselect";
//
//      document.getElementById(msel).className="concept_menu_select";
//      // text
//      // bild
//      
//}

////////////////////////////////////////////////////////////
// getWinSize(window)

var lastfade="";
var lastfademenu="#id_concept_content1";
var lastpos=0;
var Radiant=0;
var endpos=0;
var direction=1;
var aktiv="";


gruener_Punkt=function () {
	gruener_Punkt=new Image();
	gruener_Punkt.src="images/kugel.png";
	gruener_Punkt.style.position="absolute";
	gruener_Punkt.style.top="0px";
	gruener_Punkt.style.left="0px";
	gruener_Punkt.height="10";
	gruener_Punkt.width ="10";
	document.getElementById('tab_concept').appendChild(gruener_Punkt);
}


function Kreislauf() {
	ZentrumX=470;
	ZentrumY=455;
	Radius=120;

    window.clearTimeout(aktiv);
    
    if (Radiant >= 6.28 )     Radiant=0;
	if (Radiant <= -6.28 )    Radiant=0;

	vertikal=Math.ceil(Math.sin(Radiant)*Radius);
	horizontal=Math.ceil(Math.cos(Radiant)*Radius);

	gruener_Punkt.style.top=ZentrumY+horizontal+"px";
	gruener_Punkt.style.left=ZentrumX+vertikal+"px";
    //if( (Radiant+3.14) < endpos)
    //    direction=0;
    //else
    //    direction=1;
        
    if(direction > 0)
	    //Radiant+=0.05;
	    Radiant+=0.1;
    else 
	    //Radiant-=0.05;
	    Radiant-=0.1;
    //console.log(Radiant,direction,endpos);
    
//    if(Math.abs(Radiant) < endpos-0.05 || Math.abs(Radiant) > endpos+0.05) { 
    if(Math.abs(Radiant) < endpos-0.1 || Math.abs(Radiant) > endpos+0.1) { 
       aktiv=setTimeout("Kreislauf()",5);
    }

}

    
//function getWinSize(win)
//{
//    if(!win) win = window;
//    var s = new Object();
//    if(typeof win.innerWidth != 'undefined')
//    {
//        s.width = win.innerWidth;
//        s.height = win.innerHeight;
//    }
//    else
//    {
//         var obj = getBody(win);
//         s.width = parseInt(obj.clientWidth);
//         s.height = parseInt(obj.clientHeight);
//    }
//    return s;
//}
////////////////////////////////////////////////////////////
// Der IE hat 2 verschiedene Objekte für den strict und quirks Mode.
//function getBody(w)
//{
//    return (w.document.compatMode && w.document.compatMode == "CSS1Compat") ? w.document.documentElement : w.document.body || null;
//}  


//function new_position() {
//    var el = document.getElementById('layer1');
//    var s = getWinSize();
//    var Layer1_offset_y = parseInt((s.height-700)/2);
//    var Layer1_offset_x = parseInt((s.width-950)/2);
//    if (window.innerHeight < 700) 
//        Layer1_offset_y= 1;
//    if (window.innerWidth < 950) 
//        Layer1_offset_x= 1;
//    if(el) {
//        el.style.top  = Layer1_offset_y +'px';
//        el.style.left = Layer1_offset_x+'px';
//    }
//    //console.log(Layer1_offset_y,Layer1_offset_x);
//  }
//
//window.onresize = new_position;
//window.onload =  new_position;

function MM_preloadImages() { //v3.0
  var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
    var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
    if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}

function MM_findObj(n, d) { //v4.01
  var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
    d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
  if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
  for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
  if(!x && d.getElementById) x=d.getElementById(n); return x;
}

function MM_nbGroup(event, grpName) { //v6.0
  var i,img,nbArr,args=MM_nbGroup.arguments;
  if (event == "init" && args.length > 2) {
    if ((img = MM_findObj(args[2])) != null && !img.MM_init) {
      img.MM_init = true; img.MM_up = args[3]; img.MM_dn = img.src;
      if ((nbArr = document[grpName]) == null) nbArr = document[grpName] = new Array();
      nbArr[nbArr.length] = img;
      for (i=4; i < args.length-1; i+=2) if ((img = MM_findObj(args[i])) != null) {
        if (!img.MM_up) img.MM_up = img.src;
        img.src = img.MM_dn = args[i+1];
        nbArr[nbArr.length] = img;
    } }
  } 
//  else if (event == "over") {
//    document.MM_nbOver = nbArr = new Array();
//    for (i=1; i < args.length-1; i+=3) if ((img = MM_findObj(args[i])) != null) {
//      if (!img.MM_up) img.MM_up = img.src;
//      img.src = (img.MM_dn && args[i+2]) ? args[i+2] : ((args[i+1])? args[i+1] : img.MM_up);
//      nbArr[nbArr.length] = img;
//    }
//  } else if (event == "out" ) {
//    for (i=0; i < document.MM_nbOver.length; i++) {
//      img = document.MM_nbOver[i]; img.src = (img.MM_dn) ? img.MM_dn : img.MM_up; }
//  } else if (event == "down") {
//    nbArr = document[grpName];
//    if (nbArr)
//      for (i=0; i < nbArr.length; i++) { img=nbArr[i]; img.src = img.MM_up; img.MM_dn = 0; }
//    document[grpName] = nbArr = new Array();
//    for (i=2; i < args.length-1; i+=2) if ((img = MM_findObj(args[i])) != null) {
//      if (!img.MM_up) img.MM_up = img.src;
//      img.src = img.MM_dn = (args[i+1])? args[i+1] : img.MM_up;
//      nbArr[nbArr.length] = img;
//  } }
}