/**
 * Adobe Edge: symbol definitions
 */
(function($, Edge, compId){
//images folder
var im='images/';

var fonts = {};
var opts = {};
var resources = [
];
var symbols = {
"stage": {
    version: "3.0.0",
    minimumCompatibleVersion: "3.0.0",
    build: "3.0.0.322",
    baseState: "Base State",
    scaleToFit: "width",
    centerStage: "both",
    initialState: "Base State",
    gpuAccelerate: false,
    resizeInstances: false,
    content: {
            dom: [
            {
                id: 'bg2',
                type: 'image',
                rect: ['0', '0','1100px','700px','auto', 'auto'],
                fill: ["rgba(0,0,0,0)",im+"air/library/bg.jpg",'0px','0px']
            },
            {
                id: 'ipst_logo',
                type: 'image',
                rect: ['22px', '19px','273px','52px','auto', 'auto'],
                fill: ["rgba(0,0,0,0)",im+"air/ipst_logo.png",'0px','0px']
            },
            {
                id: 'text_title',
                type: 'image',
                rect: ['304px', '124px','498px','77px','auto', 'auto'],
                fill: ["rgba(0,0,0,0)",im+"air/library/text_title.png",'0px','0px']
            },
            {
                id: 'btn_4',
                type: 'rect',
                rect: ['595', '472','auto','auto','auto', 'auto'],
                cursor: ['pointer']
            },
            {
                id: 'btn_1',
                type: 'rect',
                rect: ['124', '254','auto','auto','auto', 'auto'],
                cursor: ['pointer']
            },
            {
                id: 'btn_3',
                type: 'rect',
                rect: ['124', '472','auto','auto','auto', 'auto'],
                cursor: ['pointer']
            },
            {
                id: 'btn_2',
                type: 'rect',
                rect: ['595', '254','auto','auto','auto', 'auto'],
                cursor: ['pointer']
            }],
            symbolInstances: [
            {
                id: 'btn_1',
                symbolName: 'btn_1',
                autoPlay: {

                }
            },
            {
                id: 'btn_4',
                symbolName: 'btn_4',
                autoPlay: {

                }
            },
            {
                id: 'btn_3',
                symbolName: 'btn_3',
                autoPlay: {

                }
            },
            {
                id: 'btn_2',
                symbolName: 'btn_2',
                autoPlay: {

                }
            }
            ]
        },
    states: {
        "Base State": {
            "${_btn_2}": [
                ["style", "cursor", 'pointer']
            ],
            "${_ipst_logo}": [
                ["style", "left", '22px'],
                ["style", "top", '19px']
            ],
            "${_btn_4}": [
                ["style", "cursor", 'pointer']
            ],
            "${_Stage}": [
                ["color", "background-color", 'rgba(255,255,255,1)'],
                ["style", "min-width", '1024px'],
                ["style", "overflow", 'hidden'],
                ["style", "height", '700px'],
                ["style", "max-width", '1100px'],
                ["style", "width", '1100px']
            ],
            "${_btn_1}": [
                ["style", "cursor", 'pointer']
            ],
            "${_text_title}": [
                ["style", "left", '304px'],
                ["style", "top", '124px']
            ],
            "${_btn_3}": [
                ["style", "cursor", 'pointer']
            ]
        }
    },
    timelines: {
        "Default Timeline": {
            fromState: "Base State",
            toState: "",
            duration: 250,
            autoPlay: true,
            timeline: [
            ]
        }
    }
},
"btn_1": {
    version: "3.0.0",
    minimumCompatibleVersion: "3.0.0",
    build: "3.0.0.322",
    baseState: "Base State",
    scaleToFit: "none",
    centerStage: "none",
    initialState: "Base State",
    gpuAccelerate: false,
    resizeInstances: false,
    content: {
            dom: [
                {
                    id: 'button12',
                    type: 'image',
                    rect: ['0px', '0px', '389px', '164px', 'auto', 'auto'],
                    fill: ['rgba(0,0,0,0)', 'images/air/library/button1.png', '0px', '0px']
                },
                {
                    rect: ['0', '0', '389px', '164px', 'auto', 'auto'],
                    id: 'button1_active2',
                    type: 'image',
                    display: 'none',
                    fill: ['rgba(0,0,0,0)', 'images/air/library/button1_active.png', '0px', '0px']
                }
            ],
            symbolInstances: [
            ]
        },
    states: {
        "Base State": {
            "${_button1_active2}": [
                ["style", "display", 'none']
            ],
            "${_button12}": [
                ["style", "left", '0px'],
                ["style", "top", '0px']
            ],
            "${symbolSelector}": [
                ["style", "height", '164px'],
                ["style", "width", '389px']
            ]
        }
    },
    timelines: {
        "Default Timeline": {
            fromState: "Base State",
            toState: "",
            duration: 250,
            autoPlay: true,
            labels: {
                "out": 0,
                "over": 250
            },
            timeline: [
                { id: "eid1", tween: [ "style", "${_button1_active2}", "display", 'block', { fromValue: 'none'}], position: 250, duration: 0 }            ]
        }
    }
},
"btn_2": {
    version: "3.0.0",
    minimumCompatibleVersion: "3.0.0",
    build: "3.0.0.322",
    baseState: "Base State",
    scaleToFit: "none",
    centerStage: "none",
    initialState: "Base State",
    gpuAccelerate: false,
    resizeInstances: false,
    content: {
            dom: [
                {
                    id: 'button22',
                    type: 'image',
                    rect: ['0px', '0px', '391px', '164px', 'auto', 'auto'],
                    fill: ['rgba(0,0,0,0)', 'images/air/library/button2.png', '0px', '0px']
                },
                {
                    rect: ['0', '0', '391px', '164px', 'auto', 'auto'],
                    id: 'button2_active2',
                    type: 'image',
                    display: 'none',
                    fill: ['rgba(0,0,0,0)', 'images/air/library/button2_active.png', '0px', '0px']
                }
            ],
            symbolInstances: [
            ]
        },
    states: {
        "Base State": {
            "${_button2_active2}": [
                ["style", "display", 'none']
            ],
            "${symbolSelector}": [
                ["style", "height", '164px'],
                ["style", "width", '391px']
            ],
            "${_button22}": [
                ["style", "left", '0px'],
                ["style", "top", '0px']
            ]
        }
    },
    timelines: {
        "Default Timeline": {
            fromState: "Base State",
            toState: "",
            duration: 250,
            autoPlay: true,
            labels: {
                "out": 0,
                "over": 250
            },
            timeline: [
                { id: "eid2", tween: [ "style", "${_button2_active2}", "display", 'block', { fromValue: 'none'}], position: 250, duration: 0 }            ]
        }
    }
},
"btn_3": {
    version: "3.0.0",
    minimumCompatibleVersion: "3.0.0",
    build: "3.0.0.322",
    baseState: "Base State",
    scaleToFit: "none",
    centerStage: "none",
    initialState: "Base State",
    gpuAccelerate: false,
    resizeInstances: false,
    content: {
            dom: [
                {
                    id: 'button32',
                    type: 'image',
                    rect: ['0px', '0px', '389px', '164px', 'auto', 'auto'],
                    fill: ['rgba(0,0,0,0)', 'images/air/library/button3.png', '0px', '0px']
                },
                {
                    rect: ['0', '0', '389px', '164px', 'auto', 'auto'],
                    id: 'button3_active2',
                    type: 'image',
                    display: 'none',
                    fill: ['rgba(0,0,0,0)', 'images/air/library/button3_active.png', '0px', '0px']
                }
            ],
            symbolInstances: [
            ]
        },
    states: {
        "Base State": {
            "${_button3_active2}": [
                ["style", "display", 'none']
            ],
            "${_button32}": [
                ["style", "left", '0px'],
                ["style", "top", '0px']
            ],
            "${symbolSelector}": [
                ["style", "height", '164px'],
                ["style", "width", '389px']
            ]
        }
    },
    timelines: {
        "Default Timeline": {
            fromState: "Base State",
            toState: "",
            duration: 250,
            autoPlay: true,
            labels: {
                "out": 0,
                "over": 250
            },
            timeline: [
                { id: "eid3", tween: [ "style", "${_button3_active2}", "display", 'block', { fromValue: 'none'}], position: 250, duration: 0 }            ]
        }
    }
},
"btn_4": {
    version: "3.0.0",
    minimumCompatibleVersion: "3.0.0",
    build: "3.0.0.322",
    baseState: "Base State",
    scaleToFit: "none",
    centerStage: "none",
    initialState: "Base State",
    gpuAccelerate: false,
    resizeInstances: false,
    content: {
            dom: [
                {
                    id: 'button42',
                    type: 'image',
                    rect: ['0px', '0px', '397px', '164px', 'auto', 'auto'],
                    fill: ['rgba(0,0,0,0)', 'images/air/library/button4.png', '0px', '0px']
                },
                {
                    rect: ['0', '0', '397px', '164px', 'auto', 'auto'],
                    id: 'button4_active2',
                    type: 'image',
                    display: 'none',
                    fill: ['rgba(0,0,0,0)', 'images/air/library/button4_active.png', '0px', '0px']
                }
            ],
            symbolInstances: [
            ]
        },
    states: {
        "Base State": {
            "${_button4_active2}": [
                ["style", "display", 'none']
            ],
            "${symbolSelector}": [
                ["style", "height", '164px'],
                ["style", "width", '397px']
            ],
            "${_button42}": [
                ["style", "top", '0px'],
                ["style", "left", '0px']
            ]
        }
    },
    timelines: {
        "Default Timeline": {
            fromState: "Base State",
            toState: "",
            duration: 250,
            autoPlay: true,
            labels: {
                "out": 0,
                "over": 250
            },
            timeline: [
                { id: "eid4", tween: [ "style", "${_button4_active2}", "display", 'block', { fromValue: 'none'}], position: 250, duration: 0 }            ]
        }
    }
}
};


Edge.registerCompositionDefn(compId, symbols, fonts, resources, opts);

/**
 * Adobe Edge DOM Ready Event Handler
 */
$(window).ready(function() {
     Edge.launchComposition(compId);
});
})(jQuery, AdobeEdge, "EDGE-4298628");
