$(document).ready(function() {
  var DELAY = "10000",
      seccionActiva = false,
      preActiva = null,
      Activa = null,
      clickMenu = true,
      hoverMenu = true,
      baseURL = "frontend_dev.php/inicio/",
      actions = { web: "getWebProjects", sistemas: "getSystemsProjects",
                  seo: "getSEO", lenska: "getLenska",
                  contacto: "getContacto", clientes: "getClientes" };

  function showRightColumnIfNotWebOrSystems(item) {
    if (item !== "getWebProjects" && item !== "getSystemsProjects") {
      $.get(baseURL + item + "Content", function(response) {
        if (response) {
          $("#right-column").empty().append(response).fadeIn(DELAY);
        }
      });
    }
  }

  function activarSeccion(activa) {
    preActiva = Activa;
    Activa = activa.charAt(0).toUpperCase() + activa.slice(1);
    clickMenu = false;

    if (seccionActiva == false) {
      $("#scroller #Initial_scroll").remove();
      $("#scroller #" + Activa + "_scroll").show("slide", { direction: "left" }, DELAY, function() {
        showRightColumnIfNotWebOrSystems(actions[activa]);
      });
      clickMenu = true;
      return activa;
    } else if (seccionActiva == activa) {
      $("#right-column").fadeIn(DELAY, function() {
        $("#right-column").empty();
        $("#scroller #" + Activa + "_scroll").hide("slide", { direction: "left" }, DELAY);
      })
      clickMenu = true;
      return false;
    } else {
      $("#right-column").fadeOut(DELAY, function() {
        $("#right-column").empty();
        $("#scroller #" + preActiva + "_scroll").hide("slide", { direction: "left" }, DELAY, function() {
          $("#scroller #" + Activa + "_scroll").show("slide", { direction: "left" }, DELAY, function() {
            showRightColumnIfNotWebOrSystems(actions[activa]);
          });
        });
      })
      clickMenu = true;
      return activa;
    }
  }

  $("a.item-menu").bind("click", function() {
    $("a.item-menu").css("color", "#000");
    $(this).css("color", "#0a74a1");
    if (clickMenu) {
      seccionActiva = activarSeccion($(this).attr("id"));
    }
  });
  
  if (window.location.hash === "#contacto") {
    $.get(baseURL + "getContactoContent", function(response) {
      if (response) {
        $("#right-column").empty().append(response).fadeIn(DELAY);
      }
    });
  }
  
  $("dl.lista-webs").ready(function() {
    var clienteActivo = 0;
    
    $("dl.lista-webs dt").hover(function() {
      $(this).addClass("jover");
    }, function() {
      $(this).removeClass("jover");
    });
    
    $("dl.lista-webs dt").bind("click",function() {
      clienteActivo = $(this).attr("id");
      $("dl.lista-webs dt").removeClass("cliente-activo");
      $(this).addClass("cliente-activo");
      
      var section = $(this).parent().parent().attr("id");
      $("#right-column").hide().empty();
      $.get(baseURL + "get" + Activa + "Content?id=" + $(this).attr("id"), function(response) {
        if (response) {
          $("#right-column").empty().append(response).fadeIn(DELAY);
        }
      });
    });
  });
});