<!DOCTYPE html>

<html lang="en">

<head>

	<meta charset="utf-8"/>

	<title>Getting Started with Adobe Edge - Table of Contents</title>

    

	<link href="getting_started.css" rel="stylesheet" type="text/css"/>

    

    <script type="text/javascript" src="js/jquery-1.7.1.min.js"></script>

	<script type="text/javascript" src="getting_started.js"></script>

    

    <script>

        $(window).ready(function() {

            

            $("#lnkQuickStart").click(function() {

                window.parent.loadLesson("Quickstart/quickstart.html", $("#lnkQuickStart div").html());

            });

            

            $("#lnkContentCreation").click(function() {

                window.parent.loadLesson("ContentCreation/content_creation.html", $("#lnkContentCreation div").html());

            });

            

            $("#lnkPinAnimation").click(function() {

                window.parent.loadLesson("PinAnimation/pin_animation.html", $("#lnkPinAnimation div").html());

            });

            

            $("#lnkKeyframeAnimation").click(function() {

                window.parent.loadLesson("KeyframeAnimation/keyframe_animation.html", $("#lnkKeyframeAnimation div").html());

            });



            $("#lnkResize").click(function() {

                window.parent.loadLesson("Resize/resize.html", $("#lnkResize div").html());

            });

            

            $("#lnkInteractivity").click(function() {

                window.parent.loadLesson("Interactivity/interactivity.html", $("#lnkInteractivity div").html());

            });

            

            $("#lnkSymbols").click(function() {

                window.parent.loadLesson("Symbols/symbols.html", $("#lnkSymbols div").html());

            });

            

            $("#lnkMotionPaths").click(function() {

                window.parent.loadLesson("MotionPaths/motion_paths.html", $("#lnkMotionPaths div").html());

            });



            $("#lnkAudio").click(function() {

                window.parent.loadLesson("Audio/audio.html", $("#lnkAudio div").html());

            });

            

             $("#lnkSpriteSheet").click(function() {

                window.parent.loadLesson("SpriteSheet/spritesheet.html", $("#lnkSpriteSheet div").html());

            });

            

             $("#lnkVideo").click(function() {

                window.parent.loadLesson("Video/video.html", $("#lnkVideo div").html());

            });

        

        });

    </script>

    

    <style>

        

        #lessonsTOC {

            list-style:none;

            margin:0px;

            padding:0px;

            border-bottom:1px solid #464646;

        }

        

        #lessonsTOC li {

            display:block;

            height:53px;

            width:100%;

            margin:0px;

            padding:0px;

            

            cursor:pointer;

            font-size:10px;

            border-top:1px solid #464646;

            border-bottom:1px solid #2A2A2A;            

        }

        

        #lessonsTOC li:hover {

            background-color:#494949;

        }

        

        #lessonsTOC li div {

            padding: 22px 0px 0px 90px;

        }

        

        

        #lnkQuickStart {

            background: url(Quickstart/thumbnail.png) no-repeat 8px 2px;

        }

        #lnkContentCreation {

            background: url(ContentCreation/thumbnail.png) no-repeat 8px 2px;

        }

        #lnkPinAnimation {

            background: url(PinAnimation/thumbnail.png) no-repeat 8px 2px;

		}

		.appLocale-de_DE #lnkPinAnimation {

            background: url(PinAnimation/thumbnail_de.png) no-repeat 8px 2px;		

        }

		.appLocale-fr_FR #lnkPinAnimation {

            background: url(PinAnimation/thumbnail_fr.png) no-repeat 8px 2px;		

        }        

		.appLocale-es_ES #lnkPinAnimation {

            background: url(PinAnimation/thumbnail_es.png) no-repeat 8px 2px;		

        }

		.appLocale-it_IT #lnkPinAnimation {

            background: url(PinAnimation/thumbnail_it.png) no-repeat 8px 2px;		

        }

		.appLocale-ja_JP #lnkPinAnimation {

            background: url(PinAnimation/thumbnail_jp.png) no-repeat 8px 2px;		            

        }

        #lnkKeyframeAnimation {

            background: url(KeyframeAnimation/thumbnail.png) no-repeat 8px 2px;

        }

        #lnkResize {

            background: url(Resize/thumbnail.png) no-repeat 8px 2px;

		}

		.appLocale-de_DE #lnkResize {

            background: url(Resize/thumbnail_de.png) no-repeat 8px 2px;		

        }

		.appLocale-fr_FR #lnkResize {

            background: url(Resize/thumbnail_fr.png) no-repeat 8px 2px;		

        }        

		.appLocale-es_ES #lnkResize {

            background: url(Resize/thumbnail_es.png) no-repeat 8px 2px;		

        }

		.appLocale-it_IT #lnkResize {

            background: url(Resize/thumbnail_it.png) no-repeat 8px 2px;		

        }

		.appLocale-ja_JP #lnkResize {

            background: url(Resize/thumbnail_jp.png) no-repeat 8px 2px;		

        }

        #lnkInteractivity {

            background: url(Interactivity/thumbnail.png) no-repeat 8px 2px;

        }

		.appLocale-de_DE #lnkInteractivity {

            background: url(Interactivity/thumbnail_de.png) no-repeat 8px 2px;		

        }

		.appLocale-fr_FR #lnkInteractivity {

            background: url(Interactivity/thumbnail_fr.png) no-repeat 8px 2px;		

        }

		.appLocale-es_ES #lnkInteractivity {

            background: url(Interactivity/thumbnail_es.png) no-repeat 8px 2px;		

        }

		.appLocale-it_IT #lnkInteractivity {

            background: url(Interactivity/thumbnail_it.png) no-repeat 8px 2px;		

        }

		.appLocale-ja_JP #lnkInteractivity {

            background: url(Interactivity/thumbnail_jp.png) no-repeat 8px 2px;		

        }         

        #lnkSymbols {

            background: url(Symbols/thumbnail.png) no-repeat 8px 2px;

        }

        #lnkMotionPaths {

            background: url(MotionPaths/thumbnail.jpg) no-repeat 8px 2px;

        }

        #lnkAudio {

            background: url(Audio/thumbnail.png) no-repeat 8px 2px;

        }

		.appLocale-de_DE #lnkAudio {

            background: url(Audio/thumbnail_de.png) no-repeat 8px 2px;		

        }

		.appLocale-fr_FR #lnkAudio {

            background: url(Audio/thumbnail_fr.png) no-repeat 8px 2px;		

        }

		.appLocale-es_ES #lnkAudio {

            background: url(Audio/thumbnail_es.png) no-repeat 8px 2px;		

        }

		.appLocale-it_IT #lnkAudio {

            background: url(Audio/thumbnail_it.png) no-repeat 8px 2px;		

        }

		.appLocale-ja_JP #lnkAudio {

            background: url(Audio/thumbnail_jp.png) no-repeat 8px 2px;		

        }

         #lnkSpriteSheet {

            background: url(SpriteSheet/thumbnail.png) no-repeat 8px 2px;

        }

         #lnkVideo {

            background: url(Video/thumbnail.png) no-repeat 8px 2px;

        }                      

    </style>

    

