Welcome
Instructions:
Image has 4 buttons (3 left and 1 bottom right)
-------------------------------------------------------
<!-- map after logged in, entire image is a link-->
<map name="map1" id="map1">
<area shape="rect" coords="15,45,178,123" href="/node/2575" alt="Tag Day" />
<area shape="rect" coords="15,167,178,245" href="/node/2575" alt="Tag Day" />
<area shape="rect" coords="15,287,178,366" href="/node/2575" alt="Tag Day" />
<area shape="rect" coords="387,387,508,400" href="/node/2575" alt="Tag Day" />
</map>
<!-- map not logged in, entire image is a link-->
<map name="map2" id="map2">
<area shape="rect" coords="18,34,224,113" href="/node/2575" alt="Tag Day" />
<area shape="rect" coords="18,133,224,213" href="/node/2575" alt="Tag Day" />
<area shape="rect" coords="18,233,224,313" href="/node/2575" alt="Tag Day" />
<area shape="rect" coords="531,320,658,344" href="/node/2575" alt="Tag Day" />
HTML prior to Feb 6, 2011
----------------------------------------
<div id="shift">
<p><a href="/node/1739"><img id="noLeftSideBar" src="/images/SBOB-Summer-2010.jpg" alt="2010 Craft Show" />
<a href="/node/1739"><img id="LeftSideBar" src="/images/SBOB-Small-Banner-S ummer-2010.jpg" alt="2010 Craft Show" /></p>
<ul class="content-links">
<li><a href="/craftshow"><img id="noLeftSideBar" src="/themes/sbob/images/craftshowlarge.jpg" alt="Craft Show Signup" /><img id="LeftSideBar" src="/themes/sbob/images/craft_show_button.jpg" alt="Craft Show Signup" /></a></li>
<li><a href="/node/1886"><img id="noLeftSideBar" style="padding-left: 0px;" src="/themes/sbob/images/StudentAccounts.jpg" alt="Learn student account opportunities" /><img id="LeftSideBar" style="padding-left: 0px;" src="/themes/sbob/images/StudentAccounts167.jpg" alt="Learn student account opportunities" /></a></li>
<li><a href="/node/1729"><img id="noLeftSideBar" style="padding-left: 0px;" src="/themes/sbob/images/disney.jpg" alt="Mickey, Donald, and all the gang" /><img id="LeftSideBar" src="/themes/sbob/images/disney167.jpg" alt="Mickey, Donald, and all the gang"style="padding-left: 0px;" /></a></li>
<!--
<li><a href="/node/205"><img id="noLeftSideBar" style="padding-left: 0px;" src="/themes/sbob/images/ScripLarge.jpg" alt="Scrip Gift Card" /><img id="LeftSideBar" style="padding-left: 0px;" src="/themes/sbob/images/Scrip_Gift_Button.jpg" alt="Scrip Gift Card" /></a></li>
-->
</ul>
</div>
HTML Prior to May 12, 2020
------------------------------------
<?php
$small=array("flwrSM.jpg","panSM.jpg","see1SM.jpg");
$large=array("flwr.jpg","pan.jpg","see1.jpg");
?>
<script language="JavaScript">
function rotator(num)
{
var ImageArr1 = new Array("flwrSM.jpg","panSM.jpg","see1SM.jpg");
var ImageArr2 = new Array("flwr.jpg","pan.jpg","see1.jpg");
var ImageHolder1 = document.getElementById('LeftSideBar');
var ImageHolder2 = document.getElementById('noLeftSideBar');
if(num>= ImageArr1.length)
num=0;
ImageHolder1.src = "/images/"+ImageArr1[num];
ImageHolder2.src = "/images/"+ImageArr2[num];
//alert(ImageHolder1.src);
setTimeout("rotator("+(num+1)+")",7000);
}
//setTimeout("rotator(0)",7000);
</script>
<div id="shift">
<?php
//echo $large[array_rand($large)]
//echo $small[array_rand($small)]
?>
<img id="noLeftSideBar" src="/images/SBOB-Summer-2010.jpg" usemap="#map2_" />
<img id="LeftSideBar" src="/images/SBOB-Small-Banner-Summer-2010.jpg" usemap="#map1_" />
<map name="map1" id="map1">
<area shape="rect" coords="15,45,178,123" href="/node/1155" alt="Pancake Day Details" />
<area shape="rect" coords="15,167,178,245" href="/catalog/30/flower_plant_sale" alt="Craft Show Details" />
<area shape="rect" coords="15,287,178,366" href="/node/1154" alt="SEE 1 Concert Details" />
<area shape="rect" coords="387,387,508,400" href="/node/1685" alt="Buy SEE 1 Tickets Online" />
</map>
<map name="map2" id="map2">
<area shape="rect" coords="18,34,224,113" href="/node/1155" alt="Pancake Day Details" />
<area shape="rect" coords="18,133,224,213" href="/catalog/30/flower_plant_sale" alt="Craft Show Details" />
<area shape="rect" coords="18,233,224,313" href="/node/1154" alt="SEE 1 Concert Details" />
<area shape="rect" coords="531,320,658,344" href="/node/1685" alt="Buy SEE 1 Tickets Online" />
</map>
<ul class="content-links">
<li><a href="/craftshow"><img id="noLeftSideBar" src="/themes/sbob/images/craftshowlarge.jpg" alt="Craft Show Signup" /><img id="LeftSideBar" src="/themes/sbob/images/craft_show_button.jpg" alt="Craft Show Signup" /></a></li>
<li><a href="/node/1886"><img id="noLeftSideBar" style="padding-left: 0px;" src="/themes/sbob/images/StudentAccounts.jpg" alt="Learn student account opportunities" /><img id="LeftSideBar" style="padding-left: 0px;" src="/themes/sbob/images/StudentAccounts167.jpg" alt="Learn student account opportunities" /></a></li>
<li><a href="/node/1887"><img id="noLeftSideBar" style="padding-left: 0px;" src="/themes/sbob/images/disney.jpg" alt="Mickey, Donald, and all the gang" /><img id="LeftSideBar" src="/themes/sbob/images/disney167.jpg" alt="Mickey, Donald, and all the gang"style="padding-left: 0px;" /></a></li>
<!--
<li><a href="/node/205"><img id="noLeftSideBar" style="padding-left: 0px;" src="/themes/sbob/images/ScripLarge.jpg" alt="Scrip Gift Card" /><img id="LeftSideBar" style="padding-left: 0px;" src="/themes/sbob/images/Scrip_Gift_Button.jpg" alt="Scrip Gift Card" /></a></li>
-->
</ul>
</div>