/******************************************************************/
//Show and hide toggles...with the use of hotspots...
//Usage:
// When the user click here it will toggle the next element that has a id of 'toggle'
// Show and hide this content
var hotspots = document.getElementsByName('hotspot');
var toggles = document.getElementsByName('toggle');
function visibilitytoggle()
{
//set all the hotspots onclick events
for (var i = 0; i < hotspots.length; i++)
{
hotspots[i].someProperty = i;
hotspots[i].onclick = function() {toggle(this.someProperty)};
}
//Hide all the toggles
for (var i = 0; i < toggles.length; i++)
{
toggles[i].style.display = 'none';
}
//Show the first toggle as this is the Whats hot
toggles[0].style.display = '';
//toggles[0].innerHTML = WhatsHot; //To change the whats hot section...
}
function toggle(i)
{
if (toggles[i].style.display == 'none')
{toggles[i].style.display = ''
}
else
toggles[i].style.display = 'none';
for (var x = 0; x < toggles.length; x++)
{
if (x != i)
{
toggles[x].style.display = 'none';
}
}
}
function showall()
{
for (var i = 0; i < toggles.length; i++)
{
toggles[i].style.display = '';
}
}
function hideall()
{
for (var i = 0; i < toggles.length; i++)
{
toggles[i].style.display = 'none';
}
}
//End of the toggle show/hide code...
/******************************************************************/
//Preloads a list of images...
//Usage: simplePreload('01.gif','02.gif'); in the body tag
//var PreloadList = []
function simplePreload()
{
var args = simplePreload.arguments;
document.imageArray = new Array(args.length);
for(var i=0; i