/*
 * Custom javascript for nwdesigns
 * requires jquery
 * 12/13/08 
 * Shaun McIntyre 
 * shaun@psd2cssonline.com
 */

function CustomScript()
{
  var left = 0;

  /* You can add or remove panels here.  Notice the pattern - each time 'left' is
   * set to += the width of the previous Layer.  You can add panels or remove
   * panels as long as you adhere to that pattern.  ShowSlider() below won't
   * have to change.  */
  $('#slider').append( $('#slide_1').remove().css({ 'left': left + 'px', 'top': '0px'}) );
  left += $('#slide_1').width();
  $('#slider').append( $('#slide_2').remove().css({ 'left': left + 'px', 'top': '0px'}) );
  left += $('#slide_2').width();
  $('#slider').append( $('#slide_3').remove().css({ 'left': left + 'px', 'top': '0px'}) );
  left += $('#slide_3').width();
  $('#slider').append( $('#slide_4').remove().css({ 'left': left + 'px', 'top': '0px'}) );
  left += $('#slide_4').width();
  $('#slider').append( $('#slide_5').remove().css({ 'left': left + 'px', 'top': '0px'}) );
  left += $('#slide_5').width();
  $('#slider').append( $('#slide_6').remove().css({ 'left': left + 'px', 'top': '0px'}) );
  left += $('#slide_6').width();
  $('#slider').append( $('#slide_7').remove().css({ 'left': left + 'px', 'top': '0px'}) );
}

function ShowSlider( id )
{
    var newpos = ( id - 1 ) * $('#Layer-empty').width() * -1;
    $('#slider').animate({ left: newpos + "px" }, { duration: 1300, easing: "easeInOutQuad" } );
}