</head>



<body>

<div id="lessonsPage">

  <div id="landingPage">

    <ul id="lessonsTOC">

        

        <li id="lnkQuickStart"><div class="loc" id="QuickStart">($$$/Lessons/lessonTitleQuickStart=Start)</div></li>

        

        <li id="lnkContentCreation"><div class="loc" id="ContentCreation">($$$/Lessons/lessonTitleContentCreation=Create)</div></li>



        <li id="lnkKeyframeAnimation"><div class="loc" id="KeyframeAnimation">($$$/Lessons/lessonTitleKeyframeAnimation=Animate I: Keyframes)</div></li>

        

        <li id="lnkPinAnimation"><div class="loc" id="PinAnimation">($$$/Lessons/lessonTitlePinAnimation=Animate II: The Pin)</div></li>

        

        <li id="lnkResize"><div class="loc" id="Resize">($$$/Lessons/lessonTitleResize=Responsive Layout)</div></li>



        <li id="lnkInteractivity"><div class="loc" id="Interactivity">($$$/Lessons/lessonTitleInteractivity=Extend)</div></li>

        

        <li id="lnkSymbols"><div class="loc" id="Symbols">($$$/Lessons/lessonTitleSymbols=Reuse)</div></li>



        <li id="lnkMotionPaths"><div class="loc" id="MotionPaths">($$$/Lessons/lessonTitleMotionPaths=Motion Paths)</div></li>



        <li id="lnkAudio"><div class="loc" id="Audio">($$$/Lessons/lessonTitleAudio=Audio)</div></li> 

          

        <li id="lnkSpriteSheet"><div class="loc" id="Sprite">($$$/Lessons/lessonTitleSprite=Sprite Sheet)</div></li>  

         

        <li id="lnkVideo"><div class="loc" id="Video">($$$/Lessons/lessonTitleVideo=Video)</div></li>                

    </ul>

  </div> 

  

</div>



</body>

</html>