var vg;

function initFilmsPage ()
{
	if ($("#grid-content").length>0)
	{
		vg = $("#grid-content").vgrid({
			easeing: "easeOutQuint",
			time: 400,
			delay: 20,
			fadeIn: {
				time: 500,
				delay: 50
			},
			onStart: function() {
				//
			},
			onFinish: function() {
				//
			}
		});

		addCategoriesEvent();
		addFilmsOverEvent();	
	}
}

/*
** categories
*/

function addCategoriesEvent ()
{
	$('div.categories ul.categories li.item').each(
		function () 
		{
			var id_category = $(this).attr('data-id-category');
			$(this).click(
				function() 
				{
					$('div.categories ul li.item').removeClass('selected');
					$(this).addClass('selected');
					showFilmsFromCategory(id_category);
					Cufon.refresh();
					return false;
				});
		}
	);
}

function showFilmsFromCategory (id_category)
{
	var className = 'film-category-' + id_category;
	$('div.film').each(
		function() 
		{
			if ((id_category == 0) || $(this).hasClass(className))
			{
				$(this).removeClass('film-hide');
				$(this).find('div.not-in-category').remove();
				
			} 
			 else
			{
				$(this).addClass('film-hide');
				$(this).find('div.image a').append('<div class="not-in-category"><span>Not in category</span></div>');
			}
		}
	);
	//
	vg.vgsort(
		function(a, b) {
			_aInc = ($(a).hasClass(className)) ? -10000 : 0;
			_bInc = ($(b).hasClass(className)) ? -10000 : 0;
			var _a = _aInc + Number($(a).attr('position'));  
			var _b = _bInc + Number($(b).attr('position'));  
			return (_a > _b) ? 1 : -1;
		}, "easeInOutExpo", 500, 0);

	//
	$('body').scrollTo(0, 500);

	return false;
}

/*
** films event
*/

function initFilmsClickEvent ()
{
	$('div.film').each(
		function() 
		{
			$(this).find('a').click(
				function () {
					$(this).find('div.image')
						.append('<div class="visited"><span>Visited</span></div>');
				}
			);
		}
	);
}

function addFilmsOverEvent ()
{
	$('div.film').each(
		function() 
		{
			$(this).hover(
				function () {
					$(this).addClass('film-hover');
					//$(this).find('.visited').css('visibility', 'hidden');
					$(this).find('.not-in-category').css('visibility', 'hidden');
				},
				function () {
					$(this).removeClass('film-hover');
					//$(this).find('.visited').css('visibility', 'visible');
					$(this).find('.not-in-category').css('visibility', 'visible');
				}
			);
		}
	);
}

/*
** Fancy Box
*/

function initFancyBox ()
{
	$('div#films div.film a').click(
		function() {
			$_this = this;
			$.fancybox.showActivity();
			var url = $(this).attr('href');
			$.fancybox({
				'padding'        : 0,
				'overlayOpacity' : 0.65,
				'overlayColor'   : '#000',
				'titleShow'      : false,
				'scrolling'      : 'no',
				'type'           : 'ajax',
				'ajax'           : {url: url, type : "POST"},
				'onStart'       : function() {
					window.location.hash='#' + $($_this).attr('info-key');
				},
				'onClosed'      : function() {
					window.location.hash='#!';
				}
			});
		return false;
	});

	var hash = window.location.hash;
	if(hash.length > 0)
	{
		key = hash.replace(new RegExp("(#)","g"),'');
		if (key != "!")
		{
			var item = $('div#films div.film a[info-key='+ key +']');
			if (item)
			{
				$(item).trigger('click');
			}
		}
	}
}

/*
** cufon
*/

function initCufon () 
{
	Cufon.replace('.helvetica', { fontFamily: 'Helvetica Neue LT Std', hover: true });
}

/*
** background
*/

function setBackgroundFlash (name, file)
{
	$('body').append('<div id="background"></div>');
	$('#background').html('<div id="flashContent"></div>');

	var flashvars = {};
	var params = {};
	var attributes = {};
	var expressInstall = '/themes/default/swf/expressInstall.swf';

	flashvars.title = name;
	flashvars.file =  file;
	params.stage ='noscale';
	params.wmode = 'transparent';
	attributes.id = 'flashContent';
	attributes.name = 'flashContent';

	swfobject.embedSWF(
		'/themes/default/swf/player.swf',
		'flashContent',
		'100%','100%','9',
		expressInstall, 
		flashvars, 
		params, 
		attributes
	);
}

function setBackgroundImage (image, width, height)
{
	$('body').append('<div id="background-pattern"></div>');
	$('body').append('<div id="background"></div>');
	$('#background').html('<img src="/files/' + image + '" width="' + width + '" height="' + height + '" />');
	$('#background img').fullBg();
}

/*
** top
*/

function initTop () 
{
	$('div.top a').attr('href', 'javascript:;');
 	$('div.top a').click (
		function(){ 
			$('body').scrollTo(0, 500);
		}
	);
}

/*
** on load
*/

$(function()
{
	initCufon();
	//initTop();
});