<!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>Gregory O'Hanlon Fine Art Photography - Fine Art Prints of our Nation's Capital</title>
<meta name="description" content="Gregory Ohanlon Fine Art Photography, Home Page" />
<meta name="keywords" content="gregory ohanlon, greg ohanlon, gregory ohanlon fine art photography, greg ohanlon photography, fine art, fine art images, fine art prints, scenic, scenic images, scenic photographs, artistic, artistic photography, artistic photographs, artistic images, black and white photography, black and white photographs, black and white images, b & w images, black and white fine art images, Washington DC, District of Columbia, Bethesda, 20817, Nations Capital" />
<script type="text/javascript">
var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www.");
document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));
</script>
<script type="text/javascript">
try {
var pageTracker = _gat._getTracker("UA-13274794-1");
pageTracker._trackPageview();
} catch(err) {}</script>

<script type="text/javascript">
var sc_project=5846900; 
var sc_invisible=1; 
var sc_security="e1ab5ff8"; 
</script>

<script type="text/javascript"
src="http://www.statcounter.com/counter/counter.js"></script><noscript><div
class="statcounter"><a title="tumblr hit counter"
href="http://www.statcounter.com/tumblr/"
target="_blank"><img class="statcounter"
src="http://c.statcounter.com/5846900/0/e1ab5ff8/1/"
alt="tumblr hit counter" ></a></div></noscript>
<link rel="shortcut icon" href="http://image8.photobiz.com/2706/20110123130038_103108.ico" type="image/x-icon"/> 
<style type="text/css">
html{ height: 100%; } 
table{margin:0px}

