$(document).ready(function() { 
	var altoPantalla = screen.height;
	$("#cabecera_tabla").css("font-size", (altoPantalla*2)/100);
	$("#contenido_tabla").css("font-size", (altoPantalla*2)/100);
	recolocarBarraTop ()
	$(window).resize( function(){recolocarBarraTop()});
	var altoTabla = $("#proveedores div").height();
	$("#contenido").css("height", altoTabla);
	$("#contenido").css("padding-bottom", "50px");
	//Uso colorbox
	$("a[rel='img']").colorbox({photo:true, rel:'nofollow'});
	$("a[rel='img_g']").colorbox({photo:true});
	
	//cargas asincronas
	 $(".ver_post").colorbox();
	 
    // call the tablesorter plugin 
    $("table").tablesorter({ 
        // sort on the first column and third column, order asc 
        //sortList: [[5,1],[3,1]] 
    }); 
}); 
function recolocarBarraTop () {
	$("#barra_top_prov").css("width", $(window).width()); 
	$("#menu_colores").css("font-size", ($("#barra_top_prov").width()*2)/195);
	if($(window).width() < 1600 ) { 
		$("#menu_colores").css("font-weight", 900);
		console.log($(window).width() + " " + $("#menu_colores").css("font-weight"));
	} else {
		console.log($(window).width() + " " + $("#menu_colores").css("font-weight"));
		$("#menu_colores").css("font-weight", 400);
	}
}

function cambiarColor (fondo, texto, fondoTh) {
	$("#contenido_tabla ul li").css("background-color", fondo);
	$("#contenido_tabla ul li a.ver_post").css("color", texto);
	$("#cabecera_tabla  ul li").css("background-color", fondoTh);
}

function setCookie (nombre_cookie,valor_cookie) {
  var vida_cookie_dias = 60;
  var dominio_cookie = "grupo-quimiasiatico.com";
  //document.cookie = nombre_cookie + "=" + "; max-age=0; path=/; domain=" + dominio_cookie ;
  document.cookie = nombre_cookie +  "=" + encodeURIComponent( valor_cookie ) +  "; max-age=" + 60 * 60 *  24 * vida_cookie_dias +  "; path=/; domain=" + dominio_cookie ;
}
function getCookie (nombre_cookie){
  var data;
  var color
  if (document.cookie.length != 0) {
    data = document.cookie.split(";");
    color = data[1].split("="); 
    return color[1];
   }
  return '' ;
}


/**************
	SCROLL
**************/

function mostrarTabla(altura) {
	
	var $mascara = $("#contenido_tabla");
	$mascara.css('height', altura);
	
}

function scrollTabla (accion) {
	
	// scroll
	var $mascara = $("#contenido_tabla");
	var alturaMascara = $mascara.height();
	var posMascara = $mascara.position();
	var posicionMascara = posMascara.top;
	var $tabla = $("#tabla");
	var alturaTabla = $tabla.height();
	var posicionTabla = getPosicionTabla($tabla);
	var movimiento = alturaMascara;
	
	
	var elementoOcultoTop = posicionMascara - posicionTabla;
	var elementoOcultoDown = (posicionTabla + alturaTabla) - (posicionMascara + alturaMascara);
	
	switch (accion) {
		case 'bajar':
			if (elementoOcultoDown < alturaMascara ) movimiento = elementoOcultoDown;
			$tabla.animate({top: "-="+movimiento}, "easing", function(){comprobarSiScroll()});
		break;
		
		case 'subir':
			if (elementoOcultoTop < alturaMascara ) movimiento = elementoOcultoTop;
			$tabla.animate({top: "+="+movimiento}, "easing", function(){comprobarSiScroll()});
		break;
		
		case 'inicio':
			$tabla.animate({top: 0}, "easing", function(){comprobarSiScroll()});
		break;
		
		case 'fin':
			var posicionFinal = alturaMascara - alturaTabla;
			$tabla.animate({top: posicionFinal}, "easing", function(){comprobarSiScroll()});
		break;
		
		default:
			break;
	}
}

function comprobarSiScroll() {
	// scroll
	var $mascara = $("#contenido_tabla");
	var alturaMascara = $mascara.height();
	var posMascara = $mascara.position();
	var posicionMascara = posMascara.top;
	var $tabla = $("#tabla");
	var alturaTabla = $tabla.height();
	var posicionTabla = getPosicionTabla($tabla);

	
	var posicionFinal = alturaMascara - alturaTabla + posicionMascara;
	//var elementoOcultoTop = posicionMascara - posicionTabla;
	//var elementoOcultoDown = (posicionTabla + alturaTabla) - (posicionMascara + alturaMascara);
	
	var pos = getPosicionTabla($tabla);
	
	if (posicionTabla > posicionFinal) {
		$('#bajarScroll a').show();
		$('#finScroll a').show();
	} else {
		$('#bajarScroll a').hide();
		$('#finScroll a').hide();
		var t=posicionFinal - posicionMascara;
		$tabla.animate({top: t}, "easing");
	}
	
	if(pos != posicionMascara) {
		$('#subirScroll a').show();
		$('#inicioScroll a').show();
		
	} else {
		var f = function () {
			botonDeshabilitado();
		}
		$('#subirScroll a').hide();
		$('#inicioScroll a').hide();
		$tabla.animate({top: 0}, "easing");
	}
}



function botonDeshabilitado() {
	alert("botonDeshabilitado");
}

function getPosicionTabla($_tabla) {
	var pos = $_tabla.position();
	var posTop = pos.top;
	return posTop;
}
