function sleep(gap){
var then,now; then=new Date().getTime();
now=then;
while((now-then)<gap)
  now=new Date().getTime();
}
var pasos = 70;
var i;
var r0;
var g0;
var b0;

var rf;
var gf;
var bf;

var num2 = 1; //seccion antigua
var properties;
var viejos;
var nuevos;


function prepara(str) { return str.substring(1, str.length); }
function d2h(d) { d = d.toString(16); if (d.length == 1) { d = '0'+d; } return d;}
function h2d(h) {return parseInt(h,16);}


function transicion() {

  actualiza = Array(
  Array( parseInt(viejos[0][0] + (nuevos[0][0] - viejos[0][0])*i/pasos), parseInt(viejos[0][1] + (nuevos[0][1] - viejos[0][1])*i/pasos), parseInt(viejos[0][2] + (nuevos[0][2] - viejos[0][2])*i/pasos)),
  Array( parseInt(viejos[1][0] + (nuevos[1][0] - viejos[1][0])*i/pasos), parseInt(viejos[1][1] + (nuevos[1][1] - viejos[1][1])*i/pasos), parseInt(viejos[1][2] + (nuevos[1][2] - viejos[1][2])*i/pasos)), 
  Array( parseInt(viejos[2][0] + (nuevos[2][0] - viejos[2][0])*i/pasos), parseInt(viejos[2][1] + (nuevos[2][1] - viejos[2][1])*i/pasos), parseInt(viejos[2][2] + (nuevos[2][2] - viejos[2][2])*i/pasos))
  );
  
  
  
  nuevo_string_back = "#" + d2h(actualiza[0][0]) + d2h(actualiza[0][1]) + d2h(actualiza[0][2]);
  nuevo_string_color = "#" + d2h(actualiza[1][0]) + d2h(actualiza[1][1]) + d2h(actualiza[1][2]);
  nuevo_string_border = "#" + d2h(actualiza[2][0]) + d2h(actualiza[2][1]) + d2h(actualiza[2][2]);
  
  document.getElementById("cont").style.background = nuevo_string_back;
  document.getElementById("title").style.color = nuevo_string_color;
  document.getElementById("cont").style.borderColor = nuevo_string_border;

  if (++i <= pasos) setTimeout("transicion()", 20);
  
}


function cambiaColor(s0, s1) {
  i = 0;
  
  
  viejos = Array(
  Array( h2d(prepara(properties[s0][0]).substring(0, 2)), h2d(prepara(properties[s0][0]).substring(2, 4)) , h2d(prepara(properties[s0][0]).substring(4, 6))),
  Array( h2d(prepara(properties[s0][1]).substring(0, 2)), h2d(prepara(properties[s0][1]).substring(2, 4)) , h2d(prepara(properties[s0][1]).substring(4, 6))),
  Array( h2d(prepara(properties[s0][2]).substring(0, 2)), h2d(prepara(properties[s0][2]).substring(2, 4)) , h2d(prepara(properties[s0][2]).substring(4, 6)))
  );
  
  nuevos = Array(
  Array( h2d(prepara(properties[s1][0]).substring(0, 2)), h2d(prepara(properties[s1][0]).substring(2, 4)) , h2d(prepara(properties[s1][0]).substring(4, 6))),
  Array( h2d(prepara(properties[s1][1]).substring(0, 2)), h2d(prepara(properties[s1][1]).substring(2, 4)) , h2d(prepara(properties[s1][1]).substring(4, 6))),
  Array( h2d(prepara(properties[s1][2]).substring(0, 2)), h2d(prepara(properties[s1][2]).substring(2, 4)) , h2d(prepara(properties[s1][2]).substring(4, 6)))
  );
  //alert(prepara(properties[s0][0]).substring(0, 2));
  transicion();
}

function poneCodigo(num) {
  //properties => Array(Array(cont background,title color,cont borderColor),...)
  properties = Array(
    Array("#e8caa0","#80643c","#80643c"),
    Array("#b9cf8a","#6d8044","#6d8044"),
    Array("#8dafbd","#365e6f","#365e6f"),
    Array("#cf978a","#8c4d3f","#8c4d3f"),
    Array("#d29bbd","#804669","#804669")
  );
  
   var fnDone = function(data) {
    document.getElementById("title").style.color = properties[num-1][1];
    //document.getElementById("cont").style.background = properties[num-1][0];
    document.getElementById("cont").style.borderColor = properties[num-1][2];
    
  }
  var  myConn = new AJAXob("texto","secciones.php","", fnDone);
    
  document.getElementById("texto").innerHTML = '<h3 id="title">...Cargando sección...</h3>';
  
  fnDone();
  cambiaColor(num2-1, num-1);
  
  
  if (num > 1)
    document.getElementById("texto").style.fontSize = "14px";
  else
    document.getElementById("texto").style.fontSize = "11px";
    
  
  params = Array(Array("seccion",num));
  myConn.setParams(params);
  myConn.request("POST");
  
  num2 = num;
}