home *** CD-ROM | disk | FTP | other *** search
/ theapplecollection.com / www.theapplecollection.com.tar / www.theapplecollection.com / get_url.php?counter=miXthepiX&link=http:%2F%2Fwww.mixthepix.com%2F.orig < prev    next >
Text File  |  2010-10-11  |  17KB  |  416 lines
  1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
  2. <html>
  3. <head>
  4.     <meta http-equiv="content-Type" content="text/html; charset=utf-8">
  5.     
  6.     <meta name="viewport" content="width=1024; initial-scale=1.0; maximum-scale=1.5; user-scalable=yes"  />
  7.     
  8.     <title>Hein Mevissen : Showreel</title>
  9.     <link rel="stylesheet" href="/templates/css/base.css" type="text/css" media="all">
  10.     <link rel="stylesheet" href="/templates/css/video.css" type="text/css" media="all">
  11.   <link rel="stylesheet" href="/templates/css/video-js.css" type="text/css" media="screen" title="Video JS" charset="utf-8">
  12.   <link rel="icon" type="image/png" href="/templates/images/favicon.ico" />
  13.   <link rel="apple-touch-icon-precomposed" href="/templates/images/apple-touch-icon.png" />
  14.   
  15.     <script type="text/javascript" src="/templates/scripts/jquery-1.3.2.min.js"></script>
  16.     <script type="text/javascript" src="/templates/scripts/jquery-mousewheel.js"></script>
  17.     <script type="text/javascript" src="/templates/scripts/video.js"></script>
  18.     <script type="text/javascript" src="/templates/scripts/ypf.js"></script>
  19.   <script type="text/javascript" src="/templates/scripts/iscroll.js"></script>
  20.  
  21.   <script type="text/javascript">
  22.     if((navigator.userAgent.match(/iPad/i)))
  23.     {
  24.       document.write("<link rel='stylesheet' type='text/css' href=/templates/css/ipad.css' />");
  25.       document.write("<link rel='stylesheet' type='text/css' href='/templates/css/ipad.css' />");
  26.  
  27.       var myScroll;
  28.       function loaded() {
  29.         myScroll = new iScroll('reelWrapper');
  30.         updateIpad();
  31.       }
  32.       
  33.       //document.addEventListener('touchmove', function(e){ e.preventDefault(); }, false);
  34.       document.addEventListener('DOMContentLoaded', loaded, false);
  35.       function updateIpad()
  36.       { 
  37.         if((navigator.userAgent.match(/iPad/i)))
  38.         {
  39.           var reelHeight = $('ul.struct > li.reelItem').length * 80;
  40.           $("#reel").css("height", reelHeight + "px");
  41.           $("#reelWrapper").css("height", reelHeight +"px");
  42.           // header_shadow width
  43.           $("#header_shadow").css("width",  $("#header").width() + "px");
  44.         }
  45.       }
  46.     }
  47.   </script>
  48. </head>
  49.  
  50.  
  51.  
  52.  
  53.  
  54.  
  55.  
  56.  
  57.   <body class='hasreel' onorientationchange="" >
  58. <div id="header">
  59.     <strong id="logo"><a href="/">Hein Mevissen</a></strong>
  60.  
  61.     <ul id="menu" class="struct">
  62.         <li class="first" >
  63.         <a href="/showreel/" class="active" >showreel</a>
  64.         </li>
  65.         <li  >
  66.         <a href="/about/"  >about</a>
  67.         </li>
  68.         <li  >
  69.         <a href="/press/"  >press</a>
  70.         </li>
  71.         <li  >
  72.         <a href="/contact/"  >contact</a>
  73.         </li>
  74.     </ul>    
  75. </div>
  76.  
  77. <div id="header_shadow"> </div>
  78.  
  79. <!--
  80.     <ul id="menu" class="struct">
  81.         <li class="first"><a href="index.html">lang</a>
  82.         <li><a class="active" href="kort.html">kort</a>
  83.         <li><a href="video.html">video</a>
  84.         <ul class="struct">
  85.             <li><a href="#">dummy 1</a>
  86.             <li><a href="#">dummy 2</a>
  87.             <li><a href="#">dummy 3</a>
  88.         </ul>
  89.         <li><a href="contact.html">contact</a>
  90.     </ul>
  91. -->
  92. <div id="canvas">
  93. <div id="reelWrapper">
  94.   <div id="reel">
  95.       <ul class="struct">
  96.                   <li class="reelItem">
  97.               <a class="active" id="reelItem81" href="/showreel/2010/heinmevissen/" onclick="deactivatedReelItems(); $('#reelItem81').addClass('active');">
  98.                   <img src="/assets/thumbs/item-81-thumb.jpg?v=345" width="139" height="78" />
  99.                   <span> in less than 2 minutes</span>
  100.                   <h3>Hein Mevissen</h3>
  101.               </a>
  102.             </li>
  103.                   <li class="reelItem">
  104.               <a  id="reelItem43" href="/showreel/2010/rocketbros/" onclick="deactivatedReelItems(); $('#reelItem43').addClass('active');">
  105.                   <img src="/assets/thumbs/item-43-thumb.jpg?v=70" width="139" height="78" />
  106.                   <span>MTV International</span>
  107.                   <h3>Rocket Bros.</h3>
  108.               </a>
  109.             </li>
  110.                   <li class="reelItem">
  111.               <a  id="reelItem57" href="/showreel/2010/badtiming/" onclick="deactivatedReelItems(); $('#reelItem57').addClass('active');">
  112.                   <img src="/assets/thumbs/item-57-thumb.jpg?v=217" width="139" height="78" />
  113.                   <span>Comedy Central</span>
  114.                   <h3>Bad Timing</h3>
  115.               </a>
  116.             </li>
  117.                   <li class="reelItem">
  118.               <a  id="reelItem1" href="/showreel/2010/aliencropcircles/" onclick="deactivatedReelItems(); $('#reelItem1').addClass('active');">
  119.                   <img src="/assets/thumbs/item-1-thumb.jpg?v=192" width="139" height="78" />
  120.                   <span>Comedy Central</span>
  121.                   <h3>Alien Crop Circles</h3>
  122.               </a>
  123.             </li>
  124.                   <li class="reelItem">
  125.               <a  id="reelItem17" href="/showreel/2010/itsalive/" onclick="deactivatedReelItems(); $('#reelItem17').addClass('active');">
  126.                   <img src="/assets/thumbs/item-17-thumb.jpg?v=198" width="139" height="78" />
  127.                   <span>Dutch Horticulture</span>
  128.                   <h3>It's Alive</h3>
  129.               </a>
  130.             </li>
  131.                   <li class="reelItem">
  132.               <a  id="reelItem2" href="/showreel/2010/karimbenzema/" onclick="deactivatedReelItems(); $('#reelItem2').addClass('active');">
  133.                   <img src="/assets/thumbs/item-2-thumb.jpg?v=270" width="139" height="78" />
  134.                   <span>Adidas</span>
  135.                   <h3>Karim Benzema</h3>
  136.               </a>
  137.             </li>
  138.                   <li class="reelItem">
  139.               <a  id="reelItem55" href="/showreel/2010/badidea/" onclick="deactivatedReelItems(); $('#reelItem55').addClass('active');">
  140.                   <img src="/assets/thumbs/item-55-thumb.jpg?v=211" width="139" height="78" />
  141.                   <span>Comedy Central</span>
  142.                   <h3>Bad Idea</h3>
  143.               </a>
  144.             </li>
  145.                   <li class="reelItem">
  146.               <a  id="reelItem75" href="/showreel/2010/globalwarming/" onclick="deactivatedReelItems(); $('#reelItem75').addClass('active');">
  147.                   <img src="/assets/thumbs/item-75-thumb.jpg?v=296" width="139" height="78" />
  148.                   <span>Comedy Central</span>
  149.                   <h3>Global Warming</h3>
  150.               </a>
  151.             </li>
  152.                   <li class="reelItem">
  153.               <a  id="reelItem67" href="/showreel/2010/sammyveggie/" onclick="deactivatedReelItems(); $('#reelItem67').addClass('active');">
  154.                   <img src="/assets/thumbs/item-67-thumb.jpg?v=257" width="139" height="78" />
  155.                   <span>MTV</span>
  156.                   <h3>Sammy Veggie</h3>
  157.               </a>
  158.             </li>
  159.                   <li class="reelItem">
  160.               <a  id="reelItem60" href="/showreel/2010/shark/" onclick="deactivatedReelItems(); $('#reelItem60').addClass('active');">
  161.                   <img src="/assets/thumbs/item-60-thumb.jpg?v=226" width="139" height="78" />
  162.                   <span>MTV Networks</span>
  163.                   <h3>Shark</h3>
  164.               </a>
  165.             </li>
  166.                   <li class="reelItem">
  167.               <a  id="reelItem4" href="/showreel/2010/minervaharbor/" onclick="deactivatedReelItems(); $('#reelItem4').addClass('active');">
  168.                   <img src="/assets/thumbs/item-4-thumb.jpg?v=12" width="139" height="78" />
  169.                   <span>City of Amsterdam</span>
  170.                   <h3>Minerva Harbor</h3>
  171.               </a>
  172.             </li>
  173.                   <li class="reelItem">
  174.               <a  id="reelItem14" href="/showreel/2010/hole/" onclick="deactivatedReelItems(); $('#reelItem14').addClass('active');">
  175.                   <img src="/assets/thumbs/item-14-thumb.jpg?v=196" width="139" height="78" />
  176.                   <span>Comedy Central</span>
  177.                   <h3>Hole</h3>
  178.               </a>
  179.             </li>
  180.                   <li class="reelItem">
  181.               <a  id="reelItem42" href="/showreel/2010/littleredridinghood/" onclick="deactivatedReelItems(); $('#reelItem42').addClass('active');">
  182.                   <img src="/assets/thumbs/item-42-thumb.jpg?v=104" width="139" height="78" />
  183.                   <span>MTV Networks</span>
  184.                   <h3>Little Red Riding Hood</h3>
  185.               </a>
  186.             </li>
  187.                   <li class="reelItem">
  188.               <a  id="reelItem30" href="/showreel/2010/choose/" onclick="deactivatedReelItems(); $('#reelItem30').addClass('active');">
  189.                   <img src="/assets/thumbs/item-30-thumb.jpg?v=266" width="139" height="78" />
  190.                   <span>MTV Networks</span>
  191.                   <h3>Choose</h3>
  192.               </a>
  193.             </li>
  194.                   <li class="reelItem">
  195.               <a  id="reelItem16" href="/showreel/2010/santa/" onclick="deactivatedReelItems(); $('#reelItem16').addClass('active');">
  196.                   <img src="/assets/thumbs/item-16-thumb.jpg?v=62" width="139" height="78" />
  197.                   <span>Comedy Central</span>
  198.                   <h3>Santa</h3>
  199.               </a>
  200.             </li>
  201.                   <li class="reelItem">
  202.               <a  id="reelItem19" href="/showreel/2010/thegame/" onclick="deactivatedReelItems(); $('#reelItem19').addClass('active');">
  203.                   <img src="/assets/thumbs/item-19-thumb.jpg?v=82" width="139" height="78" />
  204.                   <span>SIRE</span>
  205.                   <h3>The Game</h3>
  206.               </a>
  207.             </li>
  208.                   <li class="reelItem">
  209.               <a  id="reelItem64" href="/showreel/2010/sammy/" onclick="deactivatedReelItems(); $('#reelItem64').addClass('active');">
  210.                   <img src="/assets/thumbs/item-64-thumb.jpg?v=248" width="139" height="78" />
  211.                   <span>MTV</span>
  212.                   <h3>Sammy</h3>
  213.               </a>
  214.             </li>
  215.                   <li class="reelItem">
  216.               <a  id="reelItem40" href="/showreel/2010/brassband/" onclick="deactivatedReelItems(); $('#reelItem40').addClass('active');">
  217.                   <img src="/assets/thumbs/item-40-thumb.jpg?v=112" width="139" height="78" />
  218.                   <span>MTV United Kingdom / Ireland</span>
  219.                   <h3>Brassband</h3>
  220.               </a>
  221.             </li>
  222.                   <li class="reelItem">
  223.               <a  id="reelItem69" href="/showreel/2010/nonstop/" onclick="deactivatedReelItems(); $('#reelItem69').addClass('active');">
  224.                   <img src="/assets/thumbs/item-69-thumb.jpg?v=263" width="139" height="78" />
  225.                   <span>Volkswagen</span>
  226.                   <h3>Non Stop</h3>
  227.               </a>
  228.             </li>
  229.                   <li class="reelItem">
  230.               <a  id="reelItem63" href="/showreel/2010/gentlegiant/" onclick="deactivatedReelItems(); $('#reelItem63').addClass('active');">
  231.                   <img src="/assets/thumbs/item-63-thumb.jpg?v=245" width="139" height="78" />
  232.                   <span>I Amsterdam</span>
  233.                   <h3>Gentle Giant</h3>
  234.               </a>
  235.             </li>
  236.                   <li class="reelItem">
  237.               <a  id="reelItem45" href="/showreel/2010/wildwest/" onclick="deactivatedReelItems(); $('#reelItem45').addClass('active');">
  238.                   <img src="/assets/thumbs/item-45-thumb.jpg?v=72" width="139" height="78" />
  239.                   <span>MTV Networks</span>
  240.                   <h3>Wild West</h3>
  241.               </a>
  242.             </li>
  243.                   <li class="reelItem">
  244.               <a  id="reelItem31" href="/showreel/2010/cow/" onclick="deactivatedReelItems(); $('#reelItem31').addClass('active');">
  245.                   <img src="/assets/thumbs/item-31-thumb.jpg?v=102" width="139" height="78" />
  246.                   <span>MTV Networks</span>
  247.                   <h3>Cow</h3>
  248.               </a>
  249.             </li>
  250.                   <li class="reelItem">
  251.               <a  id="reelItem32" href="/showreel/2010/cola/" onclick="deactivatedReelItems(); $('#reelItem32').addClass('active');">
  252.                   <img src="/assets/thumbs/item-32-thumb.jpg?v=100" width="139" height="78" />
  253.                   <span>MTV Networks</span>
  254.                   <h3>Cola</h3>
  255.               </a>
  256.             </li>
  257.                   <li class="reelItem">
  258.               <a  id="reelItem34" href="/showreel/2010/garlic/" onclick="deactivatedReelItems(); $('#reelItem34').addClass('active');">
  259.                   <img src="/assets/thumbs/item-34-thumb.jpg?v=110" width="139" height="78" />
  260.                   <span>MTV Networks</span>
  261.                   <h3>Garlic</h3>
  262.               </a>
  263.             </li>
  264.                   <li class="reelItem">
  265.               <a  id="reelItem36" href="/showreel/2010/wedding/" onclick="deactivatedReelItems(); $('#reelItem36').addClass('active');">
  266.                   <img src="/assets/thumbs/item-36-thumb.jpg?v=108" width="139" height="78" />
  267.                   <span>MTV Networks</span>
  268.                   <h3>Wedding</h3>
  269.               </a>
  270.             </li>
  271.                   <li class="reelItem">
  272.               <a  id="reelItem38" href="/showreel/2010/amber/" onclick="deactivatedReelItems(); $('#reelItem38').addClass('active');">
  273.                   <img src="/assets/thumbs/item-38-thumb.jpg?v=114" width="139" height="78" />
  274.                   <span>MTV Brad and Eric</span>
  275.                   <h3>Amber</h3>
  276.               </a>
  277.             </li>
  278.                   <li class="reelItem">
  279.               <a  id="reelItem39" href="/showreel/2010/horror/" onclick="deactivatedReelItems(); $('#reelItem39').addClass('active');">
  280.                   <img src="/assets/thumbs/item-39-thumb.jpg?v=116" width="139" height="78" />
  281.                   <span>MTV Networks</span>
  282.                   <h3>Horror</h3>
  283.               </a>
  284.             </li>
  285.                   <li class="reelItem">
  286.               <a  id="reelItem52" href="/showreel/2010/lospedale/" onclick="deactivatedReelItems(); $('#reelItem52').addClass('active');">
  287.                   <img src="/assets/thumbs/item-52-thumb.jpg?v=240" width="139" height="78" />
  288.                   <span>MTV Networks</span>
  289.                   <h3>'l Ospedale</h3>
  290.               </a>
  291.             </li>
  292.                   <li class="reelItem">
  293.               <a  id="reelItem53" href="/showreel/2010/kidnap/" onclick="deactivatedReelItems(); $('#reelItem53').addClass('active');">
  294.                   <img src="/assets/thumbs/item-53-thumb.jpg?v=232" width="139" height="78" />
  295.                   <span>Bacardi</span>
  296.                   <h3>Kidnap</h3>
  297.               </a>
  298.             </li>
  299.                   <li class="reelItem">
  300.               <a  id="reelItem80" href="/showreel/2010/mtvrain/" onclick="deactivatedReelItems(); $('#reelItem80').addClass('active');">
  301.                   <img src="/assets/thumbs/item-80-thumb.jpg?v=332" width="139" height="78" />
  302.                   <span>MTV Canada</span>
  303.                   <h3>MTV Rain</h3>
  304.               </a>
  305.             </li>
  306.                   <li class="reelItem">
  307.               <a  id="reelItem54" href="/showreel/2010/hole2/" onclick="deactivatedReelItems(); $('#reelItem54').addClass('active');">
  308.                   <img src="/assets/thumbs/item-54-thumb.jpg?v=234" width="139" height="78" />
  309.                   <span>Bacardi</span>
  310.                   <h3>Hole</h3>
  311.               </a>
  312.             </li>
  313.                   <li class="reelItem">
  314.               <a  id="reelItem58" href="/showreel/2010/rain/" onclick="deactivatedReelItems(); $('#reelItem58').addClass('active');">
  315.                   <img src="/assets/thumbs/item-58-thumb.jpg?v=236" width="139" height="78" />
  316.                   <span>MTV Canada</span>
  317.                   <h3>Rain</h3>
  318.               </a>
  319.             </li>
  320.                   <li class="reelItem">
  321.               <a  id="reelItem70" href="/showreel/2010/sammyfeelings/" onclick="deactivatedReelItems(); $('#reelItem70').addClass('active');">
  322.                   <img src="/assets/thumbs/item-70-thumb.jpg?v=274" width="139" height="78" />
  323.                   <span>MTV</span>
  324.                   <h3>Sammy Feelings</h3>
  325.               </a>
  326.             </li>
  327.                   <li class="reelItem">
  328.               <a  id="reelItem59" href="/showreel/2010/rufus/" onclick="deactivatedReelItems(); $('#reelItem59').addClass('active');">
  329.                   <img src="/assets/thumbs/item-59-thumb.jpg?v=223" width="139" height="78" />
  330.                   <span>MTV</span>
  331.                   <h3>Rufus</h3>
  332.               </a>
  333.             </li>
  334.                   <li class="reelItem">
  335.               <a  id="reelItem61" href="/showreel/2010/iamsterdam/" onclick="deactivatedReelItems(); $('#reelItem61').addClass('active');">
  336.                   <img src="/assets/thumbs/item-61-thumb.jpg?v=229" width="139" height="78" />
  337.                   <span>City of Amsterdam</span>
  338.                   <h3>I amsterdam</h3>
  339.               </a>
  340.             </li>
  341.                   <li class="reelItem">
  342.               <a  id="reelItem26" href="/showreel/2010/banjo/" onclick="deactivatedReelItems(); $('#reelItem26').addClass('active');">
  343.                   <img src="/assets/thumbs/item-26-thumb.jpg?v=84" width="139" height="78" />
  344.                   <span>MTV Networks</span>
  345.                   <h3>Banjo</h3>
  346.               </a>
  347.             </li>
  348.                   <li class="reelItem">
  349.               <a  id="reelItem44" href="/showreel/2010/saint/" onclick="deactivatedReelItems(); $('#reelItem44').addClass('active');">
  350.                   <img src="/assets/thumbs/item-44-thumb.jpg?v=76" width="139" height="78" />
  351.                   <span>MTV Networks</span>
  352.                   <h3>Saint</h3>
  353.               </a>
  354.             </li>
  355.                   <li class="reelItem">
  356.               <a  id="reelItem65" href="/showreel/2010/sammycelebs/" onclick="deactivatedReelItems(); $('#reelItem65').addClass('active');">
  357.                   <img src="/assets/thumbs/item-65-thumb.jpg?v=252" width="139" height="78" />
  358.                   <span>MTV</span>
  359.                   <h3>Sammy Celebs</h3>
  360.               </a>
  361.             </li>
  362.                   <li class="reelItem">
  363.               <a  id="reelItem66" href="/showreel/2010/sammyfrench/" onclick="deactivatedReelItems(); $('#reelItem66').addClass('active');">
  364.                   <img src="/assets/thumbs/item-66-thumb.jpg?v=254" width="139" height="78" />
  365.                   <span>MTV</span>
  366.                   <h3>Sammy French</h3>
  367.               </a>
  368.             </li>
  369.                   <li class="reelItem">
  370.               <a  id="reelItem73" href="/showreel/2010/moreofsammy/" onclick="deactivatedReelItems(); $('#reelItem73').addClass('active');">
  371.                   <img src="/assets/thumbs/item-73-thumb.jpg?v=285" width="139" height="78" />
  372.                   <span>MTV</span>
  373.                   <h3>More of Sammy</h3>
  374.               </a>
  375.             </li>
  376.             </ul>
  377.  
  378.   </div>  
  379. </div>
  380.  
  381.  
  382.  
  383. <script type="text/javascript" charset="utf-8">
  384.   function deactivatedReelItems()
  385.   {
  386.     $("#reel ul li a").each(
  387.       function( intIndex ){
  388.         $(this).removeClass();
  389.       }
  390.     );
  391.   }
  392.   
  393.   // check if a video is selected
  394.   if(document.location.hash == "")
  395.   {
  396.     window.location = "#/showreel/2010/heinmevissen/";
  397.   }  
  398.   
  399. </script>  <div style="border: none; display: block; float: left; width: 325px;"> </div>
  400.  
  401.  
  402. <div id="contentcanvas" class="hasReel">
  403.     <div id="contentholder">
  404.     </div>
  405. </div>
  406.     <span class="shade"></span>
  407. </div>
  408. <script type="text/javascript" charset="utf-8">
  409. if((navigator.userAgent.match(/iPad/i)))
  410. {
  411.   updateIpad();
  412. }
  413. </script>
  414.  
  415. </body>
  416. </html>