Fire JS Bin - Who-is-This

var point = 100;
var mpoint = 0;
var bpoint = 0;
var snum = 1;
var ans = ["an4", "an0", "an1", "an2", "an4"];
var pm = ["7", "5", "3", "2", "1"];
var pic = ["15", "21", "36", "55", "91"];
var exam = new Array();
var shackCount = 0;
exam[0] = ["Walter Bruce Willis", "Tom Cruise", "Sandra Bullock", "U2", "Leonardo DiCaprio"];
exam[1] = ["Barack Hussein Obama", "Demetria Gene Guynes", "Eric Patrick Clapton", "Ashton Kutcher", "U2"];
exam[2] = ["Warren Edward Buffett", "Steven Paul Jobs", "Tom Cruise", "Leonardo DiCaprio", "U2"];
exam[3] = ["Jason Mraz", "Lady GaGa", "William H. Gates", "Maroon5", "Kerplunk"];
exam[4] = ["Jason Mraz", "Maroon5", "U2", "Lady GaGa", "Warren Edward Buffett"];

function wrongAnswer() {
  mpoint -= 10;
  var posi = "-10px";
  var wrongshack = setInterval(function () {
    if (posi != "-10px") {
      posi = "-10px";
    } else {
      posi = "10px";
    }
    $('section').css("left", posi)

shackCount += 1;
 if (shackCount > 6) {
 clearInterval(wrongshack);
 shackCount = 0;
 }
 }, 50);
}
$(".sl").click(function () {
 if ($("input[name*='ls']:checked").val() == ans[snum - 1]) {
 mpoint = parseInt(mpoint);
 mpoint += parseInt(point);
 if (mpoint > bpoint) {
 bpoint = mpoint;
 }
 $(".pit").html("My Point = " + mpoint + "");
 $(".bpit").html("My Best Point = " + bpoint + "");
 if (snum < 5) {
 $(".pc > ul").removeClass('t' + snum);
 snum += 1;
 point = 100;
 gm(snum);
 } else {
 alert('You have passed all steps. You have earned a total score of ' + mpoint + 'points.');
 }
 } else {
 wrongAnswer()
 }
 localStorage.setItem('bpoint', bpoint);
});

function reload() {
 alert("To start the game again.");
 mpoint = 0;
 $(".pit").html("My Point = 0");
 $(".pc > ul").removeClass('t' + snum);
 gm(1);
}
gm(1)

if (localStorage.getItem('bpoint')) {
 bpoint = localStorage.getItem('bpoint');
 $(".bpit").html("My Best Point = " + bpoint + "");
}

* { margin:0; padding:0; font-family:tahoma, Arial, sans-serif; list-style:none }
body { height:100%; padding-top:84px; background:-moz-radial-gradient(center 45deg, circle closest-corner, #e7e7e7 0%, #000 100%); background:-webkit-gradient(radial, center center, 0, center center, 2000, from(#e7e7e7), to(#000)); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#e7e7e7', endColorstr='#000000'); }
html { height:100% }
header { display:block; position:relative; width:1020px; margin:0 auto }
header p { padding-bottom:10px }
.pit { position:absolute; right:0; bottom:0; font-weight:bold }
.bpit { position:absolute; right:0; bottom:20px; font-weight:bold }
.pit strong, .bpit strong { color:#F50C0C }
section { display:none; position:relative; width:1020px; margin:0 auto; padding:10px; background-color:#4E4E4E; -moz-box-shadow:1px 1px 10px #252525; -webkit-box-shadow:1px 1px 10px #252525; border-radius:15px; -moz-border-radius:15px; zoom:0 }
section div { overflow:hidden; position:relative; padding:15px 0; text-align:right }
h1 { font-family:tahoma; font-size:80px; color:#222; text-align:center; text-shadow:#e1e1e1 3px 3px 3px }
h2 { margin-bottom:10px; font-family:Tahoma; font-weight:bold; font-size:20px; color:#1a1a1a; text-align:left }
.op { background-color:#eee }
.pc { overflow:hidden; padding:10px; background-color:#fff; border-radius:10px; -moz-border-radius:10px; -moz-box-shadow:1px 1px 10px #444; -webkit-box-shadow:1px 1px 10px #444 }
.pc ul { overflow:hidden; width:100% }
.pc li { overflow:hidden; float:left; background-color:#ddd !important; cursor:pointer }
.pc li:nth-child(2n) { background-color:#000 !important }
.pc li:hover { background-color:#999 !important }
.ls { float:left; padding-top:10px; color:#000 }
.ls li { display:inline-block; padding-left:20px; font-weight:bold; font-size:15px; color:#fff }
.ls input { margin-right:4px }
div button { width:107px; height:36px; border-radius:10px; -moz-border-radius:10px; border:1px solid #2d2d2d; color:#fff; font-weight:bold; background:-webkit-gradient(linear, left top, left bottom, from(#EC8500), to(#893600)); background:-moz-linear-gradient(top, #EC8500, #893600) }
div .sl { width:72px; background:-webkit-gradient(linear, left top, left bottom, from(#FEFEFE), to(#C3C3C3)); background:-moz-linear-gradient(top, #FEFEFE, #C3C3C3); color:#000 }
.t1 { background:url(http://movieimg.nate.com/upload/images/cinema/2010/042177m97.jpg) }
.t1 li { width:200px; height:200px; background-color:#fff }
.t2 { background:url(http://www.icls.or.kr/bbs/data/reports/%EC%98%A4%EB%B0%94%EB%A7%88.jpg) }
.t2 li { width:143px; height:200px; background-color:#fff }
.t2 li:nth-child(7n) { width:142px }
.t3 { background:url(http://fs.textcube.com/blog/2/21745/attach/XP0tXtAoP3.jpg) }
.t3 li { width:111px; height:150px; background-color:#fff }
.t3 li:nth-child(9n) { width:112px !important }
.t4 { background:url(http://computersafetytips.files.wordpress.com/2010/03/mr-gates.jpg) }
.t4 li { width:91px; height:120px; background-color:#fff }
.t4 li:nth-child(11n) { width:90px !important }
.t5 { background:url(http://cfs13.tistory.com/image/34/tistory/2008/10/20/12/32/48fbfbd6539d2) }
.t5 li { width:77px; height:85px; background-color:#fff }
.t5 li:nth-child(13n) { width:76px !important }
.ac { -webkit-transform:rotate(-360deg); -ms-transform:rotate(-360deg); -moz-transform:rotate(5deg); -moz-transition-duration:1s; -webkit-transition-duration:1s; -o-transition-duration:1s; -ms-transition-duration:1s; opacity: 0; }