<!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" xml:lang="en-us" lang="en-us" dir="ltr">
<head profile="http://gmpg.org/xfn/11">
<title>Supersized - Full Screen Background/Slideshow jQuery Plugin</title>
<meta http-equiv="Content-Type" content="text/html; charset=us-ascii" />
<script type="text/javascript" src="http://jqueryjs.googlecode.com/files/jquery-1.3.2.js"></script>
<script src="http://dev.jquery.com/view/tags/ui/latest/ui/effects.core.js"></script>
<script src="http://dev.jquery.com/view/tags/ui/latest/ui/effects.slide.js"></script>
<script type="text/javascript" src="../../../Slideshow2/supersized.2.0.js"></script>
<script type="text/javascript">
		$(function(){
			$.fn.supersized.options = {
				startwidth: 640,
				startheight: 480,
				vertical_center: 1,
				slideshow: 1,
				navigation: 1,
				transition: 1, //0-None, 1-Fade, 2-slide top, 3-slide right, 4-slide bottom, 5-slide left
				pause_hover: 0,
				slide_counter: 1,
				slide_captions: 1,
				slide_interval: 5000
			};
	        $('#supersize').supersized();
	    });
	</script>
<style type="text/css">
		*{
			margin:0;
			padding:0;
		}
		a{
			color:#8FC2FF;
			text-decoration: none;
			outline: none;
		}
		a:hover{
			text-decoration: underline;
		}
		img{
			border:none;
		}
		body {
			overflow:hidden;/*Needed to eliminate scrollbars*/
			background:#fff;
		}
		#content{
			margin:0px auto;
			height:100px;
			width:100%;
			top:270px;
			z-index: 3;
			background:none;
			border-top:none;
			border-bottom:none;
			position:absolute;
		}
		#content2{
			margin:0px auto;
			height:10px;
			width:200px;
		
		}
		#contentframe{
			overflow: hidden;
			border-top:none;
			border-bottom:none;
			height: 100%;
			text-align:center;
			z-index: 3;
		}
		#slidecounter{
			float:left;
			color:#4F4F4F;
			font:50px &quot;Helvetica Neue&quot;, Arial, sans-serif;
			font-weight:bold;
			margin:18px 20px;	
		}
		#slidecaption{
			overflow: hidden;
			float:left;
			color:#FFF;
			font:26px &quot;Helvetica Neue&quot;, Arial, sans-serif;
			font-weight:bold;
			margin:33px 0;
		}
		/*Supersized Stamp*/
		.stamp{
			float: right;
			margin: 25px 20px 0 0;
		}
		/*Supersize Plugin Styles*/
		#navigation{
			background: none;
			align: center;
			margin: 0 0;
		}
		#loading {
			position: absolute;
			top: 49.5%;
			left: 49.5%;
			z-index: 3;
			width: 24px;
			height: 24px;
			text-indent: -999em;
			background-image: url(../../Downloads/supersized2-1/images/progress.gif);
		}
		#supersize{
			position:fixed;
		}
		#supersize img, #supersize a{
			height:100%;
			width:100%;
			position:absolute;
			z-index: 0;
		}
		#supersize .prevslide, #supersize .prevslide img{
			z-index: 1;
		}
		#supersize .activeslide, #supersize .activeslide img{
			z-index: 2;
		}
	.leftarrow{
	margin-right: 800px;
	}	</style>
</head>
<body><!--Loading display while images load-->
<div id="loading">&nbsp;</div><!--Slides-->
<div id="supersize"><a href="#"><img alt="" src="../../../Slideshow2/Images/Slide1.jpg" title="Journey" /></a><a href="#"><img alt="" src="../../../Slideshow2/Images/Slide2.jpg" title="Journey" /></a><a href="#"><img alt="" src="../../../Slideshow2/Images/Slide3.jpg" title="Journey" /></a><a href="#"><img alt="" src="../../../Slideshow2/Images/Slide4.jpg" title="Journey" /></a><a href="#"><img alt="" src="../../../Slideshow2/Images/Slide5.jpg" title="Journey" /></a></div><!--Content area that hovers on top-->
<div id="content">
<div id="contentframe">
<div id="navigation"><a href="#" id="prevslide"><img alt="" src="../../../Slideshow2/Buttons/Arrows_01.png" name="leftarrow" class="leftarrow" id="leftarrow" /></a><a href="#" id="nextslide"><img alt="" src="../../../Slideshow2/Buttons/Arrows_03.png" name="rightarrow" id="rightarrow" /></a>		</div></div></div>
</body>
</html>