FX

/* 
 * DO NOT ALTER OR REMOVE COPYRIGHT NOTICES OR THIS FILE HEADER
 * 
 * Copyright © 2010, Oracle and/or its affiliates. All rights reserved.
 * Oracle is a registered trademark of Oracle Corporation and/or its affiliates. 
 * Oracle and Java are registered trademarks of Oracle and/or its affiliates. 
 * Other names may be trademarks of their respective owners.
 * 
 * This file is available and licensed under the following license:
 * 
 * Redistribution and use in source and binary forms, with or without modification, 
 * are permitted provided that the following conditions are met:

 *   *  Redistributions of source code must retain the above copyright notice, 
        trademark notice, this list of conditions, and the following disclaimer.

 *   *  Redistributions in binary form must reproduce the above copyright notice, 
        trademark notice, this list of conditions, and the following disclaimer in 
        the documentation and/or other materials provided with the distribution.

 *   *  Neither the name of Oracle nor the names of its contributors may be used 
        to endorse or promote products derived from this software without specific 
        prior written permission.
 
 * THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS"
 * AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED 
 * WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE DISCLAIMED. 
 * IN NO EVENT SHALL THE COPYRIGHT OWNER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, 
 * INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, 
 * BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES LOSS OF USE, 
 * DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY THEORY OF 
 * LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT (INCLUDING NEGLIGENCE 
 * OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF THIS SOFTWARE, EVEN IF ADVISED
 * OF THE POSSIBILITY OF SUCH DAMAGE.
 */

package animalradiobuttons;

import javafx.scene.*;
import javafx.scene.input.*;
import javafx.scene.paint.*;
import javafx.scene.image.*;
import javafx.scene.text.*;
import javafx.stage.*;
/**
 * @author hinkmond
 */

var    emptyImage1: Image = Image {
    url: "{__DIR__}pet_cat_unselected_60x64.png"
}
var    filledImage1: Image = Image {
    url: "{__DIR__}pet_cat_selected_60x64.png"
}

var    emptyImage2: Image = Image {
    url: "{__DIR__}pet_fish_unselected_60x64.png"
}
var    filledImage2: Image = Image {
    url: "{__DIR__}pet_fish_selected_60x64.png"
}

var    emptyImage3: Image = Image {
    url: "{__DIR__}pet_dog_unselected_60x64.png"
}
var    filledImage3: Image = Image {
    url: "{__DIR__}pet_dog_selected_60x64.png"
}

var    emptyImage4: Image = Image {
    url: "{__DIR__}pet_bird_unselected_60x64.png"
}
var    filledImage4: Image = Image {
    url: "{__DIR__}pet_bird_selected_60x64.png"
}

var currImage1: Image = emptyImage1;
var currImage2: Image = emptyImage2;
var currImage3: Image = emptyImage3;
var currImage4: Image = emptyImage4;


var radioImage1 = ImageView {
    translateX: 20
    translateY: 67
    image: bind currImage1;
    visible: true;

    onMousePressed: function(e:MouseEvent) {
        // Clear other radioBoxes, fill in this one
        currImage1 = filledImage1;
        currImage2 = emptyImage2;
        currImage3 = emptyImage3;
        currImage4 = emptyImage4;
    }
    onMouseEntered: function(me:MouseEvent) {
    }
    onMouseExited: function(me:MouseEvent) {
    }
};

var radioImage2 = ImageView {
    translateX: 20
    translateY: 135
    image: bind currImage2;
    visible: true;

    onMousePressed: function(e:MouseEvent) {
        // Clear other radioBoxes, fill in this one
        currImage1 = emptyImage1;
        currImage2 = filledImage2;
        currImage3 = emptyImage3;
        currImage4 = emptyImage4;
    }
    onMouseEntered: function(me:MouseEvent) {
    }
    onMouseExited: function(me:MouseEvent) {
    }
};

var radioImage3 = ImageView {
    translateX: 90
    translateY: 61
    image: bind currImage3;
    visible: true;

    onMousePressed: function(e:MouseEvent) {
        // Clear other radioBoxes, fill in this one
        currImage1 = emptyImage1;
        currImage2 = emptyImage2;
        currImage3 = filledImage3;
        currImage4 = emptyImage4;

    }
    onMouseEntered: function(me:MouseEvent) {
    }
    onMouseExited: function(me:MouseEvent) {
    }
};


var radioImage4 = ImageView {
    translateX: 90
    translateY: 137
    image: bind currImage4;
    visible: true;

    onMousePressed: function(e:MouseEvent) {
        // Clear other radioBoxes, fill in this one
        currImage1 = emptyImage1;
        currImage2 = emptyImage2;
        currImage3 = emptyImage3;
        currImage4 = filledImage4;

    }
    onMouseEntered: function(me:MouseEvent) {
    }
    onMouseExited: function(me:MouseEvent) {
    }
};

var questionText: Text = Text {
    content: "What type of pet do you have?"
    textAlignment: TextAlignment.LEFT
    font: Font {size: 12
    }
    fill: Color.WHITE
    x: 10
    y: 30
};

Stage {

    title: "Application title"
    width: 240
    height: 320
    scene: Scene {
        fill: LinearGradient {
            startX: 0.0, startY: 0.0, endX: 0.0, endY: 1.0
            proportional: true
            stops: [ Stop { offset: 0.0 color: Color.rgb(5, 133, 187) },
                     Stop { offset: 1.0 color: Color.rgb(170, 206, 223) } ]
        }

        content: [
            questionText
            radioImage1
            radioImage2
            radioImage3
            radioImage4
        ]
    }
    
}