var recomended_sort_order = [0, 0];
var recomended_page_nr    = [1, 1];

$(function(){
	
	loadFirstItems();
	
	$('p.filter_from a').bind('click', function(){
		if (!$(this).hasClass('active')) {
			var delatv = $(this).parent().attr('title');
			var sortorder = $(this).attr('lang');
			recomended_sort_order[delatv] = parseInt(sortorder);
			getRecomended(delatv, 1, sortorder);
			$('#from_listing_'+delatv+' p.filter_from a').removeClass('active');
			$(this).addClass('active');
		}
	});
	
	$('div.from_paginator a.page').bind('click', function(){
		var pagenr = $(this).html();
		var delatv = $(this).parent().attr('lang');
		recomended_page_nr[delatv] = pagenr;
		sortorder = recomended_sort_order[delatv];
		getRecomended(delatv, pagenr, sortorder);
	});
	
	$('div.from_paginator a.previous').bind('click', function(){
		var currentPage = $(this).siblings('.page.active').html();
		if (currentPage>1)
			currentPage = parseFloat(currentPage)-1;
		else
			currentPage = 4;
		var delatv = $(this).parent().attr('lang');
		sortorder = recomended_sort_order[delatv];
		getRecomended(delatv, currentPage, sortorder);
	});
	
	$('div.from_paginator a.next').bind('click', function(){
		var currentPage = $(this).siblings('.page.active').html();
		if (currentPage<4)
			currentPage = parseFloat(currentPage)+1;
		else
			currentPage = 1;
		var delatv = $(this).parent().attr('lang');
		sortorder = recomended_sort_order[delatv];
		getRecomended(delatv, currentPage, sortorder);
	});
	
	
});

function getRecomended(delatv, page, sortorder) {
	var page = page;
	var delatv = delatv;
	showDelatvLoader(delatv);
	$.ajax({
		url: baseUrl + '/index/recomended-list-xhr',
		data: {
			delatv: delatv,
			page: page,
			sortorder: sortorder
		},
		success: function(data){
			$('#from_listing_'+delatv+' div.from_video').remove();
			$('#from_listing_'+delatv).append(data);
			setFromPage(delatv, page);
			hideDelatvLoader(delatv);
		}
	});
}

function setFromPage(delatv, page) {
	$('#from_paginator_'+delatv+' a.page').removeClass('active');
	$('#from_paginator_'+delatv+' a.page'+page).addClass('active');
}

function showDelatvLoader(delatv) {
	$('#ajax_loader_' + delatv).show();
}

function hideDelatvLoader(delatv) {
	$('#ajax_loader_' + delatv).hide();
}

function loadFirstItems() {
	var i = 0;
	for (i; i<2; i++) {
		getRecomended(i, 1, 0);
	}
}