// TruliSlider 0.2
// 
jQuery.fn.creaSlider = function() {
	var seleccionado = 0
	var seleccionadoInfo = 0
	// Altura del contenedor de los infos
	var alturaMax = $('.info_slider_distribuidores').height()//this.height()
	
	$('ul li a',this).click(function(){							
		Selecciona($(this));
		return false;
	});
	
	Selecciona = function(obj) {
		// Split 1 es el nombre del boton, split 2 su posición
		var TMP_split = obj.attr('id').split('_')
		var nombreEntra = TMP_split[1]
		var posEntra = TMP_split[2]
		var EntraInfo = $('#info_'+nombreEntra+'_'+posEntra)
				
		if(seleccionado == 0){
			EntraInfo.animate({"top": "0px"}, 400)
			obj.parent().addClass("distribuidor_SeleccionadoParent");
		}else{
			if(seleccionado.attr('id') != (obj.attr('id'))){
				var DivInfoActual = $('#info_distribuidor_1')	
				seleccionado.removeClass("distribuidor_Seleccionado");				
				seleccionado.parent().removeClass("distribuidor_SeleccionadoParent");
									
				posSale = seleccionadoInfo.attr('id').split('_')[2]
				
				if(Number(posEntra)<Number(posSale)){
					PosFinalSale = String(alturaMax)+"px"
					// Tiene que irse por abajo y la posicion viene determinada por la altura de la caja 
					PosInicialEntra = String(-alturaMax)+"px" //String(0-EntraInfo.height())+'px'	
				}else{
					PosFinalSale = String(-alturaMax)+"px" //String(0-PosFinalSale.height())+'px'
					PosInicialEntra = String(alturaMax)+"px"
				}
				seleccionadoInfo.animate({"top": PosFinalSale}, 400)
				
				EntraInfo.css("top",PosInicialEntra)
				
				var posFinalEntra = (posEntra-1)*(obj.parent().height()+3);
				
				EntraInfo.animate({"top": posFinalEntra+"px"}, 400)
				obj.parent().addClass("distribuidor_SeleccionadoParent");
			}
		}
		obj.addClass("distribuidor_Seleccionado");
		seleccionado = obj
		seleccionadoInfo = EntraInfo 
		}
	
	Selecciona($('#boton_distribuidor_1'));
	
	};