﻿function transmitting(camera){

document.all.movetext.innerHTML = "<font color=red face='Verdana' style='font-size: 9pt'><b>Connecting to the Camera. . .Please Wait</b></font>" +

"<br><font color=red face='Verdana' style='font-size: 9pt'><span id=countdowntimer></span></font>";

returnimagemap(camera);

}

function activate(thetimeleft, camera){ 


  if (camera=="lowerpaddock") {
  
  document.all.movetext.innerHTML = "<font color=red  face='Verdana' style='font-size: 9pt'>The paddock camera is currently moving and your new image will load automatically in <span id=countdowntimer>" + thetimeleft + "</span> sec. Feel free to check out other cameras or our sponsors while waiting.</font>";


     returnimagemap("lowerpaddock");

     countDownTime = thetimeleft;

	 countDown();

	 setTimeout('returnthelinks("lowerpaddock")',thetimeleft*1000); 

     }

  if (camera=="stall_1_2") {
  
  document.all.movetext.innerHTML = "<font color=red  face='Verdana' style='font-size: 9pt'>The <i>stalls 1-2</i> camera is currently moving and your new image will load automatically in <span id=countdowntimer>" + thetimeleft + "</span> sec. Feel free to check out other cameras or our sponsors while waiting.</font>";


     returnimagemap("stall_1_2");

     countDownTime = thetimeleft;

	 countDown();

	 setTimeout('returnthelinks("stall_1_2")',thetimeleft*1000); 

     }

  if (camera=="stall_7_8") {
  
  document.all.movetext.innerHTML = "<font color=red  face='Verdana' style='font-size: 9pt'>The <i>stalls 7-8</i> camera is currently moving and your new image will load automatically in <span id=countdowntimer>" + thetimeleft + "</span> sec. Feel free to check out other cameras or our sponsors while waiting.</font>";


     returnimagemap("stall_7_8");

     countDownTime = thetimeleft;

	 countDown();

	 setTimeout('returnthelinks("stall_7_8")',thetimeleft*1000); 

     }

  if (camera=="stall_2_6") {
  
  document.all.movetext.innerHTML = "<font color=red  face='Verdana' style='font-size: 9pt'>The <i>stalls 3-6</i> camera is currently moving and your new image will load automatically in <span id=countdowntimer>" + thetimeleft + "</span> sec. Feel free to check out other cameras or our sponsors while waiting.</font>";


   	returnimagemap("stall_2_6");

     countDownTime = thetimeleft;

	 countDown();

	setTimeout('returnthelinks("stall_2_6")',thetimeleft*1000); 

     }   

}  

function returnthelinks(camera){

document.all.movetext.innerHTML = "<a href='#webcam' onclick='showimagemap();return false;'>" +

"<img border='0' src='images/rotate_paddock_cams.jpg' alt='Move the barn cameras'></a>" +

"<a href='#webcam' onclick='showbarnimagemap();return false;'>" +

"<font color='#505E8C' face='Verdana' style='font-size: 9pt'><img border='0' src='images/Move_the_barn_cams.jpg'></font></a>" +

"<br><font color=red><span id=countdowntimer></span></font>";

  if (camera=="lowerpaddock") {

     movepic('webpicture','webcam/paddock.jpg');

     }

  if (camera=="stall_1_2") {

     movepic('webpicture','webcam/1_4_image.jpg.jpg');

     }

   if (camera=="stall_7_8") {

     movepic('webpicture','webcam/image.jpg.jpg');

     }

   if (camera=="stall_2_6") {

     movepic('webpicture','webcam/2_6_image.jpg.jpg');

     }

document.location.hash = "webcam";

}

