Team:Penn

                   <img src="" width="720" height="300" class="bg" alt=""/>

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

<script type="text/javascript" src='http://gsgd.co.uk/sandbox/jquery/easing/jquery.easing.1.3.js?action=raw&ctype=text/javascript'></script>

       <script type="text/javascript">
           $(function() {
               var current = 1;
               
               var iterate		= function(){
                   var i = parseInt(current+1);
                   var lis = $('#rotmenu').children('li').size();
                   if(i>lis) i = 1;
                   display($('#rotmenu li:nth-child('+i+')'));
               }
               display($('#rotmenu li:first'));
               var slidetime = setInterval(iterate,3200);

               $('#rotmenu li').bind('click',function(e){
                   clearTimeout(slidetime);
                   display($(this));
                   e.preventDefault();
               });

               function display(elem){
                   var $this 	= elem;
                   var repeat 	= false;
                   if(current == parseInt($this.index() + 1))
                       repeat = true;

                   if(!repeat)
                       $this.parent().find('li:nth-child('+current+') a').stop(true,true).animate({'marginRight':'-20px'},300,function(){
                           $(this).animate({'opacity':'0.7'},700);
                       });

                   current = parseInt($this.index() + 1);

                   var elem = $('a',$this);
                   
                       elem.stop(true,true).animate({'marginRight':'0px','opacity':'1.0'},300);

                   var info_elem = elem.next();

                   $('#rot1 .description').animate({'bottom':'-270px'},500,'easeOutCirc',function(){
                       $('p',$(this)).html(info_elem.find('.info_description').html());
                       $(this).animate({'bottom':'0px'},400,'easeInOutQuad');
                   })
                   $('#rot1').prepend(
                   $('<img/>',{
                       style	:	'opacity:0',
                       className : 'bg'
                   }).load(
                   function(){
                       $(this).animate({'opacity':'1'},600);
                       $('#rot1 img:first').next().animate({'opacity':'0'},700,function(){
                           $(this).remove();
                       });
                   }
               ).attr('src','https://static.igem.org/mediawiki/2012/'+info_elem.find('.info_image').html()).attr('width','720').attr('height','300')
               );
               }
           });
       </script>

</div>

<a href="http://www.seas.upenn.edu"><img style="max-width:75%; max-height:40%;border:2.5px solid black" src="" /></a>

<a href="http://www.idtdna.com/site"><img style="max-width:75%; max-height:50%;border:2.5px solid black" src="" /></a> </td>

<td style="width:325px;padding-left:20px;padding-top:75px;"> <a href="http://www.neb.com/nebecomm/default.asp"><img style="max-width:65%; max-height:40%;border:2.5px solid black" src="" /></a>

<a href="http://www.upenn.edu/fisher/"><img style="margin-left:25px;max-width:75%; max-height:40%;border:2.5px solid black" src="" /></a> </td>

<td style="width:350px;">

 version: 2,
 type: 'profile',
 rpp: 3,
 interval: 30000,
 width: 230,
 height: 180,
 theme: {
   shell: {
     background: '#01256e',
     color: '#ffffff'
   },
   tweets: {
     background: '#ffffff',
     color: '#000000',
     links: '#01256e'
   }
 },
 features: {
   scrollbar: true,
   loop: false,
   live: false,
   behavior: 'all'
 }

</td>