Cargar contenido html en un div, pero el html contiene javascript -.-

[okram]

Hola amigos foreros... bueno es mi primer post en los foros de ajax, de hecho hace unas pocas semanas recien comence con AJAX...

Mi pregunta es esta: tengo una pagina inicial con una tabla que tiene un area de menu y un area de contenido. El area de contenido es un <div> que inicialmente no tiene datos algunos..... aqui posteo mi codigo:

Código HTML:

<table align="center" border="0" cellspacing="4" cellpadding="5" width="750">

  <tr>
      
    <td class="border" bgcolor="#bb9966" colspan=2>
      
      CABECERA
        
    </td>
    
  </tr>

  <tr>
      
    <td class="border" bgcolor="#FFFFFF" colspan=2>
      
      <table width="715" align=center>
      
        <tr>
        
          <td align=left width=110>
          
            MAS CABECERAS
            
          </td>
        
          <td align=left class="header" width=250>
          
            MAS CABECERAS
            
          </td>
        
          <td align=left width=0>
          
            <div id="msgdiv" align=center></div>
            
          </td>
          
          <td align=right>
          
            MAS CABECERAS :P
            
          </td>
        
        </tr>
      
      </table>
        
    </td>
    
  </tr>
  
  <tr>
      
    <td class="border" valign="top" width="150" bgcolor="#FFFFFF">
      
      AQUI EL MENU
        
    </td>

    <td class="border" width="580" valign="top" bgcolor="#FFFFFF">

      <div id="content"></div>

    </td>
    
  </tr>

</table> 

bueno basicamente ese es el codigo de mi plantilla para index.php

luego, la funcion que cargara los contenidos:

Código:

<script language="Javascript">

function LoadElement(page) {
  try {
    xmlvar = new ActiveXObject("Msxml2.XMLHTTP");
  } catch (e) {
    try {
      xmlvar = new ActiveXObject("Microsoft.XMLHTTP");
    } catch (E) {
      xmlvar = false;
    }
  }
  if (!xmlvar && typeof XMLHttpRequest!='undefined') {
    xmlvar = new XMLHttpRequest();
  }
  
  xmlvar_URL="exec.php?action=load&mode="+page;
  xmlvar.open("GET",xmlvar_URL,true);
  xmlvar.onreadystatechange=function() {
    if(xmlvar.readyState==4) {
      document.getElementById('content').innerHTML = xmlvar.responseText;
    }
  }
  xmlvar.send(null);
}
</script>

basicamente eso... la funcion LoadElement(page) cargara el contenido de page en el div que tiene como id -> content...

OSEA, la funcion procesara y cargara una plantilla html en el espacio del contenido de la pagina index...

el problema es este: algunas de las plantillas que debo cargar usan funciones javascript, las cuales las defino dentro de esas mismas plantillas. Pero al cargarlas en el index me lanza un error diciendo que la funcion x no esta definida

EJEMPLO

mi plantilla:

Código HTML:

<script language="Javascript">
function loquesea() {
document.getElementById('algo').style.visibility = "hidden";
}
</script>
<a href="#" onclick="loquesea();">Click</a> 

si la cargo directamente funciona bien, pero al abrirla con la funcion LoadElement(), se carga el contenido en el div de contenido, pero las funciones de javascript no quedan definidas...

necesito ayuda urgenteeeee