$(document).ready(function () {

  
  
  $(".box").each(function(){
    $(this).find(".boxgrid:last").css("opacity", 0).css("display", "none");
    $(this).find(".boxgrid:first").addClass("on");
    $(this).hover(function() {
        $(this).find(".boxgrid:first .cover").stop().animate({top:'74px'},{queue:false,duration:160});
      }, function() {
        $(this).find(".boxgrid:first .cover").stop().animate({top:'114px'},{queue:false,duration:160});
      });
  });
  
  
  times = [1,2,3,4,5,6];
  times.sort(function() {return 0.5 - Math.random()});
  timing = 4000;
  setTimeout("setFade($('#one'));", timing*times[0]);
  setInterval("setFade($('#one'));", 30000+timing*times[0])
  // setTimeout("$('#one').innerfade({speed: 5000,timeout: 15000, type: 'sequence', containerheight: '114px'});", timing*times[0]);
  
  setTimeout("setFade($('#two'));", timing*times[1]);
  setInterval("setFade($('#two'));", 30000+timing*times[1])
  // setTimeout("$('#two').innerfade({speed: 5000,timeout: 15000, type: 'sequence', containerheight: '114px'});", timing*times[1]);
  
  setTimeout("setFade($('#three'));", timing*times[2]);
  setInterval("setFade($('#three'));", 30000+timing*times[2])
  // setTimeout("$('#three').innerfade({speed: 5000,timeout: 15000, type: 'sequence', containerheight: '114px'});", timing*times[2]);  
  
  setTimeout("setFade($('#four'));", timing*times[3]);
  setInterval("setFade($('#four'));", 30000+timing*times[3])
  // setTimeout("$('#four').innerfade({speed: 5000,timeout: 15000, type: 'sequence', containerheight: '114px'});", timing*times[3]);

  setTimeout("setFade($('#five'));", timing*times[4]);
  setInterval("setFade($('#five'));", 30000+timing*times[4])
  // setTimeout("$('#five').innerfade({speed: 5000,timeout: 15000, type: 'sequence', containerheight: '114px'});", timing*times[4]);

  setTimeout("setFade($('#six'));", timing*times[5]);
  setInterval("setFade($('#six'));", 30000+timing*times[5])
  // setTimeout("$('#six').innerfade({speed: 5000,timeout: 15000, type: 'sequence', containerheight: '114px'});", timing*times[5]);
});

function setFade(object, count) {
  first_opacity = $(object).find(".boxgrid:first").css("opacity");
  if(first_opacity == 0) {
    $(object).find(".boxgrid:first").toggleClass('on').css("display", "inline").animate({
      opacity:1
    }, 5000);
    $(object).find(".boxgrid:last").toggleClass('on').animate({
      opacity:0
    }, 5000, function(){
      $(this).css("display", "none");
    });
    $(object).hover(function() {
        $(this).find(".boxgrid:first .cover").stop().animate({top:'74px'},{queue:false,duration:160});
      }, function() {
        $(this).find(".boxgrid:first .cover").stop().animate({top:'114px'},{queue:false,duration:160});
      });
  }else {
    $(object).find(".boxgrid:first").toggleClass('on').animate({
      opacity:0
    }, 5000, function(){
      $(this).css("display", "none");
    });
    $(object).find(".boxgrid:last").toggleClass('on').css("display", "inline").animate({
      opacity:1
    }, 5000);
    $(object).hover(function() {
        $(this).find(".boxgrid:last .cover").stop().animate({top:'74px'},{queue:false,duration:160});
      }, function() {
        $(this).find(".boxgrid:last .cover").stop().animate({top:'114px'},{queue:false,duration:160});
      });
  }
}
// 
// function timeFade(object) {
//   $(object).innerfade({speed: 5000,timeout: 6000, type: 'sequence', containerheight: '114px'});
// }