//-------------------------------------------------------------------//

var max_vrow = 4;
var max_vpage = 16;
var curr_f = 'date';
var curr_p = 1;
var prev_p = 1;

//-------------------------------------------------------------------//

function doFilter(filter) {

	switch(filter) {
		case 'view' : if(curr_f == 'view'){videos_array.reverse();}else{videos_array.sort(filterViews);} break;
		case 'rate' : if(curr_f == 'rate'){videos_array.reverse();}else{videos_array.sort(filterRate);} break;
		case 'comment' : if(curr_f == 'comment'){videos_array.reverse();}else{videos_array.sort(filterComment);} break;
		case 'date' : if(curr_f == 'date'){videos_array.reverse();}else{videos_array.sort(filterDate);} break;
	}

	setSelected(curr_f,filter);
	showVideos(videos_array);

	curr_f = filter;
}

//-------------------------------------------------------------------//

function doChangePage(page) {
	curr_p = page;
	showVideos(videos_array);
}

//-------------------------------------------------------------------//

function filterViews(a,b) {
  return b.VIEW_NUM - a.VIEW_NUM;
}

//-------------------------------------------------------------------//

function filterRate(a,b) {
  return b.RATE_NUM - a.RATE_NUM;
}

//-------------------------------------------------------------------//

function filterComment(a,b) {
  return b.COMM_NUM - a.COMM_NUM;
}

//-------------------------------------------------------------------//

function filterDate(a,b) {
  return b.DATE - a.DATE;
}

//-------------------------------------------------------------------//

function showVideos(videos) {
	var html = '';

	html += '<table width="100%" border="0" cellspacing="0" cellpadding="0" id="tblvideo">';

	if(videos.length == 0) {
		html += g_language['videolist-emptylist'];
	}
	else {
		var pages = Math.ceil(videos.length / max_vpage);
		var vrow = Math.round(((videos.length - (curr_p-1 * max_vpage)) / max_vpage) * max_vrow);

		if(vrow > max_vrow) {
			vrow = max_vrow;
		}
		else {
			vrow = Math.ceil(vrow);
		}


		var p_start = ((curr_p - 1) * max_vpage);
		if (p_start > videos.length) p_start = videos.length - (videos.length % max_vpage);

		var p_end = p_start + max_vpage;
		if (p_end > videos.length) p_end = videos.length;

		//A line
		for(i=0; i<vrow; i++) {

			html += '<tr valign="top">';
			//Videos in a row

			var i_start = (i * max_vrow);
			if (i_start > videos.length) i_start = videos.length - (videos.length % max_vrow);

			var i_end = (i_start+p_start) + max_vrow;
			if (i_end > videos.length) i_end = videos.length;

			for(n = i_start+p_start; n < i_end; n++) {
				//Days ago
				if(videos[n].DAYS_AGO.WEEK > 0) {
					days_ago = videos[n].DAYS_AGO.WEEK+' '+g_language['videolist-video-weeks-ago'];
				}
				else if(videos[n].DAYS_AGO.DAY > 0) {
					days_ago = videos[n].DAYS_AGO.DAY+' '+g_language['videolist-video-days-ago'];
				}
				else if(videos[n].DAYS_AGO.HOUR > 0) {
					days_ago = videos[n].DAYS_AGO.HOUR+' '+g_language['videolist-video-hours-ago'];
				}
				//Already rated
				if(videos[n].ALREADY_RATED == 1) {
					a_rated = '<img src="'+images_domain+'/images/pic/szavaztal.gif" />';
				}
				else {
					a_rated = '<a href="javascript:void(0)" onClick="rateThisVideo('+videos[n].ID+'); return false;"><img src="'+images_domain+'/images/pic/videolistrate.gif" alt="'+g_language['videolist-video-rateit']+'}" /></a>';
				}

				html += '<td width="20%">';
				html += '<div class="videobox">';
				html += '<div>';
				html += '<a href="/video/'+videos[n].URL_TITLE+'"><img width="130" height="97" src="'+videos[n].FRAME_FILE+'"/></a>';
				html += '</div>';
				html += '<div class="videotitle">';
				html += '<a href="/video/'+videos[n].URL_TITLE+'">'+videos[n].TITLE+'</a><br/>';
				html += '</div>';
				html += '<div class="videodata">';
				html += '<span class="lightertext">'+g_language['videolist-video-added']+':</span> '+days_ago+'<br/>';
				html += '<span>'+g_language['videolist-video-owner']+': </span><a href="/profile/'+videos[n].OWNER_NAME+'">'+videos[n].OWNER_NAME+'</a><br/>';
				html += '<span>'+g_language['videolist-video-view']+':</span> '+videos[n].VIEW_NUM+'<br/>';
				html += '<span> '+g_language['videolist-video-commnum']+':</span> '+videos[n].COMM_NUM+'<br/>';
				html += '</div>';
				html += '<div class="rating">';
				html += '	<div id="video-rateit-'+videos[n].ID+'">'+a_rated+'</div>';
				html += '		<div id="video-rate-'+videos[n].ID+'">';
				html += '			<span id="video-ratenum-'+videos[n].ID+'">'+videos[n].RATE_NUM+'</span> '+g_language['videolist-video-rate'];
				html += '		</div>';
				html += '	</div>';
				html += '</div>';
				html += '</td>';
			}

			html += '</tr>';
		}
	}

	html += '</table>'

	$('videos_list').innerHTML = html;
}

//-------------------------------------------------------------------//

function setSelected(rem,select) {
	Element.removeClassName('f'+rem,'filter-selected');
	$('f'+select).className = 'filter-selected';
}

//-------------------------------------------------------------------//

function showPage(p) {
	curr_p = p;

	for(i=0; i < pages_count; i++) {
		$('page-'+(i+1)).className = 'selectnone';
	}

	$('page-'+p).className = 'selectlive';

	showVideos(videos_array);
}

//-------------------------------------------------------------------//

function loadPlaylist(user_name,pl_id) {
	if(pl_id.length == 0) return false;

	var agree = confirm(g_language['playlist-beforeload']);

	if(agree) {
		document.location.href = '/profile/'+user_name+'/loadpl/'+pl_id;
	}
}

//-------------------------------------------------------------------//