function showimagemap(){

document.all.movetext.innerHTML = "<font color='#505E8C' face='Verdana' style='font-size: 9pt'>Select 1,2,3, or 4 from the <a href='#webcam' onclick='showimagemap();return false;'><font color='#505E8C' face='Verdana' style='font-size: 9pt'>map</font></a> displayed below to point the camera in that direction.</font>" +

"<br><font color=red><span id=countdowntimer></span></font><span id=lowerpaddockimagemap></span>";

document.all.hrefimagemap.innerHTML = "<img src='images/fence_layout_lower_paddock_.jpg' width='320' height='240' border='0' alt='map' usemap='#fence_layout_lower_paddock_camera_Map' name=webpicture><map name='fence_layout_lower_paddock_camera_Map'><area shape='poly' alt='' coords='260,128, 206,128, 186,192' href='Move Right' onclick='right();return false;' id='lowerpaddock4' ><area shape='poly' alt='' coords='206,128, 186,192, 186,128' href='Move Mid Right' onclick='midright();return false;' id='lowerpaddock3'><area shape='poly' alt='' coords='186,128, 160,128, 186,192' href='Move Mid Left' onclick='midleft();return false;' id='lowerpaddock2'><area shape='poly' alt='' coords='73,128, 160,129, 186,192' href='Move Left' onclick='left();return false;' id='lowerpaddock1'></map>";

}

