$(function() {
	
	$('.crea_container').pager({  
		items_per_page: creas_per_page,
		first_load_path: baseUrl + '/contest/design-list/fetch-list?count',
		current_page_path: baseUrl + '/contest/design-list/fetch-list',
		sort_form: '#sorter',
		pages_container: '.pages',
		draw_items: function ( tC ) {
			divHtml ='';
			for (i = 0; i < tC.length; i++) {

				var creasHtml = '';
				
				var favUrl = '';
				
				for (k = 0; k < tC[i].contestCreas.length; k++) {
					
					if (tC[i].contestCreas[k].favoriteUrl)
						favUrl = '<div class="action favorite"><a href="' + tC[i].contestCreas[k].favoriteUrl + '">Ajouter à mon entourage</a></div>';
					else
						favUrl = '';
					creasHtml +=	['<li', tC[i].contestCreas[k].status ? ' class="' + tC[i].contestCreas[k].status + '"' : '','>',
									 '<div class="crea"><a href="', tC[i].contestCreas[k].showDesignUrl,'">',
									 '<img src="', tC[i].contestCreas[k].thmbUrl,'" alt="??" /></a></div>',
									 '<ul class="stats">',
									 '<li class="scores">',tC[i].contestCreas[k].scores,'</li>',
									 '<li class="comments">',tC[i].contestCreas[k].comments,'</li>',
									 '<li class="shown">',tC[i].contestCreas[k].shown,'</li>',
									 '<li class="date">',tC[i].contestCreas[k].date,'</li>',
									 '</ul>',
									 '<div class="author">Créé par <a href="', baseUrl + '/users/userprofile/profile/u/' + tC[i].contestCreas[k].author, '">', tC[i].contestCreas[k].author, '</a></div>',
							 		 favUrl,
									 '</li>'].join('');
				}
				
				if (tC[i].contestTitle) {
					var cntstHtml =	['<h3>', tC[i].contestTitle ,'</h3>',
									 '<ul class="suboption">',
									 '<li>Gain : <span class="amount">', tC[i].contestDotation ,'€</span></li>',
									 '<li>Status : <span class="amount">', tC[i].contestStatus ,'</span></li>',
									 '<li>Graphistes : <span class="amount">', tC[i].contestDesigners ,'</span></li>',
									 '<li>Propositions : <span class="amount">', tC[i].contestPropositions ,'</span></li>',
									 '</ul>',
									 '<div class="actions">',
									 '<a href="', tC[i].contestBriefLink, '">Voir le brief</a>',
									 '</div>'].join('');
					}
				
				
				divHtml +=	['<div class="contest">',
							 tC[i].contestTitle ? cntstHtml : '',
							 '<ul class="crealist">', creasHtml, '</ul>',
							 '</div>'].join('');
			}
			$('div.crea_container').html(divHtml);
			$('ul.crealist li').ieHover();
			$('.favorite a').urlBatch();
			$('#creative').jqmAddTrigger ($('ul.crealist .crea a')); 
		}
	});

});