jQuery.fn.tabs = function(){
	
	return jQuery(this).each(function(){

		// Class name
		var tabs = {
			selected  : 'activo', // Tab class
			visible   : 'on',     // Box class to show on clicked tab
			invisible : 'off'     // Box class to hide
		};

		//alert(location.hash.slice(1));

		var solapaActiva = location.hash.slice(1);
		var solapas = jQuery(this);

		
		if(solapaActiva!='' && solapaActiva.substring(0,3)=='tab'){
			var sp = solapaActiva.substring(4, solapaActiva.length);
			solapas.find('.'+tabs.selected).removeClass(tabs.selected);
			solapas.find('.'+sp).addClass(tabs.selected);
			solapas.find('.'+tabs.visible).removeClass(tabs.visible).addClass(tabs.invisible);
			solapas.find('#'+sp).addClass(tabs.visible);
		}


		solapas.find("ul:first li").click(function(){
			solapas.find('.'+tabs.selected).removeClass(tabs.selected);
			var tab = $(this).attr('class');
			$(this).addClass(tabs.selected);
			var active = solapas.find('.'+tabs.visible);
			active.removeClass(tabs.visible);
			active.addClass(tabs.invisible);
			$("#"+tab).removeClass(tabs.invisible);
			$("#"+tab).addClass(tabs.visible);
			location.hash = 'tab-'+tab;
		});
		

	});
	
}



jQuery.fn.ranking = function(){
	
	return jQuery(this).each(function(){

		// Class name
		var tabs = {
			selected  : 'activo', // Tab class
			visible   : 'on',     // Box class to show on clicked tab
			invisible : 'off'     // Box class to hide
		};

		var solapas = jQuery(this);

		solapas.find("ul:first li").click(function(){
			solapas.find('.'+tabs.selected).removeClass(tabs.selected);
			var tab = $(this).attr('class');
			$(this).addClass(tabs.selected);
			var active = solapas.find('.'+tabs.visible);
			active.removeClass(tabs.visible);
			active.addClass(tabs.invisible);
			$("#"+tab).removeClass(tabs.invisible);
			$("#"+tab).addClass(tabs.visible);
		});
		

	});
	
}