// JavaScript Document
var aTagsArray = new Array();
var prevSelect=0;
function showDivSelect(divID, element, bgImage)
{
if(document.getElementById(divID))
{
if( prevSelect && prevSelect != divID)
toggle(prevSelect);
document.getElementById(divID).style.display = 'block';
prevSelect = divID;
}
persist(document.getElementById(element), bgImage);
}
function toggle(divID)
{
document.getElementById(divID).style.display = (document.getElementById(divID).style.display=='none'?'block':"none");
}
function defaultImages()
{
var controls = document.getElementsByName("aTag");
for ( var i = 0; i < controls.length; i++)
{
aTagsArray[controls[i].id] = controls[i].style.backgroundImage;
}
}
function persist(element, bgImage)
{
var controls = document.getElementsByName("aTag");
for ( var i = 0; i < controls.length; i++)
{
j = i + 1;
document.getElementById(j).style.backgroundImage = aTagsArray[j];
document.getElementById(j).tabindex = "Off";
document.getElementById(j).style.color='#777777';
}
element.style.backgroundImage = bgImage;
element.style.color='white';
element.tabindex = "On";
}
function mouseOver(element, bgImage)
{
if (element.tabindex == "Off")
{
element.style.backgroundImage = bgImage;
element.style.color='#000000'
}
}
function mouseOut(element)
{
if (element.tabindex == "Off")
{
element.style.backgroundImage = aTagsArray[element.id];
element.style.color='#777777'
}
}
function selectCheckBox(selection)
{
alert(document.getElementById('box1').id);
}
/* USAGE
**** body tag must contain onLoad="defaultImages();persist(document.getElementById('1'), 'url(blue_on.gif)');"
**** a tag (or what ever tag ie. img) must contain the following
name="aTag"
id="1"
tabindex="Off"
onMouseOut="mouseOut(this, 'url(blue_off.gif)');" // image to be displayed on mouse out
onMouseOver="mouseOver(this, 'url(blue_over.gif)');" // image to be displayed on mouse over
onClick="persist(this, 'url(blue_on.gif)');" // image to be displayed on click
Introduction
How can I
How can I
Introduction 4
*/