// JavaScript Document

var k_pos=0.0,  kk_x  = new Array(31), kk_y  = new Array(31),k_x  = new Array(31), k_y  = new Array(31),k_id  = new Array(31),kk_id  = new Array(31), k_contsize;
var k_speed= 0,speedup=0, speeddown=0,k_first = 0; 
var k_xmaximg=0,k_ymaximg=0, x=0, y=0, step=0.0,k_ialt=1,k_padx=0.0,k_pady=0.0, fadeto=1;
k_height /= 2; k_width  /= 2; k_reduce /=200;
var k_navx=0,k_navy=0;
function fadein() {
  for (var i= 1;i<=k_anz;i++) {
    if (fadeto==1) ById("pic"+i).style.visibility='visible';			  
	opacity(("pic"+i),(fadeto*4/(100/(Math.round(130-( 50 -(Math.cos(k_pos+Math.PI*2/k_anz*i)*50)  ),0)))))
  }
  if (fadeto==25) {
    clearInterval(fade);
    ById("k_container").style.backgroundImage = "none"; 
  }
  else fadeto++;
}

function onComplete() {
    var n = 0;
    for (var k_ii= 1;k_ii<=k_anz; k_ii++) if(ById("picc"+k_ii).complete == true) n++;
	n++;
    comp = (n == (k_anz+1));
	if (comp)  {
	  clearInterval(oncomp);
      setInterval('updateval()',30);
      fade = setInterval('fadein()',15);
	}
}



function ById(el) {
	return document.getElementById(el);
}

function opacity(el,alpha) {
   ById(el).style.opacity    = alpha/100;
   ById(el).style.MozOpacity = alpha/100;
   ById(el).style.filter='alpha(opacity=  '+alpha+')';
}

function mmove(evt) {
  var posi=new Object();
  if(!evt) { posi.x=window.event.clientX; posi.y=window.event.clientY; } // IE
  else { posi.x = evt.pageX+document.body.scrollLeft; posi.y = evt.pageY+document.body.scrollTop; } // Firefox
  xx= posi.x-(ById("k_container").offsetLeft-40);
  yy= posi.y-(ById("k_container").offsetTop+193);
  xx = Math.round((xx / (ById("k_container").offsetWidth/240))-120) ;
  xx = xx>120?0:xx<-120?0:Math.abs(xx)<20?0:xx>0?xx-20:xx<0?xx+20:0; //X Umrechnung inklusive Ränder und inaktive Mittelzone
  x = yy>ById("k_container").offsetHeight?0:yy<0?0:xx; //Y ausserhalb > x = 0
}

function updateval() {
  if (x>0) { speedup=1; speeddown=0;}
  else if (x<0) {speedup=0; speeddown=1;}
  else  { speedup=0; speeddown=0;}
  //  ById("disp").innerHTML ="x: "+x+"\nspeedup: "+speedup+"\nspeeddown: "+speeddown+"\nk_mode: "+k_mode+"\nk_navx: ";
   if      (speedup==1)   k_speed += (k_speed<0?2:1);
   else if (speeddown==1) k_speed -= (k_speed>0?2:1);
   else if (!speedup && !speeddown && k_speed) {
     k_speed += k_speed>0?-2:k_speed<0?2:0; 
	 if(k_speed==-1 || k_speed==1) k_speed=0;
   }
   k_speed = x/4;
   k_step = k_speed/350;

  if(k_first==0) {
 	    k_pos=((Math.PI*2/k_anz)*(k_anz-1));
        for (var k_ii= 1;k_ii<=k_anz; k_ii++) {
		 k_id[k_ii] = ById("pic"+k_ii);
 		 kk_id[k_ii] = ById("picc"+k_ii);
         k_x[k_ii]  = k_id[k_ii].offsetWidth;
         k_y[k_ii]  = k_id[k_ii].offsetHeight;
         kk_x[k_ii]  = kk_id[k_ii].offsetWidth;
         kk_y[k_ii]  = kk_id[k_ii].offsetHeight;
	     if (k_x[k_ii]>k_xmaximg) k_xmaximg = k_x[k_ii];
   	     if (k_y[k_ii]>k_ymaximg) k_ymaximg = k_y[k_ii];
       }
      k_navx =0;
      k_navy =0;
    ById("k_container").style.width = k_width*2+k_xmaximg-(k_xmaximg*k_reduce)+"px";
    ById("k_container").style.height = k_height*2+k_ymaximg+k_navy+3+"px";
      k_first=1;
	}
	 //fenstergröße verändert
     if(k_contsize != ById("k_container").offsetTop + ById("k_container").offsetLeft) {
        k_contsize = ById("k_container").offsetTop + ById("k_container").offsetLeft;
		k_ialt=0; //bilderrefresh erzwingen
   }
		   
    if (fadeto==25) k_pos += k_step;
	if (k_ialt != k_pos) {
  	  k_ialt=k_pos;
      if(k_pos>(Math.PI*2)) k_pos = k_pos-(Math.PI*2);
     for (var k_ii= 1;k_ii<=k_anz; k_ii++) {
        kk_id[k_ii].style.width =kk_x[k_ii]-Math.round((Math.cos(k_pos+(Math.PI*2/k_anz*k_ii))*(-(kk_x[k_ii]*k_reduce))+(kk_x[k_ii]*k_reduce)),0)+"px";
        k_pady = k_id[k_ii].offsetHeight;  k_pady = (k_pady*(k_ymaximg/k_y[k_ii])-k_pady);
        k_padx = k_id[k_ii].offsetWidth;   k_padx = (k_padx*(k_xmaximg/k_x[k_ii])-k_padx)/2;
        k_id[k_ii].style.top = k_pady+Math.cos(k_pos+((Math.PI*2/k_anz)*k_ii))*k_height+k_height+"px";
        k_id[k_ii].style.left =k_padx+Math.sin(k_pos+((Math.PI*2/k_anz)*k_ii))*k_width +k_width-k_id[k_ii].offsetWidth/2+"px"; 
	    opacity(("pic"+k_ii), Math.round(130-( 50 -(Math.cos(k_pos+Math.PI*2/k_anz*k_ii)*50)  ),0))
        k_id[k_ii].style.zIndex = Math.round((Math.cos(k_pos+(Math.PI*2/k_anz*k_ii))*k_height+k_height),0);
      }
	}
  }
  function init() { 
    document.onmousemove=mmove;
//    setInterval('updateval()',30);
//    fade = setInterval('fadein()',15);
  }

  
  	oncomp = setInterval('onComplete()',50);
init();