<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>