/**
* Rotator.js by will jessup
* will -at- willjessup.com or AIM "xdionysisx"
* This is a demo of jQuery and a bit of fun javaScript - released under creative commons
* IE fixes for previous versions by Krzysztof Finowicki
*/


var de;
var w;
var h;
var xm=200; // mouse x
var ym=200; // mouse y
var ay=2;
var sin=Math.sin(ay*Math.PI/180);
var cos=Math.cos(ay*Math.PI/180);
var angle = 0;
var k=0;
var elem = [];
var camDist = 600;
var scale = .4; // geschwindigkeit
var vpsi = 1;
var fontScale = .0005;
var psi = 1;


$(document).ready(function(){

  de = document.documentElement;
  w = window.innerWidth || self.innerWidth || (de&&de.clientWidth) || document.body.clientWidth;
  h = window.innerHeight || self.innerHeight || (de&&de.clientHeight) || document.body.clientHeight;
//disk angle (between 0 and 90). 0 is flat w/ no Y movement and 90 will move in a perfect circle.
  psi = Math.abs(Math.sin((ym-h*.5)/h*Math.PI));

});

if(1 ==2 )
{

	// not using $() here to recude # of query calls since onmousemove gets called so often that it needs optimization
	document.onmousemove = function(e) {
		if (window.event) e = window.event;
		xm = (e.x || e.clientX);
	        ym = (e.y || e.clientY);

	//kff: I'm not sure if it is necessary to repeat these calculations on each mousemove
	// maybe in onresize (if you want to optimize)? but I will not change it
		var de = document.documentElement;
	        var w = window.innerWidth || self.innerWidth || (de&&de.clientWidth) || document.body.clientWidth;
	        var h = window.innerHeight || self.innerHeight || (de&&de.clientHeight) || document.body.clientHeight;


	        /**
		*set the amplitude of the function equal to height of the browser, shifted by 180 degrees (half browser height).
		*returns value between 90 and 0 degrees for any mouse movement on the screen
		*/


	}

}
$.fn.cartesianToSphereical = function() {

    //with each link element, convert it and store it in elements
    for(i=0; i<this.length; i++) {
                      if ( !elem[i] ) elem[i] = {};

	                  //var curLink = this[i].href;
                      //var queryString = curLink.replace(/^[^\?]+\??/,'');
                      //params = parseQuery( queryString );

                      //x = params['x'];
                      //y = params['y'];
                      //z = params['z'];

                      x = coords[(this[i].id)].x;
                      y = coords[(this[i].id)].y;
                      z = coords[(this[i].id)].z;

                      r = parseInt(Math.abs(Math.sqrt(x*x+y*y+z*z)));
                      rr = parseInt(Math.abs(Math.sqrt(x*x+y*y)));


                      //angle from 0 between -pi/pi  , need to add 180 degrees for anything in 2,3 quadrant
                      if(x<0)
                         theta= (Math.atan(y/x)*180/Math.PI)+180;
                      else
                         theta= (Math.atan(y/x)*180/Math.PI);


                      psiElement= (Math.atan(z/rr)*180/Math.PI);




                      //sphereical is r, theta, and psi (psie here because psi is the system, psie is individual)
                      elem[i].theta = theta;           //rotational angle
                      elem[i].r = r;                   //total radius
                      elem[i].psie = psiElement;        //vertical angle

                      //lets do this Z calculation here so its not repeated below
                      elem[i].z = z;

                      //radius of x-y sphere, used to calculate distance later
                      elem[i].rr = rr;
                      elem[i].html = this[i].innerHTML;

                      // console.info("r" + r + " rr" + rr + " psie " + psiElement + " z" + z);

    }
}
$.fn.rotate = function () {
        for(i=0; i<this.length; i++) {
                      if (!elem[i]) elem[i] = {};

                      //angle of the system
                      angle += sin*scale;

                      //uncomment below line to rotate 1/r^2
                      // elem[i].angle = (angle + elem[i].theta)*(400/(elem[i].r^2));
                      elem[i].angle = (angle + elem[i].theta);



                      //psi from -.99 to .99
                      X = elem[i].r*Math.cos(elem[i].angle*Math.PI/180)*Math.cos(elem[i].psie*Math.PI/180);
                      Y = elem[i].r*Math.sin(elem[i].angle*Math.PI/180)*Math.cos(elem[i].psie*Math.PI/180)*Math.sin(psi) + elem[i].z*Math.cos(psi);


                      elem[i].dist = parseInt( elem[i].r*Math.cos((vpsi + elem[i].psie)*Math.PI/180) +
                          elem[i].rr*Math.sin(elem[i].angle*Math.PI/180)*Math.cos(vpsi*Math.PI/180) + camDist);

                     // console.info(Math.sin(elem[i].angle*Math.PI/180))
                      //scale factor for sizing
                      size = (elem[i].dist - 00)/700;

                      //was using jquery to set the CSS like this, but the following is faster
		      //$(this[i]).css({left:  X + "px", top:  -Y + "px", fontSize: size + "em", opacity: (size*10)/30 });

                          this[i].style.top = -Y + "px";
                          this[i].style.left = X + "px";
                          this[i].style.fontSize = size + "em";
                          this[i].style.opacity  = (size*10)/5;
                          this[i].style.zIndex  = elem[i].dist;
                      document.body.style.backgroundPosition = angle*10 + "px " + vpsi*2 + "px";

	}
}
$.fn.build = function() {



}



var items,polys;

function run(){
        items.rotate();
        $("#angle").html("psi =" + parseInt(psi));
        $("#vangle").html("v angle =" + parseInt(vpsi));
        $("#elm1d").html( elem[14].html + " dist =" + elem[14].dist);
        $("#elm3d").html( elem[3].html + " dist =" + elem[3].dist);
        $("#camDist").html("camera Distance =" + camDist);
	setTimeout("run()", 16);
}

$(document).ready(function(){
        items = $("#links a");
        polys = $(".polygon a");
        polys.build();
        items.cartesianToSphereical();
		run();
       //console.info(elem[17].html);

       $("#links a").mouseover(function(){

       		scale = 0.05;

       });

       $("#links a").mouseout(function(){

       		scale = 0.4;

       });
});

  function parseQuery ( query ) {
     var Params = new Object ();
     if ( ! query ) return Params; // return empty object
     var Pairs = query.split(/[;&]/);
     for ( var i = 0; i < Pairs.length; i++ ) {
        var KeyVal = Pairs[i].split('=');
        if ( ! KeyVal || KeyVal.length != 2 ) continue;
        var key = unescape( KeyVal[0] );
        var val = unescape( KeyVal[1] );
        val = val.replace(/\+/g, ' ');
        Params[key] = val;
     }
     return Params;
  }