<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Glen Garner Photography - Home</title>
<meta name="description" content="Glen Garner Photography" />
<meta name="keywords" content="Glen Garner Photography" />


	





<style type="text/css">
html{ height: 100%; } 
table{margin:0px}

body{height: 100%; margin:0px; background-color: #fcfbe9; scrollbar-face-color: #666666; scrollbar-highlight-color: #666666; scrollbar-track-color: #333333; scrollbar-arrow-color: #FFFFFF;

	background-attachment: scroll;background-image: none;
	background-repeat: no-repeat; 
	background-position: center;

}

.border_bar{background-color: #1D2352; width:100%; height:18px; border:0px} 
.content{background-color: #dddcbd }
.logo{font-family: arial; color: #836d34; font-size: 20px;}
.templatemenu{margin: 0px;padding: 0px; background-color: #fcfbe9; } 

.menu_bar { background-color: #1D2352; }
.templatebox{border:0px solid #1D2352;background-color: #dddcbd;width:850px;height:490px;background-repeat:no-repeat} 
.gallerybox{border:0px solid #1D2352;background-color: #dddcbd;background-repeat:no-repeat} 
.templatelogo{font-family: arial; color: #836d34; padding: 5px; font-size: 20px}
.templatefooter{font-family: arial; font-size:12px;color:#836d34;text-align: center}
.templatephotobiz{font-family: arial;text-decoration:none; font-size:10px;font-weight:bold;color:#836d34;text-align: center}
.contentbox_shared{background-color: #dddcbd;width:50%;height:100%;border:0px;border-left: 0px solid #1D2352} 
.contentbox_thumb{background-color: #dddcbd;width:60px;height:100%;border:0px;border-left: 0px solid #1D2352} 
.contentbox{background-color: #dddcbd;width:100%;height:100%;border:0px} 
.iframebox_thumb{width:62px;height:490px;marginwidth:0px;text-align:left}
.iframebox_small{width:400px;height:125px; padding-right:7px}
.iframebox_shared{width:400px;height:350px; padding-right:7px}
.iframebox{width:800px;height:350px; padding-right:7px}
.thumbNormal {border:2px solid #1D2352; width: 50px; height: 50px; margin-bottom: 5px; cursor: pointer;}
.thumb_container{width: 54px;padding:4px;}
.pagetitle{font-family: arial; font-size:25px; color:#836d34;padding-top:20px;padding-left:20px;padding-right:20px;text-align:left}
.pagetext{font-family: arial; font-size:12px; color:#725a56; text-decoration:none;text-align:left}
.pagetextlink{font-family: arial; font-size:12px; color:#725a56; text-decoration:none;font-weight:bold;text-align:left}
.requiredcolor{font-family: arial; font-size:12px; color:#725a56; text-decoration:none}
textarea{background-color:#dddcbd;border:#FFFFFF 1px solid;font-family:arial;font-size:12px;color: #725a56} 
input{font-size:12px;color:#725a56;background: #dddcbd;border: 1px solid #FFFFFF}
.submit input{font-size:12px;color: #725a56;background: #fcfbe9;border: 1px outset #FFFFFF} 
.itemlistimage {padding-bottom:20px; padding-left:20px; padding-right:20px;}
a.nav_months{ font-family: arial; font-size:14px; color:#725a56; text-decoration:none;text-align:left }
/* title bar holding the month and year name on top of the dates */
.calTitleBar{ width: 329px; text-align: right;	padding-bottom: 5px; }
/* the month name label inside of the title bar */
.calLblMonth{ display: inline-block; padding-right: 10px; 	font-family: arial; font-size:14px; color:#725a56; text-decoration:none;text-align:left	}
/* the year name label inside of the title bar */
.calLblYear{ font-family: arial; font-size:14px; color:#725a56; text-decoration:none;text-align:left }
/* the row holding the names of the saven days of the week - on top of the dates */
.calWeekContainer{  width: 329px; border-top: 1px solid #725a56; border-left: 1px solid #725a56; font-size: 11px; }
/* each box holding a single week day name */
.calDayBox{ display: inline-block; width: 46px; height: 18px; border-bottom: 1px solid #725a56;	border-right: 1px solid #725a56; font-family: arial; font-size:14px; color:#725a56; text-decoration:none; text-align:center; }
/* the container holding all dates for s single month */
.calDateContainer{ width: 329px; border-top: 1px solid #725a56; border-left: 1px solid #725a56;	font-size: 11px;	font-family: arial; }
/* each box holding a single date of the month */
.calDatesBox{ display: inline-block; width: 42px; height: 42px; padding: 2px; border-bottom: 1px solid #725a56; border-right: 1px solid #725a56; color: #725a56; }
.calDatesBox:hover{ background: #221b01; }
.calBlankDatesBox{} /* each box without any dates in them - BLANK */
.calBlankDatesBox:hover{ background: #dddcbd; }
.calTodayDateBox{} /* the date box matching todays date */
.calMarkedDateBox{} /* any box that youd like to mark as special dates (i.e. holiday, booked, etc.) */
/* the dates that are not clickable - i.e. booked, past dates, etc. */
.calInvalidDateBox{ color: #f7f24e; background: #221b01; }
.calInvalidDateBox:hover{ background: #221b01; }
	


/* ************ New content ************ */
.navigation_container{ text-align: right; }
.navigation_container a.nav_item{ font: bold 11px arial; display: block; padding: 5px; padding-left: 10px; padding-right: 10px; text-decoration: none; color: #5b5235; }
.navigation_container a.nav_item:hover{ color: #211b03; } 
.navigation_container a.nav_selected{ color: #211b03; } /* currently selected menu item */

div.dropmenu{ position:	absolute; margin: 0px; visibility: hidden; z-index: 30px;	top: 0px; left:	0px; }
/* theme 1 */
div.dropmenu .theme_1{ background-color:	#fcfbe9; overflow: 	hidden; }
div.dropmenu .theme_1 .wrapper{ margin:	5px;	border-style:	solid; border-top-width: 4px; border-bottom-width: 4px; border-left-width: 0px; border-right-width: 0px; border-color:	#1D2352; }
div.dropmenu .theme_1 a:link, div.dropmenu .theme_1 a:visited, div.dropmenu .theme_1 a:active { font: bold 11px arial;	display: block; margin: 3px 0px 3px 0px;	padding: 4px 30px 4px 30px;	text-align: center;	text-decoration:	none; font-weight: bold; background-color: #221b01;	color: #f7f24e; }
div.dropmenu .theme_1 a:hover{ background-color: #; color: #d4d2d3; }

/* theme 2 */
div.dropmenu .theme_2{ background-color: #fcfbe9; }
div.dropmenu .theme_2 .wrapper{ border-style: solid;	border-width:  1px; border-color: #1D2352; }
div.dropmenu .theme_2 a:link, div.dropmenu .theme_2 a:visited, div.dropmenu .theme_2 a:active { font: bold 11px arial;	display: block; padding: 4px 30px 4px 30px; text-align:	center;	text-decoration:	none; font-weight: bold; background-color: #221b01; color: #f7f24e; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #fcfbe9; }
div.dropmenu .theme_2 a:hover{ background-color: #; color: #d4d2d3; }
div.dropmenu .theme_2 a.last:link, div.dropmenu .theme_2 a.last:visited, div.dropmenu .theme_2 a.last:active{ border-bottom-style:	none; }

/* theme 3 */
div.dropmenu .theme_3 { background-color: #221b01; padding: 10px;}
div.dropmenu .theme_3 .wrapper {}
div.dropmenu .theme_3 a:link, div.dropmenu .theme_3 a:visited, div.dropmenu .theme_3 a:active {	font: bold 11px arial; display: block; padding: 5px 10px 5px 10px;	text-align: left;	text-decoration: none; font-weight:	bold; background-color:	#221b01; color: #f7f24e; }
div.dropmenu .theme_3 a:hover { background-color: #221b01; color: #d4d2d3; }
div.dropmenu .theme_3 a.last:link, div.dropmenu .theme_3 a.last:visited, div.dropmenu .theme_3 a.last:active {}

/* theme 4 */
div.dropmenu .theme_4 { background-color: #221b01; padding: 10px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; -moz-border-radius: 5px; -opera-border-radius: 5px; -o-border-radius: 5px;	border-radius: 5px; }
div.dropmenu .theme_4 .wrapper {}
div.dropmenu .theme_4 a:link, div.dropmenu .theme_4 a:visited, div.dropmenu .theme_4 a:active {	font: bold 11px arial; -webkit-border-radius: 5px;	-khtml-border-radius: 5px; -moz-border-radius: 5px;	-opera-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px;	display: block; padding: 5px 10px 5px 10px;	text-align: center;	text-decoration: none; font-weight:	bold; background-color:	#221b01; color: #f7f24e; }
div.dropmenu .theme_4 a:hover { background-color: #; color: #d4d2d3; }
div.dropmenu .theme_4 a.last:link, div.dropmenu .theme_4 a.last:visited, div.dropmenu .theme_4 a.last:active {}

/* theme 5 */
div.dropmenu .theme_5 { background-color: #221b01; padding: 10px; }
div.dropmenu .theme_5 .wrapper { background-color: #221b01; }
div.dropmenu .theme_5 a:link, div.dropmenu .theme_5 a:visited, div.dropmenu .theme_5 a:active {	font: bold 11px arial; display: block; padding: 5px 10px 5px 10px;	text-align: center;	text-decoration: none; font-weight:	bold; background-color:	#221b01; color: #f7f24e; }
div.dropmenu .theme_5 a:hover { background-color: #221b01; color: #d4d2d3; }
div.dropmenu .theme_5 a.last:link, div.dropmenu .theme_4 a.last:visited, div.dropmenu .theme_4 a.last:active {}

#pagingContainer{ margin-left: auto; margin-right: auto; margin-top: 10px; margin-bottom: 10px; }
/*#pagingContainer.vertical{ width: 258px; }
#pagingContainer.horizontal{ width: 850px; }
#pagingContainer.horizontal_wrapped { width: 258px; }*/
.slideContainer{ position: relative !important; width: 850px; height: 490px; overflow:hidden }
.slideContainerGallery{ position: relative !important; width: 850px; height: 490px; overflow:hidden; }
.logoThumbnailContainer{ position: relative; }
#pagingContainer.vertical .logoThumbnailContainer{ float: left; width: 54px; }
#pagingContainer.horizontal .logoThumbnailContainer{}
#pagingContainer.horizontal_wrapped .logoThumbnailContainer{ float: left; width: 118px; }

.slideshowAndControlsContainer{ position: relative; width: 850px; } 
#pagingContainer.horizontal .slideshowAndControlsContainer{} 
/*.slideshowImageWrapper { padding: 5px; border-width: 2px; border-style: solid; border-color: #1D2352; }*/ /* border around images */
.slideshowImageWrapper{ } 
#play_pause_overlay { position: absolute; width: 700px; height: 490px; top: 0px;	left: 75px;	cursor: pointer; filter: alpha(opacity=001); opacity: 0.001; }
.play_overlay{ background: transparent url(/images/play.png) no-repeat 50% 50%; }
.pause_overlay{ background: transparent url(/images/pause.png) no-repeat 50% 50%;	}
#go_previous { position: absolute; width: 75px; height: 490px; top: 0px; left: 0px;	cursor: pointer; background: transparent url(/images/left.png) no-repeat 50% 50%; filter: alpha(opacity=001); opacity: 0.001; }
#go_next { position: absolute; width: 75px; height: 490px; top: 0px; left: 715px; 	cursor: pointer; background: transparent url(/images/right.png) no-repeat 50% 50%; filter: alpha(opacity=001); opacity: 0.001; }

#play_pause_overlay_null {} /* _null used for home page gallery which does not require overlays */
.play_overlay_null {}
.pause_overlay_null {}
#go_previous_null {}
#go_next_null {}

/* prevents draging images on home pages */
#overlay_blocker {position: absolute; width: 850px; height: 490px; top: 0px;	left: 0px;	cursor: default; filter: alpha(opacity=001); opacity: 0.001; background: transparent url(/images/playnull.png) no-repeat 50% 50%;}

#paging_container{ position: relative; }
#pagingContainer.horizontal #paging_container { width: 450px; margin: auto; overflow: hidden; margin-bottom: 5px; }
#paging_thumb_container{ position: relative; overflow: hidden; }
#pagingContainer.horizontal #paging_thumb_container{ float: left; }
#paging_thumb_container .thumbNormal{ border-width: 2px; border-style: solid; border-color: #c0c068; cursor: pointer; height: 50px; width: 50px; margin-bottom: 5px; visibility: hidden; }
#paging_thumb_container .thumbSelected{ filter: alpha(opacity=07); -moz-opacity: 	0.5; opacity: 	0.5; }
#pagingContainer.horizontal #paging_thumb_container .thumbNormal{ float: left; margin-right: 5px; }
#pagingContainer.horizontal_wrapped #paging_thumb_container .thumbNormal{ float: left; margin-right: 5px; }
#paging_container .prevButton, #paging_container .nextButton{ cursor: pointer; }
#pagingContainer.horizontal #paging_container .prevButton,#pagingContainer.horizontal #paging_container .nextButton{ float: left; }
#paging_container .leftButton{ width: 13px; height: 20px; background: url(/images/left_small.png) no-repeat 0 0; }
#pagingContainer.horizontal #paging_container .leftButton{ margin-right: 5px; margin-top: 15px; }
#paging_container .rightButton{ width: 13px; height: 20px; background: url(/images/right_small.png) no-repeat 0 0; }
#pagingContainer.horizontal #paging_container .rightButton{ margin-left: 0px; margin-top: 15px; }
#paging_container .upButton{ width: 20px; height: 13px; background: url(/images/up.png) no-repeat 0 0; margin: auto; margin-bottom: 5px; }
#paging_container .downButton{ width: 20px; height: 13px; background: url(/images/down.png) no-repeat 0 0; margin: auto; margin-top: 5px; }

</style>

<script type="text/javascript">

//Disable right mouse click Script
//By Maximus (maximus@nsimail.com) w/ mods by DynamicDrive
//For full source code, visit http://www.dynamicdrive.com

function clickIE4() {

	if (event.button == 2) {
		return false;
	}
	
}

function clickNS4(e) {

	if (document.layers || document.getElementById &&! document.all) {
		if (e.which == 2 || e.which == 3) {
			return false;
		}
	}
	
}

if (document.layers) {
	document.captureEvents(Event.MOUSEDOWN);
	document.onmousedown=clickNS4;
} else if (document.all &&! document.getElementById) {
	document.onmousedown = clickIE4;
}

document.oncontextmenu = new Function("return false");

</script>



<script type="text/javascript" src="/includes/mootools1.11.js"></script>
<script type="text/javascript" src="/global/lightbox_custom.js"></script>


	
	
	
	
	


<style type="text/css">
/*@charset "utf-8";*/
.modal_Overlay{ position: absolute !important; top: 0px; left: 0px !important; z-index: 5000; filter: alpha(opacity=77); -moz-opacity: 0.77; opacity: 0.77; background-color: #0D1015; width: 100%; display: none;  /* !important */ }
.modal_Container{ position: fixed !important; z-index: 5001 !important; background-color: transparent;	overflow: visible; display: none; /* !important */ padding: 20px; -moz-border-radius-bottomleft:8px; -moz-border-radius-bottomright:8px; -moz-border-radius-topleft:8px; -moz-border-radius-topright:8px; background-color: #4E4C4D; /* lightbox background color */ border:1px solid #4E4C4D; -webkit-border-radius: 7px; -moz-border-radius: 8px; }
.modal_Content{ position: relative !important; overflow: hidden !important; overflow-y: hidden; clear: both; background: #CCCCCC; }
.modal_Caption{ position: absolute;	bottom: -55px; left: 0px; height: 50px; font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;	font-weight: bold; font-size: 11px;	color: #FFFFFF; }
.modal_Close{ position: absolute; left: -20px; top: -20px; display: block; width: 42px; height: 42px; background: url(/images/close_button.png) no-repeat 0% 0%; cursor: pointer; }
.modal_iframe{}
.modal_iframeLoader{ background: url(/images/loading.gif) no-repeat 50% 50%;}
</style>


<script type="text/javascript" src="/global/utilities.js"></script>

<script type="text/javascript">

window.addEvent('domready', function() {
	
	// social icon mouseovers
	$$('.icon_social img').each(function(img) {
		var initialSrc = img.getProperty('src');
		var mouseoverSrc = img.getProperty('src').replace('_bw','_icon');
		img.addEvent('mouseenter', function() {
			img.setProperty('src', mouseoverSrc);
		});
		img.addEvent('mouseleave', function() {
			img.setProperty('src', initialSrc);
		});
	});
	
});

</script>
</head>


<body>	
<table border="0" cellpadding="0" cellspacing="0" width="100%" style="height:100%">
<div id="page_boundary">
	<tr>
		<td align="center" valign="middle">
			<table border="0" cellpadding="0" cellspacing="0">
				<tr>
					<td></td>
					<td align="center" style="padding-top:5px; padding-bottom:5px"><div id="logo_bar" style="width: 850px; text-align:center" class="templatelogo">Glen Garner Photography</div></td>
				</tr>
				<tr>
					<td width="150" valign="top" class="templatemenu">
	
	<div id="bottom_navigation" class="navigation_container">
		
		
			<a id="menu_821085" class="nav_item nav_selected" style="white-space: nowrap;" href="/html_home.cfm?menu_itemID=821085&load=html">Home</a> 
		
	
		
			<a id="menu_921262" class="nav_item" style="white-space: nowrap;" href="/html_gallery.cfm?menu_itemID=921262&load=html">Still Life</a> 
		
	
		
			<a id="menu_821093" class="nav_item" style="white-space: nowrap;" href="/html_gallery.cfm?menu_itemID=821093&load=html">Industry</a> 
		
	
		
			<a id="menu_921160" class="nav_item" style="white-space: nowrap;" href="/html_gallery.cfm?menu_itemID=921160&load=html">Portraits</a> 
		
	
		
			<a id="menu_821116" class="nav_item" style="white-space: nowrap;" href="/html_gallery.cfm?menu_itemID=821116&load=html">People Location</a> 
		
	
		
			<a id="menu_821091" class="nav_item" style="white-space: nowrap;" href="/html_gallery.cfm?menu_itemID=821091&load=html">Architecture</a> 
		
	
		
			<a id="menu_821092" class="nav_item" style="white-space: nowrap;" href="/html_gallery.cfm?menu_itemID=821092&load=html">Advertising</a> 
		
	
		
			<a id="menu_836026" class="nav_item" style="white-space: nowrap;" href="/html_gallery.cfm?menu_itemID=836026&load=html">Vibrant Voices</a> 
		
	
		
			<a id="menu_821098" class="nav_item" style="white-space: nowrap;" href="/html_contact.cfm?menu_itemID=821098&load=html">Contact</a> 
		
		
	</div> 
	
</td>
					<td align="center" class="content" height="490px" width="850px">	

			
<div class="slideshowAndControlsContainer">
	<div id="slide_container" class="slideContainer"></div>
	<div id="go_previous_null" style="font-size:0px;display:none"></div>
	<div id="play_pause_overlay_null" style="font-size:0px;display:none"></div>
	<div id="go_next_null" style="font-size:0px;display:none"></div>
	<div id="overlay_blocker"></div>
</div>	

			
				</td>
			</tr>
			<tr>
				<td colspan="2" align="left">















	<div class="icon_social">
	
	</div>


<script type="text/javascript">

window.addEvent('domready', function() {
	
	// social icon mouseovers
	$$('.icon_social img').each(function(img) {
		var initialSrc = img.getProperty('src');
		var mouseoverSrc = img.getProperty('src').replace('_bw','_icon');
		img.addEvent('mouseenter', function() {
			img.setProperty('src', mouseoverSrc);
		});
		img.addEvent('mouseleave', function() {
			img.setProperty('src', initialSrc);
		});
	});
	
});

</script></td>
			</tr>
		</table>
		<br>
		
		</td>
	</tr>
	
	<tr>
		<td height="40px" align="center">
<span class="templatephotobiz">&copy; photobiz</span></td>
	</tr>	
	
</div>
</table>

	<div style="display:none">
<div id="pagingContainer" class="vertical">
	<div class="logoThumbnailContainer">
		<div id="paging_container">
			<div id="paging_thumb_container">
				<div class="thumbNormal"></div>
			</div>
			<div class="prevButton"></div>
			<div class="nextButton"></div>
		</div>
	</div>
</div>
</div>
	
</body>

</html>

<script type="text/javascript" src="/includes/class.pmSlideshow_v2.js"></script>
<script type="text/javascript" src="/includes/class.pmSlideshowPaging.js"></script>
<script type="text/javascript" src="/global/class.drowMenu.js"></script>
<script type="text/javascript" src="/includes/class.colorAnimator.js"></script>










	



<script type="text/javascript">
//=================== COLOR ANIMATION ==========================
/* Initiate the color animator module */
PBUtil.module.colorAnimator = new colorAnimator({duration: 1200 });


 

PBUtil.colorManager = {};

//Attach event to the sample button on the page for changing color
PBUtil.colorManager.executeColorChange = function(primaryColor){

	if (primaryColor != "") {
		// Calculates custom colors
		
			
				set1Color = PBUtil.module.colorAnimator.getColor(primaryColor, '#000000', 20);
			
			
		
			
			
		
			
				set4Color = PBUtil.module.colorAnimator.getColor(primaryColor, '#000000', 30);
			
			
		
			
				set5Color = PBUtil.module.colorAnimator.getColor(primaryColor, '#000000', 30);
			
			
		
			
				set6Color = PBUtil.module.colorAnimator.getColor(primaryColor, '#000000', 30);
			
			
		
		
		// Start the color changes
		PBUtil.module.colorAnimator.animate([ 
			// Render color sets
			
				{ // Middle content panel
				items: '.content, .gallerybox, .templatebox, .contentbox, .contentbox_shared',
				
				styles: { 'background-color': set1Color }
				
				},
			
				{ // Top and bottom border
				items: '.templatemenu',
				
				styles: { 'background-color': primaryColor }
				
				},
			
				{ // Border colors for dropdown menu and image thumbnails
				items: 'div.dropmenu .theme_5 .wrapper, #paging_thumb_container .thumbNormal',
				
				styles: { 'border-top-color': set4Color, 'border-bottom-color': set4Color, 'border-left-color': set4Color, 'border-right-color': set4Color }
				
				},
			
				{ // Background colors for drop down menus
				items: 'div.dropmenu .theme_5',
				
				styles: { 'background-color': set5Color }
				
				},
			
				{ // Background colors for individual drop down menu
				items: 'div.dropmenu a.dropmenu',
				
				styles: { 'background-color': set6Color }
				
				}
			 
		 ]);
	}
}

</script>






		





	



<script type="text/javascript">

//create the imageData array in JSON format
var imageData = {
	totalImages: 1,
	totalPerPage: 7,
	images: [
	
		{small: "http://image7.photobiz.com/6792/31_20111128031137_819173_tiny.jpg", large: "http://image7.photobiz.com/6792/31_20111128031137_819173_medium.jpg", primaryColor: ""}
	
	]
};

/* Create the instance of the new slideshow Module pmSlideshowPaging - an extension of the original pmSlideshow class */
PBUtil.module.slideshow = new pmSlideshowPaging({
	data: 			imageData,
	
	//======= slideshow options ======
	container: 		"slide_container",			//id of the image container
	imageWrapperCSS: "slideshowImageWrapper",	//image wrapper CSS
	maxWidth:	850,
	maxHeight: 490,	
	
	
	
		playPauseOverlayID: "play_pause_overlay_null",	
		previousOverlayID: "go_previous_null",			
		nextOverlayID: 	"go_next_null",					
		pauseOverlayCSS: "pause_overlay_null",			
		playOverlayCSS: "play_overlay_null",			
	
	
	interval:		5000,		//the integer with the time interval for each slide to occur
	affectDuration: 500,
	effect:			true,		//show fade-in / fade-out affect?
	slideTogether:	false,		//slide both slides at the same time
	
	
		loop:			true,	
		
		
		randomize:		true,
		
		autoPlay:		false,	
		
	
	//===== paging options =======
	pagingLayout: 	'vertical',	//Layout type - options are 'vertical', 'horizontal', 'horizontal_wrapped'
	pagingContainerID: 'paging_container',		//the container with all paging elements (thumbnail images + arrows)
	thumbnailContainerID: 'paging_thumb_container',	//the contaienr with only the thumbnail images
	thumbnailsCSS: 	'thumbNormal',				//the css class for the normal state thumbnails
	thumbnailsSelectedCSS: 'thumbSelected',		//the css class for the selected state thumbnails
	prevButtonCSS: 	'prevButton',				//the css class for previous page button
	nextButtonCSS: 	'nextButton',				//the css class for next page button
	leftButtonCSS: 	'leftButton',				//the css class for previous page button - to be used for horizotnal layouts
	rightButtonCSS: 'rightButton',				//the css class for next page button - to be used for horizotnal layouts
	upButtonCSS: 	'upButton',					//the css class for previous page button - to be used for vertical layouts
	downButtonCSS: 	'downButton',				//the css class for next page button - to be used for vertical layouts
		
	//===== module's events =====
	onComplete: function(){
		//alert("Done loading and displaying, Index:" + this.curr_index);
		//alert(imageData.images[this.curr_index]);
		//PBUtil.colorManager.executeColorChange(imageData.images[this.curr_index].primaryColor);
	},
	onStart: function(){
		//alert("Starting image loading ...");
		//alert(imageData.images[this.curr_index].primaryColor);
		
		(function(){ PBUtil.colorManager.executeColorChange(imageData.images[this.curr_index].primaryColor); }).delay(500, this)
		
	}

});
</script>


 
	
	<div class="drop_menu_container" id="drop_menu_container"> 
		
	</div>
	 		
 
	
	<script type="text/javascript">
	
	</script>