<!DOCTYPE HTML>
<html>

<head>
  <title>COLTANQUES</title>
  <meta name="description" content="website description" />
  <meta name="keywords" content="website keywords, website keywords" />
  <meta http-equiv="content-type" content="text/html; charset=UTF-8" />
  <!-- stylesheets -->
  <link href="css/style.css" rel="stylesheet" type="text/css" />
  <link href="css/colour.css" rel="stylesheet" type="text/css" />
  <!-- modernizr enables HTML5 elements and feature detects -->
  <script type="text/javascript" src="js/modernizr-1.5.min.js"></script>
 
      <script type="text/javascript">
             function ajax1(){
            var d=document.getElementById("buscar1").value; 
            var n=document.getElementById("numero1").value;
            var n1=parseInt(n);
            document.getElementById("numero1").value=n1+1;
            var div=document.getElementById("con1").innerHTML;
            var ajax1=new XMLHttpRequest();
            ajax1.onreadystatechange=function(){
                if(ajax1.readyState==4 && ajax1.status==200){
                    document.getElementById("con1").innerHTML=ajax1.responseText;
                }
            }
            ajax1.open("GET","consultaportatilasigtotal.php?var1="+d,true);
            ajax1.send();   
        }
        </script>

        <script type="text/javascript">
             function ajax2(){
            var d=document.getElementById("buscar2").value; 
            var n=document.getElementById("numero2").value;
            var n1=parseInt(n);
            document.getElementById("numero2").value=n1+1;
            var div=document.getElementById("con2").innerHTML;
            var ajax2=new XMLHttpRequest();
            ajax2.onreadystatechange=function(){
                if(ajax2.readyState==4 && ajax2.status==200){
                    document.getElementById("con2").innerHTML=ajax2.responseText;
                }
            }
            ajax2.open("GET","consultacpuasigtotal.php?var1="+d,true);
            ajax2.send();   
        }
        </script>

        <script type="text/javascript">
             function ajax3(){
            var d=document.getElementById("buscar3").value; 
            var n=document.getElementById("numero3").value;
            var n1=parseInt(n);
            document.getElementById("numero3").value=n1+1;
            var div=document.getElementById("con3").innerHTML;
            var ajax3=new XMLHttpRequest();
            ajax3.onreadystatechange=function(){
                if(ajax3.readyState==4 && ajax3.status==200){
                    document.getElementById("con3").innerHTML=ajax3.responseText;
                }
            }
            ajax3.open("GET","consultapantallaasigtotal.php?var1="+d,true);
            ajax3.send();   
        }
        </script>

        <script type="text/javascript">
             function ajax4(){
            var d=document.getElementById("buscar4").value; 
            var n=document.getElementById("numero4").value;
            var n1=parseInt(n);
            document.getElementById("numero4").value=n1+1;
            var div=document.getElementById("con4").innerHTML;
            var ajax4=new XMLHttpRequest();
            ajax4.onreadystatechange=function(){
                if(ajax4.readyState==4 && ajax4.status==200){
                    document.getElementById("con4").innerHTML=ajax4.responseText;
                }
            }
            ajax4.open("GET","consultatecladoasigtotal.php?var1="+d,true);
            ajax4.send();   
        }
        </script>
        <script type="text/javascript">
             function ajax5(){
            var d=document.getElementById("buscar5").value; 
            var n=document.getElementById("numero5").value;
            var n1=parseInt(n);
            document.getElementById("numero5").value=n1+1;
            var div=document.getElementById("con5").innerHTML;
            var ajax5=new XMLHttpRequest();
            ajax5.onreadystatechange=function(){
                if(ajax5.readyState==4 && ajax5.status==200){
                    document.getElementById("con5").innerHTML=ajax5.responseText;
                }
            }
            ajax5.open("GET","consultamouseasigtotal.php?var1="+d,true);
            ajax5.send();   
        }
        </script>
        <script type="text/javascript">
             function ajax6(){
            var d=document.getElementById("buscar6").value; 
            var n=document.getElementById("numero6").value;
            var n1=parseInt(n);
            document.getElementById("numero6").value=n1+1;
            var div=document.getElementById("con6").innerHTML;
            var ajax6=new XMLHttpRequest();
            ajax6.onreadystatechange=function(){
                if(ajax6.readyState==4 && ajax6.status==200){
                    document.getElementById("con6").innerHTML=ajax6.responseText;
                }
            }
            ajax6.open("GET","consultatabletsasigtotal.php?var1="+d,true);
            ajax6.send();   
        }
        </script>
        <script type="text/javascript">
             function ajax7(){
            var d=document.getElementById("buscar7").value; 
            var n=document.getElementById("numero7").value;
            var n1=parseInt(n);
            document.getElementById("numero7").value=n1+1;
            var div=document.getElementById("con7").innerHTML;
            var ajax7=new XMLHttpRequest();
            ajax7.onreadystatechange=function(){
                if(ajax7.readyState==4 && ajax7.status==200){
                    document.getElementById("con7").innerHTML=ajax7.responseText;
                }
            }
            ajax7.open("GET","consultaimpresoraasigtotal.php?var1="+d,true);
            ajax7.send();   
        }
        </script>
        <script type="text/javascript">
             function ajax8(){
            var d=document.getElementById("buscar8").value; 
            var n=document.getElementById("numero8").value;
            var n1=parseInt(n);
            document.getElementById("numero8").value=n1+1;
            var div=document.getElementById("con8").innerHTML;
            var ajax8=new XMLHttpRequest();
            ajax8.onreadystatechange=function(){
                if(ajax8.readyState==4 && ajax8.status==200){
                    document.getElementById("con8").innerHTML=ajax8.responseText;
                }
            }
            ajax8.open("GET","consultacamaraasigtotal.php?var1="+d,true);
            ajax8.send();   
        }
        </script>
    </head>
        

