var vtabs;

jQuery(document).ready(function() {
		
		jQuery('.scroll-pane').jScrollPane({ 
		           showArrows:false,
		           scrollbarWidth: 11,
		           reinitialiseOnImageLoad: true,
		           dragMaxHeight:29,
		           dragMinHeight:29,
		           wheelSpeed:25
		});
		
	jQuery('.listing_newest').css('overflow', 'visible');
	jQuery('.listing_mostView').css('overflow', 'visible');
	jQuery('.listing_mostRated').css('overflow', 'visible');
	
});

			

/*
 * 
 * @param {Int} selected
 * @param {Category Id, must be null} cat_id
 * @param {String} config_name
 * This function is used to refresh zone in TabNavigator
 */
function callNavigatorRequest(selected, cat_id, config_name)
{
	var prefix_navigator = url_site + '/bsMedia/navigator/cat_id/' + cat_id + '/config_name/' + config_name + '/criteria/';
	var url_request = "";
	if (selected == 0) {
		url_request = prefix_navigator + 'byLastAdded';
		id = 'navigator_news';
	}
	else if (selected == 1) {
		url_request = prefix_navigator + 'byHitCount';
		id = 'navigator_view';
	}
	else if (selected == 2) {
		url_request = prefix_navigator + 'byVote';
		id = 'navigator_vote';
	}
	else if (selected == 3) {
		url_request = prefix_navigator + 'byAssociatedTags/media_id/' + media_current_id;
		id = 'navigator_related';
	}
	else if (selected == 4) {
		url_request = url_site + '/bsTag/cloud/categoryId/' + cat_id + '/config_name/'  + config_name;
		id = 'cloud';
	}
	else return;
	
	var options = 
	{
		type		:		'GET',
		url			:		url_request,
		dataType	:		'html',
		async		: 		true,
		success		: function(msg){ jQuery('#'+id).html(msg); show(id)},
		beforeSend	: hide(id)
	};
	jQuery.ajax(options);
}



function show(id)
{
	jQuery('#ajax_loader').hide();
	jQuery('#'+id).show();
	setScrollBar();
}

function hide(id)
{
	jQuery('#'+id).hide();
	jQuery('#ajax_loader').show();
}

function setScrollBar()
{
 jQuery('.scroll-pane').jScrollPane({ 
		           showArrows:false,
		           scrollbarWidth: 11,
		           reinitialiseOnImageLoad: true,
		           dragMaxHeight:29,
		           dragMinHeight:29,
		           wheelSpeed:25
		});
}

function setTabMenuWithColor(elt, color)
{
	if (elt)
		elt.style.borderBottomColor = '#' + color;	
}