$(document).ready(
    function(){
	
	var gallery_view = 'votes';

	var toggle_gallery_view = function(){
	    if (gallery_view == 'votes'){
		gallery_view = 'date';
		$('#sticker-race-kachunk .kachunk').addClass('date').removeClass('votes'); 
	    }
	    else if (gallery_view == 'date'){
		gallery_view = 'votes';
		$('#sticker-race-kachunk .kachunk').addClass('votes').removeClass('date');
	    }
	}
	
	get_stickers_list('.sticker-list ul.content', {'ord':gallery_view}, 10);
	$('#sticker-race-kachunk .kachunk .trac').prepend('<span id="piston"></span>');
	$('#sticker-race-kachunk .kachunk').addClass('votes'); 
	$('#sticker-race-kachunk .kachunk .votes').addClass('active'); 
	
	$('#piston').animate({width: '0'}, 1500, 'easeOutBounce');
	
	
	$("#sticker-race-kachunk .slot-pull").bind('click', function(){ 
            
        $('#piston').animate({width: '100%'}, 10, function(){
		$('#piston').animate({width: '0'}, 1500, 'easeOutBounce');
	    });

	    toggle_gallery_view(); 
	    $('.sticker-list ul.content').html('');
	    get_stickers_list('.sticker-list ul.content', {'ord': gallery_view}, 10);	
	    
	  
	    if(!$(this).hasClass("locked")) { // Only go forward if I'm unlocked...
            $(this).addClass("locked");
		    $(this).find("em").attr("class","");
		    $(this).find("em").animate({
			    top: '31'
		    }, 150, function() {
		        $(this).animate({ // Callback (ascent stage).
			        top: 0
			    }, 600, function() {
				    $('#sticker-race-kachunk .slot-pull').removeClass("locked"); // Ascent stage complete.
				    $('#sticker-race-kachunk .kachunk figcaption').toggleClass('active');  // Swapping active filter. 
			    }); // Whole animation complete.
			});
        } // end check for are-we-are-we-not locked
	  });
	  // Stylish embiggening
	  $("#sticker-race-kachunk .slot-pull").mouseover(function(){
	    if(!$(this).hasClass("locked")) {
	      $(this).find("em").addClass("hovered");				
		}
	  }).mouseout(function(){
		if(!$(this).hasClass("locked")) {
			$(this).find("em").removeClass("hovered");				
		}
	  });

    }
)