<script type="text/javascript" src="http://bestarchive.ucoz.com/js/bestarchive_jquery.min.js"></script>
  <!--выключить свет -->
  <script type="text/javascript">
  jQuery(document).ready(function(){
  jQuery(".lightSwitcher").click(function(){
  jQuery("#shadow").toggle();
  if (jQuery("#shadow").is(":hidden")) jQuery(this).html("Выключить Свет").removeClass("turnedOff");  
  else jQuery(this).html("Включить Свет").addClass("turnedOff");
  return false;
  });
  });
  </script>

  <!--/выключить свет-->
  <style type="text/css">
/*выключить свет*/
.lightSwitcher { position:relative; z-index:101; background-image:url(http://bestarchive.ucoz.com/icongroop/light_bulb_off.png); background-repeat:no-repeat; background-position:left; padding: 2px 0 2px 20px; height:16px; outline:none; text-decoration:none; }
.lightSwitcher:hover { text-decoration:underline; }
#shadow { background:#000; opacity:0.9; filter:alpha(opacity=90); position:fixed; left:0; top:0; height:100%; width:100%; z-index:100; display:none; }
.turnedOff { color:#ffff00; background-image:url(http://bestarchive.ucoz.com/icongroop/light_bulb_on.gif); }
object { z-index:101; position:relative; }
/*/выключить свет*/
</style>

<!--выключить свет -->
<!--код кнопки-->
<div align="center">
<a class="lightSwitcher" href="#">Выключить свет</a>
</div>
<!--/код кнопки-->
<!--тёмный блок-->
<div id="shadow">
</div>
<!--/тёмный блок-->
<!--/выключить свет-->
<!---->