(function($) {
	$.fn.toggleFade = function(settings)
	{
		if(settings==undefined) {
			settings={ speedIn : 'slow'};
		}

		settings = jQuery.extend(
				{
					speedIn: "normal",
					speedOut: settings.speedIn
				}, settings
		);
		return this.each(function()
				{
			var isHidden = jQuery(this).is(":hidden");
			jQuery(this)[ isHidden ? "fadeIn" : "fadeOut" ]( isHidden ? settings.speedIn : settings.speedOut);
				});
	};
})(jQuery);

$(function(){
	var ul = $("ul.theme-list");
	var createLink = false;
	if(ul.length === 1){
		ul.html('<p style="margin: 40px 0;text-align: center;"><img src="/images/loadingAnimation.gif" alt="Loading..." /></p>');
		var partyId = ul.attr('id').split('-')[1];
		$.ajax({
			url: "/ajax/parties.php?id="+partyId,
			success: function(data){
				ul.html(data);
				ul.append('<li id="overlay"> </li>');

				$("li.theme-popup").each(function(index){
					$(this).click(function(){
						//$(this).children("div.theme-popup").height($(this).parent("ul").height() - 50).toggleFade();
						$(this).children("div.theme-popup").toggleFade();
						$("li#overlay").css("opacity",0.8).height($(this).parent("ul").height() - 40).toggleFade();
					});
					if(index > 8){
						$(this).css('display', 'none').addClass('page-2');
						createLink = true;
					} else {
						$(this).addClass('page-1');
					}
				});
				if(createLink === true){
					ul.append('<li id="next">&gt;&gt;</li>');
					$("li#next,li#prev").click(function(){
						$("li.theme-popup").each(function(){
							if($(this).css('display') === 'none'){
								$(this).css('display', 'block');
								//$(this).fadeIn();
							} else {
								$(this).css('display', 'none');
								//$(this).fadeOut();
							}
						});
						if($(this).attr('id') === 'next'){
							$(this).attr('id', 'prev').html('&lt;&lt;');
						} else {
							$(this).attr('id', 'next').html('&gt;&gt;');
						}
					});
				}
			}
		});
	}
});