JavaScript - Help Hiding A Link In A Slideshow?

<script type="text/javascript">
function showit(boxName) 
	{
	theBox = document.getElementById(boxName);
	theBox.className = "boxVisible";
	}
</script>
<script type="text/javascript">
function hideit(boxName) 
	{
	theBox = document.getElementById(boxName);
	theBox.className = "boxHidden";
	}
</script>

<div><a href="link.html" onclick="showit('s11'); hideit('s12'); hideit('s13'); hideit('s14'); hideit('s15'); hideit('s16'); return false;">Do you shoot in color, or black and white?</a></div>
	<div id="s11">
		&nbsp;&nbsp;&nbsp;&nbsp; We shoot in color.&nbsp; 
		Color prints can be printed in black and white and come out perfectly 
		just as though they were shot in black and white.&nbsp; However if you 
		shoot in black and white, you can't print it in color.&nbsp; For this 
		reason we shoot all of our images in full color.
	</div>

return false

.boxVisible 
	{
	display: block;
	position:relative;
	left:25px;
	width:755px;
	overflow:auto;
	}
.boxHidden 
	{
	display: none;
	}

function toggleDiv (divid) {
	if (document.getElementById (divid).style.display == 'none') {
		document.getElementById (divid).style.display = 'block';
	} else {
		document.getElementById (divid).style.display = 'none';
	}
}

<a href="javascript:;" class="showmorelink" onmousedown="toggleDiv('checks');">Safeguarding</a>

<td>
<script type="text/javascript">
if ([fieldXX]==1)   
 {
 document.write("<a href='page1.asp?itemid=1234'><img src='images/btn-choose.gif' border='0' alt='choose button'</a>"); 
 } 
else
 {  
    var id = 'hide-buy-btn';
    var item = document.getElementById(id); 
 if (item) {
 item.className=(item.className=='hidden')?'unhidden':'hidden';
 }
 }
</script>

<div id="hide-buy-btn" class="hidden">
x
xother button code
x						
</div>
</td>

function Show (titleImg){
		// the id of the content element from the id of the title element
	var contentID = titleImg.id.replace (/title/, "content");
	var contentDiv = document.getElementById (contentID);
		contentDiv.style.display = "block";

	return false;
}

function Hide (titleImg){
		// the id of the content element from the id of the title element
	var contentID = titleImg.id.replace (/title/, "content");
	var contentDiv = document.getElementById (contentID);

		contentDiv.style.display = "none";

	return false;
}

<select name="education" id="education" 
						onfocus="Show(this.options[this.selectedIndex].value);">
						<option selected value="00">-الرجاء الاختيار-</option>
						<option value="highSchoolsDiv">مدرسة ثانوية</option>
						<option value="universitiesDiv"> كلية </option>
						<option value="universitiesDiv">درجة البكالوريوس</option>
						<option value="universitiesDiv">درجة عليا</option>
						<option value="universitiesDiv">دكتوراه / ما بعد الدكتوراه</option>
						<option value="07">اسألني فيما بعد</option>
						</select>
						</span>
						</div> 
						</td></tr></table>
					</div> 
					 
					<div> 
						<div class="Left"></div>
						<table class="step2" ><tr><td>
						<div class="Right"> 
							<div class="Inner" id="Inner"> 
								<div id="universitiesDiv" class="Row innerError" style="display:none;"> 
									<div class="Left">
									<label for="universities">الجامعة / الكلية</label></div> 
									<div class="Right"> 
									<input  type="text" name="universities" id="universities" class="text" autocomplete="off" onfocus="focusInput(this);" onchange=" validate_JoinPersonalInfoForm_universities();" onblur="blurInput(this); validate_JoinPersonalInfoForm_universities();" size="55"/> 

 
									</div> 
									 
									 </td></tr><tr><td>
								</div> 
								 
								<div id="highSchoolsDiv" class="Row innerError" style="display:none;"> 
									<div class="Left">
									<label for="high_schools">المدرسة الثانوية</label></div> 
									<div class="Right"> 
										<input  type="text" name="high_schools" id="high_schools" class="text" autocomplete="off" onfocus="focusInput(this);" onchange=" validate_JoinPersonalInfoForm_high_schools();" onblur="blurInput(this); validate_JoinPersonalInfoForm_high_schools();" size="55"/> 
 
									</div> 
														
									 
								</div> 
							</div> 
						</div> 
						</td></tr></table>	
					</div>

