Multiple scripts clashing - really frustrating..

[pendakenya]

Hi all,

I am having some issues with scripts clashing and I tried to combine them like this

<script src="script1h.js" type="text/javascript"></script>
<script src="script2h.js" type="text/javascript"></script>

but it didnt work at all. Can anyone pls help and have a look at the SC on the website pendainternational.com

Really appreciate the help.. Im getting so frustrated..

Thx

[TheAliveWinner]

Please elaborate your problem!

Just providing the link does not seem enough for at least me.

[pendakenya]

These are the scripts:

<!-- JQUERY Library -->
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<script type="text/javascript" src="js/colorbox/jquery.colorbox-min.js"></script>
<script type="text/javascript" src="js/jcarousel/jquery.jcarousel.pack.js"></script>
<script type="text/javascript" src="js/jquery.social.media.tabs.1.3.js"></script>
<script type="text/javascript" src="js/jquery.social.media.tabs.1.3.min.js"></script>
<script type="text/javascript" src="js/fadeinout.js"></script>
<script type="text/javascript" src="js/cufon-yui.js"></script>
<script type="text/javascript" src="js/Museo_Sans_500.font.js"></script>
<script type="text/javascript" src="js/fontconfig.js"></script>
<script type="text/javascript" src="js/menu/ddsmoothmenu.js"></script>

<!-- Initiate carousel with 4 image blocks -->
<script type="text/javascript">

jQuery(document).ready(function() {
jQuery('#mycarousel').jcarousel({
scroll: 4,
wrap: 'both'
});
});

</script>
<script>
$(document).ready(function($){
$('#social-tabs').dcSocialTabs({
twitterId: 'pendakenya',
facebookId: '119419191495335',
fblikeId: '119419191495335',
fbrecId: 'www.pendainternational.com',
googleId: '',
flickrId: '',
deliciousId: '',
youtubeId: 'pendakenya',
diggId: '',
pinterestId: 'pendakenya',
lastfmId: 'pendakenya',
dribbbleId: '',
vimeoId: 'vimeo',
stumbleuponId: ''
});
});</script>
<script type="text/javascript" src="js/common.js"></script>
</head>

The social tab, the menu and the carousel are clashing. The way it is now the Social Tabs and the Menu are working BUT they are preventing carousel to function as it should. When image is clicked a bigger image should open but it doesnt. I tested it by itself only without the social tab and the menu and it works. So it means they are clashing. Cant seem to figure out a way for them to work together when combined..

Home that help.. and thats very much for your help.. i appreciate it..

[Padonak]

did you recieve any error?

[pendakenya]

Nope.. no errors at all.. u can see it on the page www.pendainternational.com/about.html

The carousel at the top of the page with the pictures. when u click it a big image should open.. it doesnt.. all other scripts run Okay..

[Padonak]

the carousel script is unreadable cipher...

[pendakenya]

But in the original template it is exactly the same and it readable... so it is on itself on that page without the social tabs and the menu..

[pendakenya]

I fixed it. Seems like the Social Tab was clashing with the carousel. I placed the other library on the last place and all the scripts work now.. just a reordering fixed it..