Untitled

n<!DOCTYPE html>
<html>
    <head>
            <meta name="viewport" content="width=device-width, initial-scale=1">
            <link rel="stylesheet" href="css/themes/theme.min.css" />
            <link rel="stylesheet" href="js/jquery.mobile-1.0.min.css" />
            <script type="text/javascript" src="js/jquery-1.6.4.min.js"></script>
            <script type="text/javascript" src="js/jquery.mobile-1.0.min.js"></script>
            <script type="text/javascript" src="phonegap-1.3.0.js"></script>

            <style>

                img {
                -webkit-border-radius: 20px;
                border-top-left-radius: 20px 20px;
                border-top-right-radius: 20px 20px;
                border-bottom-right-radius: 20px 20px;
                border-bottom-left-radius: 20px 20px;
                -webkit-box-shadow: 0px 6px 8px rgba(0, 0, 0, .5);

                }

                #video .ui-icon { background:  url(icons/video.png)
                no-repeat;
                height:40px;
                width:40px; }

                #scores .ui-icon { background:  url(icons/scores.png)
                no-repeat;
                height:40px;
                width:40px;
                }

                #audio .ui-icon { background:  url(icons/audio.png)
                no-repeat;
                height:40px;
                width:40px; }`

                .tabs   li a {
                text-indent:5px;
                position:relative;
                margin-bottom:20px;
                }

          </style>

                <script type="text/javascript">

                    $.ajaxSetup({
                                error:function(x,e,errorThrown) {
                                console.log(x.getStatusCode());
                                $("#status").prepend("Error!");
                                }
                                });

                    //EDIT THESE LINES
                    //Title of the blog
                    var TITLE = "BS Report";
                    //RSS url
                    var RSS = "http://pipes.yahoo.com/pipes/pipe.run?_id=e067750dbdb959e1ae07c4a4d263fabd&_render=rss";
                    //Stores entries
                    var entries = [];
                    var selectedEntry = "";

                    //listen for detail links
                    $(".contentLink").live("click", function() {
                                           selectedEntry = $(this).data("entryid");
                                           });

                    //Listen for main page
                    $("#mainPage").live("pageinit", function() {
                                        //Set the title
                                        $("h1", this).text(TITLE);

                                        $.get(RSS, {}, function(res, code) {
                                              entries = [];
                                              var xml = $(res);
                                              var items = xml.find("item");
                                              $.each(items, function(i, v) {
                                                     entry = {
                                                     title:$(v).find("title").text(),
                                                     link:$(v).find("link").text(),
                                                     description:$.trim($(v).find("description").text())
                                                     };
                                                     entries.push(entry);
                                                     });

                                              //now draw the list
                                              var s = '';
                                              $.each(entries, function(i, v) {
                                                     s += '<li><a href="'+v.link+'">'+v.title+'</a></li>';
                                                     });
                                              $("#linksList").html(s);
                                              $("#linksList").listview("refresh");
                                              });

                                        });

                    //Listen for the content page to load
                    $("#contentPage").live("pageshow", function(prepage) {
                                           //Set the title
                                           $("h1", this).text(entries[selectedEntry].title);
                                           var contentHTML = "";
                                           contentHTML += entries[selectedEntry].description;
                                           contentHTML += '<p/><a href="'+entries[selectedEntry].link + '">Read Entry on Site</a>';
                                           $("#entryText",this).html(contentHTML);
                                           });


                    </script>


</head>
<body>


<div data-role="page" id="mainPage">

    <div data-role="header">
        <h1></h1>
        <a href="audiohome.html">Back</a>
    </div>

    <div data-role="content">
    <div id="status"></div>
        <ul id="linksList" data-role="listview" data-inset="true"></ul>
    </div>

<!--    <div data-role="footer">
        <h4>BS Report</h4>

    </div>
 -->

    <div data-role="footer" data-position=""  class="ui-footer ui-bar-a ui-footer-fixed fade ui-fixed-inline"role="contentinfo">
        <div data-role="navbar" class="ui-state-persist" class="ui-navbar ui-navbar-noicons" role="navigation">
            <ul class="tabs" class="ui-grid-b">
                <li><a href="index.html" rel="external" id="video" data-icon="custom"></a></li>
                <li><a href="scorepage.html" rel="external" id="scores" data-icon="custom"></a></li>
                <li><a href="audiohome.html" rel="external" id="audio"  data-icon="custom" ></a></li>
            </ul>
        </div>


    </div><!-- /footer -->

</div>

<div data-role="page" id="contentPage">

    <div data-role="header">
        <a href="#mainPage" data-rel="back">Home</a>
        <h1></h1>
    </div>

     <div data-role="content" id="entryText">
    </div>


</body>
</html>