// CHANGELOG
// v1.2 ... use getElementById("<ID>") to assign content -> works in IE & Firefox!
// v1.1 ... initial version

// common 
var randomnumber = 0;

// variables for fader 1
var which1=0;
var color1= "";
var fade1=1;
var r1=0;
var g1=0;
var b1=0;
r_start1=247;
g_start1=255;
b_start1=255;
r_end1=0;
g_end1=0;
b_end1=0;
step1=4;       // ein und ausblenden (1 = langsam, 255 = schnell)
hold1=1500;    // Pause in ms 
timeout1=50;

// variables for fader 2
var which2=0;
var color2= "";
var fade2=1;
var r2=247;
var g2=255;
var b2=255;
r_start2=247;
g_start2=255;
b_start2=255;
r_end2=0;
g_end2=0;
b_end2=0;
step2=8;      // ein und ausblenden (1 = langsam, 255 = schnell)
hold2=10000;  // Pause in ms 
timeout2=50;

// text for fader 1
var message1= new Array();
message1[0]=' \
    <p class="Motto"> \
        Das Beratungs- und Ausbildungsunternehmen <br/> \
        für lernende Organisationen \
    </p>';
message1[1]=' \
    <p class="Quote"> \
        „Cybernetics is the science of effective organisation“ \
    </p> \
    <p class="Source"> \
        Stafford Beer (Begründer der Management Kybernetik) \
    </p>';
message1[2]= message1[0];
message1[3]=' \
    <p class="Quote"> \
        „Information ist ein Unterschied, <br/> der irgendwann einen Unterschied machen wird“ \
    </p> \
    <p class="Source"> \
        Gregory Bateson (Antropologe) \
    </p>';
message1[4]= message1[0];
message1[5]=' \
    <p class="Quote"> \
        „Es gibt einen Unterschied zwischen Theorie und Praxis <br/> – in der Tat!“ \
    </p> \
    <p class="Source"> \
        Bernhard Shaw (Schriftsteller) \
    </p>';
message1[6]= message1[0];
message1[7]=' \
    <p class="Quote"> \
        „An investment in knowledge always pays the best interest“ \
    </p> \
    <p class="Source"> \
        Benjamin Franklin (US-Staatsmann) \
    </p>';
message1[8]= message1[0];
message1[9]=' \
    <p class="Quote"> \
        „Probleme kann man niemals mit derselben Denkweise lösen, <br/> durch die sie entstanden sind“ \
    </p> \
    <p class="Source"> \
        Albert Einstein (Physiker) \
    </p>';
message1[10]= message1[0];
message1[11]=' \
    <p class="Quote"> \
        „Unternehmen hängen von ihren besten Mitarbeitern weit mehr ab, <br/> als die guten Leute vom Unternehmen“ \
    </p> \
    <p class="Source"> \
        Peter F. Drucker (Managementvordenker) \
    </p> \
    <p class="Source"> \
        Peter F. Drucker (Managementvordenker) \
    </p>';
message1[12]= message1[0];
message1[13]=' \
    <p class="Quote"> \
        „In active regulation only variety can destroy variety“ \
    </p> \
    <p class="Source"> \
        Roy Ashby (Psychiater) \
    </p>';    

// text for fader 2
var message2= new Array();
message2[0]=' \
    <h1> \
        News: \
    </h1> \
 <p class="Quote"> \
        Herbstseminare 09 online. \
    </p> \
    <p class="Source"> \
        Das Seminarprogramm der VIST für Herbst 2009 ist online <br/> \
        <a href="http://vist.cc/index.php?id=27">mehr</a>\
    </p>';
message2[1]=' \
    <h1> \
        News: \
    </h1> \
    <p class="Quote"> \
        Veranstaltungen \
    </p> \
    <p class="Source"> \
        ICKM 2009 <br/>Die 6. International <br/>Conference on <br/>Knowledge Management <br/>3.-4. 12. 2009, <br/>Hongkong, China <br/> \
        <a href="http://www.ickm2009.org/snews/">mehr</a> <br/> <br/>PWM Wissenstag Oesterreich <br/> Die Plattform Wissensmanagement <br/> veranstaltet heuer zum fuenften <br/> Mal den Wissenstag Oesterreich <br/> 02. 09. 2009 <br/> Graz, Oesterreich <br/> <a href="http://i-know.tugraz.at/praxisforum/pwm_wissenstag_oesterreich">mehr</a>\
    </p>';

// common functions
function hex_it(zahl) {
 if (zahl==0) return("0"); if (zahl==1) return("1"); if (zahl==2) return("2");
 if (zahl==3) return("3"); if (zahl==4) return("4"); if (zahl==5) return("5");
 if (zahl==6) return("6"); if (zahl==7) return("7"); if (zahl==8) return("8");
 if (zahl==9) return("9"); if (zahl==10) return("A"); if (zahl==11) return("B");
 if (zahl==12) return("C"); if (zahl==13) return("D"); if (zahl==14) return("E");
 if (zahl==15) return("F");
}

