// JavaScript Document

jQuery(window).load(function(){
    jQuery("#slid").nivoSlider({
        effect:"random",
        slices:15,
        boxCols:8,
        boxRows:4,
        animSpeed:500,
        pauseTime:5000,
        startSlide:0,
        directionNav:true,
        directionNavHide:true,
        controlNav:true,
        controlNavThumbs:false,
        controlNavThumbsFromRel:true,
        keyboardNav:true,
        pauseOnHover:true,
        manualAdvance:false
    });
});

$(document).ready(function(){
    
  $("#solc01").hover(function(){
    $("#vineta01").css("display","inline").css("opacity","0");
    $('#vineta01').animate({
      opacity:1,
    }, 500, function() {
	  // Animation complete.
    });
  
  },function() {
  
    $('#vineta01').animate({
      opacity:0,
    }, 500, function() {
	  // Animation complete.
	  $("#vineta01").css("display","none");
    });
  
  });
  
  
  
  $("#solc02").hover(function(){
    $("#vineta02").css("display","inline").css("opacity","0");
    $('#vineta02').animate({
      opacity:1,
    }, 500, function() {
	  // Animation complete.
    });
  
  },function() {
  
    $('#vineta02').animate({
      opacity:0,
    }, 500, function() {
	  // Animation complete.
	  $("#vineta02").css("display","none");
    });
  
  });
  
  
  
  $("#solc03").hover(function(){
    $("#vineta03").css("display","inline").css("opacity","0");
    $('#vineta03').animate({
      opacity:1,
    }, 500, function() {
	  // Animation complete.
    });
  
  },function() {
  
    $('#vineta03').animate({
      opacity:0,
    }, 500, function() {
	  // Animation complete.
	  $("#vineta03").css("display","none");
    });
  
  });
  
  
  
  $("#solc04").hover(function(){
    $("#vineta04").css("display","inline").css("opacity","0");
    $('#vineta04').animate({
      opacity:1,
    }, 500, function() {
	  // Animation complete.
    });
  
  },function() {
  
    $('#vineta04').animate({
      opacity:0,
    }, 500, function() {
	  // Animation complete.
	  $("#vineta04").css("display","none");
    });
  
  });
  
  
  
  $("#solc05").hover(function(){
    $("#vineta05").css("display","inline").css("opacity","0");
    $('#vineta05').animate({
      opacity:1,
    }, 500, function() {
	  // Animation complete.
    });
  
  },function() {
  
    $('#vineta05').animate({
      opacity:0,
    }, 500, function() {
	  // Animation complete.
	  $("#vineta05").css("display","none");
    });
  
  });
  
  
  
  $("#solc06").hover(function(){
    $("#vineta06").css("display","inline").css("opacity","0");
    $('#vineta06').animate({
      opacity:1,
    }, 500, function() {
	  // Animation complete.
    });
  
  },function() {
  
    $('#vineta06').animate({
      opacity:0,
    }, 500, function() {
	  // Animation complete.
	  $("#vineta06").css("display","none");
    });
  
  });
  
  
  
  $("#solc07").hover(function(){
    $("#vineta07").css("display","inline").css("opacity","0");
    $('#vineta07').animate({
      opacity:1,
    }, 500, function() {
	  // Animation complete.
    });
  
  },function() {
  
    $('#vineta07').animate({
      opacity:0,
    }, 500, function() {
	  // Animation complete.
	  $("#vineta07").css("display","none");
    });
  
  });
  
  
  
  $("#solc08").hover(function(){
    $("#vineta08").css("display","inline").css("opacity","0");
    $('#vineta08').animate({
      opacity:1,
    }, 500, function() {
	  // Animation complete.
    });
  
  },function() {
  
    $('#vineta08').animate({
      opacity:0,
    }, 500, function() {
	  // Animation complete.
	  $("#vineta08").css("display","none");
    });
  
  });
  
  
  
  $("#nfcn").click(function(){
    //$("#vineta08").css("display","inline").css("opacity","0");
    $(".cntt").slideToggle("slow");
	/*$('#vineta08').animate({
      opacity:1,
    }, 500, function() {
	  // Animation complete.
    });
  
  },function() {
  
    $('#vineta08').animate({
      opacity:0,
    }, 500, function() {
	  // Animation complete.
	  $("#vineta08").css("display","none");
    });*/
  
  });
  
  $("#nfcc").click(function(){
    //$("#vineta08").css("display","inline").css("opacity","0");
    $(".cntt").slideToggle("slow");
	/*$('#vineta08').animate({
      opacity:1,
    }, 500, function() {
	  // Animation complete.
    });
  
  },function() {
  
    $('#vineta08').animate({
      opacity:0,
    }, 500, function() {
	  // Animation complete.
	  $("#vineta08").css("display","none");
    });*/
  
  });
  
  
  $("#mmng").click(function(){
    $(".clda").css("background-color","#4e838d");
	$("#argm").html("Bajo el modelo de MasNegocio, los principales factores de costo en el uso de plataformas tecnológicas se convierten en un esquema de renta bajo demanda, donde únicamente paga lo que utiliza.");
	$(this).css("display","none");
    $("#mtrd").css("display","block");
  });
  
  $("#mtrd").click(function(){
    $(".clda").css("background-color","");
	$("#argm").html("Bajo un modelo tradicional, la inversión necesaria implica diferentes consideraciones para poder operar un modelo tecnológico altamente eficiente.");
	$(this).css("display","none");
    $("#mmng").css("display","block");
  });
  
});