
<!--/*
                         SSSSSSSSSSSSSSSSSSS
                      SSSSSSSSSSSSSSSSSSSSSSSSS
                    SSSSSSSSSSSSSSSSSSSSSSSSSSSSS
                  SSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSS
                 SSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSS
                SSSSSSSSSSSSSSSSSSSSSSSSSSSSSSS:SSSS
               SSSSSSSSSSSSSSSSSSSSSSSSSSSSSSS:::SSS
              SSSSSSSSSSSSSSSSSSSSSSSSSSSSSS::::::SS
              SSSSSSSSSSSSSSS:::::::::::::::::::::NS
              SSSSSSSSSSSSSS::nnnnnnn,::::::,nnnnnN
              SSSSSSSSSSSSS::':::::::::::::/:::::N
              SSSSSSSNNNNSS:::;oO@@Oo;::::::;oO@@n
              SSSSSSN::::SS::::::::::::::::::::::N
              SSSSSSN:::::::::::::::::::::::::::::N
               SSSSSSN::::::::::::::::::::::::::::N
                SSSSSSNN:::::::::::::::nNNn:::::::N
                 SSSSSS:N::::::::::::::::::::::::N
                  SSSSS:NN::::::::::::::::::::::N
                  SSS::::NNN::::::::"NNNNNNN:::N
                    N:::::::NNN:::::::"NnnN:::N
                    N::::::::::NNN:::::::::::N
                    NN::::::NN::::NNN:::::::N
                   NN::::::::NNN::::NNNNNNNN
                  N::::::::::::NN:::::::N
                NN::::::::::::::NN::::::N
             NNNN:::::::::::::::::N::::N
           NN::::::::::::::::::NNNNNN::N
         NN::::::::::::::::::::::::NNNNN
        N::::::::::::::::::::::::::::NNN
       N:::::::::::::::::::::::::::::::NN
      NN:::::::::::::::::::::::N:::::::::N
      N:::::::::::::::::::::::::N:::::::::N
      N:::::::::::::::::::::::::N::::::::::N
      N:::::::::::::::::::::::::N:::::::::::N
      NN::::::::::::::::::::::::N::::::::::::N
       N:::::::::::::::::::::::N::::::::::::::N
        N:::::::::::::::::::::N::::::::::::::::N
        NN::::::::::::::::::N:N::::::::::::::::N
        N:NN::::::::::::::NN::N::::::::::::::::N
        N:::N::::::::::::N:::::N:::::::::::::::N
       N:::::::::::::::NN::::::N::::::::::::::oo
       N::::::::::::::::::::::::N::::::::::::o@@
       N::::::::::::::::::::::::N:::::::::::No'
       N::::::::::::::::::::::::N::::::::NNNN
       N::::::::::::::::::::::::N:::::::N:::N
       N::::::::::::::::::::::::N::::::::::NN
       N::::::::::::::::::::::::N:::::::::::N
        N::::::::::::::::::::::N:::::N::::::N                    NNNNNNNNNNNN
        N:::N::::::::::::::::::N::::N::::::N                    N::::::::::::NN
         N:::N::::::::::::::::N:::::N::::N                  NNNN:::::NNNNNNNNNN
        N:::N::::::::::::::NNN::::::N::::N                 N::::::::::::::NN
        N:::N::::::::::::::::NN::::::N:::NNNNNNNNNNNNNNNNNN:::::::::::()::NN
         N:::N:::::::::::::::::NNNNNNNNNNN::::::::::::::::::::::::::::::NNN
         N::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::()::NN
         N::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::NNN
         N::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::()::NN
         N::::::N::::::::NNNN::::::::::::::::::::::::NNNN::::::::::::::::NNN
        N:::::::N::::::::::::NNNNNNN::::::::::NNNNNNN:::::::::::::::::()::NN
        N::::::::N::::::::::::::::::NNNNNNNNNN:::::::::::::::::::::::::::NN
        N:::::::::NN:::::::::::::::::::::::::::::::NNNNNNNNNNNNNNNNNNNNNNN
        N:::::::::::NN::::::::::::::::::::::NNNNNNN      NNNNN
         N::::::::::::::::::::::::::NNNNNNNN           NN:::::0
          NNN::::::::::::NNNNNNNNNNN:::::::N          N><::::::N
           N:NNNNNNNNNNNN::::::::::::::::::N        NN::><:::::N
          N:::::::::::::::::::::::::::::::N       NN:::::><:::N
         N::::::::::::::::::::::::::::::::N     NN::::::::><NN
        N::::::::::::::::::::::::::::::::N    NN:::::::::NN
       N:::::::::::::::::::::::::::::::::N# NN:::::::::NN
      N::::::::::::::::::::::::::::::::::N##:::::::::NN
      N::::::::::::::::::::::::::::::::::N####:::::NN
      N:::::::::::N::::::::::::::::::::::N####:::NN
      N:::::::::::NN:::::::::::::::::::::N####:NN
      N:::::::::::NNN:::::::::::::::::::NN####N
      N:::::::::::NN:N::::::::::::::::::N######
      N:::::::::::N:::::::::::::::::::::N!#####
       N:::::::::N::::::::::::::::::::::N!!###N
       N::::::::::::::::::::::::::::::::N!!###NN
        N::::::::::::::::::::::::::::::::N!!!!!NN
        NN:::::::::::::::::::::::::::::::N!!!!!N:N
         NN::::::::::::::::::::::::::::::N!!!!!!N:N
          NNN::::::::::::::::::::::::::::N!!!!!!N::N
           NN:::::::::::::::::::::::::::::N!!!!!N:::N
            N:::::::::::::::::::::::::::::N!!!!!!N:::N
            N:::::::::::::::::::::::::::::N!!!!!!:::::N
            N:::::::::::::::::::::::::::::N!!!!!N::::::N
            N:::::::::::::::::::::::::::::N!!!!!N:::::::N
            N:::::::::::::::::::::::::::::N!!!!N:::::::::N
            N:::::::::::::::::::::::::::::NNNNN:::::::::::N
            N::::::::::::::::::::::::::::N:::::::::::::::::N
            N::::::::::::::::::::::::::::N::::::::::::::::::N
            N::::::::::::::::::::::::::::N:::::::::::::::::::N
            N:::::::::::N::::::::::::::::N::::::::::::::::::::N
            N::::::::::N:::::::::::::::::NN::::::::::::::::::::N
            N::::::::::N:::::::::::::::::NNN::::::::::::::::::::N
            N::::::::::N:::::::::::::::::N:NN::::::::::::::::::::N
            N::::::::::N::::::::::::::::N::::NN:::::::::::::::::::N
            N:::::::::::N:::::::::::::::N::::::NN::::::::::::::::::N
             N:::::::::::N::::::::::::::N:::::::::N:::::::::::::::::N
             N::::::::::::N::::::::::::NN::::::::::::::::::::::::::::N
             N:::::::::::::::::::::::::N::::::::::::::::::::::::::::::N
              N::::::::::::::::::::::::NNNN::::::::::::::::::::::::::::N
              N:::::::::::::::N::::::::N  NNN::::::::::::::::::::::::::N
              N:::::::::::::::N::::::::N     NNN::::::::::::N::::::::::N
              N::::::::::::::::N:::::::N       NNN::::::::::N::::::::::N
              N:::::::::::::::::N:::::N      NN::NN::::::::::N:::::::::N
             N:::::::::::::::::::N:::N     NN::::::N::::::::::N::::::::N
            N:::::::::::::::::::;;;;N   NNN::::::::::::::::::::N::::::N
           N::::::::::::::::::;;;;;N  NN::::::::::::::::::::::::N::::N
           N:::::::::::::::::;;;;;N  N::::::::::::::::::::::::::::::N
           N::::::::::::::::N;;;;;N N::::::::::::::::::::::::::::::N
           N::::::::::::::::N;;;;;NN:::::::::::::::::::::::::::::NN
           N::::::::::::::::N;;;;N:::::::::::::::::N::::::::::NNN
           N:::::::::::::::N;;;;N:::::::::::::::::N:::::::::NN
           N::::::::::::::N;;;;N::::::::::::::::NN::::::::NN
           N:::::::::::::N;;;;N:::::::::::::::NN::::::::NN
            N:::::::::::;N;;;;N::::::::::::::NN::::::::NN
            N:::::::::;;N;;;;N::::::::::::NNN::::::::NN
             N:::::::;;;;;;;N:::::::::::NN:::::::::NN
              N::::;;;;;;;N::::::::::N::::::::::NN
              NN:;;;;;;;NN::::::::::::::::::::NN
              N;N;;;;;NN::::::::::::::::::::NN
              N;;;;;NN::::::::::::::::::::NN
              N;;NNN::::::::::::::::::::NN
             NNN:::::::N::::::::::::NNN
           NN:::::::::N::::::::::::NN
          N:::::::::N:::::::::::::N
         N:::::::::N:::::::::::::N
         N::::::::::N::::::::::::NNN
         N:::::::::::::::::::::::N;;NN
          N::::::::::::::::::::::N;;;;NN
           NN::::::::::::::::::::N;;;;;;NN
           N;N:::::::::::::::::::N;;;;;;;;NNnn
           N;;N::::::::::::::::::N;;;;;;;;;;NNnnn
           N;;;N:::::::::::::::::NNN;;;;;;;;;;nnnnn
            N;;;N::::::::::::::::N  NN;;;;;;;;;;;;;N
             NNNNN:::::::::::::::N    NNNNNMEGALION
                 N::::::::::::::::N
                  N::::::::::::::::Nn
                  N:::::::::::::n::::Nn
                   NN:::n::n::n::nn::::N
                    NN::N::N::N::NN:::N
                       NN NN NN NN  NNN
                       
                       ˚∆˚
                       Ryder Ripps-->
                
<!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">
 <script type="text/javascript" src="jquery-1.2.6.js"></script>
    <script type="text/javascript" src="jquery.gestures.js"></script>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>the dudes you've probably slept with or at least know someone who has</title>
<link rel="stylesheet" type="text/css" href="astyle.css" />
<style type="text/css">
<!--
body {
	background-image: url(manflybg.gif);
	cursor:crosshair;
	padding:0px;
	
}
#top{
	position:fixed;
	top:absolute;
	background-color:#FFF;
	width:auto;
	height:auto;
	padding:0px;
	font-size:10px;
	font-family:"Times New Roman", Times, serif;
	-moz-opacity: 0.7;
filter:alpha(opacity=70);
  /* CSS3 standard */
  opacity:0.7;
  cursor:auto;
}
a {
	font-size: 12px;
	font-weight: bold;
	font-style: italic;
}
body,td,th {
	font-size: 10px;
}

