$(document).ready(function() {
  $(".scrollable").scrollable({
    speed: 700,
    next: '.panel',
    circular: true,
    onSeek: function(e, index){
      panel =  $(this.getItems()[index])
      if (panel.attr('rel') != panel.children('img').attr('src')) {
        image = panel.children('img');
        image.replaceWith("<img src='"+panel.attr('rel')+"' alt='"+image.attr('alt')+"' />");
      }
    }
  })


  $('.grid-row a').bind('click', function(){
    index = parseInt($(this).attr('index'), 10);    
    $(this).parents('.fix_scroll').data('scrollable').seekTo(index);
    return false;
  });
  
  $('.cards_nav a').bind('click', function(){
    index = parseInt($(this).attr('index'), 10);    
    $('.cards').data('scrollable').seekTo(index-1);
    return false;
  });
  

  
})