/////////////////////////////////////////////////////// START CLICK PREV FUNCTION
function clickprev(){
		if($a == 0){document.main.src = $sets[0];}	////--Block The Bottom Of The Array $a not less than0--////
		 else{
			$a=$a-1;					////--Decrement The Array $a-1--////
			document.main.src = $sets[$a];
			$x=$a+1;
			document.getElementById("imageno").innerHTML=""+$x+" of "+$b;
			document.getElementById("imagetext").innerHTML=""+ $textsets[$a];
			}
}/////////////////////////////////////////////////////// END CLICK PREV FUNCTION

/////////////////////////////////////////////////////// START CLICK NEXT FUNCTION
function clicknext(){
$top=$sets.length;
	if($a >= ($b-1)){document.main.src = $sets[$a];}	////--Block The top Of The Array $a not 1 Less than  Array.length--////
		 else{
			$a=$a+1;	////--Increment The Array $a+1--////
			document.main.src = $sets[$a];
			$x=$a+1;
			document.getElementById("imageno").innerHTML=""+$x+" of "+$b;
			document.getElementById("imagetext").innerHTML=""+ $textsets[$a];
			}
}/////////////////////////////////////////////////////// END CLICK NEXT FUNCTION

function clickhelpbutton(){
alert("Use Options to select which Gallery to view.\n\rUse the Forward and Previous Buttons to scroll through the images.\n\rOr select the Animation speed followed by the Animate button.");
}

/////////////////////////////////////////////////////// MOUSE OVER AND OUT FUNCTIONS. 3 SETS CHANGE CONTROL IMAGES AND HELPBUTTON
function overprev()
{document.prevbutton.src ="fleurpreviousover.jpg"; window.status="Click Here For The Previous Picture";}
function outprev()
{document.prevbutton.src ="fleurprevious.jpg"; window.status="Mercurius Gallery:";}
function overnext()
{document.nextbutton.src ="fleurnextover.jpg"; window.status="Click Here For The Next Picture";}
function outnext()
{document.nextbutton.src ="fleurnext.jpg"; window.status="Mercurius Gallery:";}
function overhelpbutton()
{document.helpbutton.src ="helpover.jpg"; window.status="Click Here For Help Regarding This Page";}
function outhelpbutton()
{document.helpbutton.src ="helpout.jpg"; window.status="Mercurius Gallery:";}
/////////////////////////////////////////////////////// END OVER AND OUT FUNCTIONS

/////////////////////////////////////////////////////// START CONFIG FUNCTION
function config(){
document.prevbutton.src ="fleurprevious.jpg";
document.nextbutton.src ="fleurnext.jpg";
window.status="Mercurius Gallery:";				////--Set The Status Bar--////
parray();
$speed="3500";
}/////////////////////////////////////////////////////// END CONFIG FUNCTION

/////////////////////////////////////////////////////// START Animate FUNCTION
function animate(){
$test = document.blank.anibutt.value;
if($test == " Stop Animation "){stopanimate();document.blank.anibutt.value =" Start Animation ";}	////----////
else
if($test == " Start Animation "){document.blank.anibutt.value =" Stop Animation ";startanimate();}	////----////
}/////////////////////////////////////////////////////// END Animate FUNCTION

/////////////////////////////////////////////////////// START startanimate FUNCTION
function startanimate(){
$t=setTimeout("startanimate()",$speed);
$top=$sets.length;
	if($a >= ($b-1)){document.main.src = $sets[$a];
			 stopanimate();
			 document.blank.anibutt.value =" Start Animation ";}		////--Stop Animation--////
		 else{
			$a=$a+1;	////--Increment The Array $a+1--////
			$x=$a+1;
			document.getElementById("imageno").innerHTML=""+$x+" of "+$b;
			document.getElementById("imagetext").innerHTML=""+ $textsets[$a];
			document.main.src = $sets[$a];
			}
}/////////////////////////////////////////////////////// END startanimate FUNCTION

/////////////////////////////////////////////////////// START stopanimate FUNCTION
function stopanimate(){
clearTimeout($t);
}/////////////////////////////////////////////////////// END stopanimate FUNCTION

/////////////////////////////////////////////////////// START speed1 FUNCTION
function speed1(){
$speed = 5000;
}/////////////////////////////////////////////////////// END speed1 FUNCTION
/////////////////////////////////////////////////////// START speed2 FUNCTION
function speed2(){
$speed = 7000;
}/////////////////////////////////////////////////////// END speed2 FUNCTION
/////////////////////////////////////////////////////// START speed3 FUNCTION
function speed3(){
$speed = 10000;
}/////////////////////////////////////////////////////// END speed3 FUNCTION

//////////////////////////////////////////////////////////////////////////////////////////////////////////////
function parray()
{
$a=0;						////--Set A to 0 --////
$sets=ppix;
$textsets=textppix;
$b=$sets.length;				////--Set B to Length Of The Array--////
document.main.src = $sets[0];			////--Set The Main Image To The 1st In The Array--////
$x=$a+1;
document.getElementById("imageno").innerHTML=""+$x+" of "+$b;
document.getElementById("imagetext").innerHTML=""+ $textsets[$a];
document.getElementById("copyrightdiv").innerHTML="";
}

function carray()
{
$a=0;
							////--Set A to 0 --////
$sets=cpix;
$textsets=textcpix;
$b=cpix.length;						////--Set B to Length Of The Array--////
document.main.src = cpix[0];				////--Set The Main Image To The 1st In The Array--////
$x=$a+1;
document.getElementById("imageno").innerHTML=""+$x+" of "+$b;
document.getElementById("imagetext").innerHTML=""+ $textsets[$a];
document.getElementById("copyrightdiv").innerHTML="";
}

