Ajax подгрузка из div в div

Добрый день, потерпел фиаско :gm:

Изначальная проблема:

Кнопки подписки Twitter и Google+ в скрытом блоке ведут себя неадекватно, и обрезаются на середине кнопки, в видимом блоке все ок. Ну и без фреймов и скриптов социалок, сайт грузится Существенно быстрее, поэтому решил перевести блок на ajax подгрузку.

Проблема в решении предыдущей проблемы: :crazy:

Решил перевести весь блок с кнопками на др страницу с подгрузкой в div.

Сейчас блок подгружается после клика по кнопке в невидимый блок, который после этого же клика становится видимым.

Собственно вопрос: как эту непонятную мне конструкцию (см. ниже) научить запускать скрипты?

(чайник в js на уровне "перевожу со словариком") или если есть, любое иное решение первой или второй проблем.

Сейчас стоит вот это чудо:

Кнопки и блоки:

<a href="#" id="but-pod" onclick="openbox('Wrapp');openPage('podpiska.php');return false;">Подписаться</a><div id="Wrapp" style="display:none"><div id='pod'><div id='pod-cont'></div><div class="close" onclick="openbox('Wrapp')"></div></div></div>

Скрипт свернуть/развернуть:

<script type="text/javascript">

function openbox(id,pod) {

var div = document.getElementById(id);

var tt_div = document.getElementById(pod);

if(div.style.display == 'block') {

div.style.display = 'none';

}

else {

div.style.display = 'block';

}

}

</script>

Ну и скрипт подгрузки:

<script>

function loadHTML(sURL)

{

var request=null;

if(!request) try {

request=new ActiveXObject('Msxml2.XMLHTTP');

} catch (e){}

if(!request) try {

request=new ActiveXObject('Microsoft.XMLHTTP');

} catch (e){}

if(!request) try {

request=new XMLHttpRequest();

} catch (e){}

if(!request)

return "";

request.open('GET', sURL, false);

request.send(null);

return request.responseText;

}

function openPage (sURL) {

mypagecontent = document.getElementById('pod-cont') //id блока куда кладем контент

mypagecontent.innerHTML = loadHTML(sURL);

}

</script>