function startDesign(){
swapTo('<a href="#" id="page1"><div><img src="sprites/designStep1.gif">Seating Componenets</div></a><a href="#" id="page2"><div><img src="sprites/designStep2.gif">Arm Styles</div></a><a href="#" id="page3"><div><img src="sprites/designStep3.gif">Back Cushion</div></a><a href="#" id="page4"><div><img src="sprites/designStep4.gif">Base Options</div></a><a href="#" id="page5"><div><img src="sprites/designStep5.gif">Configuration Ideas</div></a><br><a href="" class="pdfLink">&gt; download pdf <br>of components</a> ');
slideTo(0,0,1400);
}

function swapTo(content){
/*$('#designMenu').animate({left: "-300px"}, 200);
$('#designMenu').queue(function () {
        $(this).html(content)
        $(this).dequeue(); 
});
$('#designMenu').animate({left: "0px"}, 200); */
$('#designMenu').queue(function () {

      $('#page1').click(function () {slideTo(0,0,1400); $(this).addClass('selectedDemo'); return false;});
      $('#page2').click(function () {slideTo(570,0,380); $(this).addClass('selectedDemo'); return false;});
      $('#page3').click(function () {slideTo(1140,0,300); $(this).addClass('selectedDemo'); return false;});
      $('#page4').click(function () {slideTo(1710,0,300); $(this).addClass('selectedDemo'); return false;});
      $('#page5').click(function () {slideTo(2280,0,1200); $(this).addClass('selectedDemo'); return false;});
      
      
      slideTo(0,0,1400);
      $('#page1').addClass('selectedDemo');
      $(this).dequeue(); 
});

}

function slideTo(x,y,h){
$('#designMenu > a').removeClass('selectedDemo');
$('#designMenu').animate({height: (h-20)+"px"}, 200);
$('#designContent').animate({height: h+"px"}, 200);
$('#designContent').animate({left: (-1*(x-180))+"px", top: "-"+y+"px"}, 500);
}

$(document).ready(function(){swapTo();});