Untitled

<html>

    <head>
        <title> Inspire Design </title>


        <link rel="stylesheet" href="style.css" type="text/css" />
        <link rel="stylesheet" href="jquery.horizontal.scroll.css" type="text/css" />

        <script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js" type="text/javascript"></script>
        <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js"></script>
        <script src="jquery.horizontal.scroll.js" type="text/javascript"></script>


        <script type="text/javascript">// <![CDATA[
                $(document).ready(function(){
                        $('#horiz_container_outer').horizontalScroll();
                        $('#horiz_container_outer_two').horizontalScroll();
                        $('#horiz_container_outer_three').horizontalScroll();
                });
        // ]]></script>


    </head>


        <body>

            <div id="container">


                <div id="header">

                  <img src="title.png" alt="Inspire Design"/>


                     <div id="menu">


                       <hr/>


                    <ul>


                        <li><a href="about.php">About</a></li>
                        <li><a href="homepage.php">Home</a></li>


                    </ul>


                    </div>


                </div>


               <div id="body">


                <div id="photocontainer">


                          <?php

                        $pipe_id = 'bbde07833964f0fd140a1be345576d7d';


                        $req = 'http://pipes.yahoo.com/pipes/pipe.run?_render=php' . '&_id=' . $pipe_id;

                        $phpserialized = file_get_contents($req);

                        $phparray = unserialize($phpserialized);


                        $pipe_items = $phparray["value"]["items"];


                     ?>


                     <ul id="horiz_container_outer">
                        <li id="horiz_container_inner">
                        <ul id="horiz_container">

                     <?php

                     foreach ($pipe_items as $current_items):


                         $thumbnail = $current_items["media:content"]["url"];


                     ?>


                            <li><img src="<?php echo $thumbnail ?>"></li>


                       <?php

                       endforeach

                       ?>


</ul>
                        </li>
                        </ul>


                                                         <div id="scrollbar">
       <a id="left_scroll" class="mouseover_left" href="#"></a>
       <div id="track">
            <div id="dragBar"></div>
       </div>
       <a id="right_scroll" class="mouseover_right" href="#"></a></div>
   </div>


                </div>


                    <div id="videocontainer">


                        <?php

                        $pipe_id = '75f2e96f950d89402bf2f38fb2ed0f4a';

                        $req = 'http://pipes.yahoo.com/pipes/pipe.run?_render=php' . '&_id=' . $pipe_id;

                      		$phpserialized = file_get_contents($req);
                                $phparray = unserialize($phpserialized);

                                $pipe_items = $phparray["value"]["items"];

                        ?>

                        <ul id="horiz_container_outer_two">
                        <li id="horiz_container_inner_two">
                        <ul id="horiz_container_two">

            <?php

		foreach ($pipe_items as $current_item):

		$link = $current_item["link"];

		$src_url ="http://player.vimeo.com/video/" . substr($link, 40, 8);
           // echo $link;
			//echo $src_url;

                 ?>


			<li><iframe width="200" height="150" src="<?php echo $src_url;?>" frameborder="0" allowfullscreen></iframe></li>


                    <?php
                        endforeach;
                     ?>


                        </ul>
                        </li>
                        </ul>

                                                                             <div id="scrollbar_two">
       <a id="left_scroll_two" class="mouseover_left_two" href="#"></a>
       <div id="track_two">
            <div id="dragBar_two"></div>
       </div>
       <a id="right_scroll_two" class="mouseover_right_two" href="#"></a></div>
   </div>


                    </div>


                    <div id="twittercontainer">


                        <?php

                        $pipe_id = 'f2e87a84dfd0206a5bb935a8f428e1eb';

                        $req = 'http://pipes.yahoo.com/pipes/pipe.run?_render=php' . '&_id=' . $pipe_id;

                        $phpserialized = file_get_contents($req);

                        $phparray = unserialize($phpserialized);

                        $pipe_items = $phparray["value"]["items"];

                        ?>

                        <ul id="horiz_container_outer_three">
                        <li id="horiz_container_inner_three">
                        <ul id="horiz_container_three">

                                  <?php

                     foreach ($pipe_items as $current_items):

                     $title = $current_items["title"];
                     $link = $current_items["link"];
                     $pubDate = $current_items["pubDate"];

                     ?>


		<li>

                <div id="twitterstyle">

                        <b><a href="<?php echo $link; ?>">

                        <?php echo $title; ?> </a></b>


                    <div id="pubDate">

                        <i><p><?php echo $pubDate; ?></p></i>

                     </div>


                </div>
					</li>


                       <?php

                       endforeach

                       ?>


                        </ul>
                        </li>
                        </ul>

                                                                             <div id="scrollbar_three">
       <a id="left_scroll_three" class="mouseover_left_three" href="#"></a>
       <div id="track_three">
            <div id="dragBar_three"></div>
       </div>
       <a id="right_scroll_three" class="mouseover_right_three" href="#"></a></div>
   </div>


                    </div>


               </div>

               </br>


                <hr/>

                <div id="footer">

                  <img src="footer.png" alt="Copyright Lauren Parr 2012"/>

                </div>


            </div>


        </body>


</html>