problem with too many scripts
Hi this is my first post on this forum and I need help. I use on my website scripts, and I have a problem with two scrips - is conflict between this scripts.
Ok this is my scripts:
<!-- scripts -->
<script src="http://code.jquery.com/jquery-1.7.1.min.js"></script>
<script src="http://code.jquery.com/mobile/1.3.0/jquery.mobile-1.3.0.min.js"></script>
<script type="text/javascript" src="js/modernizr.min.js"></script>
<script src="js/jquery-lang.js" charset="utf-8" type="text/javascript"></script>
<script src="js/langpack/pl.js" charset="utf-8" type="text/javascript"></script>
<script src="js/langpack/ru.js" charset="utf-8" type="text/javascript"></script>
<!-- gallery scripts conflict with jquery.ui.map.js if that script is on -->
<script src="js/imageflip.mini.js"></script>
<script type="text/javascript">
$(document).on("pageinit", "#gallery", function(){
//$(document).delegate("#gallery", "pageinit", function() {
$('#iGallery').imageflip()
})
</script>
<!-- script for lang change -->
<script type="text/javascript">
window.lang = new jquery_lang_js();
$().ready(function () { window.lang.run(); });
</script>
<!-- script for active lang -->
<script type="text/javascript">
jQuery(function($) {
$("a.not-active, a.active").click(function() {
var $this, c;
$this = $(this);
c = $this.hasClass("not-active")
? {us: "active", them: "not-active" }
: {us: "not-active", them: "active" };
$("a." + c.us).removeClass(c.us).addClass(c.them);
$this.removeClass(c.them).addClass(c.us);
});
});
</script>
<!-- mobile map -->
<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false&libraries=places"></script>
<script type="text/javascript" src="js/map.js"></script>
<!--script type="text/javascript" src="js/jquery.ui.map.js"></script--><!-- conflict -->
<script type="text/javascript" src="js/jquery.ui.map.services.js"></script>
<script type="text/javascript" src="js/jquery.ui.map.extensions.js"></script>
<script type="text/javascript">
var mobile_coordinate = { 'center': '50.88359,15.697365', 'zoom': 10 };
$('#directions_map').live('pageinit', function() {
demo.add('directions_map', function() {
$('#map_canvas').gmap({'center': mobile_coordinate.center, 'zoom': mobile_coordinate.zoom, 'disableDefaultUI':true, 'callback': function() {
var self = this;
self.set('getCurrentPosition', function() {
self.refresh();
self.getCurrentPosition( function(position, status) {
if ( status === 'OK' ) {
var latlng = new google.maps.LatLng(position.coords.latitude, position.coords.longitude)
self.get('map').panTo(latlng);
self.search({ 'location': latlng }, function(results, status) {
if ( status === 'OK' ) {
$('#from').val(results[0].formatted_address);
}
});
} else {
alert('Unable to get current position');
}
});
});
$('#submit').click(function() {
self.displayDirections({ 'origin': $('#from').val(), 'destination': $('#to').val(), 'travelMode': google.maps.DirectionsTravelMode.DRIVING }, { 'panel': document.getElementById('directions')}, function(response, status) {
( status === 'OK' ) ? $('#results').show() : $('#results').hide();
});
return false;
});
}});
}).load('directions_map');
});
$('#directions_map').live('pageshow', function() {
demo.add('directions_map', $('#map_canvas').gmap('get', 'getCurrentPosition')).load('directions_map');
});
</script>
I have a problem with gallery script, if I delete this script or delete <!--script type="text/javascript" src="js/jquery.ui.map.js"></script--> everything is ok.
Please help me because I don't have any idea.
Thanks