jQuery.extend(jQuery.easing,
{
  easeOutQuad: function(x, t, b, c, d) {
    return -c *(t/=d)*(t-2) + b;
  }
});

$(function(){
  $('.sponsors-list-container').serialScroll({
    items:'li',
    axis:'x',
    easing:'easeOutQuad',
    duration:'200'
  });

  $('.gold-button').click(function() { $('.pick').css({'background-position': '0 0'}); $('.sponsors-list-container').trigger('goto', [0]); return false; });
  $('.silver-button').click(function() { $('.pick').css({'background-position': '0 -165px'}); $('.sponsors-list-container').trigger('goto', [1]); return false; });
  $('.bronze-button').click(function() { $('.pick').css({'background-position': '0 -330px'}); $('.sponsors-list-container').trigger('goto', [2]); return false; });
});

$(document).ready(function(){
  var photos_div = $('.band-photos');
  if (photos_div.length != 0) {
    var paper = Raphael(photos_div[0], 600, 250);
    
    // Create our band images
    var photos = Array();
    photos[0] = paper.image("/assets/images/rock/mckinney-photo-logo.png", 10, 20, 130, 156).rotate(-5);
    photos[1] = paper.image("/assets/images/rock/dcc-photo-logo.png", 100, 50, 130, 156).rotate(5);
    photos[2] = paper.image("/assets/images/rock/keysource-photo-logo.png", 190, 10, 130, 156);
    photos[3] = paper.image("/assets/images/rock/sportsmedia-photo-logo.png", 290, 40, 130, 156).rotate(3);
    photos[4] = paper.image("/assets/images/rock/quintiles-photo-logo.png", 390, 10, 130, 156).rotate(-8);
    
    $(photos[0].node).click(function() { window.location = 'band/role-playaz'; return false; });
    $(photos[1].node).click(function() { window.location = 'band/transmit-this-read-aid'; return false; });
    $(photos[2].node).click(function() { window.location = 'band/shades-of-blue'; return false; });
    $(photos[3].node).click(function() { window.location = 'band/augmented-reality'; return false; });
    $(photos[4].node).click(function() { window.location = 'band/counting-cros'; return false; });

    jQuery.each(photos, function() {
      $(this.node).hover(function() { $(this).css({'cursor': 'pointer'}); });
    });
  }
});