﻿$(document).ready(function () {


    $("#lee").hover(function () {
        reset();
        $("#hair").fadeIn('slow', function () {
            $(this).animate({ 'left': '200px' }, 'slow');
        });
        $("#nails").fadeIn('slow', function () {
            $(this).animate({ 'left': '300px' }, 'slow');
        });
        $("#mybody").fadeIn('slow', function () {
            $(this).animate({ 'left': '425px' }, 'slow');
        });
        $("#massage").fadeIn('slow', function () {
            $(this).animate({ 'left': '500px' }, 'slow');
        });
        $("#face").fadeIn('slow', function () {
            $(this).animate({ 'left': '560px' }, 'slow');
        });
    }, function () { reset(); });

    $("#hair").hover(function () {
        reset();
        $("#lee").fadeIn('slow', function () {
            $(this).animate({ 'left': '-30px' }, 'slow');
        });
        $("#hair").fadeIn('slow', function () {
            $(this).animate({ 'left': '130px' }, 'slow');
        });
        $("#nails").fadeIn('slow', function () {
            $(this).animate({ 'left': '300px' }, 'slow');
        });
        $("#mybody").fadeIn('slow', function () {
            $(this).animate({ 'left': '425px' }, 'slow');
        });
        $("#massage").fadeIn('slow', function () {
            $(this).animate({ 'left': '500px' }, 'slow');
        });
        $("#face").fadeIn('slow', function () {
            $(this).animate({ 'left': '560px' }, 'slow');
        });
    }, function () { reset(); });

    $("#nails").hover(function () {
        reset();
        $("#lee").fadeIn('slow', function () {
            $(this).animate({ 'left': '0px' }, 'slow');
        });
        $("#hair").fadeIn('slow', function () {
            $(this).animate({ 'left': '80px' }, 'slow');
        });
        $("#nails").fadeIn('slow', function () {
            $(this).animate({ 'left': '240px' }, 'slow');
        });
        $("#mybody").fadeIn('slow', function () {
            $(this).animate({ 'left': '425px' }, 'slow');
        });
        $("#massage").fadeIn('slow', function () {
            $(this).animate({ 'left': '500px' }, 'slow');
        });
        $("#face").fadeIn('slow', function () {
            $(this).animate({ 'left': '560px' }, 'slow');
        });
    }, function () { reset(); });

    $("#nails").hover(function () {
        reset();
        $("#lee").fadeIn('slow', function () {
            $(this).animate({ 'left': '0px' }, 'slow');
        });
        $("#hair").fadeIn('slow', function () {
            $(this).animate({ 'left': '80px' }, 'slow');
        });
        $("#nails").fadeIn('slow', function () {
            $(this).animate({ 'left': '240px' }, 'slow');
        });
        $("#mybody").fadeIn('slow', function () {
            $(this).animate({ 'left': '425px' }, 'slow');
        });
        $("#massage").fadeIn('slow', function () {
            $(this).animate({ 'left': '500px' }, 'slow');
        });
        $("#face").fadeIn('slow', function () {
            $(this).animate({ 'left': '560px' }, 'slow');
        });
    }, function () { reset(); });
    $("#mybody").hover(function () {
        reset();
        $("#lee").fadeIn('slow', function () {
            $(this).animate({ 'left': '0px' }, 'slow');
        });
        $("#hair").fadeIn('slow', function () {
            $(this).animate({ 'left': '80px' }, 'slow');
        });
        $("#nails").fadeIn('slow', function () {
            $(this).animate({ 'left': '180px' }, 'slow');
        });
        $("#mybody").fadeIn('slow', function () {
            $(this).animate({ 'left': '340px' }, 'slow');
        });
        $("#massage").fadeIn('slow', function () {
            $(this).animate({ 'left': '500px' }, 'slow');
        });
        $("#face").fadeIn('slow', function () {
            $(this).animate({ 'left': '560px' }, 'slow');
        });
    }, function () { reset(); });

    $("#massage").hover(function () {
        reset();
        $("#lee").fadeIn('slow', function () {
            $(this).animate({ 'left': '0px' }, 'slow');
        });
        $("#hair").fadeIn('slow', function () {
            $(this).animate({ 'left': '80px' }, 'slow');
        });
        $("#nails").fadeIn('slow', function () {
            $(this).animate({ 'left': '180px' }, 'slow');
        });
        $("#mybody").fadeIn('slow', function () {
            $(this).animate({ 'left': '250px' }, 'slow');
        });
        $("#massage").fadeIn('slow', function () {
            $(this).animate({ 'left': '400px' }, 'slow');
        });
        $("#face").fadeIn('slow', function () {
            $(this).animate({ 'left': '560px' }, 'slow');
        });
    }, function () { reset(); });

    $("#face").hover(function () {
        reset();
        $("#lee").fadeIn('slow', function () {
            $(this).animate({ 'left': '0px' }, 'slow');
        });
        $("#hair").fadeIn('slow', function () {
            $(this).animate({ 'left': '80px' }, 'slow');
        });
        $("#nails").fadeIn('slow', function () {
            $(this).animate({ 'left': '180px' }, 'slow');
        });
        $("#mybody").fadeIn('slow', function () {
            $(this).animate({ 'left': '250px' }, 'slow');
        });
        $("#massage").fadeIn('slow', function () {
            $(this).animate({ 'left': '350px' }, 'slow');
        });
        $("#face").fadeIn('slow', function () {
            $(this).animate({ 'left': '560px' }, 'slow');
        });
    }, function () { reset(); });

    function reset() {

        $("#lee").fadeIn('slow', function () {
            $(this).animate({ 'left': '30px' }, 'slow');
        });
        $("#hair").fadeIn('slow', function () {
            $(this).animate({ 'left': '130px' }, 'slow');
        });
        $("#nails").fadeIn('slow', function () {
            $(this).animate({ 'left': '240px' }, 'slow');
        });
        $("#mybody").fadeIn('slow', function () {
            $(this).animate({ 'left': '340px' }, 'slow');
        });
        $("#massage").fadeIn('slow', function () {
            $(this).animate({ 'left': '450px' }, 'slow');
        });
        $("#face").fadeIn('slow', function () {
            $(this).animate({ 'left': '560px' }, 'slow');
        });
    };

});
