Не работают скрипты на страницах

Суть такова, есть такой скрпит

Код (Javascript):

1. <script>
2.     function showContent(link) {
3.         var cont = document.getElementById('content');
4.         var loading = document.getElementById('loading');
5.         cont.innerHTML = loading.innerHTML;
6.         var http = createRequestObject();
7.         if( http )
8.         { http.open('get', link);
9.             http.onreadystatechange = function ()
10.             {   if(http.readyState == 4)
11.                 {   cont.innerHTML = http.responseText;  }    }
12.             http.send(null);  }
13.         else
14.         {  document.location = link;   }   }
15.     // ajax объект
16.     function createRequestObject()
17.     {  try { return new XMLHttpRequest() }
18.         catch(e)
19.         {  try { return new ActiveXObject('Msxml2.XMLHTTP') }
20.             catch(e)
21.             {   try { return new ActiveXObject('Microsoft.XMLHTTP') }
22.                 catch(e) { return null; }   } } }
23. </script>

С помощью него страницы грузятся без перезагрузки, но проблема в том, что скрпиты, которые находятся на других страницах отказываются работать. Если кто-то объяснит, почему так происходит, буду очень благодарен. Я в js плоховато разбираюсь, в отличие от php, поэтому прошу помощи у вас, ничего толкового не нагуглил.
Ещё небольшая вставочка кода, чтобы была полная картина.

HTML:

1. <ul>
2.                  <li><a href="" onClick="showContent('main.html')">главная</a></li>
3.                  <li><a href="#garants" onClick="showContent('garant.html')">гарантии</a></li>
4.                  <li><a href="#agreement" onClick="showContent('agreement.html')">соглашение</a></li>
5.          </ul>
6.  
7. showContent('main.html')