/**
 * Adobe Edge: symbol definitions
 */
(function($, Edge, compId){
var symbols = {
"stage": {
   version: "0.1.3",
   baseState: "Base State",
   initialState: "Base State",
   content: {
      dom: [
        {
            id:'homePanel',
            className:'stage_homePanel_id',
            type:'image',
            tag:'div',
            rect:[0,0,980,346],
            fill:['rgba(0,0,0,0)','images/homePanel.gif']
        },
        {
            id:'header1',
            className:'stage_header1_id',
            type:'text',
            tag:'h1',
            rect:[58,32,519,51],
            text:"Welcome to Osis Multimedia Design",
            align:"auto",
            font:["Arial, Helvetica, sans-serif",24,"rgba(0,0,0,1)","normal","none","normal"]
        },
        {
            id:'body1',
            className:'stage_body1_id',
            type:'text',
            tag:'div',
            rect:[51,91,544,127],
            text:"We are a digital agency based in Dorset, specialising in multimedia presentation design, animation, Flash and interactive media, and web site design.Our philosophy is to consult closely with our clients to identify the best technical and design solution, working quickly and efficiently keeping costs down and within budget, and delivering professional results that look great.We don't talk jargon and we don't leave people confused - we do talk honestly and enthusiastically about the best way to realise the brief, and we believe our results speak for themselves.",
            align:"auto",
            font:["Arial, Helvetica, sans-serif",15,"rgba(0,0,0,1.00)","normal","none","normal"],
            transform:[]
        },
        {
            id:'homePanelImg1',
            className:'stage_homePanelImg1_id',
            type:'image',
            tag:'div',
            rect:[0,0,366,318],
            fill:['rgba(0,0,0,0)','images/homePanelImg1.jpg']
        },
        {
            id:'cta1',
            className:'stage_cta1_id',
            type:'text',
            tag:'div',
            rect:[50,231,448,64],
            text:"To see what we can do for you call 07966 324533 or click here to contact us now ›",
            align:"auto",
            font:["Arial, Helvetica, sans-serif",26,"rgba(22,117,155,1)","normal","none","normal"],
            transform:[[1]]
        },
        {
            id:'header2',
            className:'stage_Text5_id',
            type:'text',
            tag:'div',
            rect:[50,44,544,38],
            text:"Audio visual, animation, web design",
            align:"auto",
            font:["Arial, Helvetica, sans-serif",26,"rgba(22,117,155,1)","normal","none","normal"]
        },
        {
            id:'body2',
            className:'stage_Text6_id',
            type:'text',
            tag:'div',
            rect:[50,91,544,140],
            text:"We help our clients spread the word: we can take any aspect of a business and build eye-catching, professional presentations in a wide variety of formats for delivery online, on DVD or on screen. Whether producing 3D animations of a product or process, or designing interactive presentations to showcase a particular service, we always make sure the results looks stunning and communicate the right message. With over 10 years experience in digital design and a fundamental commitment to customer service, Osis can make your story shine  - contact us today to find out how...",
            align:"auto",
            font:["Arial, Helvetica, sans-serif",15,"rgba(0,0,0,1)","normal","none","normal"]
        },
        {
            id:'bonsai3',
            className:'stage_bonsai3_id',
            type:'image',
            tag:'div',
            rect:[0,0,366,318],
            fill:['rgba(0,0,0,0)','images/bonsai3.jpg']
        }],
      symbolInstances: [
      ]
   },
   states: {
      "Base State": {
         "${_header2}": [
            ["style", "opacity", '0']
         ],
         "${_header1}": [
            ["style", "font-size", '26px'],
            ["color", "color", 'rgba(22,117,155,1.00)'],
            ["transform", "translateX", '-7px'],
            ["style", "font-family", 'Arial, Helvetica, sans-serif'],
            ["style", "height", '38px'],
            ["style", "opacity", '0'],
            ["transform", "translateY", '-5px'],
            ["style", "width", '544px']
         ],
         "${_body2}": [
            ["style", "height", '140px'],
            ["style", "opacity", '0']
         ],
         "${_cta1}": [
            ["transform", "translateX", '1px'],
            ["style", "font-size", '20px'],
            ["style", "opacity", '0'],
            ["transform", "translateY", '13px'],
            ["style", "width", '448px']
         ],
         "${_homePanelImg1}": [
            ["style", "opacity", '0'],
            ["transform", "translateY", '8px'],
            ["transform", "translateX", '595px']
         ],
         "${_body1}": [
            ["style", "font-family", 'Arial, Helvetica, sans-serif'],
            ["style", "height", '127px'],
            ["color", "color", 'rgba(0,0,0,1.00)'],
            ["style", "opacity", '0'],
            ["transform", "translateY", '0px'],
            ["style", "font-size", '15px']
         ],
         "${_stage}": [
            ["style", "height", '346px'],
            ["style", "width", '980px']
         ],
         "${_bonsai3}": [
            ["style", "opacity", '0'],
            ["transform", "translateY", '8px'],
            ["transform", "translateX", '595px']
         ]
      }
   },
   timelines: {
      "Default Timeline": {
         fromState: "Base State",
         toState: "",
         duration: 33250,
         labels: {

         },
         timeline: [
            { id: "eid22", tween: [ "style", "${_body1}", "opacity", '1', { fromValue: '0'}], position: 500, duration: 1000 },
            { id: "eid26", tween: [ "style", "${_body1}", "opacity", '0', { fromValue: '1'}], position: 15000, duration: 500 },
            { id: "eid39", tween: [ "style", "${_body1}", "opacity", '1', { fromValue: '0'}], position: 32500, duration: 750 },
            { id: "eid21", tween: [ "style", "${_header1}", "opacity", '1', { fromValue: '0'}], position: 250, duration: 1250 },
            { id: "eid25", tween: [ "style", "${_header1}", "opacity", '0', { fromValue: '1'}], position: 15000, duration: 500 },
            { id: "eid38", tween: [ "style", "${_header1}", "opacity", '1', { fromValue: '0'}], position: 32000, duration: 1250 },
            { id: "eid8", tween: [ "style", "${_homePanelImg1}", "opacity", '1', { fromValue: '0'}], position: 0, duration: 1500 },
            { id: "eid24", tween: [ "style", "${_homePanelImg1}", "opacity", '0', { fromValue: '1'}], position: 15000, duration: 1499 },
            { id: "eid40", tween: [ "style", "${_homePanelImg1}", "opacity", '1', { fromValue: '0'}], position: 31500, duration: 1750 },
            { id: "eid30", tween: [ "style", "${_body2}", "opacity", '1', { fromValue: '0'}], position: 15807, duration: 692 },
            { id: "eid35", tween: [ "style", "${_body2}", "opacity", '0', { fromValue: '1'}], position: 31500, duration: 500 },
            { id: "eid23", tween: [ "style", "${_cta1}", "opacity", '1', { fromValue: '0'}], position: 750, duration: 750 },
            { id: "eid28", tween: [ "style", "${_header2}", "opacity", '1', { fromValue: '0'}], position: 15500, duration: 1000 },
            { id: "eid36", tween: [ "style", "${_header2}", "opacity", '0', { fromValue: '1'}], position: 31500, duration: 500 },
            { id: "eid32", tween: [ "transform", "${_bonsai3}", "translateY", '8px', { fromValue: '8px'}], position: 15000, duration: 0 },
            { id: "eid34", tween: [ "style", "${_bonsai3}", "opacity", '1', { fromValue: '0'}], position: 15000, duration: 1500 },
            { id: "eid37", tween: [ "style", "${_bonsai3}", "opacity", '0', { fromValue: '1'}], position: 31500, duration: 1750 },
            { id: "eid31", tween: [ "transform", "${_bonsai3}", "translateX", '595px', { fromValue: '595px'}], position: 15000, duration: 0 }]
      }
   }
}};

var comp;
Edge.registerCompositionDefn(compId, symbols);

/**
 * Adobe Edge DOM Ready Event Handler
 */
$(window).ready(function() {
     comp = new Edge.Composition(compId, {stage: "." + compId}, {});
	   /**
 * Adobe Edge Timeline Launch
 */
     comp.ready(function() {
         comp.play();
     });
});
})(jQuery, jQuery.Edge, "EDGE-40986056");

