<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<?php $thisPage="fullPainting"; ?>
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en-US" lang="en-US">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link href="styles.css" rel="stylesheet" type="text/css" />
<script type="text/javascript">
<!--
var paintingBack = 1;
var paintingNext = 1;
var caption = 1;
var captionsList;
var pointback;
var backToDiv;
var pointnext;
var nextToDiv;
function processback() {
pointback();
backToDiv();
captionToDiv();
}
function pointback(){
if (paintingBack > 1) {
paintingBack = paintingBack-1;}
return;
}
function backToDiv(){
document.getElementById("paintingImage").innerHTML = "<img src=\"images/painting_"+paintingBack+".jpg\" />";
paintingNext = paintingBack;
caption = paintingBack;
alert("linksays "+caption);
return false;
}
function processnext() {
pointnext();
nextToDiv();
captionToDiv();
}
function pointnext(){
if (paintingNext < 49){
paintingNext++;}
return;
}
function nextToDiv(){
document.getElementById("paintingImage").innerHTML = "<img src=\"images/painting_"+paintingNext+".jpg\" />";
paintingBack = paintingNext;
caption = paintingBack;
return false;
}
function captionToDiv() {
document.getElementById("captionHere").innerHTML = captionsList[caption];
return false;
}
//-->
</script>
<title>STEPHANIE PEEK</title>
</head>
<body>
<div id="center" align="center">
<div id="container">
<div id="main">
<?php $paintingNumber = $_REQUEST['paintingNumber']; ?>
<script type="text/javascript">
paintingBack = "<?php echo $paintingNumber; ?>";
paintingNext = "<?php echo $paintingNumber; ?>";
caption= "<?php echo $paintingNumber; ?>";
</script>
<script type="text/javascript">
function captionsToCaptionsList() {
var captionsList;
try{
txtFile = new XMLHttpRequest();
}
catch(e){
try{
txtFile = new ActiveXObject("Msxml2.XMLHTTP");
}
catch(e) {
try{
txtFile = new ActiveXObject("Microsoft.XMLHTTP");
}
catch(e){
alert("Ajax not supported by your browser!");
return false;
}
}
}
txtFile.open("GET", "paintinglist.txt", true);
txtFile.onreadystatechange = function() {
if (txtFile.readyState === 4) {// Makes sure the document is ready to parse.
if (txtFile.status === 200) {// Makes sure it's found the file.
captionsList = txtFile.responseText;
lines = txtFile.responseText.split("\n");//Will separate each line into an array
}
}
}
txtFile.send(null);
}
</script>
<?php include ("includes/topNav.php"); ?>
<div class="clear"></div>
<div class="painting" id="paintingImage"><img src='images/painting_<?php echo $paintingNumber; ?>.jpg' /></div>
<div class="captionText" id="captionHere"></div>
<div class="clear"></div>
</div><!--end main -->
</div><!--end container -->
</div><!--end center -->
</body>
</html>]
include:
[code] <a href="" class='link' onFocus='if(this.blur)this.blur()' onclick="processback(); return false;"/><img src='images/braceL.gif' alt='brace' width='20' height='11' valign='text-bottom'/></a>
<a href="thumbnails.php" class="linkCurrent" target="_self" onFocus="if(this.blur)this.blur()" />PAINTINGS</a>
<a href="" class='link' onFocus='if(this.blur)this.blur()' onclick="processnext(); return false;"/><img src='images/braceR.gif' alt='brace' width='20' height='11' valign='text-bottom'/></a>