Уже 3 головы сломал, не пойму где ошибка. подключение js делаю в самом начале страницы в хеде, там же и все скрипты подключаю.
собственно сам вывод футтера
<script>
function showSlides(name){
var n = $(name).data('skitter_number');
if (typeof n == "undefined") {
$(name).skitter(
{
animation: 'cubeHide',
auto_play: false,
numbers: false,
controls: false,
interval: 30000
}
);
}
$(name).show('slow');
}
function hideSlides(){
$('.slideshow').hide('slow')
}
function backToRootPage(){
hideSlides();
$('#subs .tabs .active').removeClass('active');
$('#subs .panel').removeClass('on');
unlockFooter();
return false;
}
function lockFooter(){
$('#footer').unbind('mouseover');
$('#footer').unbind('mouseleave');
$('#nav-pages li > a').unbind('mouseover');
}
function unlockFooter(){
$('#nav-pages li > a').bind(
{
'mouseover' : function() {
$(this).parents('ul').find('.active').removeClass('active');
$('#footer .overlay .inner').hide();
$(this).addClass('active');
$('#footer .overlay').show(function(){
myMap.container.fitToViewport()
});
$($('#nav-pages a.active').attr('href')).show();
},
'mouseleave' : function() {
}
}
);
$('#footer').bind(
{
'mouseover' : function() {
$('#footer .overlay').show();
$($('#nav-pages a.active').attr('href')).show(function(){
myMap.container.fitToViewport()
});
},
'mouseleave' : function() {
$('#footer .overlay').hide();
$($('#nav-pages a.active').attr('href')).hide();
$('#nav-pages a.active').removeClass('active');
}
}
);
}
$(document).ready(function (){
unlockFooter();
$('#subs .tabs li > a').live('click',
function(){
hideSlides();
$('#subs .tabs .active').removeClass('active');
$(this).parent('li').addClass('active');
$('#subs .panel').addClass('on');
showSlides($(this).attr('href'));
//lockFooter();
return false;
}
);
/*
$('.slideshow').skitter(
{
animation: 'cubeHide',
auto_play: false,
numbers: false,
controls: false,
interval: 30000
}
);
*/
$('#subs .link-close').click(
function(){
backToRootPage();
}
);
});
$(document).ready(function (){
unlockFooter();
});
$(document).keyup(function(e) {
if (e.keyCode == 27) backToRootPage(); // esc
});
</script>
собственно сам футтер
<div id="footer">
<!-- Subpages navigation -->
<div id="nav-pages">
<ul>
<li><a href="#logos" onclick="return false;">Клиенты</a></li>
<li><a href="#contacts" onclick="return false;">Контакты</a></li>
</ul>
</div>
<!-- /Subpages navigation -->
<!-- Overlay -->
<div class="overlay">
<div id="logos" class="inner"><img src="/themes/2/images/logos.png" width="816" height="245" alt="Logos"></div>
<div id="contacts" class="inner">
<div class="ymap">
<!--Add Yandex Map-->
<div id="map" style="width:390px; height:320px; margin: auto;"></div>
</div>
<p>Офис: Москва, 115114, 1-й Кожевнический пер., д. 10. Тел./факс: +7 (495) 980-70-66</p>
<p>Долгота: 37.646857°, широта: 55.726609°</p>
</div>
</div>
<!-- /Overlay -->
</div>
суть - должна выводиться динамическая yandex карта по api 2. Но не работает , как собственно любой js скрипт вставленный в этот div. если перед div ом прописать 2ое подключение jquery все отлично выводится, но браузер естественно сходит с ума от 2х подключаемых библиотек.