var actEle = new Array(8);
//Produkt animation
function randPics() {
  //basal: Popup deaktiviert      
  //NF=window.open("pop_up_tools.html","Jobs","width=350,height=650");
  //NF.focus;
  new Effect.Opacity('randpic1',{duration: 1.0, transition: Effect.Transitions.linear, from: 1.0, to:0.0, afterFinish: fadeRandPic1});                          
}

function fadeRandPic1(effect) {        
  var ran = rand(1,picCount,100);
  while(in_array(ran,actEle)==1) {
    ran = rand(1,picCount,100); 
  }
  actEle[0]=ran;
  
  var randpic1 = document.getElementById('randpic1');  
  var randpic1ref = document.getElementById('randpic1ref');
  var path = 'img/randomeffectpics/'+ran+'.jpg'; 
  randpic1.src=path;
  randpic1ref.href="javascript:openDetail('"+path+"')";
  effect.cancel();
  new Effect.Opacity('randpic1',{duration: 1.0, transition: Effect.Transitions.linear, from: 0.0, to:1.0, afterFinish: fadeRandPic1b});        
}
function fadeRandPic1b(effect) {
  effect.cancel();
  new Effect.Opacity("randpic5",{duration: 1.0, transition: Effect.Transitions.linear,  from: 1.0, to:0.0, afterFinish: fadeRandPic5});        
}
          

function fadeRandPic5(effect) {        
  var ran = rand(1,picCount,100);
  while(in_array(ran,actEle)==1) {
    ran = rand(1,picCount,100); 
  }   
  actEle[4]=ran;
  
  var randpic5 = document.getElementById('randpic5');
  var randpic5ref = document.getElementById('randpic5ref');
  var path = 'img/randomeffectpics/'+ran+'.jpg'; 
  randpic5.src=path;
  randpic5ref.href="javascript:openDetail('"+path+"')";

  effect.cancel();
  new Effect.Opacity('randpic5',{duration: 1.0, transition: Effect.Transitions.linear, from: 0.0, to:1.0, afterFinish: fadeRandPic5b});        
}
function fadeRandPic5b(effect) {
  effect.cancel();
  new Effect.Opacity("randpic2",{duration: 1.0, transition: Effect.Transitions.linear, from: 1.0, to:0.0, afterFinish: fadeRandPic2});          
}


function fadeRandPic2(effect) {        
  var ran = rand(1,picCount,100);
  while(in_array(ran,actEle)==1) {
    ran = rand(1,picCount,100); 
  }
  actEle[1]=ran;
    
  var randpic2 = document.getElementById('randpic2');
  var randpic2ref = document.getElementById('randpic2ref');
  var path = 'img/randomeffectpics/'+ran+'.jpg'; 
  randpic2.src=path;
  randpic2ref.href="javascript:openDetail('"+path+"')";
    
  effect.cancel();
  new Effect.Opacity('randpic2',{duration: 1.0, transition: Effect.Transitions.linear, from: 0.0, to:1.0, afterFinish: fadeRandPic2b});        
}
function fadeRandPic2b(effect) {
  effect.cancel();
  new Effect.Opacity("randpic6",{duration: 1.0, transition: Effect.Transitions.linear,  from: 1.0, to:0.0, afterFinish: fadeRandPic6});      
}


function fadeRandPic6(effect) {        
  var ran = rand(1,picCount,100);
  while(in_array(ran,actEle)==1) {
    ran = rand(1,picCount,100); 
  }   
  actEle[5]=ran;
  
  var randpic6 = document.getElementById('randpic6');
  var randpic6ref = document.getElementById('randpic6ref');
  var path = 'img/randomeffectpics/'+ran+'.jpg'; 
  randpic6.src=path;
  randpic6ref.href="javascript:openDetail('"+path+"')";

  effect.cancel();
  new Effect.Opacity('randpic6',{duration: 1.0, transition: Effect.Transitions.linear, from: 0.0, to:1.0, afterFinish: fadeRandPic6b});        
}
function fadeRandPic6b(effect) {
  effect.cancel();
  new Effect.Opacity("randpic3",{duration: 1.0, transition: Effect.Transitions.linear, from: 1.0, to:0.0, afterFinish: fadeRandPic3});        
}


function fadeRandPic3(effect) {        
  var ran = rand(1,picCount,100);
  while(in_array(ran,actEle)==1) {
    ran = rand(1,picCount,100); 
  }  
  actEle[2]=ran;
    
  var randpic3 = document.getElementById('randpic3');
  var randpic3ref = document.getElementById('randpic3ref');
  var path = 'img/randomeffectpics/'+ran+'.jpg'; 
  randpic3.src=path;
  randpic3ref.href="javascript:openDetail('"+path+"')";
    
  effect.cancel();
  new Effect.Opacity('randpic3',{duration: 1.0, transition: Effect.Transitions.linear, from: 0.0, to:1.0, afterFinish: fadeRandPic3b});        
}
function fadeRandPic3b(effect) {
  effect.cancel();
  new Effect.Opacity("randpic7",{duration: 1.0, transition: Effect.Transitions.linear, from: 1.0, to:0.0, afterFinish: fadeRandPic7});        
}