function byte_to_hex(zahl) {
 wert1=Math.floor(zahl/16);
 wert2=zahl-(wert1*16);
 wert=hex_it(wert1) + hex_it(wert2);
 return(wert);
}

// fader 1
function animate1(){
 color="#"+byte_to_hex(r1)+byte_to_hex(g1)+byte_to_hex(b1);
 document.getElementById("Header2").innerHTML="<font color="+color+">"+message1[which1]+"</font>";
 if (fade1==1) {       // einblenden
    if (r_start1>r_end1) {if (r1>r_end1+step1)   r1-=step1; else r1=r_end1;  } else {if (r1<r_end1-step1)   r1+=step1;  else r1=r_end1; }
    if (g_start1>g_end1) {if (g1>g_end1+step1)   g1-=step1; else g1=g_end1;  } else {if (g1<g_end1-step1)   g1+=step1;  else g1=g_end1; }
    if (b_start1>b_end1) {if (b1>b_end1+step1)   b1-=step1; else b1=b_end1;  } else {if (b1<b_end1-step1)   b1+=step1;  else b1=b_end1; }
 }
 else {               // ausblenden
    if (r_start1>r_end1) {if (r1<r_start1-step1) r1+=step1; else r1=r_start1;} else {if (r1>r_start1+step1) r1-=step1;  else r1=r_end1; }
    if (g_start1>g_end1) {if (g1<g_start1-step1) g1+=step1; else g1=g_start1;} else {if (g1>g_start1+step1) g1-=step1;  else g1=g_end1; }
    if (b_start1>b_end1) {if (b1<b_start1-step1) b1+=step1; else b1=b_start1;} else {if (b1>b_start1+step1) b1-=step1;  else b1=b_end1; }
 }
// Einblenden beendet => Ausblenden
 timeout1 = 50;
 if ((r1==r_end1) && (g1==g_end1) &&(b1==b_end1)) {
       fade1=-1;
       timeout1=hold1;      
 }
// Wieder Ausblenden beendet => nächste Message einblenden
 if ((r1==r_start1) && (g1==g_start1) &&(b1==b_start1)) {
       fade1=1;r1=r_start1;g1=g_start1;b1=b_start1;
       if (which1<message1.length-1) which1+=1; else which1=0;
 }
 setTimeout('animate1()',timeout1);
}

// fader 2
function animate2(){
 color="#"+byte_to_hex(r2)+byte_to_hex(g2)+byte_to_hex(b2);
 document.getElementById("SideBar").innerHTML="<font color="+color+">"+message2[which2]+"</font>";
 if (fade2==1) {       // einblenden
    if (r_start2>r_end2) {if (r2>r_end2+step2)   r2-=step2; else r2=r_end2;  } else {if (r2<r_end2-step2)   r2+=step2;  else r2=r_end2; }
    if (g_start2>g_end2) {if (g2>g_end2+step2)   g2-=step2; else g2=g_end2;  } else {if (g2<g_end2-step2)   g2+=step2;  else g2=g_end2; }
    if (b_start2>b_end2) {if (b2>b_end2+step2)   b2-=step2; else b2=b_end2;  } else {if (b2<b_end2-step2)   b2+=step2;  else b2=b_end2; }
 }
 else {               // ausblenden
    if (r_start2>r_end2) {if (r2<r_start2-step2) r2+=step2; else r2=r_start2;} else {if (r2>r_start2+step2) r2-=step2;  else r2=r_end2; }
    if (g_start2>g_end2) {if (g2<g_start2-step2) g2+=step2; else g2=g_start2;} else {if (g2>g_start2+step2) g2-=step2;  else g2=g_end2; }
    if (b_start2>b_end2) {if (b2<b_start2-step2) b2+=step2; else b2=b_start2;} else {if (b2>b_start2+step2) b2-=step2;  else b2=b_end2; }
 }
// Einblenden beendet => Ausblenden
 timeout2 = 50;
 if ((r2==r_end2) && (g2==g_end2) &&(b2==b_end2)) {
       fade2=-1;
       timeout2=hold2;      
 }
// Wieder Ausblenden beendet => nächste Message einblenden
 if ((r2==r_start2) && (g2==g_start2) &&(b2==b_start2)) {
       fade2=1;r2=r_start2;g2=g_start2;b2=b_start2;
       if (which2<message2.length-1) which2+=1; else which2=0;
 }
 setTimeout('animate2()',timeout2);
}

// startup
function init() {
 r1=r_end1;
 g1=g_end1;
 b1=b_end1;

 r2=r_start2;
 g2=g_start2;
 b2=b_start2;

 randomnumber = Math.random() ;

 which1=Math.round( (message1.length-1) * randomnumber);
 which2=Math.round( (message2.length-1) * randomnumber);

 setTimeout('animate2()',50);
 setTimeout('animate1()',50);
}