// JavaScript Document
///////////////////////////////////////////////////////////
/// Magic Image Rotation ///
///////////////////////////////////////////////////////////

var ImageLoad =
[
['portfolio.php', 'inc/img/ico/homepage_1.jpg', '' ],
['portfolio.php', 'inc/img/ico/homepage_2.jpg', '' ], // ['URL to linked page', 'URL to image', 'Caption under picture'] //
['portfolio.php', 'inc/img/ico/homepage_3.jpg', '' ], // The caption is not required and may be left blank like this: //
['portfolio.php', 'inc/img/ico/homepage_4.jpg', '' ], // ['URL to linked page', 'URL to image', ''] //
['portfolio.php', 'inc/img/ico/homepage_5.jpg', '' ], // Add as many images as you like seperated by commmas //  
['portfolio.php', 'inc/img/ico/homepage_6.jpg', '' ]// The LAST image declaration does NOT have a comma after it //
];

var ImageCount = 6; // ***** Change this to the total number of images loaded above ***** //
var ImageDelay = 5000; // ***** Set this to the delay interval desired. 5000 = 5 seconds. //
var LinkTarget = "_self" // ***** Defines where you want linked page to open. _self, _blank, _top, etc //
var ImageIndex = 0; // DO NOT ALTER //
var FirstLoad = 0; // DO NOT ALTER //
var QuickStartID = 0; // DO NOT ALTER //
var htmlString = "" // DO NOT ALTER //

// This function rotates the banner //
function ImageChange()

{

htmlString = '<center>';
htmlString = htmlString + '<font face = "Verdana" size="1">'; // Font and Font Size for caption may be changed here //
htmlString = htmlString +'<a target="';
htmlString = htmlString + LinkTarget;
htmlString = htmlString + '" href="';
htmlString = htmlString + ImageLoad[ImageIndex][0];
htmlString = htmlString + '"><img border="0" src="'; // Image border size may be changed here //
htmlString = htmlString + ImageLoad[ImageIndex][1];
htmlString = htmlString + '"></a><br>';
htmlString = htmlString + ImageLoad[ImageIndex][2];
htmlString = htmlString + '</font>';
htmlString = htmlString + '</center>';

document.getElementById('MagicImage').innerHTML = htmlString;

if(ImageIndex == ImageCount - 1) // This statement increments image displayed and resets if displaying last image //
{
ImageIndex= 0;
}
else
{
ImageIndex++;
}
if(FirstLoad == 0) // Determins if this is the first time function has run. //
{
SlowFinish();
}
}
// End Funtion //

// This function ensures first banner is displayted without a delay //
function QuickStart()
{
QuickStartID=setInterval("ImageChange()", 1000);
}
// End Funtion //

// This function sets display rate to user defined speed //
function SlowFinish()
{
clearInterval(QuickStartID);
FirstLoad = 1;
setInterval("ImageChange()", ImageDelay);
}
// End Funtion //

QuickStart()