-->
</style></head>

<body>

<div id="top">

  <p><a href="#"
        onclick="$.gestures.enable(); log('Enabling gestures'); return false">click here</a> and then start swiping through the dudes you probably slept with. <br />
      (press <code>ESC</code>
      to disable)
      <br />
  brought to you by <a href="http://www.internetarchaeology.org" target="_blank">Internet Archaeology</a>.</p>
</div>
<div align="center">
<div id="wrapper">
      <div class="meta" id="title"></div>
      <div id="pic">
  </div></div></div>
</body>
<script type='text/javascript'>
    var pics = [{
      'pic':'guy-with-guns.gif',
       'title':'this dude',

    }, {
      'pic':'dude2.gif',
       'title':'this dude',
    
 
	    }, {
      'pic':'dude3.png',
      'title':'this dude',
	
	  
	      }, {

      'pic':'dude11.png',
      'title':'this dude',
	    
	      }, {
      'pic':'dude13.png',
      'title':'this dude',
	      }, {
      'pic':'dude14.png',
      'title':'this dude',
	
	 
	      }, {
      'pic':'dude17.png',
      'title':'this dude',
	 
	      }, {
      'pic':'dude19.png',
      'title':'this dude',
	        }, {
      'pic':'dude20.png',
      'title':'this dude',
	        }, {
      'pic':'dude21.png',
      'title':'this dude',
	        }, {
      'pic':'dude22.png',
      'title':'this dude',
	        }, {
      'pic':'dude23.png',
      'title':'this dude',
	        }, {
      'pic':'dude24.png',
      'title':'this dude',
	        }, {
      'pic':'dude25.png',
      'title':'this dude',
	        }, {
      'pic':'dude26.png',
      'title':'this dude',
	        }, {
     
      'pic':'dude28.png',
      'title':'this dude',
	        }, {
      'pic':'dude29.png',
      'title':'this dude',
	        }, {
      'pic':'dude30.png',
      'title':'this dude',
	
	        }, {
      'pic':'dude32.png',
      'title':'this dude',
	     
	        }, {
      'pic':'dude34.png',
      'title':'this dude',
	        }, {
      'pic':'dude35.png',
      'title':'this dude',

	  }, {
      'pic':'dude37.png',
      'title':'this dude',
	        }, {
      'pic':'dude38.png',
      'title':'this dude',
	        }, {
      'pic':'dude39.png',
      'title':'this dude',
	        }, {
     
      'pic':'dude41.png',
      'title':'this dude',
	        }, {
      'pic':'dude42.png',
      'title':'this dude',
	        }, {
      'pic':'dude43.png',
      'title':'this dude',
	   
	        }, {
      'pic':'dude50.png',
      'title':'this dude',
	
	        }, {
      'pic':'dude54.png',
      'title':'this dude',   }, {
     
      'pic':'dude56.png',
      'title':'this dude',
	        }, {
      'pic':'dude57.png',
      'title':'this dude',
	        }, {
      'pic':'dude58.png',
      'title':'this dude',
	        }, {
      'pic':'dude59.png',
      'title':'this dude',
	        }, {
      'pic':'dude60.png',
      'title':'this dude',
	        }, {
      'pic':'dude61.png',
      'title':'this dude',
	        }, {
      'pic':'dude62.png',
      'title':'this dude',
	        }, {
      'pic':'dude63.png',
      'title':'this dude',   }, {
    
      'pic':'dude65.png',
      'title':'this dude',
	        }, {
      'pic':'dude66.png',
      'title':'this dude',
	        }, {
    
      'pic':'dude68.png',
      'title':'this dude',
	        }, {
      'pic':'dude69.png',
      'title':'this dude',
	        }, {
      'pic':'dude70.png',
      'title':'this dude',
	        }, {
      'pic':'dude71.png',
      'title':'this dude',
	        }, {
      'pic':'dude72.png',
      'title':'this dude',   }, {
      'pic':'dude73.png',
      'title':'this dude',
	        }, {
      'pic':'dude74.png',
      'title':'this dude',
	        }, {
      'pic':'dude75.png',
      'title':'this dude',
	        }, {
      'pic':'dude76.png',
      'title':'this dude',
	        }, {
      'pic':'dude77.png',
      'title':'this dude',
	        }, {
      'pic':'dude78.png',
      'title':'this dude',
	        }, {
      'pic':'dude79.png',
      'title':'this dude',
	        }, {
      'pic':'dude80.png',
      'title':'this dude',
	        }, {
      'pic':'dude81.png',
      'title':'this dude',   }, {
      
      'pic':'dude83.png',
      'title':'this dude',
	        }, {

      'pic':'dude85.png',
      'title':'this dude',
	        }, {
      'pic':'dude86.png',
      'title':'this dude',
	        }, {
   
      'pic':'dude88.png',
      'title':'this dude',
	        }, {
      'pic':'dude89.png',
      'title':'this dude',
	        }, {
      'pic':'dude90.png',
      'title':'this dude',   }, {
      'pic':'dude91.png',
      'title':'this dude',
	        }, {
      'pic':'dude92.png',
      'title':'this dude',
	        }, {
      'pic':'dude93.png',
      'title':'this dude',
	        }, {
      'pic':'dude94.png',
      'title':'this dude',
	        }, {
      'pic':'dude95.png',
      'title':'this dude',
	        }, {
      'pic':'dude96.png',
      'title':'this dude',
	        }, {
    
      'pic':'dude98.png',
      'title':'this dude',
	        }, {
      'pic':'dude99.png',
      'title':'this dude',   }, {
      'pic':'dude100.png',
      'title':'this dude',
	        }, {
      'pic':'dude101.png',
      'title':'this dude',
	        }, {
      'pic':'dude102.png',
      'title':'this dude',
	
	
    }];
	

    function the_pic() {
      return $('#pic').data('pic');
    }
    function show_pic(nb) {
      if ($('#pic:visible').length) {
        $('#pic').fadeOut('normal').queue(function () {
          $(this).css('background', 'url('+pics[nb].pic+')')
          $(this).dequeue().fadeIn('normal');
        }).data('pic', nb);
      } else {
        $('#pic').css('background', 'url('+pics[nb].pic+')').data('pic', nb);
      }
      $('#title').html(pics[nb].title);
    }
    
    function log(txt) {
      $('#logger').html(txt);
    }
          
    $(function() {

      $.gestures.init({active:true,color:'#ff0000'});
      $.gestures.register('R', function () {
        var nb = (the_pic()+1)%pics.length;
        log('<code>Right</code> : Next picture');
        show_pic(nb);
        });
      $.gestures.register('L', function () {
        var nb = the_pic();
        if (nb == 0) { nb = pics.length - 1} else {nb--}
        log('<code>Left</code> : Previous picture');
        show_pic(nb);
        });
      $.gestures.register('U', function() { 
        $('#pic').slideUp();
        log('<code>Up</code> : Hide picture');
        });
      $.gestures.register('D', function() { 
        $('#pic').slideDown() 
        log('<code>Down</code> : Show picture');
        });
      $.gestures.register('UR', function() { 
        log('<code>Up, Right</code> : Show title');
        $('#title').html(pics[the_pic()].title);
        $('#title').fadeIn();
        });
      $.gestures.register('DR', function() { 
        log('<code>Down, Right</code> : Hide title');
        $('#title').fadeOut();
        });
      $.gestures.register('DL', function() { 
        log('<code>Down, Left</code> : Open flickr page');
        window.open(pics[the_pic()].url);
        });
      $.gestures.register('DURD', function () {
        $('#help').slideToggle();
        log('<code>Down, Up, Right, Down</code> : Toggle help');
        });
      $.gestures.error(function(g) {
          log('Unknown Gesture : <code>'+g+'</code>');
        });
      $(window).keydown(function(e) {
        if ($.gestures.active() && e.which==27) {
        log('Disabling gestures');
        $.gestures.disable();
        } else if (!$.gestures.active() && (e.which==17 || e.which==18)) {
        $.gestures.enable();
        }
        });
      $(window).keyup(function(e) {
        if ($.gestures.active() && (e.which==17 || e.which==18)) {
        $.gestures.disable();
        }
        });

      show_pic(0);
    })
  </script>
</html>