$(document).ready(function(){

  //Set position top left and right of contacts
  var pos_blue_left  = new Array(310,220,215,176,192,154,150,321,543,540,160,115,455,315);
  var pos_blue_top   = new Array( 75,235,220,168,160,128,170, 72,154,140,105,145,125, 80);
  var pos_blue_invert= new Array(  0,  0,  0,  0,  0,  0,  0,  0,  1,  1,  0,  0,  1,  0);
  //var pos_name        = new Array(      


  
  //Set blue boxs
  var i = 0;
  $(".box-contact.bluettl").each(function(){
  
    $(this).css("top",pos_blue_top[i]);
    $(this).css("left",pos_blue_left[i]);
    
    if (pos_blue_invert[i] == 1)
    {
      $(this).children(".container").css("position", "relative");
      $(this).children(".container").css("left",-350);
    }
    
    i++;
  });
  
  //Set orange boxs
  var pos_orange_left   = new Array(185,175,152,162,438,490,510,546);
  var pos_orange_top    = new Array(264,264,192,180,120, 87,180,194);
  var pos_orange_invert = new Array(  0,  0,  0,  0,  1,  1,  1,  1);
  
  i = 0;
  $(".box-contact.orangettl").each(function(){
  
    $(this).css("top", pos_orange_top[i]);
    $(this).css("left", pos_orange_left[i]);  
  
    if (pos_orange_invert[i] == 1)
    {
      $(this).children(".container").css("position", "relative");
      $(this).children(".container").css("left",-350);
    }
    
    i++;
  });
  
  // Show and Hide contacts
  $(".box-contact").hover(function(){
  
    $(this).children(".container").show();
  
  },function(){
  
    $(this).children(".container").hide();
  
  })
});