function farray()
{
$a=0;							////--Set A to 0 --////
$sets=fpix;
$textsets=textfpix;
$b=fpix.length;						////--Set B to Length Of The Array--////
document.main.src = fpix[0];				////--Set The Main Image To The 1st In The Array--////
$x=$a+1;
document.getElementById("imageno").innerHTML=""+$x+" of "+$b;
document.getElementById("imagetext").innerHTML=""+ $textsets[$a];
document.getElementById("copyrightdiv").innerHTML="";
}

function oarray()                                       //// --Orpheus Britannicus
{
$a=0;							////--Set A to 0 --////
$sets=opix;
$textsets=textopix;
$b=opix.length;						////--Set B to Length Of The Array--////
document.main.src = opix[0];				////--Set The Main Image To The 1st In The Array--////
$x=$a+1;
document.getElementById("imageno").innerHTML=""+$x+" of "+$b;
document.getElementById("imagetext").innerHTML=""+ $textsets[$a];
document.getElementById("copyrightdiv").innerHTML="(Photographs by Audrey Genoulaz)";
}

function iarray()                                       //// --Il pastor Fido
{
$a=0;							////--Set A to 0 --////
$sets=ipix;
$textsets=textipix;
$b=ipix.length;						////--Set B to Length Of The Array--////
document.main.src = ipix[0];				////--Set The Main Image To The 1st In The Array--////
$x=$a+1;
document.getElementById("imageno").innerHTML=""+$x+" of "+$b;
document.getElementById("imagetext").innerHTML=""+ $textsets[$a];
document.getElementById("copyrightdiv").innerHTML="(Photographs by Chris Christodoulou)";
}


document.write('<div class="dancer"></div>');
document.write('<form name="blank" action="">');
document.write('<div class="banner"><img src="banner.jpg" alt="Mercurius" title="Mercurius" /></div>');
document.write('<div class="links">');
document.write('<a class="linx" href="index.php">Home</a>');
document.write('<a class="linx" href="about.php">About</a>');
document.write('<a class="linx" href="artists.php">Artists</a>');
document.write('<a class="linx" href="concerts.php">Concerts</a>');
document.write('<a class="linx" href="media.php">Media</a>');
document.write('<a class="linx" href="contactus.php">Contact</a>');
document.write('<img class="helpbutton"  name="helpbutton" src="helpout.jpg" alt="Help button" title="Help button"  onclick="clickhelpbutton()" onmouseover="overhelpbutton()" onmouseout="outhelpbutton()" />');
document.write('</div>');

document.write('<table class="tablecontrol">');
document.write('<col width="25%"><col width="50%"><col width="25%">');
document.write('<tr>');
document.write('<td><img class="pagelink" name="prevbutton" title="Click Here For Previous Image" alt="Click Here For Previous Image" src="fleurpreviousover.jpg" onclick="clickprev()" onmouseover="overprev()" onmouseout="outprev()"/>');
document.write('</td>');
document.write('<td class="imageno" id="imageno"></td>');
document.write('<td><img class="pagelink" name="nextbutton" title="Click Here For Next Image" alt="Click Here For Next Image" src="fleurnextover.jpg" onclick="clicknext()" onmouseover="overnext()" onmouseout="outnext()"/>');
document.write('</td>');
document.write('</tr>');
document.write('</table>');



document.write('<div class="gallerycontent">');
document.write('<div class="imageno" id="imageno"></div>');
document.write('<div class="padv4"></div>');
document.write('<div class="padv4"></div>');
document.write('<div class="imagetext" id="imagetext"></div>');
document.write('<div class="padv4"></div>');
document.write('<div class="padv4"></div>');
document.write('<div><img class="galleryimage" name="main" alt="Mercurius Galler" title="Mercurius Gallery" src="blank.gif"/></div>');
document.write('<div class="copyrightdiv" id="copyrightdiv"></div>');
document.write('<div class="padv4"></div>');
document.write('<div class="padv4"></div>');
document.write('<b>Select Gallery : </b>');
document.write('<input type="radio" name="whatgall" title="Click Here For The Artists Gallery" value="photo" onclick="parray()" checked="checked" />Artists');
document.write('<input type="radio" name="whatgall" title="Click Here For The Concerts Gallery" value="carto" onclick="carray()"/>Concerts');
document.write('<input type="radio" name="whatgall" title="Click Here For The Costume Gallery" value="funny" onclick="farray()"/>Costume');
document.write('<div class="padv4"></div>');
document.write('<input type="radio" name="whatgall" title="Click Here For The Orpheus Gallery" value="orpheus" onclick="oarray()"/>Orpheus Britannicus');
document.write('<input type="radio" name="whatgall" title="Click Here For The Il Pastor Fido Gallery" value="ilpastorfido" onclick="iarray()"/>Ricardo Barros performing in Il Pastor Fido');

document.write('<div class="padv4"></div>');
document.write('<b>Select Speed : </b>');
document.write('<input type="radio" name="speed" title="Click Here To Make The Delay 5 Seconds" value="1" checked="checked" onclick="speed1()"/>5 Seconds');
document.write('<input type="radio" name="speed" title="Click Here To Make The Delay 7 Seconds" value="2" onclick="speed2()" />7 Seconds');
document.write('<input type="radio" name="speed" title="Click Here To Make The Delay 10 Seconds" value="3" onclick="speed3()" />10 Seconds');
document.write('<input type="button" class="animatebutt" title="Click Here To Start Or Stop The Animated Gallery" value=" Start Animation " name="anibutt" id="anibutt" onclick="animate()" size="10"/>');
document.write('<div class="padv4"></div>');
document.write('</div>');
document.write('</form>');

