/*jslint */
/*global AdobeEdge: false, window: false, document: false, console:false, alert: false */
(function (compId) {

    "use strict";
    var im='images/',
        aud='media/',
        vid='media/',
        js='js/',
        fonts = {
            'pragmatica-web, sans-serif': '<script type=\"text/javascript\" src=\"http://use.typekit.com/krw6sbc.js\"></script><script type=\"text/javascript\">try{Typekit.load();}catch(e){}</script>'        },
        opts = {
            'gAudioPreloadPreference': 'auto',
            'gVideoPreloadPreference': 'auto'
        },
        resources = [
        ],
        scripts = [
            js+"jquery-2.1.3.min.js",
            js+"jquery.easing.1.3.js"
        ],
        symbols = {
            "stage": {
                version: "6.0.0",
                minimumCompatibleVersion: "5.0.0",
                build: "6.0.0.400",
                scaleToFit: "none",
                centerStage: "none",
                resizeInstances: false,
                content: {
                    dom: [
                        {
                            id: 'bg',
                            type: 'image',
                            rect: ['0', '40px', '800px', '545px', 'auto', 'auto'],
                            fill: ["rgba(0,0,0,0)",im+"bg2.jpg",'0px','0px']
                        },
                        {
                            id: 'car0',
                            type: 'image',
                            tag: 'img',
                            rect: ['0px', '40px', '800px', '400px', 'auto', 'auto'],
                            opacity: '1',
                            fill: ["rgba(0,0,0,0)",im+"car0.png",'0px','0px']
                        },
                        {
                            id: 'car1',
                            type: 'image',
                            tag: 'img',
                            rect: ['0px', '40px', '800px', '400px', 'auto', 'auto'],
                            opacity: '1',
                            fill: ["rgba(0,0,0,0)",im+"car0.png",'0px','0px']
                        },
                        {
                            id: 'car2',
                            type: 'image',
                            tag: 'img',
                            rect: ['0px', '40px', '800px', '400px', 'auto', 'auto'],
                            opacity: '1',
                            fill: ["rgba(0,0,0,0)",im+"car0.png",'0px','0px']
                        },
                        {
                            id: 'car3',
                            type: 'image',
                            tag: 'img',
                            rect: ['0px', '40px', '800px', '400px', 'auto', 'auto'],
                            opacity: '1',
                            fill: ["rgba(0,0,0,0)",im+"car0.png",'0px','0px']
                        },
                        {
                            id: 'car4',
                            type: 'image',
                            tag: 'img',
                            rect: ['0px', '40px', '800px', '400px', 'auto', 'auto'],
                            opacity: '1',
                            fill: ["rgba(0,0,0,0)",im+"car0.png",'0px','0px']
                        },
                        {
                            id: 'car5',
                            type: 'image',
                            tag: 'img',
                            rect: ['0px', '40px', '800px', '400px', 'auto', 'auto'],
                            opacity: '1',
                            fill: ["rgba(0,0,0,0)",im+"car0.png",'0px','0px']
                        },
                        {
                            id: 'car6',
                            type: 'image',
                            tag: 'img',
                            rect: ['0px', '40px', '800px', '400px', 'auto', 'auto'],
                            opacity: '1',
                            fill: ["rgba(0,0,0,0)",im+"car0.png",'0px','0px']
                        },
                        {
                            id: 'car7',
                            type: 'image',
                            tag: 'img',
                            rect: ['0px', '40px', '800px', '400px', 'auto', 'auto'],
                            opacity: '1',
                            fill: ["rgba(0,0,0,0)",im+"car0.png",'0px','0px']
                        },
                        {
                            id: 'car8',
                            type: 'image',
                            tag: 'img',
                            rect: ['0px', '40px', '800px', '400px', 'auto', 'auto'],
                            opacity: '1',
                            fill: ["rgba(0,0,0,0)",im+"car0.png",'0px','0px']
                        },
                        {
                            id: 'car9',
                            type: 'image',
                            tag: 'img',
                            rect: ['0px', '40px', '800px', '400px', 'auto', 'auto'],
                            opacity: '1',
                            fill: ["rgba(0,0,0,0)",im+"car0.png",'0px','0px']
                        },
                        {
                            id: 'car10',
                            type: 'image',
                            tag: 'img',
                            rect: ['0px', '40px', '800px', '400px', 'auto', 'auto'],
                            opacity: '1',
                            fill: ["rgba(0,0,0,0)",im+"car0.png",'0px','0px']
                        },
                        {
                            id: 'car11',
                            type: 'image',
                            tag: 'img',
                            rect: ['0px', '40px', '800px', '400px', 'auto', 'auto'],
                            opacity: '1',
                            fill: ["rgba(0,0,0,0)",im+"car0.png",'0px','0px']
                        },
                        {
                            id: 'swipe',
                            type: 'rect',
                            rect: ['0', '38', '800px', '428px', 'auto', 'auto'],
                            cursor: 'ew-resize',
                            opacity: '0',
                            fill: ["rgba(0,0,0,1)"],
                            stroke: [0,"rgb(0, 0, 0)","none"]
                        },
                        {
                            id: 'btnsMc',
                            symbolName: 'btnsMc',
                            type: 'rect',
                            rect: ['295px', '562px', 'undefined', 'undefined', 'auto', 'auto']
                        },
                        {
                            id: 'styleHead',
                            symbolName: 'styleHead',
                            type: 'rect',
                            rect: ['0', '0', '100%', '40', 'auto', 'auto']
                        },
                        {
                            id: 'styleBase',
                            symbolName: 'styleBase',
                            type: 'rect',
                            rect: ['0', '582px', 'undefined', 'undefined', 'auto', 'auto']
                        },
                        {
                            id: 'txt0',
                            type: 'text',
                            rect: ['53px', '474px', '220px', '69px', 'auto', 'auto'],
                            text: "<p style=\"margin: 0px; line-height: 18px;\">​<span style=\"font-size: 16px;\">I</span></p>",
                            align: "left",
                            font: ['pragmatica-web, sans-serif', [16, "px"], "rgba(255,255,255,1)", "400", "none", "normal", "break-word", "normal"],
                            textStyle: ["0px", "", "20px", "", "none"]
                        },
                        {
                            id: 'btnBackMc',
                            symbolName: 'btnBackMc',
                            type: 'rect',
                            rect: ['0px', '467', '45', '69', 'auto', 'auto'],
                            cursor: 'pointer'
                        },
                        {
                            id: 'btnNextMc',
                            symbolName: 'btnBackMc',
                            type: 'rect',
                            rect: ['755', '467', '45', '69', 'auto', 'auto'],
                            cursor: 'pointer',
                            transform: [[],['180']]
                        }
                    ],
                    style: {
                        '${Stage}': {
                            isStage: true,
                            rect: ['null', 'null', '100%', '600px', 'auto', 'auto'],
                            sizeRange: ['320px','800px','',''],
                            overflow: 'hidden',
                            fill: ["rgba(255,255,255,1)"]
                        }
                    }
                },
                timeline: {
                    duration: 8000,
                    autoPlay: false,
                    data: [
                        [
                            "eid100",
                            "top",
                            3200,
                            4800,
                            "linear",
                            "${btnNextMc}",
                            '347px',
                            '467px'
                        ],
                        [
                            "eid124",
                            "line-height",
                            3200,
                            0,
                            "linear",
                            "${txt0}",
                            '20px',
                            '20px'
                        ],
                        [
                            "eid125",
                            "line-height",
                            8000,
                            0,
                            "linear",
                            "${txt0}",
                            '20px',
                            '20px'
                        ],
                        [
                            "eid102",
                            "left",
                            3200,
                            4800,
                            "linear",
                            "${btnNextMc}",
                            '275px',
                            '755px'
                        ],
                        [
                            "eid92",
                            "width",
                            3200,
                            4800,
                            "linear",
                            "${txt0}",
                            '220px',
                            '697px'
                        ],
                        [
                            "eid96",
                            "top",
                            3200,
                            4800,
                            "linear",
                            "${txt0}",
                            '354px',
                            '474px'
                        ],
                        [
                            "eid117",
                            "left",
                            3200,
                            4800,
                            "linear",
                            "${dot7}",
                            '0',
                            '141px'
                        ],
                        [
                            "eid98",
                            "top",
                            3200,
                            4800,
                            "linear",
                            "${btnBackMc}",
                            '347px',
                            '467px'
                        ]
                    ]
                }
            },
            "styleBase": {
                version: "6.0.0",
                minimumCompatibleVersion: "5.0.0",
                build: "6.0.0.400",
                scaleToFit: "none",
                centerStage: "none",
                resizeInstances: true,
                content: {
                    dom: [
                        {
                            type: 'rect',
                            id: 'Rectangle',
                            stroke: [0, 'rgba(255,255,255,1.00)', 'none'],
                            rect: ['0px', '0px', '100%', '18px', 'auto', 'auto'],
                            fill: ['rgba(0,0,0,1.00)']
                        },
                        {
                            type: 'text',
                            align: 'right',
                            textStyle: ['', '', '12px', '', ''],
                            rect: ['auto', '3px', '115px', '6px', '5px', 'auto'],
                            overflow: 'visible',
                            id: 'creditTxt',
                            font: ['pragmatica-web, sans-serif', [12, 'px'], 'rgba(255,255,255,1.00)', '400', 'none', 'normal', 'break-word', ''],
                            text: '© GRAPHIC NEWS'
                        },
                        {
                            type: 'rect',
                            id: 'toggleSource',
                            symbolName: 'toggleSource',
                            cursor: 'pointer',
                            rect: ['0', '0px', null, null, 'auto', 'auto']
                        }
                    ],
                    style: {
                        '${symbolSelector}': {
                            overflow: 'visible',
                            rect: [null, null, '800px', '18px']
                        }
                    }
                },
                timeline: {
                    duration: 0,
                    autoPlay: false,
                    data: [

                    ]
                }
            },
            "toggleSource": {
                version: "6.0.0",
                minimumCompatibleVersion: "5.0.0",
                build: "6.0.0.400",
                scaleToFit: "none",
                centerStage: "none",
                resizeInstances: false,
                content: {
                    dom: [
                        {
                            type: 'text',
                            rect: ['0px', '0px', '180px', '18px', 'auto', 'auto'],
                            align: 'left',
                            id: 'sourceTxt',
                            textStyle: ['0px', '0px', '14px', '', ''],
                            text: 'I',
                            font: ['pragmatica-web, sans-serif', [12, 'px'], 'rgba(255,255,255,1.00)', '400', 'none solid rgb(255, 255, 255)', 'normal', 'break-word', 'normal']
                        },
                        {
                            type: 'rect',
                            id: 'togBox',
                            stroke: [0, 'rgb(0, 0, 0)', 'none'],
                            rect: ['0px', '0px', '18px', '18px', 'auto', 'auto'],
                            fill: ['rgba(100,100,100,1.00)']
                        },
                        {
                            type: 'rect',
                            id: 'plus',
                            stroke: [0, 'rgb(0, 0, 0)', 'none'],
                            rect: ['8px', '4px', '2px', '10px', 'auto', 'auto'],
                            fill: ['rgba(255,255,255,1.00)']
                        },
                        {
                            type: 'rect',
                            id: 'minus',
                            stroke: [0, 'rgb(0, 0, 0)', 'none'],
                            rect: ['4px', '8px', '10px', '2px', 'auto', 'auto'],
                            fill: ['rgba(255,255,255,1.00)']
                        },
                        {
                            rect: ['0px', '0px', '190px', '18px', 'auto', 'auto'],
                            borderRadius: ['50%', '50%', '50%', '50%'],
                            opacity: '0.01',
                            id: 'sourceBtn',
                            stroke: [0, 'rgb(0, 0, 0)', 'none'],
                            type: 'ellipse',
                            fill: ['rgba(255,255,255,1.00)', [310, [['rgba(255,170,170,1.00)', 0], ['rgba(218,0,0,1.00)', 40], ['rgba(218,0,0,1.00)', 66], ['rgba(99,0,0,1.00)', 100]]]]
                        }
                    ],
                    style: {
                        '${symbolSelector}': {
                            rect: [null, null, '190px', '18px']
                        }
                    }
                },
                timeline: {
                    duration: 0,
                    autoPlay: false,
                    data: [

                    ]
                }
            },
            "styleHead": {
                version: "6.0.0",
                minimumCompatibleVersion: "5.0.0",
                build: "6.0.0.400",
                scaleToFit: "none",
                centerStage: "none",
                resizeInstances: true,
                content: {
                    dom: [
                        {
                            rect: ['0px', '0px', '800px', '40px', 'auto', 'auto'],
                            id: 'headerBox',
                            stroke: [0, 'rgba(0,0,0,1)', 'none'],
                            type: 'rect',
                            fill: ['rgba(0,0,0,1.00)']
                        },
                        {
                            rect: ['0px', '40px', '800px', '1px', 'auto', 'auto'],
                            id: 'stroke',
                            stroke: [0, 'rgba(0,0,0,1)', 'none'],
                            type: 'rect',
                            fill: ['rgba(0,0,0,1.00)']
                        },
                        {
                            font: ['pragmatica-web, sans-serif', [28, 'px'], 'rgba(255,255,255,1)', '500', 'none', 'normal', 'break-word', 'normal'],
                            type: 'text',
                            text: '<p style=\"margin: 0px; line-height: 120%;\">​I</p>',
                            id: 'headlineTxt',
                            textStyle: ['', '', '28px', '', 'none'],
                            align: 'left',
                            rect: ['0px', '1px', '800px', '28px', 'auto', 'auto']
                        }
                    ],
                    style: {
                        '${symbolSelector}': {
                            rect: [null, null, '800px', '40px']
                        }
                    }
                },
                timeline: {
                    duration: 0,
                    autoPlay: false,
                    data: [

                    ]
                }
            },
            "btnsMc": {
                version: "6.0.0",
                minimumCompatibleVersion: "5.0.0",
                build: "6.0.0.400",
                scaleToFit: "none",
                centerStage: "none",
                resizeInstances: false,
                content: {
                    dom: [
                        {
                            rect: ['96px', '0px', '137px', '20px', 'auto', 'auto'],
                            id: 'dotsBgCopy2',
                            type: 'image',
                            fill: ['rgba(0,0,0,0)', 'images/dots7.png', '0px', '0px']
                        },
                        {
                            rect: ['0px', '0px', '137px', '20px', 'auto', 'auto'],
                            id: 'dotsBg',
                            type: 'image',
                            fill: ['rgba(0,0,0,0)', 'images/dots7.png', '0px', '0px']
                        },
                        {
                            type: 'rect',
                            id: 'dot0',
                            symbolName: 'dot0',
                            cursor: 'pointer',
                            rect: ['6px', '5px', '11', '11', 'auto', 'auto']
                        },
                        {
                            type: 'rect',
                            id: 'dot1',
                            symbolName: 'dot0',
                            cursor: 'pointer',
                            rect: ['25px', '5px', '11', '11', 'auto', 'auto']
                        },
                        {
                            type: 'rect',
                            id: 'dot2',
                            symbolName: 'dot0',
                            cursor: 'pointer',
                            rect: ['44px', '5px', '11', '11', 'auto', 'auto']
                        },
                        {
                            type: 'rect',
                            id: 'dot3',
                            symbolName: 'dot0',
                            cursor: 'pointer',
                            rect: ['64px', '5px', '11', '11', 'auto', 'auto']
                        },
                        {
                            type: 'rect',
                            id: 'dot4',
                            symbolName: 'dot0',
                            cursor: 'pointer',
                            rect: ['83px', '5px', '11', '11', 'auto', 'auto']
                        },
                        {
                            type: 'rect',
                            id: 'dot5',
                            symbolName: 'dot0',
                            cursor: 'pointer',
                            rect: ['102px', '5px', '11', '11', 'auto', 'auto']
                        },
                        {
                            type: 'rect',
                            id: 'dot6',
                            symbolName: 'dot0',
                            cursor: 'pointer',
                            rect: ['121px', '5px', '11', '11', 'auto', 'auto']
                        },
                        {
                            type: 'rect',
                            id: 'dot7',
                            symbolName: 'dot0',
                            cursor: 'pointer',
                            rect: ['140px', '5px', '11', '11', 'auto', 'auto']
                        },
                        {
                            type: 'rect',
                            id: 'dot8',
                            symbolName: 'dot0',
                            cursor: 'pointer',
                            rect: ['160px', '5px', '11', '11', 'auto', 'auto']
                        },
                        {
                            type: 'rect',
                            id: 'dot9',
                            symbolName: 'dot0',
                            cursor: 'pointer',
                            rect: ['179px', '5px', '11', '11', 'auto', 'auto']
                        },
                        {
                            type: 'rect',
                            id: 'dot10',
                            symbolName: 'dot0',
                            cursor: 'pointer',
                            rect: ['198px', '5px', '11', '11', 'auto', 'auto']
                        },
                        {
                            type: 'rect',
                            id: 'dot11',
                            symbolName: 'dot0',
                            cursor: 'pointer',
                            rect: ['217px', '5px', '11', '11', 'auto', 'auto']
                        }
                    ],
                    style: {
                        '${symbolSelector}': {
                            rect: [null, null, '231px', '20px']
                        }
                    }
                },
                timeline: {
                    duration: 3200,
                    autoPlay: true,
                    data: [
                        [
                            "eid120",
                            "left",
                            0,
                            0,
                            "linear",
                            "${dot8}",
                            '160px',
                            '160px'
                        ],
                        [
                            "eid121",
                            "left",
                            3200,
                            0,
                            "linear",
                            "${dot8}",
                            '160px',
                            '160px'
                        ],
                        [
                            "eid122",
                            "left",
                            0,
                            0,
                            "linear",
                            "${dot7}",
                            '140px',
                            '140px'
                        ],
                        [
                            "eid72",
                            "left",
                            0,
                            0,
                            "linear",
                            "${dot0}",
                            '6px',
                            '6px'
                        ],
                        [
                            "eid71",
                            "top",
                            0,
                            0,
                            "linear",
                            "${dot0}",
                            '5px',
                            '5px'
                        ],
                        [
                            "eid69",
                            "top",
                            0,
                            0,
                            "linear",
                            "${dot5}",
                            '5px',
                            '5px'
                        ],
                        [
                            "eid78",
                            "left",
                            0,
                            0,
                            "linear",
                            "${dot4}",
                            '83px',
                            '83px'
                        ],
                        [
                            "eid73",
                            "top",
                            0,
                            0,
                            "linear",
                            "${dot10}",
                            '5px',
                            '5px'
                        ],
                        [
                            "eid63",
                            "top",
                            0,
                            0,
                            "linear",
                            "${dot1}",
                            '5px',
                            '5px'
                        ],
                        [
                            "eid64",
                            "left",
                            0,
                            0,
                            "linear",
                            "${dot1}",
                            '25px',
                            '25px'
                        ],
                        [
                            "eid70",
                            "left",
                            0,
                            0,
                            "linear",
                            "${dot5}",
                            '102px',
                            '102px'
                        ],
                        [
                            "eid76",
                            "left",
                            0,
                            0,
                            "linear",
                            "${dot2}",
                            '44px',
                            '44px'
                        ],
                        [
                            "eid114",
                            "left",
                            0,
                            0,
                            "linear",
                            "${dot11}",
                            '217px',
                            '217px'
                        ],
                        [
                            "eid65",
                            "top",
                            0,
                            0,
                            "linear",
                            "${dot9}",
                            '5px',
                            '5px'
                        ],
                        [
                            "eid77",
                            "top",
                            0,
                            0,
                            "linear",
                            "${dot4}",
                            '5px',
                            '5px'
                        ],
                        [
                            "eid80",
                            "left",
                            0,
                            0,
                            "linear",
                            "${dot3}",
                            '64px',
                            '64px'
                        ],
                        [
                            "eid113",
                            "left",
                            0,
                            0,
                            "linear",
                            "${dot10}",
                            '198px',
                            '198px'
                        ],
                        [
                            "eid75",
                            "top",
                            0,
                            0,
                            "linear",
                            "${dot2}",
                            '5px',
                            '5px'
                        ],
                        [
                            "eid79",
                            "top",
                            0,
                            0,
                            "linear",
                            "${dot3}",
                            '5px',
                            '5px'
                        ],
                        [
                            "eid83",
                            "top",
                            0,
                            0,
                            "linear",
                            "${dot6}",
                            '5px',
                            '5px'
                        ],
                        [
                            "eid84",
                            "left",
                            0,
                            0,
                            "linear",
                            "${dot6}",
                            '121px',
                            '121px'
                        ],
                        [
                            "eid112",
                            "left",
                            0,
                            0,
                            "linear",
                            "${dot9}",
                            '179px',
                            '179px'
                        ],
                        [
                            "eid67",
                            "top",
                            0,
                            0,
                            "linear",
                            "${dot8}",
                            '5px',
                            '5px'
                        ]
                    ]
                }
            },
            "dot0": {
                version: "6.0.0",
                minimumCompatibleVersion: "5.0.0",
                build: "6.0.0.400",
                scaleToFit: "none",
                centerStage: "none",
                resizeInstances: false,
                content: {
                    dom: [
                        {
                            rect: ['0', '0', '11px', '11px', 'auto', 'auto'],
                            id: 'btnClick',
                            type: 'image',
                            fill: ['rgba(0,0,0,0)', 'images/dot22.png', '0px', '0px']
                        },
                        {
                            rect: ['0', '0', '11px', '11px', 'auto', 'auto'],
                            id: 'btnOver',
                            type: 'image',
                            fill: ['rgba(0,0,0,0)', 'images/dot22.png', '0px', '0px']
                        },
                        {
                            type: 'rect',
                            id: 'btn',
                            stroke: [0, 'rgba(0,0,0,1)', 'none'],
                            rect: ['0px', '0px', '11px', '11px', 'auto', 'auto'],
                            fill: ['rgba(192,192,192,0.00)']
                        }
                    ],
                    style: {
                        '${symbolSelector}': {
                            rect: [null, null, '11', '11']
                        }
                    }
                },
                timeline: {
                    duration: 0,
                    autoPlay: true,
                    data: [

                    ]
                }
            },
            "btnBackMc": {
                version: "6.0.0",
                minimumCompatibleVersion: "5.0.0",
                build: "6.0.0.400",
                scaleToFit: "none",
                centerStage: "none",
                resizeInstances: false,
                content: {
                    dom: [
                        {
                            transform: [[], ['180'], [0, 0, 0], [1, 1, 1]],
                            id: 'btnBackOut',
                            type: 'image',
                            rect: ['0', '0', '45px', '69px', 'auto', 'auto'],
                            fill: ['rgba(0,0,0,0)', 'images/btnOut.png', '0px', '0px']
                        }
                    ],
                    style: {
                        '${symbolSelector}': {
                            rect: [null, null, '45', '69']
                        }
                    }
                },
                timeline: {
                    duration: 0,
                    autoPlay: false,
                    data: [

                    ]
                }
            }
        };

    AdobeEdge.registerCompositionDefn(compId, symbols, fonts, scripts, resources, opts);

    if (!window.edge_authoring_mode) AdobeEdge.getComposition(compId).load("GN33481_edgeActions.js");
})("GraphicNews33481");
