colorbox and other jquery script together

Question

Hi! I'm having problem running two JS together. I tried a lot of combinations and other solutions taht I found on google.

Here's colorbox:

<script type="text/javascript">
jQuery(document).ready(function($) {
    $("a[rel='gal1']").colorbox();
    $("a[rel='gal2']").colorbox();  
    $("a[rel='gal3']").colorbox();  
    $("a[rel='gal4']").colorbox();  
    });
</script>

And a second one:

<script type="text/javascript" >
$(document).ready(function() {
var pages = 12;
var page = 1;
$(".show_albums").html($("#page_1").html());


$("#prev").click(function() {
    if (page > 1) {
        page--;
        $(".show_albums").html($("#page_" + page).html());

    }
});

$("#next").click(function() {
    if (page < pages) {
       page++;
       $(".show_albums").html($("#page_" + page).html());

    }
});
});
</script>

How to make it work? On first run both of them work, but after using second script, colorbox doesn't show up (black screen etc.)

EDIT: IE showed error - b.data(...).rel is null or not an object. It mus be smth about rel atribute in link -

<a href="images/galerija/2.jpg" id="galerija1" title="Tudiš pīp"><img src="images/galerija/thumbs/2.jpg" alt="" width="90" height="90" border="0" /></a>