function createTabs(nombre,posicion,cssClass,nombreAsSelector){
    if (nombreAsSelector==true){
        $("#"+nombre+" > li > a").bind("click",{nombre: nombre,cssClass:cssClass}, seleccionarPestaña);
        $("#"+nombre+" > li > a:eq("+posicion+")").click();
    }else{
        //añadimos los eventos a cada pestaña
        $("#"+nombre+"_pestanna > li > a").bind("click",{nombre: nombre,cssClass:cssClass}, seleccionarPestaña);

        //pulsamos la pestaña que corresponda a la posicion que se nos pasa
        $("#"+nombre+"_pestanna > li > a:eq("+posicion+")").click();
    }
}

function seleccionarPestaña(e){
	if (e.data.cssClass==undefined) e.data.cssClass = "selected";
	//deseleccionamos la pestaña anteriormente seleccionada
	$(this).parent().parent().children("."+e.data.cssClass).removeClass(e.data.cssClass);
	//seleccionamos la pestaña que hemos pulsado
	$(this).parent().addClass(e.data.cssClass);
	
	//sacamos la posicion de la pestaña
	var i = $(this).parent().parent().children("."+e.data.cssClass).prevAll().length;

	//mostramos el contenido de todas las pesatañas
	$("[id='"+e.data.nombre+"_contenido']").show();

	//ocultamos los contenidos que no se han seleccionado
	$("[id='"+e.data.nombre+"_contenido']:gt("+i+")").hide();
	$("[id='"+e.data.nombre+"_contenido']:lt("+i+")").hide();
	
	//devolvemos false para no seguir el link
	return false;
}