/* Author: 

*/

$(document).ready(function(){

	var items = $('#stage li'),
		itemsByTags = {};

	// Looping though all the li items:

	items.each(function(i){
		var elem = $(this),
			tags = elem.data('tags').split(',');

		// Adding a data-id attribute. Required by the Quicksand plugin:
		elem.attr('data-id',i);

		$.each(tags,function(key,value){

			// Removing extra whitespace:
			value = $.trim(value);

			if(!(value in itemsByTags)){
				// Create an empty array to hold this item:
				itemsByTags[value] = [];
			}

			// Each item is added to one array per tag:
			itemsByTags[value].push(elem);
		});

	});

function createList(text,items){

	// This is a helper function that takes the
	// text of a menu button and array of li items

	// Creating an empty unordered list:
	var ul = $('<ul>',{'class':'hidden'});

	$.each(items,function(){
		// Creating a copy of each li item
		// and adding it to the list:

		$(this).clone().appendTo(ul);
	});

	ul.appendTo('#swrap');

	// Creating a menu item. The unordered list is added
	// as a data parameter (available via .data('list')):

	var a = $('<a>',{
		html: text,
		href:'#',
		data: {list:ul}
	}).appendTo('#filter');
}

// Creating the "Everything" option in the menu:
createList('Everything',items);

// Looping though the arrays in itemsByTags:
$.each(itemsByTags,function(k,v){
	createList(k,v);
});

$('#filter a').live('click',function(e){
	var link = $(this);

	link.addClass('active').siblings().removeClass('active');

	// Using the Quicksand plugin to animate the li items.
	// It uses data('list') defined by our createList function:

	$('#stage').quicksand(link.data('list').find('li'));
	e.preventDefault();
	
	
$('#stage').quicksand(link.data('list').find('li'),function(){
    // FancyBox initialization code.
    $('a.fancylink:visible').fancybox({
      'frameWidth': 600, 
      'frameHeight': 360,
      'callbackOnShow': function() { 
    $("#fancybox-title table td").wrapInner("<a href=\"http:\/\/www.google.com\" onClick=location.href=\"http://www.google.com\"></a>");
  }
    });
    
    $('a.gallery:visible').fancybox({
      'titlePosition'	: 'outside',
      'overlayColor'	: '#000',
      'overlayOpacity'	: 0.8
    });

});

});

// Selecting the first menu item by default:
$('#filter a:first').click();

});

// Fancybox on Download Page
$(document).ready(function() {
  $("a.screenshot").fancybox({
    'titlePosition'	: 'inside',
    'overlayShow'	: false,
    'transitionIn'	: 'elastic',
    'transitionOut'	: 'elastic'
  });
});