var ImageLoad = 
[
['http://www.silascreative.com/client/drillcomp/images_showcases/general.jpg', '#general', '#general'],
['http://www.silascreative.com/client/drillcomp/images_showcases/batons.jpg', '#batons', '#batons'],
['http://www.silascreative.com/client/drillcomp/images_showcases/podium.jpg', '#podium', '#podium'],
['http://www.silascreative.com/client/drillcomp/images_showcases/pyware.jpg', '#pyware', '#pyware'],
['http://www.silascreative.com/client/drillcomp/images_showcases/footwear.jpg', '#footwear', '#footwear'],
['http://www.silascreative.com/client/drillcomp/images_showcases/NAME.jpg', '#NAME', '#NAME'],
['link', 'variable', 'variable' ]
];

var ImageCount		= 5;			//  Change this to the total number of images loaded above //	
var ImageDelay		= 5000;		//  Set this to the delay interval desired.  1000 = 1 seconds. // 
var LinkTarget		= "_top";		//  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 = '<img src="';
	htmlString = htmlString + ImageLoad[ImageIndex][0];
	htmlString = htmlString + '" width="550" height="220" border="0" usemap="';
	htmlString = htmlString + ImageLoad[ImageIndex][1];
	htmlString = htmlString + '" />';
	
	document.getElementById('rotating_show').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();
		}
	}


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


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


// This function moves the frame forward by one //
function AdvanceFrame()
	{
	if(ImageIndex == ImageCount - 1)	//  This statement increments image displayed and resets if displaying last image  //
		{										
		ImageIndex= 0;																				
		}																								
	else																							
		{																								
		ImageIndex++;																					
		}
	htmlString = '<img src="';
	htmlString = htmlString + ImageLoad[ImageIndex][0];
	htmlString = htmlString + '" width="550" height="220" border="0" usemap="';
	htmlString = htmlString + ImageLoad[ImageIndex][1];
	htmlString = htmlString + '" />';
	
	document.getElementById('rotating_show').innerHTML = htmlString; 
	}

// This function moves the frame back by one //
function BackFrame()
	{
	if(ImageIndex == 0)	//  This statement increments image displayed and resets if displaying last image  //
		{										
		ImageIndex= ImageCount - 1;																				
		}																								
	else																							
		{																								
		ImageIndex--;																					
		}
	htmlString = '<img src="';
	htmlString = htmlString + ImageLoad[ImageIndex][0];
	htmlString = htmlString + '" width="550" height="220" border="0" usemap="';
	htmlString = htmlString + ImageLoad[ImageIndex][1];
	htmlString = htmlString + '" />';
	
	document.getElementById('rotating_show').innerHTML = htmlString; 
	}

// This function moves to frame one //
function FrameOne()
	{
	ImageIndex= 1;																				

	htmlString = '<img src="';
	htmlString = htmlString + ImageLoad[ImageIndex][0];
	htmlString = htmlString + '" width="550" height="220" border="0" usemap="';
	htmlString = htmlString + ImageLoad[ImageIndex][1];
	htmlString = htmlString + '" />';
	
	document.getElementById('rotating_show').innerHTML = htmlString; 
	}
	
// This function moves to frame two //
function FrameTwo()
	{
	ImageIndex= 2;																				

	htmlString = '<img src="';
	htmlString = htmlString + ImageLoad[ImageIndex][0];
	htmlString = htmlString + '" width="550" height="220" border="0" usemap="';
	htmlString = htmlString + ImageLoad[ImageIndex][1];
	htmlString = htmlString + '" />';
	
	document.getElementById('rotating_show').innerHTML = htmlString; 
	}
	
// This function moves to frame three //
function FrameThree()
	{
	ImageIndex= 3;																				

	htmlString = '<img src="';
	htmlString = htmlString + ImageLoad[ImageIndex][0];
	htmlString = htmlString + '" width="550" height="220" border="0" usemap="';
	htmlString = htmlString + ImageLoad[ImageIndex][1];
	htmlString = htmlString + '" />';
	
	document.getElementById('rotating_show').innerHTML = htmlString; 
	}
	
// This function moves to frame four //
function FrameFour()
	{
	ImageIndex= 4;																				

	htmlString = '<img src="';
	htmlString = htmlString + ImageLoad[ImageIndex][0];
	htmlString = htmlString + '" width="550" height="220" border="0" usemap="';
	htmlString = htmlString + ImageLoad[ImageIndex][1];
	htmlString = htmlString + '" />';
	
	document.getElementById('rotating_show').innerHTML = htmlString; 
	}
	
// This function moves to frame five //
function FrameFive()
	{
	ImageIndex= 5;																				

	htmlString = '<img src="';
	htmlString = htmlString + ImageLoad[ImageIndex][0];
	htmlString = htmlString + '" width="550" height="220" border="0" usemap="';
	htmlString = htmlString + ImageLoad[ImageIndex][1];
	htmlString = htmlString + '" />';
	
	document.getElementById('rotating_show').innerHTML = htmlString; 
	}

QuickStart()