// JavaScript Document
function updateContent(area_id, page, filter, url){	
	$(area_id + " .paginationHolder").html('');
	$(area_id + " .mediaHolder").html('');	
			
	$.getJSON(url, {action: area_id, page_num: page, filter: filter},
		function(data){
			var target = $(area_id + " .mediaHolder");			
			var rowCount = 0;
			if(data.stats.num_rows > 0){
				$.each(data.data, 
					function(i, data){	
						var len = data.length;
						var zebra = ( rowCount%3 == 0 ) ? 'first left' : 'left' ;
						var newItem = "<div class='itemWrapper " + zebra + "'>";
						
						newItem += "<a href='/multimedia/" + data[2] + "/" + i + "/?KeepThis=true&TB_iframe=true&height=360&width=480' class='thickbox linkMediaImage'><img src='" + data[1] + "'/></a>";
						newItem += "<span class='linkMediaText'>" + data[3] + " | <a href='/multimedia/" + data[2] + "/" + i + "/?KeepThis=true&TB_iframe=true&height=360&width=480' class='thickbox'>" + data[0] + "</a>";
						
						if (len > 4){
							newItem += " (" + data[4] + ")";
						}
						
						newItem += '</span></div>';
						target.append(newItem);
						rowCount++;
					});		
				
				if(data.stats.total_pages > 1){
					if(data.stats.current_page > 1){
						$("<a>").attr("href", (data.stats.current_page + 1)+'/').html('<img src="/images/btn-prev.gif" class="ro"/>').appendTo(area_id + " .paginationHolder").click(
							function(evt){
								updateContent(area_id, (data.stats.current_page - 1), url);
								evt.preventDefault();
						});
					}
					for(j = 0; j < data.stats.total_pages; j++){
						$(area_id + " .page_holder").val(data.stats.current_page);
						var targetPage = (j + 1);
						var newLink = $("<a>").attr("href", targetPage+'/').text(targetPage).addClass("page").appendTo(area_id + " .paginationHolder").click(
							function(evt){
								updateContent(area_id, $(this).attr("href"), url);
								evt.preventDefault();
							});
						if(targetPage == data.stats.current_page){
							newLink.addClass("selected");
						}					
					}
					if(data.stats.current_page < data.stats.total_pages){
						$("<a>").attr("href", (data.stats.current_page - 1) +'/').html('<img src="/images/btn-next.gif" class="ro"/>').appendTo(area_id + " .paginationHolder").click(
							function(evt){
								updateContent(area_id, (data.stats.current_page + 1), url);
								evt.preventDefault();
						});
					}
				}
				bindThickBoxEvents();
			}
		});
}

function bindThickBoxEvents() {
	removeThickBoxEvents();
	tb_init('a.thickbox, area.thickbox, input.thickbox');
}

function removeThickBoxEvents() {
	$('.thickbox').each(function(i) {
		$(this).unbind('click');
	});
}