* { margin:0; padding:0; }
body { background:#111; height:100%; }
	img{ border:none; }
	
	
	
	#supersized { position:absolute; left:0; top:0; overflow:hidden; z-index:-999; height:50%; width:100%; }
		#supersized img{ width:auto; height:auto; position:relative; display:none; outline:none; border:none; }
			#supersized.speed img { -ms-interpolation-mode:nearest-neighbor; image-rendering: -moz-crisp-edges; }	/*Speed*/
			#supersized.quality img { -ms-interpolation-mode:bicubic; image-rendering: optimizeQuality; }			/*Quality*/
		
		#supersized a { z-index:-30; position:fixed; overflow:hidden; top:0; left:0; width:100%; height:50%; background:#111; display:block; }
			#supersized a.prevslide { z-index:-20; }
			#supersized a.activeslide { z-index:-10; }
			#supersized a.image-loading { background:#111 url(../img/progress.gif) no-repeat center center; width:100%; height:50%; }
			#supersized a.prevslide img, #supersized a.activeslide img{ display:inline; }

<div id="giftmember-buttons" style="display:none";>
<h2 class="threepeaksform">How many gift memberships do you wish to purchase?</h2>
<fieldset class="threepeaksform">
<legend>Please select the number of people you are buying a gift membership for using the buttons below.</legend>
<div class="generalcontactform-group">
<label>1</label><input name="numbergift" type="radio" value="1" checked="checked" onClick="showhidefields(this.value)" />
<label>2</label><input name="numbergift" type="radio" value="2" onClick="showhidefields(this.value);"/>
<label>3</label><input name="numbergift" type="radio" value="3" onClick="showhidefields(this.value);"/>
<label>4</label><input name="numbergift" type="radio" value="4" onClick="showhidefields(this.value);"/>
</fieldset>
</div>
<br />
</div>

<script type="text/javascript">
	$(document).ready(function(){		
	$('#photos45').galleryView({
		panel_width: 980,
		panel_height: 300,
		gallery_width: 980,
		gallery_height: 900,
		frame_width: 120,
		frame_height: 50,
		pause_on_hover: true,
		nav_theme: 'light'
	});
	});
</script>

 <div style="height:360px; overflow:hidden; " >
 <ul id="photos45">
 <li><img src="../site_files/banners/cush.jpg" alt="Baffin Cush"/></a></li>

  <li><img src="../site_files/banners/coveralls.jpg" alt="Big Al Coveralls"/></li>

 <li><img src="../site_files/banners/chloe.jpg" alt="Baffin Chloe" /></li>
 
 <li><img src="../site_files/banners/chloe.jpg" alt="Baffin Chloe" /></li>
 </ul>
  

</div>

////////////////////////////////////////////////////////
////////////////////////////////////////////////////////
function move_box(an, box) {
  var cleft = 0;
  var ctop = 0;
  var obj = an;
  while (obj.offsetParent) {
    cleft += obj.offsetLeft;
    ctop += obj.offsetTop;
    obj = obj.offsetParent;
  }
  box.style.left = cleft + 'px';
  ctop += an.offsetHeight + 8;
  if (document.body.currentStyle &&
    document.body.currentStyle['marginTop']) {
    ctop += parseInt(
      document.body.currentStyle['marginTop']);
  }
  box.style.top = ctop + 'px';
}

function  show_hide_box (an, width, height, borderStyle) {
  var href = an.href;
  var boxdiv = document.getElementById(href);

  if (boxdiv != null) {
    if (boxdiv.style.display=='none') {
      move_box(an, boxdiv);
      boxdiv.style.display='block';
    } else 
      boxdiv.style.display='none';
    return false;
  }
  

  boxdiv = document.createElement('div');
  boxdiv.setAttribute('id', href);
  boxdiv.style.display = 'block';
  boxdiv.style.position = 'absolute';
  boxdiv.style.width = width + 'px';
  boxdiv.style.height = height + 'px';
  boxdiv.style.border = borderStyle;
  boxdiv.style.backgroundColor = '#fff';
  

  var contents = document.createElement('iframe');
  contents.scrolling = 'no';
  contents.frameBorder = '0';
  contents.style.width = width + 'px';
  contents.style.height = height + 'px';
  contents.src = href;

  boxdiv.appendChild(contents);
  document.body.appendChild(boxdiv);
  move_box(an, boxdiv);
  
  boxdiv.addEventListener('mouseout', show_hide_box(boxdiv),false);

  return false;
}
////////////////////////////////////////////////////////////////////////////////
////////////////////////////////////////////////////////////////////////////////

///////////////////////////////////////////////////////////////////

<a href="../Menus/cleaners.html"  onMouseOver="return show_hide_box(this,416,124,'2px')" >Cleaners</a>

///////////////////////////////////////////////////////////////////