function showbarnimagemap(){

document.all.movetext.innerHTML = "<font color='red' face='Verdana' style='font-size: 9pt'>Please select a stall number from the picture or a name from the list to point the camera in that direction.</font>" +

"<br><font color=red><span id=countdowntimer></span></font>";

document.all.hrefimagemap.innerHTML = "<table cellpadding='0' cellspacing='0' width='320' height='240' border='1'>" +

	"<tr>" +

		"<td valign='middle' width = '50' align='center'><u><b>" +

		"<font face='Verdana'>Stall</font></b></u></td>" +

		"<td valign='middle' height='27' align='center'><u><b>" +

		"<font face='Verdana'>Name</font></b></u></td>" +

		"<td valign='top' rowspan='9' width='125'><IMG SRC='images/TheMainBarn.gif' WIDTH=125 HEIGHT=241 BORDER=0 ALT='' USEMAP='#TheMainBarn_Map'>" +

"<MAP NAME='TheMainBarn_Map'>" +

"<AREA SHAPE='rect' ALT='Stall 8' COORDS='59,3,102,39' HREF='#webcam' onclick='moveeight();return false;' id='stall8'>" +

"<AREA SHAPE='rect' ALT='Stall 7' COORDS='17,4,58,41' HREF='#webcam' onclick='moveseven();return false;' id='stall7'>" +

"<AREA SHAPE='rect' ALT='Stall 6' COORDS='78,132,114,163' HREF='#webcam' onclick='movesix();return false;' id='stall6'>" +

"<AREA SHAPE='rect' ALT='Stall 5' COORDS='9,127,45,163' HREF='#webcam' onclick='movefive();return false;' id='stall5'> " +

"<AREA SHAPE='rect' ALT='Stall 4' COORDS='79,165,115,199' HREF='#webcam' onclick='movefour();return false;' id='stall4'> " +

"<AREA SHAPE='rect' ALT='Stall 3' COORDS='9,165,45,200' HREF='#webcam' onclick='movethree();return false;' id='stall3'> " +

"<AREA SHAPE='rect' ALT='Stall 2' COORDS='79,201,115,241' HREF='#webcam' onclick='movetwo();return false;' id='stall2'> " +

"<AREA SHAPE='rect' ALT='Stall 1' COORDS='9,201,46,240' HREF='#webcam' onclick='moveone();return false;' id='stall1'> " +

"</MAP>" +

"</td>" +

"	</tr>" +

"	<tr>" +

"		<td valign='middle' align='center' bgcolor='#6281C0'>" +

"		<a HREF='#webcam' onclick='moveone();return false;' id='stall1'><font face='Verdana' color='#FFFFFF'>1</font></a></td> " +

"		<td valign='middle' height='27' align='center' bgcolor='#6281C0'>" +

"		<a HREF='#webcam' onclick='moveone();return false;' id='stall1'><font face='Verdana' color='#FFFFFF'>Fred</font></a></td>" +

"	</tr>" +

"	<tr>" +

"		<td valign='middle' align='center'>" +

"		<a HREF='#webcam' onclick='movetwo();return false;' id='stall2'><font face='Verdana' color='#505E8C'>2</font></a></td>" +

"		<td valign='middle' height='27' align='center'>" +

"		<a HREF='#webcam' onclick='movetwo();return false;' id='stall2'><font face='Verdana' color='#505E8C'>Dakota</font></a></td>" +

"	</tr>" +

"	<tr>" +

"		<td valign='middle' align='center' bgcolor='#6281C0'>" +

"		<a HREF='#webcam' onclick='movethree();return false;' id='stall3'><font face='Verdana' color='#FFFFFF'>3</font></a></td> " +

"		<td valign='middle' height='27' align='center' bgcolor='#6281C0'>" +

"		<a HREF='#webcam' onclick='movethree();return false;' id='stall3'><font face='Verdana' color='#FFFFFF'>Empty</font></a></td>" +

"	</tr>" +

"	<tr>" +

"		<td valign='middle' align='center'>" +

"		<a HREF='#webcam' onclick='movefour();return false;' id='stall4'><font face='Verdana' color='#505E8C'>4</font></a></td>" +

"		<td valign='middle' height='27' align='center'>" +

"		<a HREF='#webcam' onclick='movefour();return false;' id='stall4'><font face='Verdana' color='#505E8C'>Emmit</font></a></td>" +

"	</tr>" +

"	<tr>" +

"		<td valign='middle' align='center' bgcolor='#6281C0'>" +

"		<a HREF='#webcam' onclick='movefive();return false;' id='stall5'><font face='Verdana' color='#FFFFFF'>5</font></a></td> " +

"		<td valign='middle' height='27' align='center' bgcolor='#6281C0'>" +

"		<a HREF='#webcam' onclick='movefive();return false;' id='stall5'><font face='Verdana' color='#FFFFFF'>Lexie</font></a></td>" +

"	</tr>" +

"	<tr>" +

"		<td valign='middle' align='center'>" +

"		<a HREF='#webcam' onclick='movesix();return false;' id='stall6'><font face='Verdana' color='#505E8C'>6</font></a></td>" +

"		<td valign='middle' height='27' align='center'>" +

"		<a HREF='#webcam' onclick='movesix();return false;' id='stall6'><font face='Verdana' color='#505E8C'>Barbie</font></a></td>" +

"	</tr>" +

"	<tr>" +

"		<td valign='middle' align='center' bgcolor='#6281C0'>" +

"		<a HREF='#webcam' onclick='moveseven();return false;' id='stall7'><font face='Verdana' color='#FFFFFF'>7</font></a></td> " +

"		<td valign='middle' height='27' align='center' bgcolor='#6281C0'>" +

"		<a HREF='#webcam' onclick='moveseven();return false;' id='stall7'><font face='Verdana' color='#FFFFFF'>Chocklit</font></a></td>" +

"	</tr>" +

"	<tr>" +

"		<td valign='middle' align='center'>" +

"		<a HREF='#webcam' onclick='moveeight();return false;' id='stall8'><font face='Verdana' color='#505E8C'>8</font></a></td>" +

"		<td valign='middle' height='27' align='center'>" +

"		<a HREF='#webcam' onclick='moveeight();return false;' id='stall8'><font face='Verdana' color='#505E8C'>Fancy</font></a></td>" +

"	</tr>" +

"</table>";

}

function returnimagemap(camera){

document.all.hrefimagemap.innerHTML = "			<a href='#' onMouseOver='resizeImg(document.images.webpicture, 125)' onMouseOut='resizeImg(document.images.webpicture)'>" +
"			<img border='0' src='webcam/example.jpg' width='320' height='240' name='webpicture' alt='Web picture'>" +
"			</a>";

  if (camera=="lowerpaddock") {

     movepic('webpicture','webcam/paddock.jpg');

     }

  if (camera=="stall_1_2") {

     movepic('webpicture','webcam/1_4_image.jpg.jpg');

     }

  if (camera=="stall_7_8") {

     movepic('webpicture','webcam/image.jpg.jpg');

     }

  if (camera=="stall_2_6") {

     movepic('webpicture','webcam/2_6_image.jpg.jpg');

     }

}