// JavaScript Document for Just Balls Limited
// Author Stuart Ackland

<!--
var randomImages = new Array()

randomImages[0] = 'images/JBFP52.jpg'
randomImages[1] = 'images/JBRR52.jpg'
randomImages[2] = 'images/JBFP12.jpg'
randomImages[3] = 'images/JBCF01.jpg'
randomImages[4] = 'images/JBEP01.jpg'
randomImages[5] = 'images/JBJB31.jpg'
randomImages[6] = 'images/JBKR01.jpg'
randomImages[7] = 'images/JBRB01.jpg'


var balls = 0
var jb = randomImages.length;

var preLoad = new Array()

for (i = 0; i < jb; i++){
	preLoad[i] = new Image()
	preLoad[i].src = randomImages[i]
}

var chooseImage = Math.round(Math.random()*(jb-1));
function showImage(){
	document.write('<img src="'+randomImages[chooseImage]+'" class="OneImageOnly">');
}




// this script was created by Collis Ta'eed and the tutorial can be found at http://net.tutsplus.com/tutorials/html-css-techniques/how-to-create-a-slick-tabbed-content-area/

function tabSwitch_2(active, number, tab_prefix, content_prefix) {  
  
    for (var i=1; i < number+1; i++) {  
      document.getElementById(content_prefix+i).style.display = 'none';  
      document.getElementById(tab_prefix+i).className = '';  
    }  
    document.getElementById(content_prefix+active).style.display = 'block';  
    document.getElementById(tab_prefix+active).className = 'active';      
  
} 













var ContentHeight = 200;
var TimeToSlide = 250.0;

var openAccordion = '';

function runAccordion(index)
{
  var nID = "Accordion" + index + "Content";
  if(openAccordion == nID)
    nID = '';
    
  setTimeout("animate(" + new Date().getTime() + "," + TimeToSlide + ",'" 
      + openAccordion + "','" + nID + "')", 33);
  
  openAccordion = nID;
}
function animate(lastTick, timeLeft, closingId, openingId)
{  
  var curTick = new Date().getTime();
  var elapsedTicks = curTick - lastTick;
  
  var opening = (openingId == '') ? null : document.getElementById(openingId);
  var closing = (closingId == '') ? null : document.getElementById(closingId);
 
  if(timeLeft <= elapsedTicks)
  {
    if(opening != null)
      opening.style.height = ContentHeight + 'px';
    
    if(closing != null)
    {
      closing.style.display = 'none';
      closing.style.height = '0px';
    }
    return;
  }
 
  timeLeft -= elapsedTicks;
  var newClosedHeight = Math.round((timeLeft/TimeToSlide) * ContentHeight);

  if(opening != null)
  {
    if(opening.style.display != 'block')
      opening.style.display = 'block';
    opening.style.height = (ContentHeight - newClosedHeight) + 'px';
  }
  
  if(closing != null)
    closing.style.height = newClosedHeight + 'px';

  setTimeout("animate(" + curTick + "," + timeLeft + ",'" 
      + closingId + "','" + openingId + "')", 33);
}


//-->