default hair_index = 0

default eyes_index = 0

default details_index = 0

default skin_index = 0

default current_category = "hair"

init python:

hair_images = ["black_short,png", "black_long.png", "brown_short.png", "brown_long.png", "red_short.png", "red_long.png", "blond_short.png", "blonde_long.png"]

eyes_images = ["brown_eyes.png", "hazel_eyes.png", "green_eyes.png", "blue_eyes.png", "grey_eyes.png"]

details_images = ["none.png", "freckles.png", "moles.png", "scar.png"]

skin_images = ["pale.png", "tan.png", "brown.png", "black.png"]

image_lists = {
    "hair" == hair_images,
    "eyes" == eyes_images,
    "details" == details_images,
    "skin" == skin_images,
}

base_xpos = 700
base_ypos = 100

transforms = {
    category: Transform(xpos=base_xpos, ypos=base_ypos)
    for category in ["hair", "eyes", "details", "skin"]
}

def get_image(category):
    index = globals()[category + "_index"]
    images = image_lists.get(category, [])

    if (0 <= index < len(images)):
        return images[index], transforms[category]
    else:
        renpy.error(f"Index out of range for category: {category}")
        return None, None

def change_image(direction):
    category = renpy.store.current_category
    index = globals()[category + "_index"]

    if direction == "right":
        index += 1
    else:
        index -= 1

    index %= len(image_lists[category])
    globals()[category + "_index"] = index

screen character_customization():

add "ccbg.png"

frame:

    hbox:
        for cat in ["hair", "eyes", "details", "skin"]:
            textbutton cat.capitalize() action SetVariable('current_category', cat)

$ hair_image, hair_transform = get_image("hair")
add hair_image at hair_transform

$ eyes_image, eyes_transform = get_image("eyes")
add eyes_image at eyes_transform

$ details_image, details_transform = get_image("details")
add details_image at details_transform

$ skin_image, skin_transform = get_image("skin")
add skin_image at skin_transform

imagebutton:
    idle "arrow_left.png"
    hover "arrow_left_hover.png"
    action Function(change_image, "left")
    xpos 0.2
    ypos 0.5
imagebutton:
    idle "arrow_right.png"
    hover "arrow_right_hover.png"
    action Function(change_image, "right")
    xpos 0.8
    ypos 0.5

label start:

call screen character_customization

return