// JavaScript Document

$(document).ready(function () {

    var pointer = $(".whereAreWe");
    var position = pointer.position();
    var p = position.left;
    $p = "20px";
    $("#answer").text("Left Position " + p);

    $("#a").mouseover(function () {
        $(".whereAreWe").stop().animate({ left: "20px" }, 200);
    });
    $("#a").mouseout(function () {
        $(".whereAreWe").stop().animate({ left: p }, 200);
    });
    $("#b").mouseover(function () {
        $(".whereAreWe").stop().animate({ left: "85px" }, 200);
    });
    $("#b").mouseout(function () {
        $(".whereAreWe").stop().animate({ left: p }, 200);
    });
    $("#c").mouseover(function () {
        $(".whereAreWe").stop().animate({ left: "185px" }, 200);
    });
    $("#c").mouseout(function () {
        $(".whereAreWe").stop().animate({ left: p }, 200);
    });
    $("#d").mouseover(function () {
        $(".whereAreWe").stop().animate({ left: "287px" }, 200);
    });
    $("#d").mouseout(function () {
        $(".whereAreWe").stop().animate({ left: p }, 200);
    });
    $("#e").mouseover(function () {
        $(".whereAreWe").stop().animate({ left: "385px" }, 200);
    });
    $("#e").mouseout(function () {
        $(".whereAreWe").stop().animate({ left: p }, 200);
    });
    $("#f").mouseover(function () {
        $(".whereAreWe").stop().animate({ left: "490px" }, 200);
    });
    $("#f").mouseout(function () {
        $(".whereAreWe").stop().animate({ left: p }, 200);
    });

});