jQuery.fn.wrapInChunks = function(html, chunkSize) {

    chunkSize = chunkSize || 1;

    var items = this.get(),
        rows = [],
        cur = rows[0] = $(html);

    while (items[0]) {

        if (rows[rows.length - 1].children().length === chunkSize) {
            cur = rows[rows.length] = $(html);
        }

        cur.append( items.shift() );

    }

    return this.pushStack(rows);

};





// JavaScript Document

jQuery(document).ready(function() {
	jQuery('#tabvanilla > ul').tabs({ fx: { height: 'toggle', opacity: 'toggle' } });
	jQuery('#tab1 div.scene').hide();
	jQuery('#tab1 div.scene:eq(0)').fadeIn();
	
    items = new Array();
    
    //jQuery('.scroller').remove()
    
    jQuery('.scroller').clone().appendTo('.yearScrollers');
    
    jQuery("div.scroller:eq(0)").addClass('2009');
    jQuery("div.scroller:eq(0)").find("div.2010").remove();

    jQuery("div.scroller:eq(1)").addClass('2010');
    jQuery("div.scroller:eq(1)").find("div.2009").remove();
    
    
    
    
    
    //items[2009] = jQuery("div.scrollable div.2009").remove();
    //items[2010] = jQuery("div.scrollable div.2010").remove();
    
    //items[2010].appendTo('div.scrollable div.items');
    
    jQuery('.item.2009').wrapInChunks('<div />', 3).appendTo('div.scroller.2009 div.items');
    jQuery('.item.2010').wrapInChunks('<div />', 3).appendTo('div.scroller.2010 div.items');

    


	s = jQuery("div.scrollable").scrollable({mousewheel: true, speed: 800, size: 3,circular: false}).navigator({steps: 3}).autoscroll({ autoplay: true, interval: 10000 });
    api = jQuery("div.scrollable").data('scrollable');
    //api.end();
    
    //jQuery("div.yearSelector").tabs("div.yearScrollers > div.scroller");
    
    
    //jQuery('div.scroller.2010').show();  
    
    jQuery('a.yearSelectorA').bind('click', function() {
        jQuery('a.yearSelectorA').removeClass('active')
        jQuery('div.scroller').hide();
        jQuery('div.scroller.' + jQuery(this).html()).show()
        jQuery(this).addClass('active');
    });

    jQuery('#y2010').click()
    
    
	
	});

function showScene(scene) {
	jQuery('#tab1 div.scene').hide();
	jQuery('#tab1 div.scene:eq(' + (scene+1) + ')').fadeIn();
	}