$('document').ready(function(){
  if(document.getElementById('lateralRight')) loadbox("lateral",200);
  function divHidden(div){ if(divReplace){ $(div).fadeOut(); }};
  function divVisible(div){ $(div).fadeIn(); };
  divReplace=false; 
  $("#buttonHTML5").hover(function(){ divVisible('#contentButton'); divReplace=true; }, function(){ setTimeout(function(){ divHidden('#contentButton'); }, 10); } );
  $("#contentButton").hover(function(){ divReplace=false; }, function () { divReplace=true; divHidden('#contentButton'); } );
  
  var move = -10;	
  var zoom = 1;//zoom percentage, 1.2 =120%
  $('.zitem').hover(function() {		
	$(this).find('img').stop(false,true).animate({ 'top':move, 'left':move}, {duration:200});
  },
  function() {
	$(this).find('img').stop(false,true).animate({'top':'0','left':'0'}, {duration:100});
  });
});

function hidd(d,e){
	$(d).css({display:(e?'none':'')});
}


function divClass(obj,est,cssClass){
	if(est){
	   $(obj).addClass(cssClass+'2');
	   $(obj).removeClass(cssClass);
	} else {
	   $(obj).addClass(cssClass);
	   $(obj).removeClass(cssClass+'2');
	}
}

// BOX
newTop = 0;
function loadbox(seccion,n){
	if(document.getElementById(seccion)){
	   $('body').append('<img src="bit.gif" onload="scrollbox(\''+seccion+'\','+n+');fixedbox(\''+seccion+'\','+n+');" style="display:none;">');
	} else {
	   setTimeout('loadbox(\''+seccion+'\')',1000);
	}
}
function scrollbox(seccion,n){
	$(window).on('scroll', function(){ fixedbox(seccion,n); });
}
function fixedbox(seccion,n){
	var top = $(window).scrollTop();
	var posicion = $('#foot').position();
	var result = posicion.top-top;
	if(top>n){
	   $('#'+seccion).addClass('fixRight');
	   if(result<$("#lateral").height()){
		  if(newTop==0){
			  newTop = top;
			  hidd("#lateral",1);
			  $("#lateralRight").html($("#lateral").html());
		  }	  
	   } else {
		  newTop = 0;
		  hidd("#lateral",0);
		  $("#lateralRight").html('');
	   }
	} else {
	   $('#'+seccion).removeClass('fixRight');
	}
}