Tumble Infinite Scroll

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
        <head>
                <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
                <title>Infiniti Phase 2.0 </title>

                <!-- CSS Start -->
                        <link rel="stylesheet" href="css/global.css" />
                <!-- CSS Finished -->

        <!-- Scripts Start -->

                <!-- jQuery Source -->
                        <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script>

                <!-- Infinite Scroll Requirements -->
                        <script type="text/javascript" src="http://www.media21a.co.uk/new/wp-content/themes/media21a-theme/js/infinite-scroll.js"></script>
                        <script type="text/javascript">
                                // Infinity Scroll
                                                jQuery(document).ready(function($) {
                                                        $('#container').infinitescroll({
                                                                debug                   : false,
                                                                loading                 : {},
                                                                state                           : {currPage     : "1"},
                                                                nextSelector            : "div.tumblr_postnav a.tumblr_next",
                                                                navSelector             : "div.tumblr_postnav",
                                                                contentSelector         : "#container",
                                                                itemSelector            : "#container a.single-image",
                                                                pathParse                       : ["<?php $url="http://".$_SERVER['HTTP_HOST'].$_SERVER['REQUEST_URI']; echo $url; ?>/", "/"]
                                                        });

                                                });
                        </script>
                <!-- Infinite Scroll Finished -->

        <!-- Scripts Finished -->
        </head>
        <body>

                <div class="header">
                        <a href="" class="logo" title="Infiniti Phase 2.0">
                                Infiniti Phase 2.0
                        </a>

                </div>

                <div id="container">
                        <?php

                                $offset = $_GET['offset'];
                                $ch = curl_init();
                                curl_setopt($ch,CURLOPT_URL,"http://fuckyeahgirlswithtattoos.tumblr.com/api/read/json?num=10&start=".$offset);
                                curl_setopt($ch,CURLOPT_RETURNTRANSFER,true);
                                $result = curl_exec($ch);
                                curl_close($ch);
                                $result = str_replace("var tumblr_api_read = ","",$result);
                                $result = str_replace(';','',$result);
                                $result = str_replace('\u00a0',' ',$result);
                                $jsondata = json_decode($result,true);
                                $posts = $jsondata['posts'];
                                ?>

                                <?php foreach($posts as $post){ if ($post['type'] == 'photo') {  ?>
                        <a href="<?php echo $post['photo-url-500'];?>" title="<?php echo date("jS M",strtotime($post['date'])); ?>" class="single-image">
                                <img src="<?php echo $post['photo-url-500'];?>" alt="<?php echo date("jS M",strtotime($post['date'])); ?>">
                        </a>
                        <?php }
                }?>

                        <div class="tumblr_postnav">
                                <a href="http://www.media21a.co.uk/development/infiniti/update/index.php<?php echo '?offset='.($offset + 10) ?>" class="tumblr_next">Older posts</a>
                        </div>

                </div>

                <a href="http://www.media21a.co.uk/development/infiniti/update/index.php<?php echo '?offset='.($offset + 10) ?>" class="older">Older</a>


        </body>
</html>