//--------------------------------------------------------------------------------------------------
// All material contained within this and associated downloaded pages is the property of 4thorder(TM) 
// Copyright © 2005.  All rights reserved.
//
// Author: Michael Falatine || Authors email: 4thorder@4thorder.us
//
// USAGE: You may use this script for commercial or personal use, however, the copyright is retained-
// by 4thorder (TM).
//
// For other free Scripts visit: http://www.4thorder.us/Scripts/
//---------------------------------------------------------------------------------------------------

var vW;
var vH;

if (typeof window.innerWidth != 'undefined')
{
     vW = window.innerWidth,
     vH = window.innerHeight
}
else if (typeof document.documentElement != 'undefined' && typeof document.documentElement.clientWidth != 'undefined' && document.documentElement.clientWidth != 0)
{
      vW = document.documentElement.clientWidth;
      vW-=16;
      vH = document.documentElement.clientHeight;
}
else
{
      vW = document.getElementsByTagName('body')[0].clientWidth,
      vH = document.getElementsByTagName('body')[0].clientHeight
}

// |||||||||||||||||||||||||||||||||||||||||||
// | Set Position, Dimensions And Color HERE  |
// |||||||||||||||||||||||||||||||||||||||||||

// Image Viewer Dimensions settings (pixels):
	var PagePositionLEFT		= (vW-800)/2; // Set position of Image viewer from LEFT of page
	var PagePositionTOP		= 405; 		// Set position of Image viewer from TOP of page
	var InterFaceWidth 		= 800; 		// Set [Overall] WIDTH |||| minimum length=300
	var ViewingAreaHeight		= 125; 		// Set [Viewing area] HEIGHT |||| minimum length=10
	var OverALLBorder		= 'off'; 	// Set [Over All] Border 'on' or '' (blank) for off

// Image Viewer Colors [example: 'red' or '#FF0000']
	var OverALLBorderColor		= 'gray'; 	// Set color of [Over All] Border
	var ControlsBGColor		= 'gray'; 	// Set color of [Control Area] Background |||| use '' = no color
	var ControlsFontColor		= 'black'; 	// Set color of [Control Area] Font
	var ViewAreaBGColor		= '333333';	// Set color of [Viewing Area] Background |||| use '' = no color
	var ImageBorderColor		= 'white'; 	// Set color of [Image] Border
	var ButtonBGColor		= ''; 	// Set color of [Button] Background
	var ButtonFontColor		= 'black'; 	// Set color of [Button] Font
	var ButtonBorderColor		= 'black'; 	// Set color of [Button] border
	
// Image Alignment
	var ImageValignment		= 'bottom'; 	// Set verticle alignment within viewer (options: top,bottom,middle)
	
var ImageArray = new Array
(

// |||||||||||||||||||||||
// | Define Images Here  |
// |||||||||||||||||||||||

// Thumbnail image filenames MUST be the SAME as the full sized image (to be popped)
// Therefore, here you are ONLY providing that ONE filename.
// All the thumbnail images are to be placed in the folder "Thumbnails"
// All full sized images are to be placed in the folder "Images"

// 1) Place single quotes around each filename
// 2) Place a comma after each filename EXCEPT for the LAST filename

'1.jpg', 
'2.jpg',
'3.jpg', 
'4.jpg', 
'5.jpg',
'6.jpg', 
'7.jpg', 
'8.jpg',
'9.jpg', 
'10.jpg'

// Do not edit below this line
)