function fadeRandPic7(effect) {        
  var ran = rand(1,picCount,100);
  while(in_array(ran,actEle)==1) {
    ran = rand(1,picCount,100); 
  }   
  actEle[6]=ran;
  
  var randpic7 = document.getElementById('randpic7');
  var randpic7ref = document.getElementById('randpic7ref');
  var path = 'img/randomeffectpics/'+ran+'.jpg'; 
  randpic7.src=path;
  randpic7ref.href="javascript:openDetail('"+path+"')";
    
  effect.cancel();
  new Effect.Opacity('randpic7',{duration: 1.0, transition: Effect.Transitions.linear, from: 0.0, to:1.0, afterFinish: fadeRandPic7b});        
}
function fadeRandPic7b(effect) {
  effect.cancel();
  new Effect.Opacity("randpic4",{duration: 1.0, transition: Effect.Transitions.linear, from: 1.0, to:0.0, afterFinish: fadeRandPic4});        
}


function fadeRandPic4(effect) {        
  var ran = rand(1,picCount,100);
  while(in_array(ran,actEle)==1) {
    ran = rand(1,picCount,100); 
  }  
  actEle[3]=ran;
    
  var randpic4 = document.getElementById('randpic4');
  var randpic4ref = document.getElementById('randpic4ref');
  var path = 'img/randomeffectpics/'+ran+'.jpg'; 
  randpic4.src=path;
  randpic4ref.href="javascript:openDetail('"+path+"')";
      
  effect.cancel();
  new Effect.Opacity('randpic4',{duration: 1.0, transition: Effect.Transitions.linear, from: 0.0, to:1.0, afterFinish: fadeRandPic4b});        
}
function fadeRandPic4b(effect) {
  effect.cancel();
  new Effect.Opacity('randpic8',{duration: 1.0, transition: Effect.Transitions.linear, from: 1.0, to:0.0, afterFinish: fadeRandPic8});      
}

 
function fadeRandPic8(effect) {        
  var ran = rand(1,picCount,100);
  while(in_array(ran,actEle)==1) {
    ran = rand(1,picCount,100); 
  }   
  actEle[7]=ran;
  
  var randpic8 = document.getElementById('randpic8');
  var randpic8ref = document.getElementById('randpic8ref');
  var path = 'img/randomeffectpics/'+ran+'.jpg'; 
  randpic8.src=path;
  randpic8ref.href="javascript:openDetail('"+path+"')";
    
  effect.cancel();
  new Effect.Opacity('randpic8',{duration: 1.0, transition: Effect.Transitions.linear, from: 0.0, to:1.0, afterFinish: fadeRandPic8b});        
}
function fadeRandPic8b(effect) {
  effect.cancel();
  new Effect.Opacity('randpic1',{duration: 1.0, transition: Effect.Transitions.linear, from: 1.0, to:0.0, afterFinish: fadeRandPic1});      
}       

      
function rand(min,max,fak) {
   zahl = Math.random(); 
   zahl += Math.PI;
   zahl = Math.pow(zahl, 8);
   zahl -= Math.floor(zahl);
   zahl*=fak;
   zahl=Math.floor(zahl);
   if(zahl>=min && zahl<=max)
    return zahl;
   else
    return rand(min,max,fak);      
}   
function in_array(key,array) {
  for (var i = 0; i < array.length; i++)
      if(array[i] == key) {        
        return 1;
      }
  return 0;
}

//extra funktionen
function openWindow(title) {
  var ending="html";
  if(title=='News')
    ending="php"; 
  var parts = title.split("/"); 
  if(parts.length>1)
    title = parts[parts.length-1];
  MeinFenster = window.open(title+"."+ending, "_blank", "scrollbars=1,resizable=1,width=350,height=600,left=100,top=200",false);
  MeinFenster.focus();
}
var aktiv_id='start';  //Zuerst aktives Element
var title_suffix="-title";  // Suffix für DIV-Id mit Titeln
function setTexture(id){
    if(aktiv_id!=id) {
      var tmp = aktiv_id;
      aktiv_id=id;
      document.getElementById(id).style.display="block"; // war: .visability:none
      document.getElementById(id + title_suffix).style.display="block"; // war: .visability:none
      document.getElementById(tmp).style.display="none"; // war: .visability:none
      document.getElementById(tmp + title_suffix).style.display="none";
    }
}

function openDetail(pic) {
  MeinFenster = window.open("pic_detail.php?img="+pic, "Detailansicht", "scrollbars=1,resizable=0,width=216,height=450,left=100,top=200",false);
  MeinFenster.focus();
}