// JavaScript source code for use with the Cats Protection Shetland website
// Author: M.D.Scrimshaw
//
var buttonName, buttonNum, pageNum, imgNum, textTag, suppList = false;
// Preload images for rollover buttons
	ButtonUp = new Image();
	ButtonUp.src = "images/Button_Up.gif";
	ButtonSelected = new Image();
	ButtonSelected.src = "images/Button_Select.gif";
	ButtonDown = new Image();
	ButtonDown.src = "images/Button_Down.gif";
//
// Preload header images
// Add an extra image to array for each navigation button added
// Also amend code in 'onLoad' event handler in 'Body' tag 
var HeadImg = new Array(13);
  HeadImg[0] = new Image();
  HeadImg[0].src = "images/header_images/Head_1.jpg";
  HeadImg[1] = new Image();
  HeadImg[1].src = "images/header_images/Head_1.jpg";
  HeadImg[2] = new Image();
  HeadImg[2].src = "images/header_images/Head_2.jpg";
  HeadImg[3] = new Image();
  HeadImg[3].src = "images/header_images/Head_3.jpg";
  HeadImg[4] = new Image();
  HeadImg[4].src = "images/header_images/Head_4.jpg";
  HeadImg[5] = new Image();
  HeadImg[5].src = "images/header_images/Head_5.jpg";
  HeadImg[6] = new Image();
  HeadImg[6].src = "images/header_images/Head_6.jpg";
  HeadImg[7] = new Image();
  HeadImg[7].src = "images/header_images/Head_7.jpg";
  HeadImg[8] = new Image();
  HeadImg[8].src = "images/header_images/Head_8.jpg";
  HeadImg[9] = new Image();
  HeadImg[9].src = "images/header_images/Head_9.jpg";
  HeadImg[10] = new Image();
  HeadImg[10].src = "images/header_images/Head_10.jpg";
  HeadImg[11] = new Image();
  HeadImg[11].src = "images/header_images/Head_11.jpg";
  HeadImg[12] = new Image();
  HeadImg[12].src = "images/header_images/Head_12.jpg";
//
// Function to display button in mouse out state
function up(buttonName, buttonNum, pageNum){
  if(buttonNum == pageRef) {
	document[buttonName].src = ButtonSelected.src;
    textTag = buttonName+"Text";
    document.getElementById(textTag).style.color = "#6633FF";
	}
  else{ document[buttonName].src = ButtonUp.src;}
  return;
}
// Function to display button in mouse over state
function select(buttonName){
  document[buttonName].src = ButtonSelected.src;
  return;
}
// Function to display button in mouse clicked state
function down(buttonName){
  document[buttonName].src = ButtonDown.src;
  return;
}
// Function to change image in header
function imgChange(imgNum){
  document.images["HeaderImage"].src = HeadImg[imgNum].src;
  return;
}
// Function to create random number for poster cat selection
function rand(n) {
  do
    var randNum = Math.floor(Math.random()*n)
  while (posterCat[randNum] == undefined || posterCat[randNum].src.indexOf("no_photo.gif") != "-1" || posterText[randNum] == ""); 
  return randNum;
}