$(document).ready(function() {
    var PuffClicked = 0;

    $(".StartPuff1 .StartPuffLeft").click(function() {

        if (PuffClicked == 1) {
            $(".StartPuff1").removeClass("StartPuff1Selected");
            $(".StartPuff2").removeClass("StartPuff2Schrink");
            $(".StartPuff3").removeClass("StartPuff3Schrink");

            PuffClicked = 0;

        } else {

            $(".StartPuff2").removeClass("StartPuff2Selected");
            $(".StartPuff3").removeClass("StartPuff3Selected");
            $(".StartPuff1").removeClass("StartPuff1Schrink");

            $(".StartPuff1").addClass("StartPuff1Selected");
            $(".StartPuff2").addClass("StartPuff2Schrink");
            $(".StartPuff3").addClass("StartPuff3Schrink");

            PuffClicked = 1;
        }

        /*    }).mouseout(function() {
        $(".StartPuff1").removeClass("StartPuff1Selected");
        $(".StartPuff2").removeClass("StartPuff2Schrink");
        $(".StartPuff3").removeClass("StartPuff3Schrink");
        */
    });

    $(".StartPuff2 .StartPuffLeft").click(function(event) {


        if (PuffClicked == 2) {

            $(".StartPuff2").removeClass("StartPuff2Selected");
            $(".StartPuff1").removeClass("StartPuff1Schrink");
            $(".StartPuff3").removeClass("StartPuff3Schrink");

            PuffClicked = 0;
        } else {
            $(".StartPuff1").removeClass("StartPuff1Selected");
            $(".StartPuff3").removeClass("StartPuff3Selected");
            $(".StartPuff2").removeClass("StartPuff2Schrink");

            $(".StartPuff2").addClass("StartPuff2Selected");        
            $(".StartPuff1").addClass("StartPuff1Schrink");
            $(".StartPuff3").addClass("StartPuff3Schrink");

            PuffClicked = 2;
        }


        event.preventDefault();
        /*    }).mouseout(function() {
        $(".StartPuff2").removeClass("StartPuff2Selected");
        $(".StartPuff1").removeClass("StartPuff1Schrink");
        $(".StartPuff3").removeClass("StartPuff3Schrink");
        */
    });

    $(".StartPuff3 .StartPuffLeft").click(function(event) {
        if (PuffClicked == 3) {
            $(".StartPuff3").removeClass("StartPuff3Selected");
            $(".StartPuff2").removeClass("StartPuff2Schrink");
            $(".StartPuff1").removeClass("StartPuff1Schrink");

            PuffClicked = 0;
        } else {
            $(".StartPuff1").removeClass("StartPuff1Selected");
            $(".StartPuff2").removeClass("StartPuff2Selected");
            $(".StartPuff3").removeClass("StartPuff3Schrink");

            $(".StartPuff3").addClass("StartPuff3Selected");
            $(".StartPuff2").addClass("StartPuff2Schrink");
            $(".StartPuff1").addClass("StartPuff1Schrink");

            PuffClicked = 3;
        }

        event.preventDefault();
        /*    }).mouseout(function() {
        $(".StartPuff3").removeClass("StartPuff3Selected");
        $(".StartPuff2").removeClass("StartPuff2Schrink");
        $(".StartPuff1").removeClass("StartPuff1Schrink");
        */
    });


});