body{height: 100%; margin:0px; background-color: #171717; scrollbar-face-color: #666666; scrollbar-highlight-color: #666666; scrollbar-track-color: #333333; scrollbar-arrow-color: #FFFFFF;

	background-attachment: scroll;background-image: url(http://image9.photobiz.com/3048/22_20140918172248_4819294_large.jpg);
	background-repeat: no-repeat; 
	background-position: center;

}

.border_bar{background-color: #FFFFFF; width:100%; height:18px; border:0px} 
.content{background-color: #151515}
.logo{font-family: arial; color: #FFFFFF; font-size: 50px;width:850px;height:490px;}

.templatebox{border:0px solid #FFFFFF;background-color: #151515;width:850px;height:490px;background-repeat:no-repeat} 
.gallerybox{border:0px solid #FFFFFF;background-color: #151515;background-repeat:no-repeat} 
.templatelogo{font-family: arial; color: #FFFFFF; padding: 0px; font-size: 50px}
.templatefooter{font-family: arial; font-size:12px;color:#8d8b8c;text-align: center}
.templatephotobiz{font-family: arial;text-decoration:none; font-size:10px;font-weight:bold;color:#8d8b8c;text-align: center}
.contentbox_shared{background-color: #151515;width:50%;height:100%;border:0px;border-left: 0px solid #FFFFFF} 
.contentbox_thumb{background-color: #151515;width:60px;height:100%;border:0px;border-left: 0px solid #FFFFFF} 
.contentbox{background-color: #151515;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 #FFFFFF; width: 50px; height: 50px; margin-bottom: 5px; cursor: pointer;}
.thumb_container{width: 54px;padding:4px;}
.pagetitle{font-family: arial; font-size:22px; color:#FFFFFF;padding-top:20px;padding-left:20px;padding-right:20px;text-align:left}
.pagetext{font-family: arial; font-size:13px; color:#E8E8E8; text-decoration:none;text-align:left}
.pagetextlink{font-family: arial; font-size:12px; color:#E8E8E8; text-decoration:none;font-weight:bold;text-align:left}
.requiredcolor{font-family: arial; font-size:12px; color:#FFFFFF; text-decoration:none}
textarea{background-color:#151515;border:#FFFFFF 1px solid;font-family:arial;font-size:12px;color: #9a9a9a} 
input{font-size:12px;color:#9a9a9a;background: #151515;border: 1px solid #FFFFFF}
.submit input{font-size:12px;color: #000000;background: #9a9a9a;border: 1px outset #FFFFFF} 
.itemlistimage {padding-bottom:20px; padding-left:20px; padding-right:20px;}
a.nav_months{ font-family: arial; font-size:14px; color:#E8E8E8; 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:#E8E8E8; text-decoration:none;text-align:left	}
/* the year name label inside of the title bar */
.calLblYear{ font-family: arial; font-size:14px; color:#E8E8E8; 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:#E8E8E8; 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: #E8E8E8; }
.calDatesBox:hover{ background: #000000; }
.calBlankDatesBox{} /* each box without any dates in them - BLANK */
.calBlankDatesBox:hover{ background: #151515; }
.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: #9a9a9a; background: #000000; }
.calInvalidDateBox:hover{ background: #000000; }
	


/* ************ 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: #FFFFFF; }
.navigation_container a.nav_item:hover{ color: #C9B887; } 
.navigation_container a.nav_selected { color: #C9B887; } /* currently selected menu item */

div.dropmenu { position:	absolute; margin: 0px; visibility: hidden; z-index: 30;	top: 0px; left:	0px; }
/* theme 1 */
div.dropmenu .theme_1 { background-color:	#000000; 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: #FFFFFF;	color: #050505; }
div.dropmenu .theme_1 a:hover { background-color: #FFFFFF; color: #FFFFFF; }

/* theme 2 */
div.dropmenu .theme_2 { background-color: #000000; }
div.dropmenu .theme_2 .wrapper { border-style: solid;	border-width:  1px; border-color: #FFFFFF; }
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: #FFFFFF; color: #050505; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #000000; }
div.dropmenu .theme_2 a:hover { background-color: #FFFFFF; color: #FFFFFF; }
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: #FFFFFF; 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:	#FFFFFF; color: #050505; }
div.dropmenu .theme_3 a:hover { background-color: #FFFFFF; color: #FFFFFF; }
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: #FFFFFF; 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:	#FFFFFF; color: #050505; }
div.dropmenu .theme_4 a:hover { background-color: #FFFFFF; color: #FFFFFF; }
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: #FFFFFF; padding: 10px; }
div.dropmenu .theme_5 .wrapper { background-color: #FFFFFF; }
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:	#FFFFFF; color: #050505; }
div.dropmenu .theme_5 a:hover { background-color: #FFFFFF; color: #FFFFFF; }
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; }
.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{} 
#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: #000000; 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

var rightClickDisabled = typeof window.rightClickDisabled !== 'undefined' ? window.rightClickDisabled : true;
if (rightClickDisabled) {

	document.oncopy=new Function("return false");

	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">
	var isIphone = false;
	var agent=navigator.userAgent.toLowerCase();
	var is_iphone = (agent.indexOf('iphone')!=-1)||(agent.indexOf('ipod')!=-1);
	if (is_iphone) { 
		isIphone = true; 
		window.location='/?load=iphone';
	}
</script>

<script type="text/javascript">
	var isAndroid = false;
	var agent=navigator.userAgent.toLowerCase();
	var is_android = (agent.indexOf('android')!=-1);
	if (is_android) { 
		isAndroid = true; 
		window.location='/?load=iphone';
	}
</script>

<script type="text/javascript">
	var isBlackberry = false;
	var agent=navigator.userAgent.toLowerCase();
	var is_blackberry = (agent.indexOf('blackberry')!=-1);
	if (is_blackberry) { 
		isblackberry = true; 
		window.location='/?load=iphone';
	}
</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 valign="top">&nbsp;</td>
					<td align="center" class="templatelogo" style="padding-top:5px; padding-bottom:15px"><div id="logo_bar" style="width: 850px; text-align:center"><img src="http://image4.photobiz.com/1100/22_20140918231219_4819881_large.jpg" border="0"></div></td>
				</tr>
				<tr>
					<td style="padding-right: 15px" width="150" valign="top">
	<div id="bottom_navigation" class="navigation_container">
		
			<a id="menu_482789" class="nav_item nav_selected" style="white-space: nowrap;" href="/html_home.cfm?menu_itemID=482789&load=html">Home</a> 
		
			<a id="menu_482791" class="nav_item" style="white-space: nowrap;" href="/html_info.cfm?menu_itemID=482791&load=html">About</a> 
		
			<a id="menu_914227" class="nav_item" style="white-space: nowrap;" href="/html_gallery.cfm?menu_itemID=914227&load=html">Washington DC:  Color</a> 
		
			<a id="menu_914228" class="nav_item" style="white-space: nowrap;" href="/html_gallery.cfm?menu_itemID=914228&load=html">Washington DC:  B & W</a> 
		
			<a id="menu_1137550" class="nav_item" style="white-space: nowrap;" href="/html_gallery.cfm?menu_itemID=1137550&load=html">Doors in the District</a> 
		
			<a id="menu_1127651" class="nav_item" style="white-space: nowrap;" href="/html_gallery.cfm?menu_itemID=1127651&load=html">At Water's Edge</a> 
		
			<a id="menu_482800" class="nav_item" style="white-space: nowrap;" href="/html_testimonials.cfm?menu_itemID=482800&load=html">Exhibitions</a> 
		
			<a id="menu_482793" class="nav_item" style="white-space: nowrap;" href="/html_info.cfm?menu_itemID=482793&load=html">Fine Art Prints</a> 
		
			<a id="menu_482792" class="nav_item" style="white-space: nowrap;" href="/html_info.cfm?menu_itemID=482792&load=html">Copyright + Licensing</a> 
		
			<a id="menu_482803" class="nav_item" style="white-space: nowrap;" href="/html_contact.cfm?menu_itemID=482803&load=html">Contact</a> 
			
	</div> 
	</td>
					<td align="center" class="content" height="490px">
					<table align="center" cellpadding="0" cellspacing="0" border="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>
			<tr>
				<td>&nbsp;</td>
				<td style="float:left"> 
	<div class="icon_social">
	<a href="https://www.linkedin.com/profile/view?id=305949393&trk=nav_responsive_tab_profile_pic" target="_blank" title="LinkedIn"><img src="/images/linkedin_bw.png" border="0" style="padding-right:6px; padding-top:6px; padding-left:6px;"></a><a href="http://www.facebook.com/pages/Gregory-OHanlon-Fine-Art-Photography/292258177478476" target="_blank" title="Facebook Fan Page"><img src="/images/facebook_bw.png" border="0" style="padding-right:6px; padding-top:6px; "></a><a href="https://www.instagram.com/gregoryohanlon/?hl=en" target="_blank" title=""><img src="/images/instagram_bw.png" border="0" style="padding-right:6px; padding-top: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>
			
			<tr style="display:none">
				<td valign="top">&nbsp;</td>
				<td>
<div id="pagingContainer" class="horizontal">
	<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></td>
			</tr>
			
		</table>
		</td>
	</tr>
	
	<tr>
		<td height="40px" align="center" style="padding-left:160px"> <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 });


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',
				
				styles: { 'background-color': set1Color }
				
				}, 
				{ // 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://image11.photobiz.com/5356/22_20130814115933_4043996_tiny.jpg", large: "http://image11.photobiz.com/5356/22_20130814115933_4043996_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: 	'horizontal',	//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>