Untitled

<!DOCTYPE html>
<html <?php language_attributes(); ?>>
	<head>
		<meta http-equiv="Content-Type" content="<?php bloginfo('html_type'); ?>; charset=<?php bloginfo('charset'); ?>">
		<title><?php siteTitle(); ?></title>
		<meta name="description" content="<?php bloginfo('description'); ?>">

		<link rel="pingback" href="<?php bloginfo('pingback url'); ?>" />
		<link rel="alternate" type="application/rss+xml" title="RSS 2.0" href="<?php bloginfo('rss2_url'); ?>" />
		<link rel="stylesheet" href="<?php bloginfo('stylesheet_url'); ?>" type="text/css" media="screen" />
		<link rel="stylesheet" href="<?php bloginfo('template_directory'); ?>/css/slider.css" type="text/css" media="screen" />
		<link rel="shortcut icon" href="<?php bloginfo('template_directory'); ?>/images/favicon.ico" />
		<script src="<?php bloginfo('template_directory'); ?>/js/h5.js" type="text/javascript"></script>
		<?php wp_head(); ?>
	</head>
	<body <?php body_class(); ?>>
		<header id="mainHeader">
			<div id="primaryHeader" class="container">
				<nav id="nav1">
					<ul>
						<li <?php if(is_front_page()) { echo 'class="currentItem"'; } ?>>
							<a href="<?php echo bloginfo('url'); ?>">Home</a>
						</li>
						<li>
							<a href="<?php echo bloginfo('url'); ?>">Contact Us</a>
						</li>
					</ul>
				</nav>
				<div id="fontSocialCont">
					<p id="fontSizes">Font size - <a href="#" id="smallFont">A</a> <a href="#" id="mediumFont">A</a> <a href="#" id="largeFont">A</a></p>
					<ul id="socialLinksList">
						<li><a href="#"><img src="<?php bloginfo('template_directory'); ?>/images/facebookIcon.png" alt="Facebook"/></a></li>
						<li><a href="#"><img src="<?php bloginfo('template_directory'); ?>/images/youtubeIcon.png" alt="Youtube"/></a></li>
						<li><a href="#"><img src="<?php bloginfo('template_directory'); ?>/images/twitterIcon.png" alt="Twitter"/></a></li>
					</ul>
				</div>
			</div>
			<div class="clear"></div><!-- sorry about this... no other better way -->
			<div id="secondaryHeader" class="container">
				<h1 id="logo">
					<a href="<?php bloginfo('url'); ?>"><?php bloginfo('name'); ?></a>
				</h1>
				<p id="details">
					<span>Member of Al Hilal Medical Solutions</span>
					<span>Al Garhoud Private Hospital</span>
				</p>
			</div>
			<nav id="nav2" class="container">
				<ul>
					<li id="unitsLink" class="currentItem"><a href="#">Our Units</a></li>
					<li id="doctorsLink"><a href="#">Doctors</a></li>
					<li id="newsLink"><a href="#">Latest News</a></li>
					<li id="healthLink"><a href="#">Health Tips</a></li>
					<li id="aboutLink"><a href="#">About Us</a></li>
					<li id="careersLink"><a href="#">Careers</a></li>
				</ul>
			</nav>
		</header>
		<section id="main">
			<div id="featuredArea">
				<div id="sliderContainer" class="container">
					<div id="slider">
						<div id="slides">
							<div class="slides_container">
								<div class="slide" style="background: url('<?php bloginfo('template_directory'); ?>/images/slideImage.png') no-repeat;">
									<span class="slideDescription">Providing expert care in a safe, clean, comfortable and friendly environment</span>
								</div>
								<div class="slide" style="background: url('<?php bloginfo('template_directory'); ?>/images/slideImage2.png') no-repeat;">

								</div>
								<div class="slide" style="background: url('<?php bloginfo('template_directory'); ?>/images/slideImage3.png') no-repeat;">

								</div>
							</div>
							<a class="prev" href="#">Previous Slide</a>
							<a class="next" href="#">Next Slide</a>
						</div>
					</div>
				</div>
			</div>
			<div id="mainContent" class="container">
				<aside id="sidebarColumn">

				</aside>
				<section id="contentColumn">

				</section>
			</div>
		</section>
		<footer>
			<!--  footer shit goes here -->
		</footer>
	<?php wp_footer(); ?>
	<script src="<?php bloginfo('template_directory'); ?>/js/jquery-1.5.min.js" type="text/javascript"></script>
	<script src="<?php bloginfo('template_directory'); ?>/js/slides.min.jquery.js" type="text/javascript"></script>
	<script type="text/javascript">
		$(document).ready(function() {
			$('<span class="currentArrow"></span>').appendTo('.currentItem');
			$('#nav1 ul li:last').css('background', 'none');
			$('#slides').slides({
				preload: true,
				preloadImage: '<?php bloginfo('template_directory'); ?>/images/loading.gif',
				generatePagination: false,
				play: 5000,
				pause: 2500,
				hoverPause: true,
				effect: 'fade',
			});
		});
	</script>
	</body>
</html>