Конфликт java-скриптов

Люди добрые, кто-нибудь может помочь разобраться в коде? На странице два скрипта.
Скрипт прокрутки страницы и скрипт увеличения картинки. Работают они только по отдельности. Какую строчку кода изменить, чтобы работали оба?

<script type="text/javascript"

src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>

<!--НАЧАЛО СКРИПТА ПРОКРУТКИ СТРАНИЦЫ-->

<script type="text/javascript" src="http://domolyb.ru/foto/js/prototype.js"></script>

<script type="text/javascript" src="http://domolyb.ru/foto/js/scriptaculous.js?load=effects"></script>

<script type="text/javascript" src="http://domolyb.ru/foto/js/lightbox.js"></script>

<link rel="stylesheet" href="http://domolyb.ru/foto/css/lightbox.css" type="text/css" media="screen" />

<!--СКРИПТ УВЕЛИЧЕНИЯ КАРТИНКИ-->

<script type="text/javascript">

jQuery(function(){

 $("#Go_Top").hide().removeAttr("href");

 if ($(window).scrollTop()>="250") $("#Go_Top").fadeIn("slow")

 $(window).scroll(function(){

  if ($(window).scrollTop()<="250") $("#Go_Top").fadeOut("slow")

  else $("#Go_Top").fadeIn("slow")

 });

 $("#Go_Bottom").hide().removeAttr("href");

 if ($(window).scrollTop()<=$(document).height()-"999") $("#Go_Bottom").fadeIn("slow")

 $(window).scroll(function(){

  if ($(window).scrollTop()>=$(document).height()-"999") $("#Go_Bottom").fadeOut("slow")

  else $("#Go_Bottom").fadeIn("slow")

 });

 $("#Go_Top").click(function(){

  $("html, body").animate({scrollTop:0},"slow")

 })

 $("#Go_Bottom").click(function(){

  $("html, body").animate({scrollTop:$(document).height()},"slow")

 })

});

</script>

<a style='position: fixed; bottom: 60px; right: 1px; cursor:pointer; display:none;'

href='#' id='Go_Top'>

 <img src="go_up.png" alt="Наверх" title="НАВЕРХ">

</a><br><br>

<a style='position: fixed; bottom: 20px; right: 1px; cursor:pointer; display:none;'

href='#' id='Go_Bottom'>

 <img src="go_bottom.png" alt="Вниз" title="ВНИЗ">

</a>

<!--КОНЕЦ СКРИПТА ПРОКРУТКИ СТРАНИЦЫ-->