// JavaScript Document
$(function(){

   $('#slider-one').movingBoxes({
    startPanel  : 5,    // start with this panel
    wrap        : true, // psuedo wrapping - it just runs to the other end
    width       : 900,  // overall width of movingBoxes
    imageRatio  : 1     // Image ration set to 1:1
   });

   $('#slider-two').movingBoxes({
    startPanel  : 5,   // start with this panel
    width       : 1439, // overall width of movingBoxes
    panelWidth  : .25,  // current panel width adjusted to 50% of overall width
//    imageRatio  : 1
	
	
   });

   // Example of how to move the panel from outside the plugin, only works on first selector (Use ID instead of class to target other movingboxes).
   // get: var currentPanel = $('.slider').data('movingBoxes').currentPanel(); // returns # of currently selected/enlarged panel
   // set: var currentPanel = $('.slider').data('movingBoxes').currentPanel(2); // scrolls to 2nd panel & returns 2.

   // Set up demo navigation links
   var i, t = '', len = $('#slider-one .panel').length + 1;
   for ( i=1; i<len; i++ ){
    t += '<a href="#" rel="' + i + '">' + i + '</a> ';
   }
   $('.dlinks')
    .find('span').html(t).end()
    .find('a').click(function(){
     $('#slider-one').data('movingBoxes').currentPanel( $(this).attr('rel') );
     return false;
    });

  });