/* Mark places in the text where fading text is desired: e.g., */ /* I modeled this code on a script that did a black/white fade: The JavaScript Source :: http://javascript.internet.com Created by: Mike Hudson :: http://www.afrozeus.com */ function rand(a,b) { // randomly selects an integer between integers a and b // returns the selected integer var c = Math.floor((b+1-a)*Math.random() + a); return c; } function selectn (x,y,n) { // randomly selects n distinct integers between x and y (inclusive) // there are y-x+1 choices, so n must be <= y-x+1 hold = new Array(); // index starts at 0 choose = rand(x,y); // first selection hold = hold.concat(choose); // "hold" now has length 1; need n-1 more numbers holdlen = 1; // the length of "hold" will keep increasing by 1 for (i=1; i<=(n-1); i++) { choose = rand(x,y); // choose a potential new number // must check that it's not the same as anything else in "hold" innerloop: for (j=0; j m_FadeOut1R) && (m_Fade1R = m_FadeOut1R); // if we've exceeded max, set to max value (m_Fade1G < m_FadeOut1G) && (m_Fade1G+=m_FadeStep1); (m_Fade1G > m_FadeOut1G) && (m_Fade1G = m_FadeOut1G); (m_Fade1B < m_FadeOut1B) &&( m_Fade1B+=m_FadeStep1); (m_Fade1B > m_FadeOut1B) && (m_Fade1B = m_FadeOut1B); // if we're already as light as desired... if ( (m_Fade1R>=m_FadeOut1R) && (m_Fade1G>=m_FadeOut1G) && (m_Fade1B>=m_FadeOut1B) ) { m_curIndexInFadeWords1++; // go on to the next word to be displayed if (m_curIndexInFadeWords1>m_FadeWords1MaxIndex) // if we've reached the end of the word matrix... m_curIndexInFadeWords1=0; // start back at the beginning of the word matrix setFadeText1(); // display the text m_bFadeOut1 = false; // now, we'll start fading IN (i.e., getting darker...) } } else { // otherwise, we're fading IN (i.e., get darker...) (m_Fade1R > m_FadeIn1R) && (m_Fade1R-=m_FadeStep1); // only decrement if it's more (m_Fade1R < m_FadeIn1R) && (m_Fade1R = m_FadeIn1R); // if we're lower than the min, set to min value (m_Fade1G > m_FadeIn1G) && (m_Fade1G-=m_FadeStep1); (m_Fade1G < m_FadeIn1G) && (m_Fade1G = m_FadeIn1G); (m_Fade1B > m_FadeIn1B) &&( m_Fade1B-=m_FadeStep1); (m_Fade1B < m_FadeIn1B) && (m_Fade1B = m_FadeIn1B); // if we're already as dark as desired... if ( (m_Fade1R<=m_FadeIn1R) && (m_Fade1G<=m_FadeIn1G) && (m_Fade1B<=m_FadeIn1B) ) { clearInterval(m_iFadeInterval1); // STOP the setInterval() cycle... setTimeout(Faderesume1, m_FadeWait1); // after m_FadeWait milliseconds, resume the cycle m_bFadeOut1=true; // start fading OUT } } var ilink = document.getElementById("fade_text1"); if ( (m_Fade1R<=m_FadeOut1R)&&(m_Fade1R>=m_FadeIn1R)&&(m_Fade1G<=m_FadeOut1G)&&(m_Fade1G>=m_FadeIn1G)&&(m_Fade1B<=m_FadeOut1B)&&(m_Fade1B>=m_FadeIn1B) ) ilink.style.color = "#" + ToHexColor(m_Fade1R,m_Fade1G,m_Fade1B); } function fade_ontimer2() { if (m_bFadeOut2) { // if we're fading OUT (i.e., getting lighter... (m_Fade2R < m_FadeOut2R) && (m_Fade2R+=m_FadeStep2); // only increment if it's less (m_Fade2R > m_FadeOut2R) && (m_Fade2R = m_FadeOut2R); // if we've exceeded max, set to max value (m_Fade2G < m_FadeOut2G) && (m_Fade2G+=m_FadeStep2); (m_Fade2G > m_FadeOut2G) && (m_Fade2G = m_FadeOut2G); (m_Fade2B < m_FadeOut2B) &&( m_Fade2B+=m_FadeStep2); (m_Fade2B > m_FadeOut2B) && (m_Fade2B = m_FadeOut2B); // if we're already as light as desired... if ( (m_Fade2R>=m_FadeOut2R) && (m_Fade2G>=m_FadeOut2G) && (m_Fade2B>=m_FadeOut2B) ) { m_curIndexInFadeWords2++; // go on to the next word to be displayed if (m_curIndexInFadeWords2>m_FadeWords2MaxIndex) // if we've reached the end of the word matrix... m_curIndexInFadeWords2=0; // start back at the beginning of the word matrix setFadeText2(); // display the text m_bFadeOut2 = false; // now, we'll start fading IN (i.e., getting darker...) } } else { // otherwise, we're fading IN (i.e., get darker...) (m_Fade2R > m_FadeIn2R) && (m_Fade2R-=m_FadeStep2); // only decrement if it's more (m_Fade2R < m_FadeIn2R) && (m_Fade2R = m_FadeIn2R); // if we're lower than the min, set to min value (m_Fade2G > m_FadeIn2G) && (m_Fade2G-=m_FadeStep2); (m_Fade2G < m_FadeIn2G) && (m_Fade2G = m_FadeIn2G); (m_Fade2B > m_FadeIn2B) &&( m_Fade2B-=m_FadeStep2); (m_Fade2B < m_FadeIn2B) && (m_Fade2B = m_FadeIn2B); // if we're already as dark as desired... if ( (m_Fade2R<=m_FadeIn2R) && (m_Fade2G<=m_FadeIn2G) && (m_Fade2B<=m_FadeIn2B) ) { clearInterval(m_iFadeInterval2); // STOP the setInterval() cycle... setTimeout(Faderesume2, m_FadeWait2); // after m_FadeWait milliseconds, resume the cycle m_bFadeOut2=true; // start fading OUT } } var ilink = document.getElementById("fade_text2"); if ( (m_Fade2R<=m_FadeOut2R)&&(m_Fade2R>=m_FadeIn2R)&&(m_Fade2G<=m_FadeOut2G)&&(m_Fade2G>=m_FadeIn2G)&&(m_Fade2B<=m_FadeOut2B)&&(m_Fade2B>=m_FadeIn2B) ) ilink.style.color = "#" + ToHexColor(m_Fade2R,m_Fade2G,m_Fade2B); } function fade_ontimer3() { if (m_bFadeOut3) { // if we're fading OUT (i.e., getting lighter... (m_Fade3R < m_FadeOut3R) && (m_Fade3R+=m_FadeStep3); // only increment if it's less (m_Fade3R > m_FadeOut3R) && (m_Fade3R = m_FadeOut3R); // if we've exceeded max, set to max value (m_Fade3G < m_FadeOut3G) && (m_Fade3G+=m_FadeStep3); (m_Fade3G > m_FadeOut3G) && (m_Fade3G = m_FadeOut3G); (m_Fade3B < m_FadeOut3B) &&( m_Fade3B+=m_FadeStep3); (m_Fade3B > m_FadeOut3B) && (m_Fade3B = m_FadeOut3B); // if we're already as light as desired... if ( (m_Fade3R>=m_FadeOut3R) && (m_Fade3G>=m_FadeOut3G) && (m_Fade3B>=m_FadeOut3B) ) { m_curIndexInFadeWords3++; // go on to the next word to be displayed if (m_curIndexInFadeWords3>m_FadeWords3MaxIndex) // if we've reached the end of the word matrix... m_curIndexInFadeWords3=0; // start back at the beginning of the word matrix setFadeText3(); // display the text m_bFadeOut3 = false; // now, we'll start fading IN (i.e., getting darker...) } } else { // otherwise, we're fading IN (i.e., get darker...) (m_Fade3R > m_FadeIn3R) && (m_Fade3R-=m_FadeStep3); // only decrement if it's more (m_Fade3R < m_FadeIn3R) && (m_Fade3R = m_FadeIn3R); // if we're lower than the min, set to min value (m_Fade3G > m_FadeIn3G) && (m_Fade3G-=m_FadeStep3); (m_Fade3G < m_FadeIn3G) && (m_Fade3G = m_FadeIn3G); (m_Fade3B > m_FadeIn3B) &&( m_Fade3B-=m_FadeStep3); (m_Fade3B < m_FadeIn3B) && (m_Fade3B = m_FadeIn3B); // if we're already as dark as desired... if ( (m_Fade3R<=m_FadeIn3R) && (m_Fade3G<=m_FadeIn3G) && (m_Fade3B<=m_FadeIn3B) ) { clearInterval(m_iFadeInterval3); // STOP the setInterval() cycle... setTimeout(Faderesume3, m_FadeWait3); // after m_FadeWait milliseconds, resume the cycle m_bFadeOut3=true; // start fading OUT } } var ilink = document.getElementById("fade_text3"); if ( (m_Fade3R<=m_FadeOut3R)&&(m_Fade3R>=m_FadeIn3R)&&(m_Fade3G<=m_FadeOut3G)&&(m_Fade3G>=m_FadeIn3G)&&(m_Fade3B<=m_FadeOut3B)&&(m_Fade3B>=m_FadeIn3B) ) ilink.style.color = "#" + ToHexColor(m_Fade3R,m_Fade3G,m_Fade3B); } function Faderesume1() { m_iFadeInterval1 = setInterval(fade_ontimer1, 10); } function Faderesume2() { m_iFadeInterval2 = setInterval(fade_ontimer2, 10); } function Faderesume3() { m_iFadeInterval3 = setInterval(fade_ontimer3, 10); } // this does only a fade with ANY starting color // if "hexStartColor" is 00A2B3 and strValue is "3" then colors progress like this: // 00A2B3, 03A5B6, 06A8B9, and so on // whenever ANY "RGB" segment is "FF" (white), then it stays that way function ToHexColor(strValueR,strValueG,strValueB) { try { var resultR = (parseInt(strValueR).toString(16)); while (resultR.length !=2) resultR= ("0" +resultR); var resultG = (parseInt(strValueG).toString(16)); while (resultG.length !=2) resultG= ("0" +resultG); var resultB = (parseInt(strValueB).toString(16)); while (resultB.length !=2) resultB = ("0" +resultB); result = resultR + resultG + resultB; return result.toUpperCase(); } catch(e) { } } window.onload = Fadewl;