// JavaScript Document
// ============================================================
// Script:    TriState Rainbow Link Script
// 
// Functions: Creates a link that blinks through three colors
           // - settable blink rate with rate variable
           // - settable blink colors, settable no-blink color
           // - on/off control via links (optional)
           // - can be made to start blinking when clicked
           // - can be made to stop blinking when clicked
// 
// Browsers:  NS6 and IE 4.0&up; degrades gracefully in NS3,4
// 
// Author:    etLux
// ============================================================
// 
// Step 1.
// Put the following script in the head of your page:

// ==========================
// (C) 2000 by CodeLifter.com
// http://www.codelifter.com
// Free for all users, but leave in this  header

// blink speed in miliseconds
var rate = 500;

// the three blink colors
var Color1 = "#CC0000" //red
var Color2 = "#FF6600" //blue
//var Color3 = "#135190" //orange
var Color3 = "#00FF00" //green


// the color if/when turned off (no-blink color)
var ColorX = "#CC0000"

// set this to true for auto start; else, false
var DoIt = true

// do not edit below this line
// ---------------------------

bV  = parseInt(navigator.appVersion)
bNS = navigator.appName=="Netscape"
bIE = navigator.appName=="Microsoft Internet Explorer"
ok = false

var i=0;
function doTriStateRainbowLink(){
   ok =  true
   if ((bNS && bV >= 5) || (bIE && bV >= 4)){
      i++;
      if (i==1) C = Color1
      if (i==2) C = Color2
      if (i==3) C = Color3
      if (!DoIt) C = ColorX       
      if (bIE) BlinkLink.style.color=C
      if (bNS) document.getElementById('BlinkLink').style.color = C
      if (i > 2) i = 0
      if (DoIt) timer=setTimeout('doTriStateRainbowLink()', rate)
   }      
}


function doOnOff(a){
   if (ok){
      if (a =="off") {DoIt = false}
      if ((a =="on")&&(!DoIt)) {
          DoIt = true
          doTriStateRainbowLink()
      }
   }
}

// ============================================================
// 
// Step 2.
// Put the following call in the body tag, as shown:
// 
// <body onLoad="doTriStateRainbowLink()">
// 
// ============================================================
// 
// Step 3.
// Put one of the following link formats in your page; changing
// only the url (and target if desired)
// 
// IMPORTANT
// You can have only ONE link on the page with id="BlinkLink" 
// and name="BlinkLink".  More than one may crash the script.
// Therefore, use only ONE of the following FORMATS.
// 
// FORMAT 1 - Automatic blinking, constant
           // Set var DoIt in the script to true
//            
// <a name="BlinkLink" id="BlinkLink" href="http://codebelly.com" target="_blank">Click Here</a>
// 
// FORMAT 2 - Link stops blinking when clicked
           // Set var DoIt in the script to true
//            
// <a name="BlinkLink" id="BlinkLink" onClick="doOnOff('off')" href="http://codebelly.com" target="_blank">Click Here</a>
// 
// FORMAT 3 - Link starts blinking when clicked
           // Set DoIt var in script to false
//            
// <a name="BlinkLink" id="BlinkLink" onClick="doOnOff('on')" href="http://codebelly.com" target="_blank">Click Here</a>
// 
// ============================================================
// 
// Step 4. (Optional)
// BLINK CONTROL VIA LINKS
// On/Off control switches via links would look as below,
// and can be used with any of the above FORMATS
// 
// <a href="javascript:doOnOff('off')">off</a>
// <a href="javascript:doOnOff('on')">on</a>
// 
// ============================================================
