Team:Minnesota/Team Students

//Right nav button functions

       keeper=$(this).attr("src");

       $(this).attr("src",keeper.replace("img","txt"));

     function() {$(this).attr("src",keeper);}

       keeper=$(this).attr("src");

      $(this).attr("src",keeper.replace("img","txt"));

     function() {$(this).attr("src",keeper);}

       keeper=$(this).attr("src");

      $(this).attr("src",keeper.replace("img","txt"));

     function() {$(this).attr("src",keeper);}

function psiAnimationOn(obj, name, description, imgstr){ //function for profile selector image switching on hover

       obj.css("opacity","0.4");

       obj.css("filter","alpha(opacity=40)");

       obj.css("width","85px");

       obj.css("height","85px");

       $("#pstName").text(name);

       $("#pstDescription").text(description);

      $("#profileSelectorImg").attr("src",imgstr);

}

function psiAnimationOff(obj){//function for profile selector image switching on mouse-off

       obj.css("opacity","1");

       obj.css("filter","alpha(opacity=100)");

       obj.css("width","75px");

       obj.css("height","75px");

       $("#profileSelectorImg").attr("src","http://i1158.photobucket.com/albums/p607/iGEM_MN/student_prof_separator.png");

       $("#pstDescription").text("Please mouse over each icon to learn about our hardworking undergraduate team members!");

 

 

      psiAnimationOff($("#PSI1"));

       var thisNameStr = "Hannah Aho";

       var desStr = "Hannah has a BS in Genetics, Cell Biology and Development and is working towards a BA in French. She plans to attend medical school to become a urogynecologist. Her interests include Islamic feminist literature (especially from Algeria), sexual health education, le Fantastique, Korean cinema, listening to music, and watching old zombie movies. She consumes caffeine in the form of coffee (hot or iced) with heavy cream. She protects herself from the sun by wearing SPF 60 sunscreen every day, rain or shine. Her TV character alter ego: Ron Swanson from Parks and Recreation.";

      psiAnimationOn($("#PSI2"),thisNameStr, desStr, imgStr);

       psiAnimationOff($("#PSI2"));

       var thisNameStr = "Molly Swanson";

       var desStr = "Molly studies in Genetics, Cell Biology and Development. Molly’s favorite activities include anything that has to do with food (eating, cooking, and baking) and herb gardening. At a coffee shop, she typically orders an iced latte with whole milk. She protects herself from the sun by applying SPF 45 to her skin when she is outside.";

      psiAnimationOn($("#PSI3"),thisNameStr, desStr, imgStr);

       psiAnimationOff($("#PSI3"));

       var thisNameStr = "Misha Patel";

       var desStr = "Misha is a neuroscience major and plans to attend graduate school in the future. She likes to draw, read, watch television and bake in her free time. When Misha goes to a coffee shop, she orders a small french roast with milk and two sugars. In order to protect herself from the sun, she wears sunglasses when she is outside. Her TV character alter ego: Luke from Modern Family.";

       var imgStr = "http://i1158.photobucket.com/albums/p607/iGEM_MN/Misha_resized.png";

       psiAnimationOn($("#PSI4"),thisNameStr, desStr, imgStr);

       psiAnimationOff($("#PSI4"));

 

 

 

$("#PSI5").hover(

    function() {

       var thisNameStr = "Maria Filsinger";

      var desStr = "Maria is a high school student interested in Bioengineering and Biology, both of which she plans to study at Stanford University this fall. She would eventually like to attend graduate school. Her interests include horseback riding and volunteering to tutor students in at-risk neighborhoods in Minneapolis. Her favorite way to consume caffeine is in the form of chocolate and she uses SPF 15 to protect herself from the sun. Her movie character alter ego: Mulan.";

      psiAnimationOn($("#PSI5"),thisNameStr, desStr, imgStr);

        psiAnimationOff($("#PSI5"));

<div id="MainBoxContent" style="background-color:white;">

<div id="PSI1" style="position:absolute;left:100px;top:0px;z-index:0;">

<div id="PSI2" style="position:absolute;left:180px;top:0px;z-index:0;">

<div id="PSI3" style="position:absolute;left:260px;top:0px;z-index:0;">

<div id="PSI4" style="position:absolute;left:340px;top:0px;z-index:0;">

<div id="PSI5" style="position:absolute;left:420px;top:0px;z-index:0;">

<div id="PSI7" style="position:absolute;left:20px;top:80px;z-index:0;">

<div id="PSI8" style="position:absolute;left:20px;top:160px;z-index:0;">

<div id="PSI9" style="position:absolute;left:20px;top:320px;z-index:0;">

<div id="profileSelectorImgBox" style="position:absolute;left:120px; top:100px; margin-left:auto; margin-right:auto; background-color:white;">

<img id="profileSelectorImg" style="width:150px;height:150px" src="http://i1158.photobucket.com/albums/p607/iGEM_MN/student_prof_separator.png">

<div id="profileSelectorText" style="position:absolute;left:300px; top:100px;">

Please mouse over each icon to learn about our hardworking undergraduate team members!

<a href="https://2012.igem.org/Team:Minnesota/Team_Mentors_Advisors"><img id="mainRightButton3" src="http://i1158.photobucket.com/albums/p607/iGEM_MN/mentorsprofessors_gold_img.png"></a>

<a href="https://2012.igem.org/Main_Page">iGEM Home</a> | <a href="https://2012.igem.org/Team:Minnesota/Judges" style="color:red;">iGEM Judge-Click Here!</a> | <a href="https://igem.org/Team.cgi?id=814">Team Minnesota Info</a> |  

<a href="http://www1.umn.edu/twincities/index.html">University of Minnesota Home</a> |  <a href="https://2012.igem.org/Team:Minnesota/Contact">Contact Us!</a>