<!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>Brooke Daniels Photography - Home</title>
<meta name="description" content="Brooke Daniels Photography" />
<meta name="keywords" content="Brooke Daniels Photography" />


	





<style type="text/css">
html{ height: 100%; } 
table{margin:0px}

body{height: 100%; margin:0px;  scrollbar-face-color: #666666; scrollbar-highlight-color: #666666; scrollbar-track-color: #333333; scrollbar-arrow-color: #FFFFFF;

	background-attachment: scroll;background-image: url(http://image3.photobiz.com/376/13_20110615205815_2947855_large.jpg);
	background-repeat: no-repeat; 
	background-position: center;

}

.backgroundColor { background-color: #000000; }
.border_bar{background-color: #FFFFFF; width:100%; height:18px; border:0px}
.content{background-color: #000000}
.logo{font-family: arial; color: #FFFFFF; font-size: 40px;}

.templatebox{border:0px solid #FFFFFF;  width:850px;height:490px;background-repeat:no-repeat} 
.gallerybox{border:0px solid #FFFFFF;background-color: #000000;background-repeat:no-repeat} 
.templatelogo{font-family: arial; color: #FFFFFF; padding: 5px; font-size: 40px}
.templatefooter{font-family: arial; font-size:12px;color:#FFFFFF;text-align: center}
.templatephotobiz{font-family: arial;text-decoration:none; font-size:10px;font-weight:bold;color:#FFFFFF;text-align: center}
.contentbox_shared{background-color: #000000;width:50%;height:100%;border:0px;border-left: 0px solid #FFFFFF} 
.contentbox_thumb{background-color: #000000;width:60px;height:100%;border:0px;border-left: 0px solid #FFFFFF} 
.contentbox{background-color: #000000;width:100%;height:100%;border:0px} 
.iframebox_thumb{width:62px;height:490px;marginwidth:0px;text-align:left}
.iframebox_small{width:350px;height:125px; padding-right:7px}
.iframebox_shared{width:350px;height:350px; padding-right:7px}
.iframebox{width:800px;height:350px; padding-right:7px}
.thumbNormal {border:2px solid #FFFFFF; width: 50px; height: 50px; margin-bottom: 5px; cursor: pointer;}
.thumb_container{width: 54px;padding:4px;}
.pagetitle{font-family: arial; font-size:25px; color:#999999;padding-top:20px;padding-left:20px;padding-right:20px;text-align:left}
.pagetext{font-family: arial; font-size:14px; color:#FFFFFF; text-decoration:none;text-align:left}
.pagetextlink{font-family: arial; font-size:12px; color:#FFFFFF; text-decoration:none;font-weight:bold;text-align:left}
.requiredcolor{font-family: arial; font-size:12px; color:#FFFFFF; text-decoration:none}
textarea{background-color:#FFFFFF;border:#999999 1px solid;font-family:arial;font-size:12px;color: #000000} 
input{font-size:12px;color:#000000;background: #FFFFFF;border: 1px solid #999999}
.submit input{font-size:12px;color: #FFFFFF;background: #FFFFFF;border: 1px outset #999999} 
.itemlistimage {padding-bottom:20px; padding-left:20px; padding-right:20px;}
a.nav_months{ font-family: arial; font-size:14px; color:#FFFFFF; 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:#FFFFFF; text-decoration:none;text-align:left	}
/* the year name label inside of the title bar */
.calLblYear{ font-family: arial; font-size:14px; color:#FFFFFF; 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 #FFFFFF; border-left: 1px solid #FFFFFF; font-size: 11px; }
/* each box holding a single week day name */
.calDayBox{ display: inline-block; width: 46px; height: 18px; border-bottom: 1px solid #FFFFFF;	border-right: 1px solid #FFFFFF; font-family: arial; font-size:14px; color:#FFFFFF; text-decoration:none; text-align:center; }
/* the container holding all dates for s single month */
.calDateContainer{ width: 329px; border-top: 1px solid #FFFFFF; border-left: 1px solid #FFFFFF;	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 #FFFFFF; border-right: 1px solid #FFFFFF; color: #FFFFFF; }
.calDatesBox:hover{ background: #b8b6b7; }
.calBlankDatesBox{} /* each box without any dates in them - BLANK */
.calBlankDatesBox:hover{ background: #000000; }
.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: #c20001; background: #b8b6b7; }
.calInvalidDateBox:hover{ background: #b8b6b7; }
	


/* ************ New content ************ */
.navigation_container{ text-align: center; }
.navigation_container a.nav_item{ font: bold 11px arial; display: inline-block; padding: 5px; padding-left: 10px;	padding-right: 10px; text-decoration: none; color: #FFFFFF; }
.navigation_container a.nav_selected{ background-color: #FFFFFF; color: #000000; } /* 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:	#FFFFFF; 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:	#FFFFFF; }
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: #000000;	color: #FFFFFF; }
div.dropmenu .theme_1 a:hover{ background-color: #FFFFFF; color: #666666; }

/* theme 2 */
div.dropmenu .theme_2{ background-color: transparent; }
div.dropmenu .theme_2 .wrapper{ border-style: dashed;	border-width:  0px; border-color: #FFFFFF; }
div.dropmenu .theme_2 a{ margin-bottom:2px;}
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: #000000; color: #FFFFFF; border-bottom-width: 0px; border-bottom-style: solid; border-bottom-color: #FFFFFF; }
div.dropmenu .theme_2 a:hover{ background-color: #FFFFFF; color: #666666; }
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: #000000; padding: 5px; }
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; color: #FFFFFF; }
div.dropmenu .theme_3 a:hover { color: #666666; }
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: #000000; 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:	#000000; color: #FFFFFF; }
div.dropmenu .theme_4 a:hover { background-color: #FFFFFF; color: #666666; }
div.dropmenu .theme_4 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: 860px; height: 500px; 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: #FFFFFF; }*/ /* border around images */
.slideshowImageWrapper{ border-width: 5px; border-style: solid; border-color: #FFFFFF; } 
#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: 775px; 	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: #FFFFFF; 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 class="backgroundColor">	
<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" cellspacing="0" cellpadding="0" width="100%">
		<tr>
			<td align="center" class="templatelogo" style="padding-top:5px; padding-bottom:10px"><div id="logo_bar" style="width: 850px; text-align:center"><img src="http://image6.photobiz.com/1969/13_20110614221518_2942149_large.jpg" border="0"></div></td>
		</tr>
		<tr>
			<td align="center" style="padding-bottom:8px"><div style="width: 850px">
	
	<div id="bottom_navigation" class="navigation_container">
		
		
			<a id="menu_715832" class="nav_item nav_selected" style="white-space: nowrap;" href="/html_home.cfm?menu_itemID=715832&load=html">Home</a> 
		
	
		
			<a id="menu_715833" class="nav_item" style="white-space: nowrap;" href="#">Information</a> 
		
	
		
			<a id="menu_715837" class="nav_item" style="white-space: nowrap;" href="#">High School Senior Gallery</a> 
		
	
		
			<a id="menu_740057" class="nav_item" style="white-space: nowrap;" href="#">Senior Custom Art</a> 
		
	
		
			<a id="menu_715843" class="nav_item" style="white-space: nowrap;" href="/html_testimonials.cfm?menu_itemID=715843&load=html">Raves</a> 
		
	
		
			<a id="menu_715842" class="nav_item" style="white-space: nowrap;" href="http://bdaniels1.photobiz.com/cart"  target="_blank">Online Ordering</a> 
		
	
		
			<a id="menu_715846" class="nav_item" style="white-space: nowrap;" href="/html_contact.cfm?menu_itemID=715846&load=html">Contact Us</a> 
		
		
	</div> 
	
</div></td>
		</tr>
		<tr>
			<td align="center" height="498">
			<table border="0" cellspacing="0" cellpadding="0">
				<tr>
					
					<td style="padding-right:20px;display:none" valign="top">
<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>
</td>
					
					<td valign="middle" height="490px">
			

<table align="center" cellpadding="0" cellspacing="0">
  <tr>
    <td align="center" class="templatebox">
		<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>
</table>

					
					</td>
				</tr>
			</table>
			</td>
		</tr>
		<tr>
			<td align="center"><div style="width:900px;"><table width="100%" border="0" cellpadding="0" cellspacing="0"><tr><td align="right">















	<div class="icon_social">
	<a href="https://www.facebook.com/BrookeDanielsPhotography" target="_blank" title=""Like" us on Facebook!"><img src="/images/facebook_bw.png" border="0" style="padding-right:6px; padding-top:6px; padding-left:6px;"></a>
	</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></div></td>
		</tr>
	</table>
	</td>
</tr>

<tr>
	<td height="40px" align="center">
<span class="templatephotobiz">&copy; photobiz</span></td>
</tr>	

</div>
</table>
</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 });


//Set the initial roll-over for the navigation menus using the rollover feature from the colorAnimator
PBUtil.module.colorAnimator.setRollover({ 
	items: 'a.nav_item',
	exclude: 'a.nav_selected',
	onStyles: {'background-color': '#000000' },
	offStyles: {'background-color': 'transparent' }
 });

 

PBUtil.colorManager = {};

//Attach event to the sample button on the page for changing color
PBUtil.colorManager.executeColorChange = function(primaryColor){

	if (primaryColor != "") {
		// Calculates custom colors
		
			
			
		
			
				set4Color = PBUtil.module.colorAnimator.getColor(primaryColor, '#000000', 30);
			
			
		
			
				set6Color = PBUtil.module.colorAnimator.getColor(primaryColor, '#000000', 30);
			
			
				
				set6RolloverOnColor = PBUtil.module.colorAnimator.getColor(primaryColor, '#FFFFFF', 5);
				
				
				set6RolloverOffColor = PBUtil.module.colorAnimator.getColor(primaryColor, '#000000', 30);
								
			
		
			
				set7Color = PBUtil.module.colorAnimator.getColor(primaryColor, '#000000', 20);
			
			
				
				set7RolloverOnColor = PBUtil.module.colorAnimator.getColor(primaryColor, '#000000', 20);
				
								
			
		
		
		// Start the color changes
		PBUtil.module.colorAnimator.animate([ 
			// Render color sets
			
				{ // Background color
				items: '.backgroundColor',
				
				styles: { 'background-color': primaryColor }
				
				},
			
				{ // Border colors for dropdown menu and image thumbnails
				items: 'div.dropmenu .theme_2 .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 individual drop down menu
				items: 'div.dropmenu a.dropmenu',
				
				styles: { 'background-color': set6Color }
				,
					//handle roll-over items
					onEffectStart: function(){
						// Roll over of the dropdown menus
						PBUtil.module.colorAnimator.setRollover({
							items: 'div.dropmenu a.dropmenu',
							
							onStyles: { 'background-color': set6RolloverOnColor },
							offStyles: { 'background-color': set6RolloverOffColor }
						});
					}						
				
				},
			
				{ // Selected menu item
				items: '.nav_selected',
				
				styles: { 'color': set7Color }
				,
					//handle roll-over items
					onEffectStart: function(){
						// Roll over of the main navigation menus
						PBUtil.module.colorAnimator.setRollover({
							items: 'a.nav_item',
							
							exclude: 'a.nav_selected',
							
							onStyles: { 'background-color': set7RolloverOnColor },
							offStyles: { "background-color": "transparent" }
						});
					}						
				
				}
			 
		 ]);
	}
}

</script>






		
		
	








	














	
		







<script type="text/javascript">

//create the imageData array in JSON format
var imageData = {
	totalImages: 23,
	totalPerPage: 7,
	images: [
	
		{small: "http://image9.photobiz.com/5933/13_20120602212843_4170215_tiny.jpg", large: "http://image9.photobiz.com/5933/13_20120602212843_4170215_medium.jpg", primaryColor: ""},
	
		{small: "http://image12.photobiz.com/6812/13_20120617223308_4216029_tiny.jpg", large: "http://image12.photobiz.com/6812/13_20120617223308_4216029_medium.jpg", primaryColor: ""},
	
		{small: "http://image12.photobiz.com/6664/13_20120602213021_4170226_tiny.jpg", large: "http://image12.photobiz.com/6664/13_20120602213021_4170226_medium.jpg", primaryColor: ""},
	
		{small: "http://image3.photobiz.com/501/13_20120713214725_4304740_tiny.jpg", large: "http://image3.photobiz.com/501/13_20120713214725_4304740_medium.jpg", primaryColor: ""},
	
		{small: "http://image7.photobiz.com/2719/13_20120108193249_3707171_tiny.jpg", large: "http://image7.photobiz.com/2719/13_20120108193249_3707171_medium.jpg", primaryColor: ""},
	
		{small: "http://image4.photobiz.com/842/13_20120602212852_4170218_tiny.jpg", large: "http://image4.photobiz.com/842/13_20120602212852_4170218_medium.jpg", primaryColor: ""},
	
		{small: "http://image12.photobiz.com/6164/13_20120602212535_4170209_tiny.jpg", large: "http://image12.photobiz.com/6164/13_20120602212535_4170209_medium.jpg", primaryColor: ""},
	
		{small: "http://image5.photobiz.com/7205/13_20120617223321_4216032_tiny.jpg", large: "http://image5.photobiz.com/7205/13_20120617223321_4216032_medium.jpg", primaryColor: ""},
	
		{small: "http://image7.photobiz.com/7050/13_20120107193145_3705825_tiny.jpg", large: "http://image7.photobiz.com/7050/13_20120107193145_3705825_medium.jpg", primaryColor: ""},
	
		{small: "http://image7.photobiz.com/6649/13_20120107193817_3705843_tiny.jpg", large: "http://image7.photobiz.com/6649/13_20120107193817_3705843_medium.jpg", primaryColor: ""},
	
		{small: "http://image12.photobiz.com/6229/13_20110627105129_2987286_tiny.jpg", large: "http://image12.photobiz.com/6229/13_20110627105129_2987286_medium.jpg", primaryColor: ""},
	
		{small: "http://image8.photobiz.com/3773/13_20120107193303_3705834_tiny.jpg", large: "http://image8.photobiz.com/3773/13_20120107193303_3705834_medium.jpg", primaryColor: ""},
	
		{small: "http://image7.photobiz.com/6621/13_20120107192632_3705815_tiny.jpg", large: "http://image7.photobiz.com/6621/13_20120107192632_3705815_medium.jpg", primaryColor: ""},
	
		{small: "http://image12.photobiz.com/5997/13_20110206103454_2419876_tiny.jpg", large: "http://image12.photobiz.com/5997/13_20110206103454_2419876_medium.jpg", primaryColor: ""},
	
		{small: "http://image12.photobiz.com/6552/13_20110614102217_2939627_tiny.jpg", large: "http://image12.photobiz.com/6552/13_20110614102217_2939627_medium.jpg", primaryColor: ""},
	
		{small: "http://image8.photobiz.com/6587/13_20110813104213_3163974_tiny.jpg", large: "http://image8.photobiz.com/6587/13_20110813104213_3163974_medium.jpg", primaryColor: ""},
	
		{small: "http://image9.photobiz.com/3131/13_20110206103706_2419881_tiny.jpg", large: "http://image9.photobiz.com/3131/13_20110206103706_2419881_medium.jpg", primaryColor: ""},
	
		{small: "http://image10.photobiz.com/5055/13_20110206103545_2419877_tiny.jpg", large: "http://image10.photobiz.com/5055/13_20110206103545_2419877_medium.jpg", primaryColor: ""},
	
		{small: "http://image12.photobiz.com/6085/13_20110720212219_3078815_tiny.jpg", large: "http://image12.photobiz.com/6085/13_20110720212219_3078815_medium.jpg", primaryColor: ""},
	
		{small: "http://image8.photobiz.com/4309/13_20110206110554_2419917_tiny.jpg", large: "http://image8.photobiz.com/4309/13_20110206110554_2419917_medium.jpg", primaryColor: ""},
	
		{small: "http://image7.photobiz.com/2774/13_20110813104307_3163979_tiny.jpg", large: "http://image7.photobiz.com/2774/13_20110813104307_3163979_medium.jpg", primaryColor: ""},
	
		{small: "http://image11.photobiz.com/3894/13_20110508220901_2767591_tiny.jpg", large: "http://image11.photobiz.com/3894/13_20110508220901_2767591_medium.jpg", primaryColor: ""},
	
		{small: "http://image9.photobiz.com/3165/13_20120602212437_4170202_tiny.jpg", large: "http://image9.photobiz.com/3165/13_20120602212437_4170202_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:		false,		
		autoPlay:		true,	
		
	
	//===== 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 id="dropmenu_715833" class="dropmenu">	
				<div class="theme_2"> 
					<div class="wrapper"> 
							
							
								
								<a class="dropmenu first" style="white-space: nowrap;" href="/html_info.cfm?menu_itemID=715834&load=html&parentID=715833">About the Artist</a>
							
								
									
								
								<a class="dropmenu " style="white-space: nowrap;" href="/html_info.cfm?menu_itemID=715835&load=html&parentID=715833">Session Info</a>
							
								
									
								
								<a class="dropmenu last" style="white-space: nowrap;" href="/html_info.cfm?menu_itemID=715836&load=html&parentID=715833">Rates, Specials & Packages</a>
							
					</div> 
				</div> 
			</div> 
			
		
			
			<div id="dropmenu_715837" class="dropmenu">	
				<div class="theme_2"> 
					<div class="wrapper"> 
							
							
								
								<a class="dropmenu first" style="white-space: nowrap;" href="/html_gallery.cfm?menu_itemID=740054&load=html&parentID=715837">Artistic Creations</a>
							
								
									
								
								<a class="dropmenu " style="white-space: nowrap;" href="/html_gallery.cfm?menu_itemID=715839&load=html&parentID=715837">Life's A Beach</a>
							
								
									
								
								<a class="dropmenu " style="white-space: nowrap;" href="/html_gallery.cfm?menu_itemID=715840&load=html&parentID=715837">City Streets</a>
							
								
									
								
								<a class="dropmenu " style="white-space: nowrap;" href="/html_gallery.cfm?menu_itemID=835581&load=html&parentID=715837">Beautiful Faces</a>
							
								
									
								
								<a class="dropmenu " style="white-space: nowrap;" href="/html_gallery.cfm?menu_itemID=810489&load=html&parentID=715837">Rock the Dress & Fashion </a>
							
								
									
								
								<a class="dropmenu " style="white-space: nowrap;" href="/html_gallery.cfm?menu_itemID=740055&load=html&parentID=715837">Studio Portraits & Formal Yearbook</a>
							
								
									
								
								<a class="dropmenu last" style="white-space: nowrap;" href="/html_gallery.cfm?menu_itemID=835205&load=html&parentID=715837">Dual Sessions... Double the Fun!</a>
							
					</div> 
				</div> 
			</div> 
			
		
			
			<div id="dropmenu_740057" class="dropmenu">	
				<div class="theme_2"> 
					<div class="wrapper"> 
							
							
								
								<a class="dropmenu first" style="white-space: nowrap;" href="/html_gallery.cfm?menu_itemID=740060&load=html&parentID=740057">Collage Cards</a>
							
								
									
								
								<a class="dropmenu last" style="white-space: nowrap;" href="/html_gallery.cfm?menu_itemID=740059&load=html&parentID=740057">Products & Packages</a>
							
					</div> 
				</div> 
			</div> 
			
		
	</div>
	 		
 
	
	<script type="text/javascript">
	
			
			PBUtil.module.dropMenu.attach({	
				element: "menu_715833",	 /* ID of the parent element - the trigger element  - REQUIRED*/
				target: "dropmenu_715833",	/* ID of the dropdown element - the target element  - REQUIRED*/
				leftOffset:	0,
				where: "bottom"	/* menu position: "bottom", 'top', 'left' or "right"  - OPTIONAL. "bottom" is default.*/
			});
			
		
			
			PBUtil.module.dropMenu.attach({	
				element: "menu_715837",	 /* ID of the parent element - the trigger element  - REQUIRED*/
				target: "dropmenu_715837",	/* ID of the dropdown element - the target element  - REQUIRED*/
				leftOffset:	0,
				where: "bottom"	/* menu position: "bottom", 'top', 'left' or "right"  - OPTIONAL. "bottom" is default.*/
			});
			
		
			
			PBUtil.module.dropMenu.attach({	
				element: "menu_740057",	 /* ID of the parent element - the trigger element  - REQUIRED*/
				target: "dropmenu_740057",	/* ID of the dropdown element - the target element  - REQUIRED*/
				leftOffset:	0,
				where: "bottom"	/* menu position: "bottom", 'top', 'left' or "right"  - OPTIONAL. "bottom" is default.*/
			});
			
		
	</script>