function arrayShuffle(){
var tmp, rand;
for(var i =0; i < this.length; i++){
rand = Math.floor(Math.random() * this.length);
tmp = this[i];
this[i] = this[rand];
this[rand] =tmp;
}
}
Array.prototype.shuffle =arrayShuffle;
starttime=10000;
randtime=5000;
divs = new Array("h1", "h2", "h3", "h4","h5", "h6", "h7");
width = new Array("w1", "w3", "w1", "w2", "w3", "w2", "w1");
//width.shuffle();
//divs.shuffle();
numclasses=3; //number of classes
setTimeout("go()",starttime+Math.round(Math.random()*randtime)); //set random start time between starttime and randtime
prefix="img/header/";
imgsave=new Array();
var nextpic2c=0;
var nextpic=0;
var nexttoggle=0;
var toggle=0;
var nottoggle=0;
img = new Array(
new Array("1-1.jpg", "1-2.jpg", "1-3.jpg", "1-4.jpg", "1-5.jpg", "1-6.jpg", "1-7.jpg", "1-8.jpg", "1-9.jpg", "1-10.jpg", "1-11.jpg", "1-12.jpg", "1-13.jpg", "1-14.jpg", "1-15.jpg", "1-16.jpg", "1-17.jpg", "1-18.jpg", "1-19.jpg", "1-20.jpg", "1-21.jpg", "1-22.jpg", "1-23.jpg", "1-24.jpg", "1-25.jpg"),
new Array("2-1.jpg", "2-2.jpg", "2-3.jpg", "2-4.jpg", "2-5.jpg", "2-6.jpg", "2-7.jpg", "2-8.jpg", "2-9.jpg", "2-10.jpg", "2-11.jpg", "2-12.jpg", "2-13.jpg", "2-14.jpg", "2-15.jpg", "2-16.jpg", "2-17.jpg", "2-18.jpg", "2-19.jpg", "2-20.jpg", "2-21.jpg", "2-22.jpg", "2-23.jpg", "2-24.jpg", "2-25.jpg", "2-s1.jpg", "2-s2.jpg", "2-s3.jpg", "2-s4.jpg", "2-s5.jpg"),
new Array("3-1.jpg", "3-2.jpg", "3-3.jpg", "3-4.jpg", "3-5.jpg", "3-6.jpg", "3-7.jpg", "3-8.jpg", "3-9.jpg", "3-10.jpg", "3-11.jpg", "3-12.jpg", "3-13.jpg", "3-14.jpg", "3-15.jpg", "3-16.jpg", "3-17.jpg", "3-18.jpg", "3-19.jpg", "3-20.jpg", "3-21.jpg", "3-22.jpg", "3-23.jpg", "3-24.jpg", "3-25.jpg", "3-s1.jpg", "3-s2.jpg", "3-s3.jpg", "3-s4.jpg", "3-s5.jpg"));
numpics= new Array();
numpics[0]=img[0].length;
numpics[1]=img[1].length;
numpics[2]=img[2].length;
var DBG = {
write : function(txt){
if (!window.dbgwnd){
window.dbgwnd = window.open("","debug","status=0,toolbar=0,location=0,menubar=0,directories=0,resizable=0,scrollbars=1,width=600,height=250");
window.dbgwnd.document.write('');
}
var x = window.dbgwnd.document.getElementById("main");
this.line=(this.line==null)?1:this.line+=1;
txt=this.line+': '+txt;
if (x.innerHTML == ""){
x.innerHTML = txt;
}
else {
x.innerHTML = txt + "
" + x.innerHTML;
}
}
}
$(document).ready(function(){
//document.cookie = 'images=meinwert; expires=Thu, 01-Jan-70 00:00:01 GMT;'; //delete cookies
for(var i=0;i");
wclass=getClass(divs[i]);
$('#'+divs[i]).append("");
$('#'+divs[i]).append("");
if(i==(divs.length-1)){
$('#'+divs[i]).append("");
$('#'+divs[i]+'c').css('background-image','url('+prefix+(wclass+1)+"-"+"22.jpg"+')'); //load image in background
}
var count=-1;
var cImages=0;
if(document.cookie.search('images')>0){ //exist images in cookies?
cImages = document.cookie.substr(document.cookie.search('images')+7);
cImages = cImages.substr(0,cImages.search("$")-1);
var cImg=cImages.split(",");
imgsave[i]=cImg[i];
if(cImg[i].slice(0,1)=="s"){
$('#'+divs[i]+'a').html(getHeaderText(cImg[i].slice(1,2)));
$('#'+divs[i]+'a').css('background-image','none');
$('#'+divs[i]+'a').css('background-color','#509dcb'); //load image in background
}else{
$('#'+divs[i]+'a').html("");
$('#'+divs[i]+'a').css('background-image','url('+prefix+(wclass+1)+"-"+cImg[i]+')'); //load image in background
}
//$('#'+divs[i]+'a').css('background-image','url('+prefix+(wclass+1)+"-"+cImg[i]+')');
// alert(prefix+(wclass+1)+"-"+cImg[i]);
}else{ //no images in cookies
a = Math.round(Math.random()*(divs.length-1));
var image='';
do{
b = Math.round(Math.random()*(numpics[wclass]-1));
image=img[wclass][b];
if(image.slice(2,3)=="s"){
$('#'+divs[i]+'a').html(getHeaderText(image.slice(3,4)));
$('#'+divs[i]+'a').css('background-image','none');
$('#'+divs[i]+'a').css('background-color','#509dcb'); //load image in background
}else{
$('#'+divs[i]+'a').html("");
$('#'+divs[i]+'a').css('background-image','url('+prefix+image+')'); //load image in background
}
//$('#'+divs[i]+'a').css('background-image','url('+prefix+image+')');
imgsavestr=imgsave.join(",");
var imagepart=image.slice(2); //type of image (e.g. 6.jpg)
} while (imgsavestr.indexOf(imagepart)>-1 || ( image.slice(2,3)=="s" && imgsavestr.indexOf('s')>-1)); //check if imagetype exists already in imagesavestr or if stringimg exists already
var z=(image.slice(2));
imgsave[i]=z;
//div farbe/größe
//put image in save
//$('#'+divs[i]+'b').css('background-image','url('+prefix+img[wclass][counter[wclass]]+')');
//count(counter,wclass);
}
}
document.cookie="images="+imgsave.join(",")+"$;";
//preparePic();
$("#test").click(function(event){
});
});
function go(){
setTimeout("preparePic()",1000);
setTimeout("delay()",starttime+Math.round(Math.random()*randtime));
//DBG.write('timeout set');
}
function delay(){
doChange();
go();
}
function preparePic(){
nextpic2c = Math.round(Math.random()*(divs.length-1)); //get random div where image will be replaced
//change img
toggle='a';
nottoggle='b';
if($('#'+divs[nextpic2c]+"a").css('z-index')=="1"){ //if b is in foreground change tooglediv
toggle='b';nottoggle='a';
}
wclass=getClass(divs[nextpic2c]); //get WithClass of image
var image='';
do{
b = Math.round(Math.random()*(numpics[wclass]-1)); //get random image of specific withclass
image=img[wclass][b]; //select the image
if(image.slice(2,3)=="s"){
$('#'+divs[nextpic2c]+nottoggle).html(getHeaderText(image.slice(3,4)));
$('#'+divs[nextpic2c]+nottoggle).css('background-image','none');
$('#'+divs[nextpic2c]+nottoggle).css('background-color','#509dcb'); //load image in background
}else{
$('#'+divs[nextpic2c]+nottoggle).html("");
$('#'+divs[nextpic2c]+nottoggle).css('background-color',''); //load image in background
$('#'+divs[nextpic2c]+nottoggle).css('background-image','url('+prefix+image+')'); //load image in background
}
imgsavestr=imgsave.join(",");
var imagepart=image.slice(2);
}while (imgsavestr.indexOf(imagepart)>-1 || ( image.slice(2,3)=="s" && imgsavestr.indexOf('s')>-1));
var z=(image.slice(2));
//DBG.write(imgsave);
//DBG.write("pic "+nextpic2c+toggle+" prepared");
imgsave[nextpic2c]=z; //save image in collection
//document.cookie=imgsave.join(",");
//fadeout overlaying div
//alert('nextpicprepared'+nextpic2c);
document.cookie="images="+imgsave.join(",")+"$;";
}
function doChange(){
//DBG.write('dochange '+nextpic2c+"-"+toggle);
//fadeout nextpic2c div and call fi function
$("#"+divs[nextpic2c]+toggle).fadeOut('slow',function(){fi(divs[nextpic2c], toggle)});
//DBG.write('change finished');
}
function getClass(div){
if($("#"+div).hasClass('w1')==true){
return 0;
}else if($("#"+div).hasClass('w2')==true){
return 1;
}else if($("#"+div).hasClass('w3')==true){
return 2;
}
return 0;
}
function changeRandom(){
doChange();
setTimeout("preparePic()",1000);
}
/*
change z-value of image and fadein the div again in background
*/
function fi(div, toggle){
$('#'+div+'a').css('z-index','10');
$('#'+div+'b').css('z-index','10');
$('#'+div+toggle).css('z-index','1');
$('#'+div+toggle).show();
}
function getHeaderText(num){
switch(parseInt(num)){
case 1: return "Wie steht es um mich und mein Kollegium?
";
break;
case 2:
return "Wie geht es mir und meinem Kollegium?
";
break;
case 3:
return "Was läuft gut?
";
break;
case 4:
return "Was muss sich verändern?
";
break;
case 5:
return "Wie können wir das erreichen?
";
break;
case 6:
return "Was können wir selbst dabei tun?
";
break;
default:
return "Error";
}
}