<body style=width:1300px>

  <div id="main">

    <!-- begin header -->
    <aside>
        <nav>
        <ul class="sf-menu" id="nav">
            <li><a href="#">Administrar</a>
                <ul>
                 <li><a href="AdministrarPersonal.php"><span class="fa fa-caret-right"></span>Personal</a></li>
                <li><a href="ingresarportatil.php"><span class="fa fa-caret-right"></span> Portatil</a></li>
                <li><a href="ingresarcpu.php"><span class="fa fa-caret-right"></span> CPU</a></li>
                <li><a href="ingresarpantalla.php"><span class="fa fa-caret-right"></span> Pantalla</a></li>
                <li><a href="ingresarteclado.php"><span class="fa fa-caret-right"></span> Teclado</a></li>
                <li><a href="ingresarcamara.php"><span class="fa fa-caret-right"></span> Camara</a></li>
                <li><a href="ingresarimpresora.php"><span class="fa fa-caret-right"></span> Impresora</a></li>
                <li><a href="ingresartablets.php"><span class="fa fa-caret-right"></span> Tablets</a></li>
                <li><a href="ingresarmouse.php"><span class="fa fa-caret-right"></span> Mouse</a></li>
                 <li><a href="Historial.php"></span>Historial</a></li>
            </ul>
            </li>
               <li><a href="#">Asignacion</a>
              <ul>
               <li><a href="equipo.php">Equipos</a></li>
               <li><a href="equipoborrar.php">Borrar asig</a></li>
               <li><a href="Aplicaciones.php"></span>Aplicaciones</a></li>
               <li><a href="consultaasignbloque.php"></span>Consulta Total</a></li>
               <li><a href="consultabloqueasigequipo.php"></span>Historial Asig</a></li>
            </ul>
             <li><a href="#">Formato Equipo</a>
                <ul>
                <li><a href="formatosPortatilesinv.html"><span class="fa fa-caret-right"></span>Entrega Equipo</a>
                <li><a href="formatoDestruccion.html"><span class="fa fa-caret-right"></span>Destruccion</a>
                <li><a href="formatoSalida.html"><span class="fa fa-caret-right"></span>Salida</a>
                <li><a href="formatoEnvio.html"><span class="fa fa-caret-right"></span>Mantenimiento</a>
            </ul>         
              <li><a href="login.php">salir</a>
  
      </nav>
    </div>
    </aside>

    <section id="content" style="height: auto;">
    <div class="container">
      <div id="logo" ><h2><img src="img/coltan.png" style="width:135px"></h2></div>
        <table class="table table-condensed">
        <thead align="left">
        <tr>
        <br>
        <font size=5 color=grey ><label align="left"><strong>EQUIPOS ASIGNADOS</strong></label></font>
        <br>
        <table>
     <tr>
        <font size=5 color=grey ><label align="left"><strong>Portatiles</strong></label></font>
      </tr>
    </table> 
 <tr> 
  <td>   
    <input  type="text" name="auto1" id="buscar1"  placeholder="Sede O Area O Cedula" > 
    <input style="color: #FF0000" type="button" name="buscar1" value="Buscar" onclick="ajax1()"/>
    <input type="hidden" id="numero1" value="1"/>
    </td>   
    </tr>
    </table> 
     <div class="borderidge" style="width: 900px">
     <form action="consultaportatilasigtotal.php" method="POST"> 
    <table class='table table-condensed' border="1">
    <thead align='left'></thead>
     
        <tr>
        <td bgcolor='GREY' style='WIDTH: 110px; HEIGHT: 20px'>
        <label><Strong>Serial Portatil</Strong></label>
        </td>       
        <td bgcolor='GREY' style='WIDTH: 110px; HEIGHT: 20px'>
        <label><Strong>Cedula</Strong></label>
        </td>
        <td bgcolor='GREY' style='WIDTH: 110px; HEIGHT: 20px'>
        <label><Strong>Nombre</Strong></label>
        </td>
        <td bgcolor='GREY' style='WIDTH: 110px; HEIGHT: 20px'>
        <label><Strong>Apellido</Strong></label>
        </td>
        <td bgcolor='GREY' style='WIDTH: 110px; HEIGHT: 20px'>
        <label><Strong>Sede</Strong></label>
        </td>
        <td bgcolor='GREY' style='WIDTH: 110px; HEIGHT: 20px'>
        <label><Strong>Area</Strong></label>
        </td>
        <td bgcolor='GREY' style='WIDTH: 140px; HEIGHT: 20px'>
        <label><Strong>Fecha Asignacion</Strong></label>
        </td>
         <td bgcolor='GREY' style='WIDTH: 140px; HEIGHT: 20px'>
        <label><Strong>Observacion</Strong></label>
        </td>
        </tr>
    <tbody id="con1">
    </tbody>
    </table>
    </form>
    </div>
    <table>
     <tr>
        <font size=5 color=grey ><label align="left"><strong>CPU</strong></label></font>
      </tr>
    </table> 
 <tr> 
  <td>   
    <input  type="text" name="auto2" id="buscar2"  placeholder="Sede O Area O Cedula" > 
    <input style="color: #FF0000" type="button" name="buscar2" value="Buscar" onclick="ajax2()"/>
    <input type="hidden" id="numero2" value="1"/>
    </td>   
    </tr>
    </table> 
     <div class="borderidge" style="width: 900px">
     <form action="consultacpuasigtotal.php" method="POST"> 
    <table class='table table-condensed' border="1">
    <thead align='left'></thead>
    <tr> 
        <td bgcolor='GREY' style='WIDTH: 110px; HEIGHT: 20px'>
        <label><Strong>Serial CPU</Strong></label>
        </td>       
        <td bgcolor='GREY' style='WIDTH: 110px; HEIGHT: 20px'>
        <label><Strong>Cedula</Strong></label>
        </td>
        <td bgcolor='GREY' style='WIDTH: 110px; HEIGHT: 20px'>
        <label><Strong>Nombre</Strong></label>
        </td>
        <td  bgcolor='GREY' style='WIDTH: 110px; HEIGHT: 20px'>
        <label><Strong>Apellido</Strong></label>
        </td>
        <td bgcolor='GREY' style='WIDTH: 110px; HEIGHT: 20px'>
        <label><Strong>Sede</Strong></label>
        </td>
        <td bgcolor='GREY' style='WIDTH: 110px; HEIGHT: 20px'>
        <label><Strong>Area</Strong></label>
        </td>
        <td bgcolor='GREY' style='WIDTH: 140px; HEIGHT: 20px'>
        <label><Strong>Fecha Asignacion</Strong></label>
        </td>
        <td bgcolor='GREY' style='WIDTH: 140px; HEIGHT: 20px'>
        <label><Strong>Observacion</Strong></label>
        </td>
        </tr>
    <tbody id="con2">
    </tbody>
    </table>
    </form>
    </div>
    <table>
     <tr>
        <font size=5 color=grey ><label align="left"><strong>Pantalla</strong></label></font>
      </tr>
    </table> 
 <tr> 
  <td>   
    <input  type="text" name="auto3" id="buscar3"  placeholder="Sede O Area O Cedula" > 
    <input style="color: #FF0000" type="button" name="buscar3" value="Buscar" onclick="ajax3()"/>
    <input type="hidden" id="numero3" value="1"/>
    </td>   
    </tr>
    </table> 
     <div class="borderidge" style="width: 870px">
     <form action="consultapantallaasigtotal.php" method="POST"> 
    <table class='table table-condensed' border="1">
    <thead align='left'></thead>
    <tr>
        <td bgcolor='GREY' style='WIDTH: 130px; HEIGHT: 20px'>
        <label><Strong>Serial Pantalla</Strong></label>
        </td>       
        <td bgcolor='GREY' style='WIDTH: 110px; HEIGHT: 20px'>
        <label><Strong>Cedula</Strong></label>
        </td>
        <td bgcolor='GREY' style='WIDTH: 110px; HEIGHT: 20px'>
        <label><Strong>Nombre</Strong></label>
        </td>
        <td bgcolor='GREY' style='WIDTH: 110px; HEIGHT: 20px'>
        <label><Strong>Apellido</Strong></label>
        </td>
        <td bgcolor='GREY' style='WIDTH: 110px; HEIGHT: 20px'>
        <label><Strong>Sede</Strong></label>
        </td>
        <td bgcolor='GREY' style='WIDTH: 110px; HEIGHT: 20px'>
        <label><Strong>Area</Strong></label>
        </td>
        <td bgcolor='GREY' style='WIDTH: 140px; HEIGHT: 20px'>
        <label><Strong>Fecha Asignacion</Strong></label>
        </td>
        <td bgcolor='GREY' style='WIDTH: 140px; HEIGHT: 20px'>
        <label><Strong>Observacion</Strong></label>
        </td>
        </tr>
    <tbody id="con3">
    </tbody>
    </table>
    </form>
    </div>
    <table>
     <tr>
        <font size=5 color=grey ><label align="left"><strong>Camaras</strong></label></font>
      </tr>
    </table> 
 <tr> 
  <td>   
    <input  type="text" name="auto8" id="buscar8"  placeholder="Sede O Area O Cedula" > 
    <input style="color: #FF0000" type="button" name="buscar1" value="Buscar" onclick="ajax8()"/>
    <input type="hidden" id="numero8" value="1"/>
    </td>   
    </tr>
    </table> 
     <div class="borderidge" style="width: 880px">
     <form action="consultacamaraasigtotal.php" method="POST"> 
    <table class='table table-condensed' border="1">
    <thead align='left'></thead>
    <tr>
        <td bgcolor='GREY' style='WIDTH: 130px; HEIGHT: 20px'>
        <label><Strong>Serial Camara</Strong></label>
        </td>       
        <td bgcolor='GREY' style='WIDTH: 110px; HEIGHT: 20px'>
        <label><Strong>Cedula</Strong></label>
        </td>
        <td bgcolor='GREY' style='WIDTH: 110px; HEIGHT: 20px'>
        <label><Strong>Nombre</Strong></label>
        </td>
        <td bgcolor='GREY' style='WIDTH: 110px; HEIGHT: 20px'>
        <label><Strong>Apellido</Strong></label>
        </td>
        <td bgcolor='GREY' style='WIDTH: 150px; HEIGHT: 20px'>
        <label><Strong>Sede</Strong></label>
        </td>
        <td bgcolor='GREY' style='WIDTH: 110px; HEIGHT: 20px'>
        <label><Strong>Area</Strong></label>
        </td>
        <td bgcolor='GREY' style='WIDTH: 170px; HEIGHT: 20px'>
        <label><Strong>Fecha Asignacion</Strong></label>
        </td>
        <td bgcolor='GREY' style='WIDTH: 140px; HEIGHT: 20px'>
        <label><Strong>Observacion</Strong></label>
        </td>
        </tr>
    <tbody id="con8">
    </tbody>
    </table>
    </form>
    </div>
    <table>
     <tr>
        <font size=5 color=grey ><label align="left"><strong>Teclados</strong></label></font>
      </tr>
    </table> 
 <tr> 
  <td>   
    <input  type="text" name="auto4" id="buscar4"  placeholder="Sede O Area O Cedula" > 
    <input style="color: #FF0000" type="button" name="buscar4" value="Buscar" onclick="ajax4()"/>
    <input type="hidden" id="numero4" value="1"/>
    </td>   
    </tr>
    </table> 
     <div class="borderidge" style="width: 850px">
     <form action="consultatecladoasigtotal.php" method="POST"> 
    <table class='table table-condensed' border="1">
    <thead align='left'></thead>
    <tr>
        <td bgcolor='GREY' style='WIDTH: 110px; HEIGHT: 20px'>
        <label><Strong>Serial Teclado</Strong></label>
        </td>       
        <td bgcolor='GREY' style='WIDTH: 110px; HEIGHT: 20px'>
        <label><Strong>Cedula</Strong></label>
        </td>
        <td bgcolor='GREY' style='WIDTH: 110px; HEIGHT: 20px'>
        <label><Strong>Nombre</Strong></label>
        </td>
        <td bgcolor='GREY' style='WIDTH: 110px; HEIGHT: 20px'>
        <label><Strong>Apellido</Strong></label>
        </td>
        <td bgcolor='GREY' style='WIDTH: 110px; HEIGHT: 20px'>
        <label><Strong>Sede</Strong></label>
        </td>
        <td bgcolor='GREY' style='WIDTH: 110px; HEIGHT: 20px'>
        <label><Strong>Area</Strong></label>
        </td>
        <td bgcolor='GREY' style='WIDTH: 140px; HEIGHT: 20px'>
        <label><Strong>Fecha Asignacion</Strong></label>
        </td>
        <td bgcolor='GREY' style='WIDTH: 140px; HEIGHT: 20px'>
        <label><Strong>Observacion</Strong></label>
        </td>
        </tr>
    <tbody id="con4">
    </tbody>
    </table>
    </form>
    </div>
    <table>
     <tr>
        <font size=5 color=grey ><label align="left"><strong>Impresoras</strong></label></font>
      </tr>
    </table> 
 <tr> 
  <td>   
    <input  type="text" name="auto7" id="buscar7"  placeholder="Sede O Area O Cedula" > 
    <input style="color: #FF0000" type="button" name="buscar7" value="Buscar" onclick="ajax7()"/>
    <input type="hidden" id="numero7" value="1"/>
    </td>   
    </tr>
    </table> 
     <div class="borderidge" style="width: 950px">
     <form action="consultaimpresoraasigtotal.php" method="POST"> 
    <table class='table table-condensed' border="1">
    <thead align='left'></thead>
     <tr>
        <td bgcolor='GREY' style='WIDTH: 130px; HEIGHT: 20px'>
        <label><Strong>Serial Impresora</Strong></label>
        </td>       
        <td bgcolor='GREY' style='WIDTH: 110px; HEIGHT: 20px'>
        <label><Strong>Cedula</Strong></label>
        </td>
        <td bgcolor='GREY' style='WIDTH: 110px; HEIGHT: 20px'>
        <label><Strong>Nombre</Strong></label>
        </td>
        <td bgcolor='GREY' style='WIDTH: 110px; HEIGHT: 20px'>
        <label><Strong>Apellido</Strong></label>
        </td>
        <td bgcolor='GREY' style='WIDTH: 110px; HEIGHT: 20px'>
        <label><Strong>Sede</Strong></label>
        </td>
        <td bgcolor='GREY' style='WIDTH: 110px; HEIGHT: 20px'>
        <label><Strong>Area</Strong></label>
        </td>
        <td bgcolor='GREY' style='WIDTH: 140px; HEIGHT: 20px'>
        <label><Strong>Fecha Asignacion</Strong></label>
        </td>
        <td bgcolor='GREY' style='WIDTH: 140px; HEIGHT: 20px'>
        <label><Strong>Observacion</Strong></label>
        </td>
        </tr>
    <tbody id="con7">
    </tbody>
    </table>
    </form>
    </div>
    <table>
     <tr>
        <font size=5 color=grey ><label align="left"><strong>Tablets</strong></label></font>
      </tr>
    </table> 
 <tr> 
  <td>   
    <input  type="text" name="auto6" id="buscar6"  placeholder="Sede O Area O Cedula" > 
    <input style="color: #FF0000" type="button" name="buscar6" value="Buscar" onclick="ajax6()"/>
    <input type="hidden" id="numero6" value="1"/>
    </td>   
    </tr>
    </table> 
     <div class="borderidge" style="width: 920px">
     <form action="consultatabletsasigtotal.php" method="POST"> 
    <table class='table table-condensed' border="1">
    <thead align='left'></thead>
      <tr>
        </td> 
        <td bgcolor='GREY' style='WIDTH: 110px; HEIGHT: 20px'>
        <label><Strong>Serial Tablets</Strong></label>
        </td>       
        <td bgcolor='GREY' style='WIDTH: 110px; HEIGHT: 20px'>
        <label><Strong>Cedula</Strong></label>
        </td>
        <td bgcolor='GREY' style='WIDTH: 110px; HEIGHT: 20px'>
        <label><Strong>Nombre</Strong></label>
        </td>
        <td bgcolor='GREY' style='WIDTH: 110px; HEIGHT: 20px'>
        <label><Strong>Apellido</Strong></label>
        </td>
        <td bgcolor='GREY' style='WIDTH: 110px; HEIGHT: 20px'>
        <label><Strong>Sede</Strong></label>
        </td>
        <td bgcolor='GREY' style='WIDTH: 110px; HEIGHT: 20px'>
        <label><Strong>Area</Strong></label>
        </td>
        <td bgcolor='GREY' style='WIDTH: 140px; HEIGHT: 20px'>
        <label><Strong>Fecha Asignacion</Strong></label>
        </td>
        <td bgcolor='GREY' style='WIDTH: 140px; HEIGHT: 20px'>
        <label><Strong>Observacion</Strong></label>
        </td>
        </tr>
    <tbody id="con6">
    </tbody>
    </table>
    </form>
    </div>
    <table>
     <tr>
        <font size=5 color=grey ><label align="left"><strong>Mouse</strong></label></font>
      </tr>
    </table> 
 <tr> 
  <td>   
    <input  type="text" name="auto5" id="buscar5"  placeholder="Sede O Area O Cedula" > 
    <input style="color: #FF0000" type="button" name="buscar5" value="Buscar" onclick="ajax5()"/>
    <input type="hidden" id="numero5" value="1"/>
    </td>   
    </tr>
    </table> 
     <div class="borderidge" style="width: 800px">
     <form action="consultamouseasigtotal.php" method="POST"> 
    <table class='table table-condensed' border="1">
    <thead align='left'></thead>
    
   <tr>
        <td bgcolor='GREY' style='WIDTH: 130px; HEIGHT: 20px'>
        <label><Strong>Serial Mouse</Strong></label>
        </td>       
        <td bgcolor='GREY' style='WIDTH: 110px; HEIGHT: 20px'>
        <label><Strong>Cedula</Strong></label>
        </td>
        <td bgcolor='GREY' style='WIDTH: 110px; HEIGHT: 20px'>
        <label><Strong>Nombre</Strong></label>
        </td>
        <td bgcolor='GREY' style='WIDTH: 110px; HEIGHT: 20px'>
        <label><Strong>Apellido</Strong></label>
        </td>
        <td bgcolor='GREY' style='WIDTH: 140px; HEIGHT: 20px'>
        <label><Strong>Sede</Strong></label>
        </td>
        <td bgcolor='GREY' style='WIDTH: 110px; HEIGHT: 20px'>
        <label><Strong>Area</Strong></label>
        </td>
        <td bgcolor='GREY' style='WIDTH: 160px; HEIGHT: 20px'>
        <label><Strong>Fecha Asignacion</Strong></label>
        </td>
        <td bgcolor='GREY' style='WIDTH: 140px; HEIGHT: 20px'>
        <label><Strong>Observacion</Strong></label>
        </td>
        </tr>
    <tbody id="con5">
    </tbody>
    </table>
    </form>
    </div>
 </section>
</div>
<div><table><tr> <td></td></tr></table></div>
<table><tr><td></td></tr></table>
  <script type="text/javascript" src="js/jquery.min.js"></script>
  <script type="text/javascript" src="js/jquery.easing-sooper.js"></script>
  <script type="text/javascript" src="js/jquery.sooperfish.js"></script>
  <script type="text/javascript" src="js/image_fade.js"></script>
  <script type="text/javascript">
    $(document).ready(function() {
      $('ul.sf-menu').sooperfish();
    });
  </script>
</body>
</html>
