<!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" lang="en" xml:lang="en">
<head>
<meta charset="utf-8">
<meta name="description" content="Beirtech Photography" />
<meta name="keywords" content="Beirtech Photography" />
<title>Beirtech Photography</title>
<link rel="stylesheet" type="text/css" href="/includes/style.css" media="all" />
<link rel="stylesheet" type="text/css" href="/includes/csshorizontalmenu.css" media="all" />
<script src="/scripts/csshorizontalmenu.js"></script>
<script src="/scripts/jquery-1.6.4.min.js"></script>
</head>
<body>
<div id="siteBox">
<div id="headerbar">
<div class="horizontalcssmenu">
<ul id="cssmenu1">
<li><a href="/">Home</a></li>
<li><a href="/albums.php">Albums</a></li>
<li><a href="/contact.php">Contact</a></li>
</ul><br style="clear:left;" />
</div> </div>
<div id="content">
<div id="slideshow">
<div class="image" id="image"></div>
<a style="float:left;" onclick="plusDivs(-1)"><img src="/images/left.png" /></a>
<a style="float:right;" onclick="plusDivs(1)"><img src="/images/right.png" /></a>
<script>
            var slideIndex = 1;
            var x = 16;
            image(slideIndex);
            function plusDivs(n) { image(slideIndex += n); }
            function image(id) {
            if (id > x) { slideIndex = 1; }
            if (id < 1) { slideIndex = x; }
            var img = document.createElement("IMG");
            img.style = "max-width:100%";
            img.src = "/get_image.php?si="+slideIndex;
            $('#image').html(img);}
            </script>
</div>
</div>
<div id="footer">Beirtech Photography &copy; 2019</div>
</div>
</body>
</html>